.colors {
    color: #767c3f; /*logo*/
    color: #7e7184; /*logo*/
    color: #eee9c1; /*logo*/
    color: #b27b76; /*logo*/
    color: #0a0a0a; /*bg*/
    color: #b79f7f; /*underlines*/
    color: #b99e82; /*buttons*/
    color: #b89f80; /*buttons*/
    color: #ffffff; /*text*/
    color: #515555; /*text*/
}

/* Base */
/* body, html {
    font-family: 'Barlow-Regular', serif !important;
} */

/* h1,h2,h3,h4,h5,h6 {
    font-family: 'GildaDisplay-Regular', serif !important;
} */

/* p,
span,
input,
label {
    font-family: 'Barlow-Regular', serif !important;
} */

.btn-primary {
    background-color: #0792CE !important;
    color: white !important;
    /*border-color: #232323 !important;*/
    border-radius: 10px !important;
}

.btn-primary:hover {
    background-color: #0792CE !important;
    opacity: .8;
    color: white !important;
    /*border-color: #b89f80 !important;*/
}

.btn-secondary {
    background-color: #0792CE !important;
    color: white !important;
    /*border-color: #232323 !important;*/
    border-radius: 10px !important;
}

.btn-secondary:hover {
    background-color: #0792CE !important;
    opacity: .8;
    color: white !important;
    /*border-color: #b89f80 !important;*/
}

.btn-primary:disabled,
.btn-secondary:disabled {
    color: #4b4b4b !important;
    background-color: #b4b4b4 !important;
}
/* END Base */


/* NavBar */
.navbar-top {
    background-color: white !important;
    border-bottom: 9px solid #0792CE !important;
}

.navbar-brand {
    height: 75px;
    width: 75px;
}

.nav-list-item-text {
    color: #0792CE !important;
    font-weight: bolder !important;
}

.btn-primary {
    background-color: #0792CE !important;
    color: white !important;
    /*border-color: #232323 !important;*/
    border-radius: 10px !important;
}

.btn-primary:hover {
    background-color: #0792CE !important;
    opacity: .8;
    color: white !important;
    /*border-color: #b89f80 !important;*/
}

.nav-list-item-text:hover {
    color: #0792CE !important;
    opacity: .8;
    background-color: rgba(255, 255, 255, 0) !important;
}

.nav-link-list {
    color: #0792CE !important;
}

.nav-link-list span.MuiTouchRipple-root {
    text-transform: capitalize !important;
    font-weight: bold !important;
}

.drawer-toggler-wrapper,
.drawer-wrapper,
.drawer-header,
.drawer-social-form,
.drawer-divider,
.drawer-close-toggler-icon,
.drawer-menu-select-wrapper,
.navbar-logo-wrapper {
    color: #0792CE;
}

button.auth-signin span svg,
.auth-signin-text {
    color: #0792CE;
}

div.nav-link-wrapper button svg,
button.share-icon-wrapper svg.share-icon-link,
button.auth-signin-icon-wrapper svg.auth-signin-icon,
button.drawer-toggler-icon svg,
div.drawer-social-wrapper button svg,
button.drawer-close-toggler svg {
    color: #0792CE !important;
}

.navbar-expiry-timer {
    color: black;
}
/* END NavBar */


/******************************* Main *******************************/
/* STEPPER */
.stepper-step-icon {
    color: #DFDFDF !important;
}

.stepper-step-icon-active {
    color: #0792CE !important;
}

.popup-content {
    background: white !important;
    color:  #0792CE !important;
}

.bookings-container,
.main-layout {
    filter: opacity(0.97);
}

.main-layout hr {
    background-color: rgba(65, 65, 65, 0.788);
}

.main-layout h1 {
    color: #000000 !important;
}

.main-layout .footer {
    background-color: white;
}

.main-layout .footer-inner {
    background-color: white;
    color: #222222;
}

.popup-content .btn-light {
    border: 1px solid #222222 !important;
    color: white !important;
    background-color: #333333 !important;
}

.slide-warning {
    color: rgb(83, 83, 83);
}

.btn-view-cart {
    background-color: #333333 !important;
    color: white !important;
    border-color: #333333 !important;
    box-shadow: black;
}

.floating-cart-badge {
    background-color: rgba(0, 0, 0, 0) !important;
    color: white !important;
}

.btn-floating-cart:hover .floating-cart-badge,
.btn-floating-cart-expanded .floating-cart-badge {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #0792CE !important;
}

.btn-view-cart:hover,
.btn-floating-cart:hover,
.btn-floating-cart-expanded {
    background-color: #0792CE !important;
    opacity: .8;
    color: white !important;
}

.floating-cart-badge .MuiBadge-badge {
    background-color: #0792CE !important;
    color: #FFFFFF !important;
    border: 1px solid #222222 !important;
}

.stepper-step-icon {
    color: #DFDFDF !important;
}

.stepper-step-icon-active {
    color: #0792CE !important;
}
/* END STEPPER */

/* STEP 1 */
.date-and-pax h1,
.date-and-pax h3,
.date-and-pax table,
.date-and-pax .checkinout,
.domesticCheckBox.Mui-checked {
    color: #222222 !important;
}

.react-calendar {
    background: #ffffff !important;
    color: rgb(97, 97, 97) !important;
    border: 1px solid #222222 !important;
    box-shadow: 4px 4px 8px rgba(255, 255, 255, 0.137) !important;
}

.date-and-pax .pax,
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus,
.react-calendar__navigation button[disabled],
.rdrCalendarWrapper,
.react-calendar__tile:disabled,
.rdrDayToday span::after {
    background-color: #ffffff !important;
}

.rdrDay span {
    color: #0792CE !important;
}

.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span {
    color: white !important;
}

.rdrDayDisabled{
    background-color: transparent !important;
}

.rdrDayPassive span,
.rdrDayDisabled span {
    color: rgba(64, 60, 60, 0.65) !important;
    font-weight: normal;
}

.rdrDateDisplayItem {
    border-color: #222222 !important;
}
/* END STEP 1 */

/* STEP 3 */
.category-image-box .MuiButtonBase-root{
    border:1px solid #333333;
}

.category-image-box .MuiButtonBase-root:hover {
    border:1px solid transparent;
    filter: invert(1);
    background-color: #fff;
}

.category-button-normal{
    color: white !important;
    background-color: #232323 !important;
}

.category-button-normal:hover{
    background-color: #232323 !important;
    color: white !important;
}

.category-button-normal:disabled {
    background-color: rgba(136, 135, 135, 0.62) !important;
    color: rgba(225, 225, 225, 0.94) !important;
}

.category-image-box .MuiButtonBase-root{
    border:1px solid rgb(102, 102, 102) !important;
    color: white !important;
}

.category-image-box .MuiButtonBase-root:hover {
    border:1px solid transparent;
    filter: none !important;
    background-color:rgb(102, 102, 102) !important;
    color: white !important;
}
/* END STEP 3 */

/* STEP 4 */
.select-rate-button {
    background-color:  #0792CE !important;
    border-radius: 0 !important;
}

.select-rate-button:hover {
    background-color:  #0792CE !important;
    opacity: .8;
}

.select-rate-button svg {
    color: rgb(205, 207, 209) !important;
}

.room-card-accordion-summary {
    background-color:  #0792CE !important;
    color: white !important;
}

.room-card-accordion-summary:hover {
    background-color:  #0792CE !important;
    opacity: .8;
    color: white !important;
}

.view-rate-mobile-button {
    color: rgb(13, 134, 255) !important;
}

.view-rate-mobile-button:hover {
    color: rgb(0, 73, 147) !important;
}

.room-card-room-description {
    text-align: left;
    color: rgb(126, 127, 128) !important;
}

.rooms-card-special-rate-description {
    color: rgb(126, 127, 128) !important;
}
/* END STEP 4 */

/* CART */
.cart-tc-text {
    color: rgb(34, 34, 34) !important;
}
/* END CART */
/******************************* END Main *******************************/


/* AUTH Components */
.auth-box-wrapper,
.loading-box-wrapper {
    background-color: white;
}

.auth-title {
    text-transform: uppercase;
}
/* END AUTH Components */


/* Room List Entries */
.roomlist-entries {
    background: rgb(255, 255, 255) !important;
    color: rgb(48, 54, 61) !important;
}
/* END Room List Entries */

/* Availability Grid */
.AvailabilityGrid h1 {
    color: rgb(27, 27, 27) !important;
}

.react-calendar__tile--active {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(27, 27, 27) !important;
}
/* END Availability Grid */