.accordion.c-quote-accordion .field-heading:after {
    color: #009ade;
    content: "";
    float: right;
    font-family: FontAwesome;
    font-size: 20px;
}

.accordion.c-quote-accordion .toggle-header .component .field-heading {
    font-size: 20px;
    padding-left: 0px;
    padding-top: 2px;
    white-space: nowrap;
}

.accordion-title { width: 100%; }

.accordion-title > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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 {
    background-color: rgb(247, 247, 247);
    padding: 25px;
}

.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 {
    font-size: 20px !important;
    text-align: center !important;
}

.prettyfied-select .prettyfied-select-box { font-size: 20px !important; }

/* Styling for Duration Dropdown */

.c-quote-step .quote-duration option {
    color: #009ade;
    font-size: 20px;
}

.quote-duration {
    /* border: none; */
    border: 1px solid #ccc;
    color: #009ade;
    font-size: 20px;
}

.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 {
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
    height: 79px !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 {
    color: #009ade !important;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15px;
}

.react-datepicker-group .chosen-container-single .chosen-single span,
.Travellers .chosen-container-single .chosen-single span {
    color: #009ade !important;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-left: 7px;
    padding-top: 25px !important;
}

.react-datepicker-group .chosen-container-single .travellersCountSelect .chosen-single span,
.Travellers .travellersCountSelect .chosen-container-single .chosen-single span {
    color: #009ade !important;
    font-family: "omnes-pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 50px !important;
    font-weight: 100 !important;
    overflow: visible !important;
    padding-left: 2px !important;
    padding-top: 25px !important;
}

.react-datepicker-group .chosen-container .chosen-results li.active-result,
.Travellers .chosen-container .chosen-results li.active-result {
    color: #009ade !important;
    font-size: 16px;
}

.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-Optimized/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-Optimized/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;
    border: 1px solid #d1d1d1 !important;
    border-radius: 3px !important;
    box-shadow: none !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; }