﻿/*-------------------- cp_form --------------------*/

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.cp_form, .cp_form .cp_radio, .cp_group {
    position: relative
}

    .cp_form .cp_group .cp_file .file_text, .cp_form .cp_group input[type=button], .cp_form .cp_group input[type=checkbox], .cp_form .cp_group input[type=date], .cp_form .cp_group input[type=email], .cp_form .cp_group input[type=number], .cp_form .cp_group input[type=password], .cp_form .cp_group input[type=radio], .cp_form .cp_group input[type=submit], .cp_form .cp_group input[type=tel], .cp_form .cp_group input[type=text], .cp_form .cp_group input[type=url], .cp_form .cp_group select, .cp_form .cp_group textarea {
        font-family: inherit
    }

    .cp_form .cp_group input,
    .cp_form .cp_group .tw-dest-input {
        height: 1.9rem
    }

    .cp_form .cp_group textarea {
        resize: vertical
    }

    .cp_form .cp_group select::-ms-expand {
        display: none
    }

    .cp_form .cp_ipselect, .cp_form .cp_ipselect_top {
        position: relative;
        width: 100%;
        font-size: .8rem;
        padding: .1px;
    }

    .cp_form .cp_ipselect_top {
        margin-top: 20px
    }

    .cp_form .cp_sl {
        position: relative;
        font-size: 1rem;
        font-family: inherit;
        background-color: transparent;
        width: 100%;
        padding: 10px 10px 10px 0;
        border-radius: 0;
        border: 0
    }

    .cp_form .cp_sl_text {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .cp_form .cp_sl:focus {
        outline: 0;
        border-bottom: 1px solid transparent
    }

    .cp_form .cp_ipselect .cp_sl {
        -webkit-appearance: none;
        appearance: none
    }

    .cp_form .cp_ipselect:after {
        position: absolute;
        top: 50%;
        right: 10px;
        width: 0;
        height: 0;
        padding: 0;
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid rgba(0, 0, 0, .3);
        pointer-events: none;
        transform: translateY(-50%);
    }

    .cp_form .cp_sl_selectlabel {
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 10px;
        transition: .2s ease all
    }

    .cp_form .cp_sl:focus ~ .cp_sl_selectlabel, .cp_form .cp_sl:valid ~ .cp_sl_selectlabel {
        top: -20px;
        transition: .2s ease all
    }

    .cp_form .cp_sl_selectbar {
        position: relative;
        display: block;
        width: 100%
    }

        .cp_form .cp_sl_selectbar:after, .cp_form .cp_sl_selectbar:before {
            content: '';
            height: 2px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #333;
            transition: .2s ease all
        }

        .cp_form .cp_sl_selectbar:before {
            left: 50%
        }

        .cp_form .cp_sl_selectbar:after {
            right: 50%
        }

    .cp_form .cp_sl:focus ~ .cp_sl_selectbar:after, .cp_form .cp_sl:focus ~ .cp_sl_selectbar:before {
        width: 50%
    }

    .cp_form .cp_sl_highlight {
        position: absolute;
        top: 25%;
        left: 0;
        pointer-events: none;
        opacity: .5
    }

    .cp_form .cp_group .cp_label {
        position: absolute;
        top: .25rem;
        pointer-events: none;
        padding-left: .125rem;
        z-index: 1;
        font-weight: 400;
        -webkit-transition: all .28s ease;
        transition: all .28s ease
    }

    .cp_form .cp_group .bar {
        position: relative;
        border-bottom: .0625rem solid #999;
        display: block
    }

        .cp_form .cp_group .bar:before {
            content: '';
            height: .125rem;
            width: 0;
            left: 50%;
            bottom: -0.0625rem;
            position: absolute;
            background: #333;
            -webkit-transition: left .28s ease, width .28s ease;
            transition: left .28s ease, width .28s ease;
            z-index: 2
        }

    .cp_form .cp_group input[type=button], .cp_form .cp_group input[type=checkbox], .cp_form .cp_group input[type=date], .cp_form .cp_group input[type=email], .cp_form .cp_group input[type=number], .cp_form .cp_group input[type=password], .cp_form .cp_group input[type=radio], .cp_form .cp_group input[type=submit], .cp_form .cp_group input[type=tel], .cp_form .cp_group input[type=text], .cp_form .cp_group input[type=url], .cp_form .cp_group textarea, .cp_form .cp_group .tw-dest-input {
        display: block;
        background: 0;
        padding: .125rem .125rem .0625rem;
        border-width: 0;
        border-color: transparent;
        line-height: 1.9;
        width: 100%;
        -webkit-transition: all .28s ease;
        transition: all .28s ease;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .cp_form .cp_group input:focus, .cp_form .cp_group input:valid, .cp_form .cp_group select, .cp_form .cp_group textarea:focus, .cp_form .cp_group textarea:valid {
            padding-left: 10px
        }

            .cp_form .cp_group input:focus ~ .cp_label, .cp_form .cp_group input:valid ~ .cp_label, .cp_form .cp_group select ~ .cp_label, .cp_form .cp_group textarea:focus ~ .cp_label, .cp_form .cp_group textarea:valid ~ .cp_label, .cp_form .cp_group textarea:invalid ~ .cp_label, .cp_form .cp_group div:focus ~ .cp_label, .cp_form .cp_group .isValid ~ .cp_label {
                font-size: .8rem;
                top: -1rem;
                left: 0
            }

            .cp_form .cp_group input:focus, .cp_form .cp_group select:hover, .cp_form .cp_group textarea:focus {
                outline: 0
            }

                .cp_form .cp_group input:focus ~ .cp_label, .cp_form .cp_group select:hover ~ .cp_label, .cp_form .cp_group textarea:focus ~ .cp_label {
                    color: #333
                }

                .cp_form .cp_group input:focus ~ .bar:before, .cp_form .cp_group select:hover ~ .bar:before, .cp_form .cp_group textarea:focus ~ .bar:before {
                    width: 100%;
                    left: 0
                }

    .cp_form .checkbox label, .cp_form .cp_radio label {
        position: relative;
        cursor: pointer;
        padding-left: 1.4rem;
        text-align: left;
        display: block;
        margin-bottom: 0
    }

    .cp_form .checkbox input, .cp_form .cp_radio input {
        width: auto;
        opacity: 1e-8;
        position: absolute;
        left: 0
    }

    .cp_form .radio {
        margin-bottom: 1rem;
        display: inline-flex;
        margin-right: 10px
    }

        .cp_form .radio .ch_bar {
            position: absolute;
            top: -0.25rem;
            left: -0.25rem;
            cursor: pointer;
            display: block;
            font-size: 1rem;
            -webkit-user-select: none;
            user-select: none;
            color: #999
        }

            .cp_form .radio .ch_bar:after, .cp_form .radio .ch_bar:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                margin: .25rem;
                width: 1rem;
                height: 1rem;
                -webkit-transition: -webkit-transform .28s ease;
                transition: transform .28s ease;
                border-radius: 50%;
                border: .125rem solid currentColor
            }

            .cp_form .radio .ch_bar:after {
                -webkit-transform: scale(0);
                transform: scale(0);
                background-color: #333;
                border-color: #333
            }

        .cp_form .radio label:hover .ch_bar {
            color: #333
        }

        .cp_form .radio input:checked ~ .ch_bar:after {
            -webkit-transform: scale(0.5);
            transform: scale(0.5)
        }

        .cp_form .radio input:checked ~ .ch_bar:before {
            color: #333
        }

    .cp_form .checkbox .ch_bar {
        color: #999;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 1rem;
        height: 1rem;
        z-index: 0;
        border: .125rem solid currentColor;
        border-radius: .0625rem;
        -webkit-transition: border-color .28s ease;
        transition: border-color .28s ease
    }

        .cp_form .checkbox .ch_bar:after, .cp_form .checkbox .ch_bar:before {
            position: absolute;
            height: 0;
            width: .2rem;
            background-color: #333;
            display: block;
            -webkit-transform-origin: left top;
            transform-origin: left top;
            border-radius: .25rem;
            content: '';
            -webkit-transition: opacity .28s ease, height 0 linear .28s;
            transition: opacity .28s ease, height 0 linear .28s;
            opacity: 0
        }

        .cp_form .checkbox .ch_bar:before {
            top: .65rem;
            left: .38rem;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            -webkit-box-shadow: 0 0 0 .0625rem #fff;
            box-shadow: 0 0 0 .0625rem #fff
        }

        .cp_form .checkbox .ch_bar:after {
            top: .3rem;
            left: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    .cp_form .checkbox input:checked ~ .ch_bar, .cp_form .checkbox label:hover .ch_bar {
        color: #333
    }

        .cp_form .checkbox input:checked ~ .ch_bar:after, .cp_form .checkbox input:checked ~ .ch_bar:before {
            opacity: 1;
            -webkit-transition: height .28s ease;
            transition: height .28s ease
        }

        .cp_form .checkbox input:checked ~ .ch_bar:after {
            height: .5rem
        }

        .cp_form .checkbox input:checked ~ .ch_bar:before {
            height: 1.2rem;
            -webkit-transition-delay: .28s;
            transition-delay: .28s
        }

@media(max-width:768px) {
    .cp_form .radio {
        margin-bottom: 1rem;
        display: block
    }
}

.search-box .cp_group {
    margin-top: 1.9rem;
    padding-top: 3px;
}

/*.search-box .cp_ipselect {
    padding-top: 0;
}*/

.tw-dest-input, .tw-date-input, .cp_label {
    color: #fff !important;
}

.search-box .cp_form .cp_group .bar:before {
    background: #fff !important;
}

.search-box .cp_sl {
    /*padding:0 !important;*/
    color: #fff !important;
}

.search-box .cp_sl_selectlabel {
    color: #fff !important;
}

.search-box .cp_form .cp_ipselect:after {
    border-top: 6px solid #fff;
}

.search-box .cp_form .cp_sl {
    padding: .125rem .125rem .0625rem;
}

.search-box .cp_sl option {
    color: #000 !important;
}

.search-box .cp_group input {
    color: #fff !important;
    background: none !important;
}

.search-box .btn-outline-secondary {
    color: #fff;
}

.search-box .btn-group {
    flex-wrap: nowrap;
}

    .search-box .btn-group > a {
        width: 33.3333%;
    }

.tw-days-inputs {
    display: flex;
    align-items: center;
}

    .tw-days-inputs span {
        white-space: nowrap;
    }

    .tw-days-inputs .cp_ipselect {
        width: 4rem;
        flex: 0 0 auto;
    }

.search-box .cp_form .cp_group input::placeholder {
    color: rgba(255,255,255,.7);
}

.search-box .cp_sl optgroup {
    font-weight: bold;
    color: #000;
}

.search-box .small {
    font-size:.8rem;
}

@media(max-width:991px) {
    .search-box .cp_ipselect_sub {
        margin-top: .5rem;
    }
}

@media(max-width:767px) {
    .search-box .btn-group > a {
        font-size: .75rem;
    }
}
