.accordion.c-quote-accordion .field-heading:after {
    font-family: FontAwesome;
    font-size: 20px;
    content: "";
    float: right;
    color: #009ade;
}

.accordion.c-quote-accordion .toggle-header .component .field-heading {
    padding-left: 0px;
    padding-top: 2px;
    font-size: 20px;
    white-space: nowrap;
}

.accordion-title {
    width: 100%;
}

    .accordion-title > div {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 900px;
    }

@media (max-width: 1200px) {
    .accordion-title > div {
        width: 800px;
    }
}

@media (max-width: 992px) {
    .accordion-title > div {
        width: 550px;
    }
}

@media (max-width: 768px) {
    .accordion-title > div {
        width: 400px;
    }

    .c-select-group-travellers {
        display: block !important;        
    }

        .c-select-group-travellers a.chosen-single {
            width: 150px;
        }


    .Travellers .travellersCountSelect {
        width: 150px !important;
    }
}

@media (max-width: 576px) {
    .accordion-title > div {
        width: 200px;
    }
}

.accordion.c-quote-accordion
.toggle-header
.component
.field-heading
.accordion-title {
    font-weight: normal !important;
}

.accordion.c-quote-accordion .toggle-header .component .field-heading:before {
    display: none;
}

.c-quote-accordion .toggle-header {
    border-bottom-color: #f7f7f7;
}

.c-quote-accordion .toggle-content {
    padding: 25px;
    background-color: rgb(247, 247, 247);
}

.quote-accordion-title-blue {
    color: #009ade;
    font-weight: 500;
}

.c-quote-accordion .toggle-header .quote-accordion-title-blue:hover {
    background-color: #82cafa !important;
    color: #ffffff;
}

.c-quote-accordion .toggle-header .label {
    padding: 7px 7px 7px 0px !important;
}

.c-quote-accordion {
    padding: 0px !important;
}

.prettyfied-select .dropDown li.hover {
    background: #e7f6fe !important;
}

.prettyfied-select .dropDown li {
    padding: 8px 0 8px 0px !important;
}

.prettyfied-select .dropDown {
    text-align: center !important;
    font-size: 20px !important;
}

.prettyfied-select .prettyfied-select-box {
    font-size: 20px !important;
}
/* Styling for Duration Dropdown */
.c-quote-step .quote-duration option {
    font-size: 20px;
    color: #009ade;
}

.quote-duration {
    font-size: 20px;
    color: #009ade;
    /* border: none; */
    border: 1px solid #ccc;
}

.react-datepicker-group .chosen-container-active.chosen-with-drop .chosen-single,
.Travellers .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
}

.react-datepicker-group .chosen-container-single .chosen-single,
.Travellers .chosen-container-single .chosen-single {
    height: 79px !important;
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
}

.react-datepicker-group .chosen-container-active .chosen-with-drop .chosen-single,
.Travellers .chosen-container-active .chosen-with-drop .chosen-single {
    background: none !important;
    background-image: none !important;
}

.react-datepicker-group .chosen-container-single .chosen-single .chosen-default span,
.Travellers .chosen-container-single .chosen-single .chosen-default span {
    padding-top: 15px;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #009ade !important;
}

.react-datepicker-group .chosen-container-single .chosen-single span,
.Travellers .chosen-container-single .chosen-single span {
    padding-top: 25px !important;
    padding-left: 7px;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #009ade !important;
}

.react-datepicker-group .chosen-container-single .travellersCountSelect .chosen-single span,
.Travellers .travellersCountSelect .chosen-container-single .chosen-single span {
    padding-top: 25px !important;
    padding-left: 2px !important;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-weight: 100 !important;
    font-size: 50px !important;
    color: #009ade !important;
    overflow: visible !important
}

.react-datepicker-group .chosen-container .chosen-results li.active-result,
.Travellers .chosen-container .chosen-results li.active-result {
    font-size: 16px;
    color: #009ade !important;
}

.react-datepicker-group .chosen-container-single .chosen-single div b,
.Travellers .chosen-container-single .chosen-single div b {
    background: url(/-/media/Base-Themes/SCTI-Common/images/iconDropDownArrowBlue.png) no-repeat 0px 24px !important;
}

.react-datepicker-group .travellersCountSelect .chosen-container-single .chosen-single div b,
.Travellers .travellersCountSelect .chosen-container-single .chosen-single div b {
    background: url(/-/media/Base-Themes/SCTI-Common/images/iconDropDownArrowBlue.png) no-repeat 3px 28px !important;
}

.react-datepicker-group .chosen-container .chosen-results li.highlighted,
.Travellers .chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.highlighted {
    background: #e7f6fe !important;
}

.chosen-container .chosen-results li.highlighted {
    color: #000 !important;
}

.react-datepicker__label {
    font-size: 16px !important;
}

.react-datepicker-group .chosen-container,
.Travellers .chosen-container {
    width: 100% !important;
}

.react-datepicker-group .chosen-container-single .chosen-single div,
.Travellers .chosen-container-single .chosen-single div {
    width: 35px !important;
}

.react-datepicker-group .chosen-container .chosen-drop,
.Travellers .chosen-container .chosen-drop {
    /* border-top: 1px solid #aaa !important; */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
}

.react-datepicker-group .chosen-container-active .chosen-single,
.Travellers .chosen-container-active .chosen-single {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Styling for Promotions */

.Promotions .c-radio__label {
    min-height: 144px;
}

/* Styling for number fields*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=text]::-ms-clear,
input[type=number]::-ms-clear {
    display: none;
}

@media (min-width: 768px) {
    .accordion.c-quote-accordion .toggle-header .component .field-heading {
        font-weight: bold !important;
    }

    .c-quote-step > h3 {
        font-size: 24px;
    }

    .c-select-group-travellers a.chosen-single {
        width: 90px;
    }   
}

input.c-input-text.c-input-text--traveller-age::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

input.c-input-text.c-input-text--traveller-age::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

input.c-input-text.c-input-text--traveller-age::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}

input.c-input-text.c-input-text--traveller-age::placeholder {
    color: #ccc;
}
