body {
    font-family: Poppins,sans-serif;
    background-color: #f8f8f8 !important;
}

/*label{color:#fff !important; font-size:14px; margin-bottom:0px; font-weight:100 !important;}*/

/* NEW CSS FOR DATEPICKER */
#ui-datepicker-div {
    padding: 0px !important;
    /*border: 5px solid #ffcc00 !important;*/
}

.ui-datepicker .ui-datepicker-header {
    background-color: #ed1c23 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    /*padding:10px 0 !important;*/
}

.ui-datepicker .ui-datepicker-prev {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 14px !important;
}

.ui-datepicker .ui-datepicker-next {
    width: auto !important;
    height: auto !important;
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
}

.ui-datepicker-month {
    background-color: #ed1c23 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.ui-datepicker-year {
    background-color: #ed1c23 !important;
    color: #fff !important;
    font-weight: bold !important;
}

.ui-datepicker-today .ui-state-highlight {
    background-color: #ed1c23 !important;
    color: #fff !important;
    font-weight: bold !important;
}



.autocomplete_completionListElement {
    width: 435px !important;
    z-index: 10001 !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: Black;
    margin: 0px !important;
    line-height: 16px;
    padding: 5px;
    background-color: White;
    text-align: left;
    cursor: 'auto';
    overflow: auto;
    max-height: 200px;
    height: auto;
    visibility: hidden;
    border-style: solid;
    border-color: #6d7079;
    border-width: 1px;
}

.AutoExtenderList {
    list-style: none;
    cursor: auto;
    font-size: 12px;
    color: black;
    padding: 5px;
    font-family: Arial;
}

.autocomplete_highlightedListItem {
    color: White;
    background-color: #4174ba;
    font-size: 12px;
    padding: 5px;
    cursor: default;
    list-style-type: none;
}



label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 0px 8px 0px 0px !important;
    margin-bottom: 3px !important;
}

.form-group {
    position: relative;
    margin-bottom: 5px;
}

.form-control {
    border-radius: 15px;
}

.pdl0 {
    padding-left: 0px;
}

.pdr0 {
    padding-right: 0px;
}

.pd0 {
    padding: 0 !important;
}

.last-row {
    margin-top: 15px;
}

.first-row {
    margin-bottom: 15px;
}

/* SEARCH ENGINE CSS */
.pd8 {
    padding: 0 8px !important;
}

.mt7 {
    margin-top: 7px;
}

.input-new-form-control {
    border-radius: 20px !important;
}

.location-control {
    background: url(../../../images/icons/loc_icon.png) 97% 40% no-repeat #fff;
}

.date-control {
    background: url(../../../images/icons/calendar_icon.png) 97% 40% no-repeat #fff;
}

.name-control {
    background: url(../../../images/icons/user_icon.png) 97% 40% no-repeat #fff;
}

.phone-control {
    background: url(../../../images/icons/phone_icon.png) 97% 40% no-repeat #fff;
}

.radio-new-btn {
    color: #fff;
}

.search-btn-new {
    outline: 0;
    background: #ff3941;
    font-weight: 400;
    color: #fff;
    padding: 2px 15px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin-top: 10px;
}

    .search-btn-new:hover {
        background: #10214d;
        color: #fff;
        transition: all .3s ease;
    }

.select-new-form-control {
    border-radius: 20px !important;
}

::placeholder {
    color: #490a3d !important;
}

.search-engine {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 53%;
    z-index: 9999;
}

.banner-headings {
    color: #fff;
    font-weight: bold;
    margin-bottom: 28px;
}

.search-tab-content {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);
    background: rgba(255, 255, 255, 0.80);
    padding: 15px 0;
    border-radius: 5px;
}

    .search-tab-content label {
        color: rgba(0, 0, 0, 0.87);
        font-size: 16px;
        font-weight: 500;
    }

    .search-tab-content input, .search-tab-content input:focus, .search-tab-content select, .search-tab-content select:focus {
        border-radius: 0 !important;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
        background: none !important;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

        .search-tab-content input::placeholder {
            color: #555 !important;
        }

.add-btn {
    background-color: #1a7ac9 !important;
    margin-top: 20px;
    border-radius: 0px;
    border-color: #1a7ac9;
    font-size: 16px;
}

    .add-btn:hover {
        background-color: #1a7ac9 !important;
        border-color: #1a7ac9;
    }

.direct-flight-btn {
    background-color: #209cee;
    margin-top: 20px;
    border-radius: 0px;
    border-color: #209cee;
    font-size: 16px;
}

    .direct-flight-btn:hover {
        background-color: #209cee;
        border-color: #209cee;
    }

.search-btn {
    background-color: #ee783e;
    margin-top: 20px;
    border-color: #ee783e;
    font-size: 16px;
}

    .search-btn:hover {
        background-color: #ee783e;
        border-color: #ee783e;
    }

.search-calender {
    position: absolute;
    color: #252525;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    width: 32px;
    height: 36px;
    line-height: 36px !important;
}

.flight-heading {
    color: #fff;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

/* UI DATEPICKER CSS */
#ui-datepicker-div {
    position: absolute;
    top: 64.734px; /*width: 240px !important;*/
    box-shadow: 0 1px 6px rgba(0,0,0,.2) !important;
    background: #fff;
    color: #000;
}

.ui-datepicker table {
    font-size: 12px !important;
}

.ui-datepicker-calendar {
    color: #919192 !important;
    font-weight: 500 !important;
    border-top: 1px solid #e9eaec !important;
}
/*.ui-state-highlight:after {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #2d8cf0; position: absolute; top: 1px; right: 1px;}*/
.ui-state-highlight {
    border: none !important;
    background: none !important;
    color: #919192 !important;
    position: relative !important;
}

.ui-state-default {
    border: none !important;
    background: none !important;
    color: #404040 !important;
    padding: 7px 7px !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #919192 !important;
    font-weight: normal !important;
}

.ui-datepicker th {
    font-weight: 200 !important;
    color: #000;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40% !important;
    border: none !important;
    font-size: 13px !important;
}

/* RESPONSIVE CSS */

/*@media only screen and (max-width:900px) {
    body {
        font-family: Poppins,sans-serif;
        background-color: #fff !important;
    }
}*/


@media only screen and (max-width:768px) {
    .topheader::before {
        display: none;
    }

    .search-engine {
        width: 100%;
        border-radius: 3px;
        position: static;
        top: 0;
        left: 0;
        transform: none;
    }

    .smallpd0 {
        padding: 0px;
    }

    label {
        margin-top: 3px;
    }

    .last-row {
        margin-top: 0px;
    }

    #ui-datepicker-div {
        position: absolute;
        top: 350px !important;
    }
}