﻿
.theme_search_form_area {
    background: #FFFFFF;
    box-shadow: 4px 14px 28px rgb(0 0 0 / 10%);
}

.flight_Search_boxed {
    background: #00000017;
}

    .flight_Search_boxed input {
        background: transparent;
    }

    .flight_Search_boxed p {
        color: #818090;
    }

    .flight_Search_boxed .type-label p {
        color: #272727;
    }

.icon_st1 img {
    background: none !important;
    color: var(--main-color);
}

.traveller-calulate-persons .passengers .passengers-types .passengers-type .text .type-label span {
    color: #4c4c4c;
}


.traveller-calulate-persons .passengers .passengers-types .passengers-type .button-set button {
    color: #4c4c4c;
    border: 1px solid #d8d8d8;
}

.traveller-calulate-persons .passengers h6 {
    color: var(--main-color);
}

.traveller-calulate-persons .cabin-selection {
    border-top: 1px solid #c7c7cc;
}

.traveller-calulate-persons .label-select-btn:hover {
    background: var(--main-color);
    color: var(--white-color);
}

.traveller-calulate-persons .label-select-btn.active {
    background: var(--main-color);
    color: var(--white-color);
}

.traveller-calulate-persons .cabin-selection h6 {
    color: var(--main-color);
}

.range_plan i {
    background: #f5eefd;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: var(--white-color) !important;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid var(--main-color) !important;
        background: var(--main-color) !important;
        color: var(--white-color) !important;
    }*/
/*-------- Date Picker -------*/


/*.ui-datepicker {
    background-color: #fff !important;
    border: 1px solid #f8f7fc;
    box-shadow: 5px 4px 12px 4px rgba(79, 37, 225, 0.03);
    background: #fff !important;
}*/


/* .ui-datepicker .ui-datepicker-header {
        color: #312d65;
        background-color: transparent;
        background: #fff !important;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            color: #312d65;
        }


            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before {
                color: #343a40;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
                color: #343a40;
            }


        .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
            color: #3d4e67;
            background-color: transparent;
        }

    .ui-datepicker .ui-datepicker-calendar th {
        color: #a3a7b7;
        background: #fff;
    }

    .ui-datepicker .ui-datepicker-calendar td {
        border: 0px solid #f6f7fb;
        background-color: #fff;
    }

        .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
            color: #ccc;
        }

        .ui-datepicker .ui-datepicker-calendar td a,
        .ui-datepicker .ui-datepicker-calendar td span {
            background-color: #fff;
            color: #312d65;
        }

            .ui-datepicker .ui-datepicker-calendar td a:hover {
                background-color: #f0f2f7;
                color: #312d65;
            }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        background-color: #f8f9fa;
        color: #312d65;
    }*/