/* **** Custom colors

Primary Color: #fff;
Contrast for Primary Color: #231c19;
Secondary Color: #444054;  -- purple
Contrast for Secondary Color: #fff;
Third Color: #fff;
Contrast for Third Color:  #231c19;
 #d0021b;	-- for red   - if needed
*/
/*************************Tiles styling***********************************/

@import "hotel_info.css";

/*************************Hotel font & colors***********************************/

.application-body, 
.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea,
body, button, html, input, select, textarea  {
    font-family: ProximaNova-Regular,Helvetica,Arial,sans-serif;
    color: #1c1c1c;
}
.bookRoomConfirmDropDiv .chosen-container-single .chosen-default,
#adminDialogPalapaType_chosen .chosen-container-single .chosen-single span {
    font-family: ProximaNova-Regular,Helvetica,Arial,sans-serif;
}

button,
#locationsTitle,
.page-title,
.login-register-wrapper-cart h2 {
    font-family: Swiss721BT-BoldCondensed,Helvetica,Arial,sans-serif;
}
.btn-primary, 
.btn,
#chkMovePalapa input+span {
    font-family: Swiss721BT-BoldCondensed,Helvetica,Arial,sans-serif !important;
}

.itemValue,
.itemEmail, 
.itemName, 
.itemTitleName,
#maxPriceContainer > span , .PriceSpacer > span,
#currpprefix, 
#currpostfix,
.itemSubTitleName,
#servicePriceContainer #servicePrice,
.orderBookingRow .content-row .content-row-price,
.ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalValue,
.ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalText,
.Notice,
#hotelLocationName,
.checkoutTitle, 
#clubMemberFooterTitle,
#confirmbookingTitle,
#mbcontentPages>div.active,
.restaurant_label,
#mbcontentSubHeader .itemTitleName1,
#subinventoryName,
.CartOfferTitle,
.CartOfferText > a  {    
    font-family: ProximaNova-Bold,Helvetica,Arial,sans-serif;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: ProximaNova-Regular,Helvetica,Arial,sans-serif;
    color: #1c1c1c;
    width: 100% !important;
    font-size: 1.1rem;
}
#reportingPanelPriceMaxId_chosen a.chosen-single.chosen-default span, #reportingPanelPriceMinId_chosen a.chosen-single.chosen-default span {
    font-size: 1.1rem;
    text-align: center;
}

/*************************FLEX MAIN PAGE***********************************/

.mbAdmin #hotel_info {
    padding-bottom: 0;
}

/**************************************************************************/


/*************************Header***********************************/
#hotel_info_Div {
    max-width: 73.75rem;
    display: flex;
    background-size: auto 50px;
    width: 90%;
}

#portalLocation {
    font-size: .875rem;
}
.navigationMenu {
    width: 100%;
    top: 0;
    height: 45px;
    display: flex;
    bottom: 14px;
    position: absolute;
}
.BrandLogo {
    display: inline-flex !important;
    padding: 0 .5em;
    margin-right: 1em;
    height: 45px;
    flex-direction: row;
    width: 120px;
    margin: 0 10px;
}
.BrandLogo #navbarHotelNameDiv2Id {
    background-size: cover;
    width: 100%;
    margin-left: 0;
    background-position: top center;
}

/**************************************************************************/

.userGuestBody #changePasswordBtn{
    background-color: #fff;
    border: 1px solid #231c19 !important;
    color: #231c19;
}
.info-note .info-note-text {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 768px)  {
    .info-note .info-note-text {
        font-size: 16px;
    }
    #hotel_info_Div {
        width: 100%;
    }
}
.mbcontestwrapper.categoriesList, .mbcontestwrapper.hotelservicesList {
    padding-top: 10px;
}
#mapDate2,
#mapDate5 {
    font-family: Swiss721BT-BoldCondensed,Helvetica,Arial,sans-serif;
    color: #1c1c1c;
}

#footer {
    border-top: 1px solid #231c19;
}

/*************************Single Card styling***********************************/
#dashboardBannerDiv { display: none;}
#contentDaypasses #DesktopText, .findDaypassMobile #DesktopText, .findFoodMobile #DesktopText, .findHotelMobile #DesktopText {
    width: 100%;
    display: flex;
    top: 20%;
}
#DesktopTextGradient {
    display: flex;
}
#DesktopText .itemTitleNameDesktop {
    border: .0625rem solid #fff;
}
.mbButtonDashboard {
    background-color: #1c1c1c;
    font-family: Swiss721BT-Regular,Helvetica,Arial,sans-serif !important;
}
.dashboard-wrapper .category-item .mbButtonDashboard, .dashboardwrapper .category-item .mbButtonDashboard {
    font-size: 1.25rem;
    display: flex !important;
    align-items: center;
    width: auto !important;
    padding-right: 40px;
}
#bodyview .dashboard-wrapper .category-item .mbButtonDashboard.singleOptions, 
#bodyview .dashboardwrapper .category-item .mbButtonDashboard.singleOptions
{
    display:none !important;
}


@media only screen and (max-width: 768px){
    #DesktopTextGradient {
        margin: 0 auto;
    }
    #DesktopText .itemTitleNameDesktop {
        margin: 0 0 20px 0;
    }
}
/**************************************************************************/


/*************************Multiple Cards styling***********************************/
#bodyview .dashboard-wrapper.multiOptionsDiv {
    height: auto;
    padding-bottom: 30px;
} 
.multiOptionsDiv.dashboard-wrapper .category-item .mbButtonDashboard, .multiOptionsDiv.dashboardwrapper .category-item .mbButtonDashboard {
    padding-right: 0px;
}
.multiOptionsDiv .TextButton {
    font-weight: 900;
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    background-color: transparent;
    text-shadow: 0 0 0.125rem #1C1C1C;
    margin-bottom: 20px;
}
.multiOptionsDiv .TextButton:hover, .multiOptionsDiv .TextButton:active {
    border-bottom: 3px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
}

.multiOptionsDiv #contentDaypasses #DesktopText, .multiOptionsDiv .findDaypassMobile #DesktopText, .multiOptionsDiv .findFoodMobile #DesktopText, .multiOptionsDiv  .findHotelMobile #DesktopText {
    top: 0;
    width: 100%;
    height: 500px;
    margin: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,0,0) 100%);  
}

.multiOptionsDiv #DesktopText .itemTitleNameDesktop {
    line-height: 28px;
    font-family: ProximaNova-Regular,Helvetica,Arial,sans-serif;
}
.multiOptionsDiv .mbButtonDashboard {
    font-size: 12px;
    letter-spacing: 1px;
    background-color: transparent;
    padding: 0;
    display: flex !important;
    justify-content: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 768px) {
    .multiOptionsDiv .TextButton {
    border-bottom: 3px solid transparent;
    margin-bottom: 40px;
    font-size: 4rem;    
    }
    .multiOptionsDiv  .TextButtonDiv {
        padding-left: 8.4%;
    }
}
/**************************************************************************/

#cart-background, .cart-background {
    background-position: center;
}
@media only screen and (min-width: 1300px) {
    #hotel_info_Div {
        margin: 0 auto;
    }
}
#contentDaypasses {
    height: 100%;
}
.dhx_cal_lsection,
textarea,
.dhx_cal_light select,
.dhx_cal_light input,
.dhx_cal_ltext textarea,
.dhx_btn_set div,
.dhx_cal_event_clear 
.dhx_cal_event .dhx_title,
.dhx_cal_event .dhx_body,
.dhx_cal_today_button,
.dhx_cal_tab.active {
    font-family: ProximaNova-Regular;
}
.dhx_cal_navline .dhx_cal_date {
    font-family: ProximaNova-Semibold;
}