/* 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;*/
}

/*@font-face {*/
/*    font-family: 'Barlow-Regular';*/
/*    src: url('../fonts/Barlow-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'GildaDisplay-Regular';*/
/*    src: url('../fonts/GildaDisplay-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

.btn-primary {
    background-color: #1c537a !important;
    color: #fff !important;
    border: 2px solid #1c537a;
    border-radius: 10px !important;
}

.btn-primary:hover {
    background-color: #fff !important;
    color: #1c537a !important;
    border: 2px solid #1c537a;
}

.btn-secondary {
    background-color: #00b6da !important;
    color: #fff !important;
    border-color: #1c537a !important;
    border-radius: 10px !important;
}

.btn-secondary:hover {
    background-color: #fff !important;
    color: #fff !important;
}

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


/* NavBar */
.navbar-top {
    background-color: #fff !important;
}

.navbar-brand {
    height: 50px;
    width: auto;
}

.nav-list-item-text {
    /*font-family: 'GildaDisplay-Regular', serif !important;*/
}

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

.nav-link-list {
    color: #1c537a !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: #1c537a;
}

button.auth-signin span svg,
.auth-signin-text {
    color: #1c537a;
}

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: #1c537a;
}

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


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

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

.popup-content {
    background: white !important;
    color: rgb(34, 34, 34) !important;
}

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

.main-layout hr {
    background-color: rgba(0, 0, 0, 0.78);
}

.main-layout h1 {
    color: rgb(34, 34, 34) !important;
}

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

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

.popup-content .btn-light {
    border: 1px solid #000000 !important;
    color: white !important;
    background-color: rgb(0, 0, 0) !important;
}

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

.btn-view-cart {
    background-color: rgb(0, 0, 0) !important;
    color: white !important;
    border-color: rgb(0, 0, 0) !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: #000000 !important;
}

.btn-view-cart:hover,
.btn-floating-cart:hover,
.btn-floating-cart-expanded {
    background-color: white !important;
    color: black !important;
}

.floating-cart-badge .MuiBadge-badge {
    background-color: #e6e0d5 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

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

.stepper-step-icon-active {
    color: #1c537a !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: #000000 !important;
}

.react-calendar {
    background: #ffffff !important;
    color: rgb(0, 0, 0) !important;
    border: 1px solid #000000 !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: rgb(0, 0, 0) !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: #000000 !important;
}
/* END STEP 1 */

/* STEP 3 */
.category-image-box .MuiButtonBase-root{
    border:1px solid rgb(0, 0, 0);
}

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

.category-button-normal{
    color: white !important;
    background-color: rgb(0, 0, 0) !important;
}

.category-button-normal:hover{
    background-color: white !important;
    color: rgb(0, 0, 0) !important;
}

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

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

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

/* STEP 4 */
.select-rate-button {
    background-color: rgba(0, 0, 0, 0.88) !important;
    border-radius: 0 !important;
    color: #ffffff !important;
}

.select-rate-button:hover {
    background-color: #1c537a !important;
    color: #000000 !important;
}

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

.select-rate-button:hover svg {
    color: rgb(0, 0, 0) !important;
}

.room-card-accordion-summary {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.88) !important;
}

.room-card-accordion-summary:hover {
    background-color: #1c537a !important;
    color: #000000 !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(0, 0, 0) !important;
}

.rooms-card-special-rate-description {
    color: rgb(0, 0, 0) !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 */

/*Dialog*/
.dialog-header{
    background-color: rgb(48, 54, 61);
    color: #fff!important;
    padding: 16px;
}
/*Dialog End*/

/*E registration*/

.e-reg-booking-card {
    border-bottom: 5px solid #1c537a !important;
}

.e-reg-button {
    background-color: #1c537a !important;
    color: white;
}

.e-reg-button:hover {
    background-color: #fff !important;
    color: #1c537a;
    border-color: #1c537a
}

.e-reg-stepper-subtitle{
    color: #1c537a !important;
}

.e-reg-title{
    color: #1c537a !important;
}

@media (hover: none) {
    .e-reg-button:hover {
        /* Disable or override hover styles */
        background-color: inherit;
        color: inherit;
        border-color: inherit;
        /* or reset specific styles */
    }
}

.page-title-header{
    color: #1c537a;
}

/* END E registration*/