/* header */

.customHeader {
    background-color: #9B2226 !important;
    }

/* footer */
.customFooter {
    background-color: #9B2226 !important;
    color: White !important;
    }

/* footer link color */
.customFooter a {
    color: White !important;
}

/* background colours */
body {
    background-color: #FFFFFF !important;
    }

#progress-bar {
    background-color: #FFFFFF !important;
    }

.mm-searchform--col .form-control, .mm-searchform--col .input-group-addon, #pax-cabin {
    background-color: #FFFFFF !important;
    }

.form-control {
    background-color: #FFFFFF !important;
    }

.flight {
    background-color: #FFFFFF !important;
    }

.flight-details {
    background-color: #FFFFFF !important;
    }

.checkbox-custom ~ .checkbox-custom-label:before {
    background: #FFFFFF;
    }

.btn-default{
    background-color: #FFFFFF !important;
    }

#filters {
    background-color: #FFFFFF !important;
    }

.css-label:before {
    background: #FFFFFF;
    }

.accommodation-details .location-description--overlay {
    background-image: linear-gradient(to bottom, rgba(255,255,255, 0), #FFFFFF 100%) !important;
}

/* borders and summary and popup */
.borderColor {
    border-color: #9B2226 !important;
}

.borderTextColor {
    color: #FFFFFF !important;
}

#progress-bar {
    border-top: solid 8px #9B2226 !important;
    }

#filters {
    border: solid 4px #9B2226 !important;
}

#summary {
    background-color: #9B2226;
}

.summary-full {
    background-color: #9B2226;
}

.mm-searchform .collapse {
    border-top: solid 8px #9B2226 !important;
    border-bottom: solid 8px #9B2226 !important;
    }

.form-control, #pax-cabin {
    border: solid 3px #9B2226 !important;
    }

.ui-datepicker-trigger {
    border-right: solid 3px #9B2226 !important;
    border-top: solid 3px #9B2226 !important;
    border-bottom: solid 3px #9B2226 !important;
    }

.checkbox-custom:checked ~ .checkbox-custom-label:before {
    background: #9B2226;
    }

.checkbox-custom ~ .checkbox-custom-label:before {
    border: solid 2px #9B2226;
    }

p.title {
    background-color: #9B2226 !important;
    color: #FFFFFF !important;
}

.popup {
    border: solid 3px #9B2226;
}

.results-sort {
    border-bottom: solid 1px #9B2226 !important;
}

#accommodation-filters h5 {
    border-top: solid 3px #9B2226 !important;
}

/* input border radius */
.btn-searchFlights {
    border: 0px;
}

.form-control {
    border-radius: 5px !important;
}

.mm-searchform--col .form-control, .mm-searchform--col .input-group-addon, #pax-cabin {
    border-radius: 5px !important;
}

.mm-searchform--col .form-control, .mm-searchform--col .input-group-addon, #pax-cabin {
    border-radius: 5px !important;
}

.btn {
    border-radius: 5px !important;
}

.btn-applyfilter {
    border-radius: 5px !important;
}

.checkbox-custom ~ .checkbox-custom-label:before {
    border-radius: 5px !important;
    }

/* main continue button color */
.customButton {
    background-color: #D3D3D3 !important;
    border-color: #D3D3D3 !important;
    color: #000000 !important;
}

.customButton:hover {
    background-color: #0B090A !important;
    border-color: #0B090A !important;
    color: #FFFFFF !Important;
}

/* flight choice button color */
.customFlightChoiceButton {
    background-color: #B1A7A6 !important;
    color: #000000 !important;
    border: solid 4px #B1A7A6 !important;
}

.customFlightChoiceButton:hover, .customFlightChoiceButton.active {
    background-color: #A4161A !important;
    color: #FFFFFF !important;
    border: solid 4px #A4161A !important;
}

/* other button colours */
.customOtherButton {
    background-color: #F5F3F4 !important;
    color: #000000 !important;
}

.customButtonOpacity {
    opacity: 50%;
}

.customOtherButton: hover {
    background-color: #BA181B !important;
    color: #FFFFFF !important;
}

/* accent colours */
.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active {
    background-color: #6C757D !important;
    color: #FFFFFF !important;
}

.ui-datepicker-calendar .hover-end, .ui-datepicker-calendar .highlight-end, .ui-datepicker-calendar .highlight-end .ui-state-active, .ui-datepicker-calendar .highlight-end .ui-state-default {
    background-color: #6C757D !important;
    color: #FFFFFF !important;
}

.highlight .ui-state-default, .highlight .ui-widget-content .ui-state-default {
    background-color: #6C757D !important;
    color: #FFFFFF !important;
    opacity: 75%;
}

.accentColor {
    background-color: #6C757D !important;
    color: #FFFFFF !important;
}

.star-rating i {
    color: #6C757D !important;
}

.noUi-connect {
    background: #6C757D !important;
}

.cal-child.cheapest {
    background-color: #F5F3F4 !important;
    border-color: #F5F3F4 !important;
}

.selectedRow, .cal-child.cheapest.selectedRow {
    border-top: 2px dashed #6C757D !important;
    border-bottom: 2px dashed #6C757D !important;
}

.selectedCol, .cal-child.cheapest.selectedCol {
    border-right: 2px dashed #6C757D !important;
    border-left: 2px dashed #6C757D !important;
}

.calendarPopup .popupText {
    background-color: #F5F3F4 !important;
    border-color: #6C757D !important;
}

.cal-child:hover {
    background-color: #F5F3F4 !important;
}