/******* START ADELA   *******/

#bodyview .dashboard-wrapper{
    position: initial; 
}

.descriptionText{
    padding: 20px 20px 0 20px;
    position: absolute;
    top: 0;
    width: 100%; 
    text-align: center;
}

.categorys-number-1, .categorys-number-2, .categorys-number-3
{
    min-width: 320px; 
    height: auto !important;
}

.categorys-number-3:last-child {
    padding: 10px 10px 0 !important;
}


#navbarHotelNameDivId{
    padding: 0;
    margin: 0;
    height: 80px;
    background-image: none !important;
}

.dashboard_mb_user
{
    display: flex;
    flex-flow: column;
    min-height: 100%;
}

#navbar .top-navigation{
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: initial;
}

.mbAdmin .mbcontestwrapper.hotelservicesList .fullWidthButton {
    width: 100%;
}

.fullWidthButton #goToBookService{
    margin: 0 auto;
    display: block;
    width: 250px!important;
    font-family: ProximaNovaCond-Semibold;
}

#mbcontentService .itemExcerpt{
    margin-bottom: 5px; 
    font-size: 16px !important;
    overflow: hidden;
}

#mbcontentService .itemExcerpt.expand{
    height: auto; 
    max-height: initial;
}

.text-toggle #expand-collapse.text-toggle-collapse.expand:after {
    content: "Show Less Info";
    font-size: 12px;
}

#hotelServiceGuestsDisplay
{
    padding: 0 !important;
    border: 0px solid #d3d3d3;
}

#confirmDialogGuestCommentId
{
    width: 100%;
    background-color: white;
    margin: 6px 0;
}


#commentsContainer #serviceLabel, #mbcontentCategory .serviceLabel {
    font-family: ProximaNova-Regular;
    display: block; 
    padding: 0 !important; 
    margin: 0; 
    font-size: 16px;
    font-weight: 400;
}

#hsInventories
{
    padding: 0; 
}

#cartCount {
    line-height: 16px;
    background-color: #825EA5;
    color: white;
    position: absolute;
    left: 25px;
    top: 2px;;
}

.orderBookingDetails
{
    padding: 0;
    margin: 0 10px;
    margin-top: 10px;
}

.orderBookingImage{
    margin: auto; 
}
#cart-background{    
    background-image: url("/images/custom/sheraton/background-image.jpg?v=1_0"); 
}

.useAndPrivacy{
    display: flex;
    text-align: left;
    padding-bottom: 0; 
    align-items: flex-start;
}
.useAndPrivacy #privacy, .useAndPrivacy #terms
{
    color: #8766A9;
}

#account
{
    display: none; 
}

#btnPageMobile
{
    display: none !important; /*keep important because it can be shown from code*/

}

.mbAdmin #btnPageMobile
{
    display: inline-block !important; /*keep important because it can be shown from code*/
}

#loginViewFenceDiv {
    margin-bottom: 0; 
}

#serviceStudioPeople {
    display: inline; 
    text-align: left;
    padding-left: 20px;
}

#filterGuests {
    width: 50px;
    padding: 10px 2px 10px 10px;
}

#filterGuests::-webkit-outer-spin-button,
#filterGuests::-webkit-inner-spin-button
{
    width: 15px;
    margin: 0;
}

#loanerContainer{
    display: inline-block;
    width: 100%;
    background-color: white;
    padding: 0 20px;
    border: 1px solid #D2D2D2;
}

#loanerCartDescription{
    font-family: ProximaNova-Regular;
    display: inline;
    padding-right: 0.5em;
}

.cartBox {
    display: flex;
    padding: 20px 0;
}

#itineraryBookingImage{
    max-width: 300px;
    margin: auto;
}
/******* END ADELA   *******/

#bodyview {
    background-image: url("/images/custom/sheraton/background-image.jpg?v=1_0"); 
    background-repeat: no-repeat;
    background-size: cover;
}

.login-page  {
    background-image: url("/images/custom/sheraton/background-image.jpg?v=1_0");
}
#services #imageContainer .imagetoolbar .imageedit {
    background: url(/images/custom/sheraton/edit_small.png) no-repeat 50%;
}
.dhx_cal_prev_button {
    background-image: url(/images/custom/sheraton/arrow-left.svg);
    background-size: 10px;
}
.dhx_cal_next_button {
    background-image: url(/images/custom/sheraton/arrow-right.svg);
    background-size: 10px;
}
.dhx_cal_navline div.dhx_minical_icon {
    background: url(/images/custom/sheraton/bookingCalendarIcon.png) no-repeat center center;
    right: 170px;
    left: unset !important
}

@media only screen and (min-width: 1300px) {
    .menusView {
        width: 85%;
    }
}
.jsgrid-edit-row>.jsgrid-cell {
    background: #F8DEC3!important;
}
.application-body,
.ui-widget input.ui-spinner-input {
    font-family: ProximaNova-Regular;
    font-size: 16px !important;
    font-weight: 400;
    color:#1C1C1C;
}
.ui-widget input.ui-spinner-input {
    line-height: 25px;
}
html, input, select, textarea,
input[type=button] {
    font-family: ProximaNova-Regular;
    font-size: 16px !important;
    color:#1C1C1C;
}

button {
font-family: ProximaNovaCond-Semibold;
}
.main #navbar {
    height: 140px;
    background-color: #fff;
    width: 100%;
    padding-top: 10px;
}
.top-navigation {
    background-color: #fff;
}
#account {
    color: #1C1C1C;
    top: 0;
}
#goBack, #goBackToConfirm {
    color: #1c1c1c;
    font-size: 16px;
    background-image: url(/images/custom/sheraton/arrow-left-link.png);
    background-repeat: no-repeat;
    background-position: left;
    right: 0;
    position: relative;
    line-height: 10px;
    z-index: 100;
    font-family: ProximaNova-Semibold;
    display: inline-block;
    float: none;
    position: initial;
    margin: 0 0 0 15px;
    padding: 14px;
}

#goBackToConfirm{
    display: none; 
}

.mbAdmin  #goBack
{
    display: none; 
}

.mbnavbarView {
    height: 90px;
    border-bottom: 1px solid #cccc;
}

.mbnavbarView2 {
    max-width: 1300px;
    padding: 0;
    margin: auto;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: #1C1C1C;
}

#navbar{
    border-bottom: 1px solid #cccc;
}

#myAccount{
    display: none;   
}

#cartFull {
    justify-content: right;
    z-index: 100;
    padding: 0 2px;
    align-items: center;
    position: relative;
}
.BackButtonDiv {
    width: 100px;
}
.hotel-details {
    background-image: url("/images/custom/sheraton/Sheraton-Logo.png");
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 160px;
}
.hotel-name {
    color: transparent;
    height: 100px;
}
.btn-primary {
    background-color: #F8DEC3 !important;
    color:#1C1C1C !important;
    font-size: 16px !important;
    font-family: ProximaNovaCond-Semibold;
    width: 250px!important;
    font-weight: 600 !important;
}

.btn-primary:hover{
    opacity: 0.8 !important;
}

.ui-datepicker .ui-datepicker-header {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color:#1C1C1C;
    text-transform: uppercase;
    margin-bottom: 10px;
    background-color: #fff;
    display: block !important;
}
.ui-datepicker thead {
    border-bottom: none;
}

.itemEmail, .itemName, .itemTitleName {
    font-family: ProximaNova-Bold;
    font-size: 24px;
    color:#1C1C1C;
}

#confirmation{
    margin-bottom: 0.5em;
    font-family: ProximaNova-Semibold;
}

#orderContainer{
    margin-top: 0.5em;
}
.mbcontestwrapper.categoriesList #mbcontentCalendar .ui-datepicker .ui-datepicker-calendar th {
    color: #1C1C1C;
    font-size: 16px;
}
.mbcontestwrapper.categoriesList #mbcontentCalendar .ui-datepicker .ui-datepicker-calendar .ui-state-default {
    color: #1C1C1C;
    font-size: 16px;
    width: 100%;
    height: 100%;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    color: #fff !important;
    background-color: #1C1C1C !important;
}

.text-toggle #expand-collapse.text-toggle-collapse:after {
    color: #8766A9;    
}
#appSettingsHeaderTitleBar, #palapaGroupsPanelHeaderTitleBar {
    background-color:#8766A9; 
}

.mbAdmin .itemLabel {
    text-transform: uppercase;
    text-align: left;
}

.mbcontestwrapper.hotelservicesList #mbcontentCalendar {
    display: flex;
    flex-flow: column;
}
.CallToActionHotelService {
    margin-bottom: 20px;
    font-family: ProximaNova-Bold;
    text-align: left;
    font-size: 20px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background-image: none;
    margin: 10px 10px 0 0;
}

.mbcontestwrapper.hotelservicesList #mbcontentCalendar .ui-datepicker .ui-datepicker-calendar .ui-state-default{
    font-size: 12px;
    font-family: ProximaNova-Bold;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    background-image: none;
    margin: 10px 0 0 10px;
}

.ui-widget-content a {
    color: #1C1C1C;
}

.confirmDialogTextFieldDivMB {
    display: inline-block;
}
.confirmDialogTextFieldDivMBAttendees {
    display: block;
}

.DescriptionTextAdmin {
    width: auto;
    font-family: ProximaNova-Regular;
    display: inline-block;
}
.DescriptionInputAdmin {
    width: 20%;
    display: inline-block !important;
}
#filterTime .filterTimeDiv:first-child {
    text-align: left;
}
#filterTime .filterTimeDiv:last-child {
    text-align: right;
}
#mbcontentCalendar .ui-datepicker{width: 100%;}
#repeatContainer .confirmDialogTextFieldsSpacer {
    display: none;
}
#mbcontentCalendarContainer {
    padding: 0 10px;
}
#tabs-1 .confirmDialogTextFieldDivMB {
    display: block;
}

#repeatStart_chosen > a > span {
    font-weight: normal !important;
}
#repeatEnd_chosen > a > span  {
    font-weight: normal !important;
}
#formServiceAdvancedBooking_chosen > a > span {
    font-weight: normal !important;
}
#formServiceAdvancedBookingTime_chosen > a > span {
    font-weight: normal !important;
}
#formServiceAdvancedBookingUntil_chosen > a > span {
    font-weight: normal !important;
}
#formServiceAdvancedBookingUntilTime_chosen > a > span {
    font-weight: normal !important;
}
#repeatContainer .item {
    width: 42%;
} 
.mbWhiteContentBox {
    background-color: #fff;
    padding: 5px 5px 8px 8px;
}
.slick-slider > button.slick-next.slick-arrow, #slickSliderCategory > button.slick-next.slick-arrow{
    background-color: rgba(255, 214, 172, 1);
    background-image: url(/images/custom/sheraton/arrow-right.png);
    margin-right: 0;
}
.slick-slider > button.slick-prev.slick-arrow, #slickSliderCategory > button.slick-prev.slick-arrow {
    background-color: rgba(255, 214, 172, 1);
    background-image: url(/images/custom/sheraton/arrow-left.png);
    margin-left: 0;
}
.ui-widget.ui-widget-content {
    background-color: #fff;
    border-radius: 3px;
}
.bookPalapaUserBtn {
    background-color: #F8DEC3;
    color: #1C1C1C;
}
.info-box {
    background-color: #8766A9; 
}
#confirmBookUserAndAdditionals .info-title .info-title-left .item-title-top {
    font-size: 20px;
}
#confirmBookUserAndAdditionals .info-title .info-title-right .item-title-bottom  {
    font-size: 20px;
    color: #1C1C1C;
}
#confirmBookUserAndAdditionals #dataContainer .dataContainerInfo h2 {
    font-size: 16px;
}
#confirmBookUserAndAdditionals #dataContainer .dataContainerAdditional h2{
    font-size: 16px;
}
#aditionalItemsRows .aditionalList .aditionalListItem .aditionalListProduct .aditionalListProductPrice {
    color: #1C1C1C;
}
#aditionalItemsRows .aditionalList .aditionalListItem .aditionalListProduct .aditionalListProductName {
    color: #1C1C1C;
}
.itemSelector .itemQuantity {
    background-color: #1C1C1C;
}
#aditionalItemsRows .aditionalList .aditionalListItem .aditionalListQuantity .itemQuantity {
    width: 30px;
    height: 30px;
}

.ConfirmBookingMenuOrderMB .contentHeader {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.ConfirmBookingMenuOrderMB .orderTitle {
    padding-top: 0;
}
.ConfirmBookingMenuOrderMB .orderTitle.flex-space-between .page-title {
    font-size: 20px;
    padding-left: 5px;
    font-family: ProximaNova-Bold;
    color: #1C1C1C;
}

.info-note {
    text-align: center;
    border: none;
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border: 1px solid #1c1c1c;
    border-radius: 0;
}
.info-note:hover{
    background-color: #1C1C1C;
    color: #fff;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderBooking {
    margin-top: 0;
    padding: 10px; 
    border: 1px solid #D2D2D2;
}
.shadow-container {
    box-shadow: none;
}
.ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingName {
    background-color: #fff;
}
.content-row .content-row-price {
    color: #1C1C1C;
    font-family: ProximaNova-Semibold;
    font-size: 16px;
}
.ConfirmBookingMenuOrderMB .bodyContent .orderFee, .ConfirmBookingMenuOrderMB .bodyContent .orderFeeTotal, .ConfirmBookingMenuOrderMB .bodyContent .orderSum {
    padding: 15px 0 0 0;
    margin-top: 0;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
}
.orderBookingRow .orderBooking {
    margin-bottom: 0;
}
.ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingName .elementName {
    font-size: 16px;
    font-family: ProximaNova-Bold;
}
.content-row .content-row-text {
    font-size: 14px;
    text-transform: uppercase;
}
.content-row {
    font-size: 16px;
    padding: 5px 0;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeSubtotalValue {
    font-size: 16px;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeTotalValue {
    font-size: 16px;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalValue {
    font-size: 18px;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalText {
    font-size: 18px;
}
.orderAccept .orderAcceptButton {
    margin: 0 auto; 
    display: block;
}
.mbcontentBox {
    border-radius: 3px;
}
.modal-wrapper .modal-header {
    background: #fff;
    color: #1C1C1C;
    padding: 30px 10px 0;
}
#basicDialogHeaderText {
    color: #1C1C1C;
    font-size: 26px;
}
.basicDialogHeaderDiv {
    background-color: #fff;
}
.basicDialogTextFieldsDividerLine {
    display: none;
}
.basicDialogTopMargin, .basicDialogTextFieldsSpacer {
    height: 5px;
}
.modal-wrapper .modal-body {
    background-color: #fff;
}
.btn  {
    background-color: #F8DEC3;
    color:#1C1C1C ;
    font-size: 16px;
}
.form-control {
    color: #1C1C1C;
}
.login-page .login-container #registerViewContainerDiv {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
}
.login-page .login-container #mbLoginContainer {
    background-color: #fff;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
}
.form-control {
    border: 1px solid #D2D2D2;
    border-radius: 4px;
}
#bodyview #sidePalapaList #contentHeader .bookDate {
    border-radius: 4px;
}
.login-page .login-container .login-register-wrapper .login-box .login-register-buttons #login_btnAlreadyRegister {
    color: #8766A9; 
}
.TermsPrivacy{
    padding: 0 0 20px 20px;
}
a {
    color: #8766A9; 
}

.form-round {
    border-radius: 3px;
}
.login-page .login-container .login-register-wrapper .login-btn-wrapper .mbloginregisterbtn {
    margin-top: 40px;
}
.login-page .login-container .login_btnForgotpassMB, .login-page .login-container .mblogin_btnRegister {
    color: #8766A9;
}

#resetPassDialogHeaderText {
    color: #1C1C1C;
}
#navbar .navbarDropDownChoice .nav-item.user-item .person-name {
    color: #8766A9;
}
#dashboardGuest{
    display: flex;
    flex-flow: row wrap;
    margin: 25px 0;
    align-items: center;
    justify-content: center;
    }
#hotel_welcome {
    font-family: GT-Super-Display-Light, serif;
    font-size: 28px;
    margin: 8% 0 10px;
    line-height: 1em;
    letter-spacing: 3px;
    color: #3A3A3A;
}
#hotel_welcome_subtitle {
    font-size: 24px;
    font-family: ProximaNova-Regular;
    padding: 20px 40px;
    line-height: initial;
    letter-spacing: normal;
    margin: 0.5em auto 0;
    text-align: center;
    max-width: 70%;
}
#comunity_manager {
    text-align: center;
    margin: 20px 0 40px 0;
    color: #8766A9;
    font-family: ProximaNova-Semibold;    
}
.comunity_text{
    display: inline-block;
}
.comunity_image{
    background-image: url(/images/custom/sheraton/help.png);
    width: 30px;
    height: 30px;
    display: inline-block;
}

#dashboardInnerPalapaBtn {
    background-color: #F8DEC3;
    color:#1C1C1C ;
    font-size: 16px;
    font-family: ProximaNovaCond-Semibold;
}
#btnChangePassword {
    color: #8766A9;
}
#hotelGridBookings #gridFilter {
    background-color: #8766A9;
}
.buttonAdd, .buttonWhite {
    border-radius: 0;
    color: #1C1C1C;
    font-family: ProximaNovaCond-Semibold;
    font-size: 16px;
}
.bookDateRangeButtons {
    color: #1C1C1C;
}
.bookDateRangeButtonsCenter{
    color: #1C1C1C;
}
.bookHeaderSearchPanelText {
    color: #1C1C1C;
}
#mapDateFrom, #mapDateTo {
    color: #1C1C1C!important;
    background: #fff!important;
    border-radius: 3px;
}
.manageBookingContentTitle {
    color: #1C1C1C;
}
#manageBookingEditAttributesHeader {
    background-color: #8766A9;
}
.manageTextInputCalendar{
    color: #1C1C1C;
    border-radius: 3px;
}
#manageBookingDateId {
    color: #1C1C1C;
}
#manageBookingAdvancedBookId, #manageBookingCheckinId{
    color: #1C1C1C;
}
#manageBookingPriceId{
    color: #1C1C1C;
}
.manageBookingSelectHeaderButtonsContent {
    color: #8766A9;
}
#adminHeaderTitleBar,
.AppUsersView .adminHeader {
    background-color: #8766A9;
}

#adminSaveDefinitionsButton, #adminSaveButton {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNovaCond-Semibold;
    width: 200px;
}
.adminTextArea, .adminTextFields {
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.menuPanelFieldsLbl {
    color: #1C1C1C;
}
#menuSidePanelAddFoodBtn {
    background-color: #F8DEC3;
    color:#1C1C1C ;
    font-size: 16px;
}
.bookRoomConfirmDropDiv .chosen-container-single .chosen-single span {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
}
#repeatContainer {
    padding-top: 15px;
}
#pricingType_chosen > a > span {
    font-weight: normal !important;
}
.bookRoomConfirmDropDiv .chosen-container-single .chosen-single, .commentsConfirmDropDiv .chosen-container-single .chosen-single{
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
  /*  border: 1px solid #D2D2D2;*/
}
.bookRoomConfirmDropDiv .chosen-container-active.chosen-with-drop .chosen-single, .commentsConfirmDropDiv .chosen-container-active.chosen-with-drop .chosen-single{
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.adminUserButton {
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.reportingClearFieldsLbl {
    color: #1C1C1C;
}

#reportingPanelRunReportBtn  {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.reportingBodyHeaderLabel {
    color:#1C1C1C;
}
#hotelServicesBookings #gridFilter, #hotelServicesBookingsReport #gridFilter {
    background-color:#8766A9;
}
.dhx_cal_tab:hover {
    background-color:#f7e9fd;
    color: #1C1C1C;
}
.dhx_cal_tab  {
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.dhx_cal_tab.active:hover, .dhx_cal_tab.active {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #F8DEC3;
}
.dhx_cal_today_button {
    color:#1C1C1C;
}
.itemInventoryServiceHotel .itemValue {
    color:#1C1C1C;
}
.itemInventoryServiceHotel {
    background-color: #fff;
}
#services .confirmDialogTextFieldDivMB #confirmShowMoreButtonId {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px; 
    margin-top: 0px;
}
#services .confirmDialogTextFieldDivMB {
    vertical-align: top;
    color: #1C1C1C;
    margin-top: 15px;
    margin-left: 0;
}
#tabGeneral-1 .confirmDialogTextFieldDivMB {
    width: 100%;
}
.form-semiround{
    width: 100%;
    background-color: #fff;
}

.confirmDialogInfoCenter {
    background-color: #fff;
    color:#1C1C1C;
    padding-top: 40px;
    font-family: ProximaNova-Semibold;
}

.userDialogTextFields {
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.confirmDialogDividerLineSmall {
    display: none;
}
.confirmDialogActionButtons {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    width: 250px!important;
}
.userDialogBody.userGuestBody .confirmDialogInfo {
    background-color: #fff;
    color:#1C1C1C;
    font-family: ProximaNova-Semibold;
    padding-top: 25px;
    font-size: 26px;
}
#cancelGuestDialog  {
    margin-right: 10px;
    margin-top: 10px;
}
.close-button {
    color:#1C1C1C;
}
.orderBookingClose .close-button {
        color: #8766A9;
        font-size: 12px;   
        background-color: transparent !important;     
}
#RemoveButon:after {
    content: '';
}

.remove_icon{
    height: 15px;
}
.ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingClose {
    font-size: 16px;
    color: #8766A9;
    width: 70px;
    background-color: transparent;
    top: 10px !important;
}
#bodyview .dashboard-wrapper .category-item.findHotelMobile, 
#bodyview .dashboardwrapper .category-item.findHotelMobile,
#bodyview .dashboard-wrapper .category-item.findFoodMobile, 
#bodyview .dashboardwrapper .category-item.findFoodMobile {
    background-color: #fff;
    height: 310px;
    background-size: 180px !important;
    background-position: center top;
}

#contentDaypasses #DesktopText .mbButtonDashboard, .findDaypassMobile #DesktopText .mbButtonDashboard, .findFoodMobile #DesktopText .mbButtonDashboard, .findHotelMobile #DesktopText .mbButtonDashboard {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;    
    display: block !important;
    font-family: ProximaNovaCond-Semibold;
    width: 250px!important;
}
#contentDaypasses #DesktopText, .findDaypassMobile #DesktopText, .findFoodMobile #DesktopText, .findHotelMobile #DesktopText {
    width: 100%;
    margin: 0;   
    position: absolute; 
    top: initial;
    bottom: 10%; 
}
#contentDaypasses #DesktopText .itemTitleNameDesktop, .findDaypassMobile #DesktopText .itemTitleNameDesktop, .findFoodMobile #DesktopText .itemTitleNameDesktop, .findHotelMobile #DesktopText .itemTitleNameDesktop {
    width: 100%;
    background-color: #fff;
    color: #1C1C1C;
    display: block !important;
}
#bodyview .dashboard-wrapper, #bodyview .dashboardwrapper {
    background: none;
}
#bodyview .dashboard-wrapper .category-item .mbButtonDashboard, #bodyview .dashboardwrapper .category-item .mbButtonDashboard {
    margin-top: 0;
    margin: 0 auto; 
}
.descriptionText {
    top: 150px;
}
.adminDialogActionButtons, .restaurantDialogActionButtons {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.buttonmain, .floatright {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.buttonUpload {
    display: inline-block;
    background-color: #fff;
    border-top: 1px solid #D2D2D2;
    border-radius: 0;
    width: 100%;
    min-height: 100%;
    padding: 20px 40px;
    margin: 0;
    border-left: none;
    border-right: none;
}
.restaurant_label {
    color: #1C1C1C;
    font-size: 18px;
    font-family: ProximaNova-Regular;
    padding: 15px 0 0 0;
}
.restaurant_toolbar {
    max-width: 69.5%;
    margin-top: 10px;
}

.lbl_checkbox_green_small .checkbox_green+span.checkmark, .lbl_checkbox_green_small .checkbox_green:checked+span.checkmark {
    margin-top: 10px;
}
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active{
    background-color: #F8DEC3;
    color:#1C1C1C;
    border: 1px solid #F8DEC3;
    font-family: ProximaNova-Semibold;

}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color:#1C1C1C;
}
#services {
    background-color: #fff;
}
#bookingsGridItemsList .checkin_btn, #packageGridItemsList .checkin_btn {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.manageRestaurantTitle {
    background-color: #fff;
    color: #1C1C1C;
}
#manageCheckInContent .controls #checkInButton {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    margin-right: 20px;
}
.confirmDialogTextFields {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.itemSubTitleName {
    color: #1C1C1C;
}
.serviceLabel {
    color: #1C1C1C;
    margin: 0;
}
#servicePriceContainer #servicePrice {
    color: #1C1C1C;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 3px auto 0;
    font-family: ProximaNova-Bold;
}
#hsRepeat #changeDayPrice label{
    color: #1C1C1C;
}
#hotelServiceRepeatContainer span, #hotelServiceStudioPriceContainer span {
    color: #1C1C1C !important;
    display: block!important;
    font-family: ProximaNova-Semibold !important;
}
.mbcontestwrapper.hotelservicesList #mbcontentCategory.noCalendar {
    margin: 0 auto;
    display: block;
}
.mbAdmin .mbcontestwrapper.hotelservicesList #mbcontentCategory.noCalendar {
    text-align: center;
}
.itemIncludeTitleName {
    color: #1C1C1C;
}
#studioInfo > h3 {
    text-transform: uppercase;
    font-size: 16px;
}
#studioMaxGuests {
    color:#1C1C1C !important;
    font-size: 20px;
    font-family: ProximaNova-Semibold;
    text-align: left;
}
#studioPrice {
    color:#1C1C1C !important;
    font-size: 20px;
    font-family: ProximaNova-Semibold;
}

#studioSuggestionsContainer {
    background-color: #fff;
    display: inline-block;
    border: 1px solid #D2D2D2;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 42px;
    margin-left: 10px;
    border-radius: 3px;
    margin-right: 10px;
}

#studioSuggestionsContainer a{
    font-size: 15px;
    line-height: 25px;
    padding: 10px;
}
#hotelServiceInfo #hotelServiceInfo {
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 20px;
}

.mbcontestwrapper.hotelservicesList #mbcontentCategory #hotelServiceInfo{
    float: none;
    display: inline-block;
}
.studioMeetingNameContainer {
    margin: 20px auto 10px;
}
#studioInfoContainer {
    width: 65%;
    margin: 20px auto 10px;
}
#commentsContainer {
    width: 65%;
    margin: 20px auto 10px;
}
.mbAdmin .studioMeetingNameContainer {
    width: 42%;
}
.mbAdmin #studioInfoContainer {
    width: 100%;
    padding: 0px;
    justify-content: center;
    margin: 0px auto 10px;
}
.mbAdmin .form-semiround {
    margin: 0;
}
.mbAdmin #studioInfoContainer div {
    width: 100%;
}
.mbAdmin #discountContainer {
    text-align: left;
}
#discountContainer {
    margin: 0;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #D2D2D2;
    border-top: 0;
}
.displayName {
    padding-left: 15px;
}
.mbAdmin .hsInfo{
    max-width: 600px;
}
.mbAdmin #commentsContainer {
    margin: 20px 0 0 30px;
}
.studioSelection {
    display: block;
    margin: 20px 0 0 0;
}
.studioSelection.form-semiround {
    width: 100%;
} 
.studioSelection .spinnerDiv
{
    margin: 0; 
}
.mbAdmin #commentsContainer>#confirmDialogGuestCommentId {
    width: 400px;
}
#selectionDescription {
    display: block;
    font-family: ProximaNova-Regular;
    font-size: 16px;
}

#backToStudio {
    background-image: url(/images/custom/sheraton/arrow-text-link.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
    font-family: ProximaNova-Bold;
    font-size: 14px;
    min-width: 150px;
}
.pplGroupComposition, .spinnerAgePriceDiv, .spinnerDiv {
    display: block;
    margin: 2px 20%;
}
.spinnerDiv .ui-spinner {
    border: 1px solid #D2D2D2!important;
    color: #1C1C1C!important;
    border-radius: 3px;
}
.spinnerAgePriceDiv .ui-spinner {
    color:#1C1C1C;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}

.squareDecorationAdjust {
    padding-bottom: 0;
}
.userGuestBody .booking-wrapper > div{
    width: 100%;
}
.userDialogBody {
    padding-bottom: 0;
}
#userDialogWrapperDiv {
    margin-bottom: 10px;
    padding: 0 30px;
}
.bookPalapaBtn, .staffNotesBtn {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
#confirmDate {
    background-color: #F8DEC3;
}
#confirmDateText, .confirmDateMiddle {
    color: #1C1C1C;
}
.confirmEndDateRangeBtn{
    color: #1C1C1C;
}
#confirmPrice {
    color: #1C1C1C;
}
.confirmDialogTextFieldDiv {
    color: #1C1C1C;
}
.confirmDialogTextFieldsLabel {
    font-family: ProximaNova-Semibold;
} 
.confirmDialogComment {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
#confirmbookingTitle {
    color:#8766A9;
}
.manageBookingSelectHeaderButtonsContentApply{
    color: #1C1C1C;
}
.manageBookingContentSubTitle {
    color: #1C1C1C;
}
.buttonAdd {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 0;
    font-family: ProximaNova-Semibold;
}
.addMenuItemBlue {
    background-color: #fff;
    color: #1C1C1C;
    text-align: left;
    font-size: 22px;
    font-family: ProximaNova-Semibold;
    padding-top: 30px;
}
.TitleUser {
    background-color: #fff;
}
.TitleUser .UserTitle {
    color: #1C1C1C;
    text-align: left;
    font-size: 22px;
    font-family: ProximaNova-Semibold;
    padding-left: 20px;
}
.adminDialogTextFieldDivDrop .chosen-container-single .chosen-single span {
    background-color: #fff;
}
.adminDialogTextFieldDivDrop .chosen-container-single .chosen-single {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
    padding-left: 10px;
}
.adminDialogTextFieldDivDrop .chosen-container-single .chosen-single div {
    background-color: #fff;
}
.adminTextFieldsShort {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
    margin: 0 20px;
}
.addMenuItemHeaderBlue .addMenuItemHeader{
    background-color: #F8DEC3;
    color: #1C1C1C;
    text-align: left;
    font-size: 22px;
    font-family: ProximaNova-Semibold;
    padding-top: 30px;
}
.addMenuItemTextField, .addMenuItemTextFieldBlue {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.addMenuItemTextArea, .selMenuItemTextAreaCommentsInput {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.addMenuItemDropdown .chosen-container-single .chosen-single span {
    background-color: #F8DEC3;
}
.addMenuItemDropdown .chosen-container-single .chosen-single div {
    background-color: #F8DEC3;
}
.addMenuItemDropdown .chosen-container-single .chosen-single {
    background-color: #F8DEC3;
}
.addNewMenuGroupItemCls {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.addNewItemToMenuCls {
    background-color: #F8DEC3 !important;
    color:#1C1C1C !important;
    font-size: 16px !important;
}
#cancelNewItemToMenuCls  {
    color: #fff;
}
.adminDialogResetPassBtn {
    background-color: #8766A9;
}
.reportingAttributesHeaderCol {
    background-color: #8766A9;
    color: #fff;
}

#reportingAttributesHeader, #reportingAttributesHeader2 {
    background-color: #8766A9;
    color: #fff;
}
.reportingAttributesBorder {
    background-color: #fff;
}
.reportingAttributesHeaderCol3, .reportingAttributesHeaderCol4, .reportingAttributesHeaderCol1, .reportingAttributesHeaderCol15, .reportingAttributesHeaderCol2, .reportingAttributesHeaderCol12  {
    color: #fff;
}
.mbAdmin #services #restaurant_container #restaurantAddLabel {
    padding-left: 40px;
}

.booktextfield {
    background-color: #fff !important;
    color:#1C1C1C;
    font-size: 16px;
    border: 1px solid #D2D2D2;
}
.bookRoomDropDiv .chosen-container-single .chosen-single, .commentsConfirmDropDiv .chosen-container-single .chosen-single {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border: 1px solid #D2D2D2;
}
.bookRoomDropDiv .chosen-container-single .chosen-single span, .commentsConfirmDropDiv .chosen-container-single .chosen-single span {
    background-color: #fff;
}
.bookRoomDropDiv .chosen-container-single .chosen-single span, .commentsConfirmDropDiv .chosen-container-single .chosen-single div {
    background-color: #fff;
}
.bookMapUserLegendDiv {
    color: #8766A9;  
}
#filterTime #filterEndTime, #filterTime #filterStartTime {
    width: 145px !important;
    margin: 0;
}
.FilterSelectArrow {
    top: calc(100% - 38px);
    padding-right: 10px !important;
}

.mbAdmin #filterTime #filterEndTime, .mbAdmin #filterTime #filterStartTime {
    width: 110px;
}
#services .confirmDialogTextFieldDivMB #hotelServiceAdvancedUntil{
    background-color: #fff;
    border: none;
}

.mbcontestwrapper.hotelservicesList #mbcontentCategory{
    padding-bottom: 20px;
}

.ConfirmBookingMenuOrderMB .orderTitle.flex-space-between .info-note .info-note-text {
    text-transform: uppercase;
    color: inherit;
    font-family: ProximaNovaCond-Semibold;
    height: 35px;
    width: 200px;
    margin-top: 20px;
}
.Notice {
    background-color: #fff;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    color: black;
    font-family: ProximaNova-Semibold;
    font-size: 16px;
    padding: 10px 20px !important;
}
.ConfirmBookingMenuOrderMB .orderNote.freeze {
    background-color: #fff;
    margin: 0;
    padding: 20px 20px 1rem 20px !important;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    font-size: 16px;
    line-height: 20px;
}
.ConfirmBookingMenuOrderMB .bodyContent .orderAccept {
    background-color: #fff;
    padding: 20px;
    font-size: 16px;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
}
.cartUserSelect .row {
    background-color: #fff;
}
.back a {
    color: #8766A9;
}
#navbarHotelSubNameDivId {
    width: calc(100% - 120px);
    margin: auto;
    padding-left: 0px;
    text-align: center;
    line-height: 39px;
    font-size: 1.2em;
}
#contentHeader .bookDate, #contentHeader .mapType {
    background-color: #fff;
}
#bookDateHeader{
  display: none;
}
#contentGuests {
    margin-top: 20px;
}
.orderBookingItems {
    margin: 0 0px;
    padding-left: 10px;
}
.itemValue {
    font-family: ProximaNova-Semibold;
    color: #1C1C1C;    
    text-align: left;
    font-size: 18px;
    margin-top: 0;
}
.mbAdmin .itemValue {
    text-align: left;
}
.serviceSummaryInventory  .itemValue {
    font-size: 13px !important;
}
.pplGroupComposition label, 
.spinnerAgePriceDiv label, 
.spinnerDiv label,
.itemSubTitleName {
    color: #1C1C1C;
    font-size: 16px !important;
    font-family: ProximaNova-Regular;
}
.text-toggle #expand-collapse.text-toggle-collapse:after {
    font-size: 12px;
    content: "Show More Info";
}
.itemLabel {
    text-transform: uppercase;
    font-family: ProximaNova-Regular;
    font-size: 12px;
    color: #000;
    text-align: left;
}
.mbAdmin .dialogConfirmInfo {
    background-color: #fff;
    color:#1C1C1C;
    font-family: ProximaNova-Semibold;
}
.mbAdmin #cancelHSBookingBtn, .mbAdmin #sendEmailBtn, .mbAdmin #sendHSBookingBtn {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.mbAdmin .attentionBkg {
    background-color: #8766A9!important;
    color: #fff !important;
}

/*do not set .mbAdmin .ui-widget input because o spinner the icons will be deleted*/
.mbAdmin .ui-widget input, .ui-widget select, .mbAdmin .ui-widget textarea{
    font-size: 16px!important;
}
.ui-widget select, .mbAdmin .ui-widget textarea {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.mbAdmin #serviceheader > div.categoryImage {
    width: 35%;
}
.mbAdmin #pricesContainer {
    display: block;
}

#contentGuests > .itemValue.minPrice {
    display: inline-block;
}
#contentGuests > .itemLabel.minPriceLabel {
    display: inline-block;
    float: left;
}
#rentalDurationMessage {
    display: inline-block;
    padding-right: 20px;
}
#overdueChargePrice  {
    display: inline-block;
}
#loanerInfoContainer {
    margin: 0 auto;
    text-align: center;
}
#manageBookingSelectBookingsHeaderButtons .manageBookingTextfieldDiv .chosen-container-single .chosen-single {
    border: 1px solid #D2D2D2;
    color: #1C1C1C;
}
#chkMovePalapa input+span {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    line-height: 24px;
}
.buttonSmall {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNova-Semibold;
}

#chkMovePalapa {
    border: none;
}
#chkMovePalapa input:checked+span {
    background-color: #8766A9;
}
.menuCategoryOptionsHeader, .menuItemOptionsHeader {
    background-color: #8766A9!important;
}
.menuCategoryHeader {
    background-color: rgba(255,214,172,.8);
    
}
.menuCategoryBodyHeaderLabel {
    color: #1C1C1C;
    font-family: ProximaNova-Bold;
}
#editCategoryButton {
    background-color: #dea870;
}
.addCategoryDialogHeaderDiv, .addFoodDialogHeaderDiv {
    background-color: #fff;
}
.addCategoryDialogHeaderTitleDiv, .addFoodDialogHeaderTitleDiv {
    color: #1C1C1C;
    text-align: left;
    top: 30px;
    margin-left: 40px;
}
.addCategoryDialogTextFieldName, .addFoodDialogTextFieldDesc, .addFoodDialogTextFieldName {
    background-color: #fff;
    color:#1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;  
}
.addFoodDialogActionButtonCreate {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
}
.addExtraGroupItemDropdown .chosen-container-single .chosen-single span {
    background-color: #fff;
}
.addExtraGroupItemDropdown .chosen-container-single .chosen-single  {
    background-color: #fff;
    border: 1px solid #D2D2D2;
}
.addExtraGroupItemDropdown .chosen-container-single .chosen-single div {
    background-color: #fff;
}
.addExtraGroupItemDropdown {
    border: none;
}

span.content-row-value.elementDate {
    font-family: ProximaNova-Semibold;
}
span.content-row-value.elementSession {
    font-family: ProximaNova-Semibold;
}
#elementGuestCount  {
    font-family: ProximaNova-Semibold;
}
.InputTextPlaceholder {
    text-align: left;
    text-transform: uppercase;
    margin: 5px 0;
    font-family: ProximaNova-Semibold;
    font-size: 14px;
}
h2.orderFeeSubtotalValue {
    font-size: 16px;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderSumSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderSumSubtotalText {
    color: #1C1C1C;
    font-size: 16px;
    margin: 5px 10px;
}
.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderSumSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeSubtotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeTotalValue, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderSumSubtotalValue {
    color: #1C1C1C;
    font-size: 16px;
    text-align: right;
    padding-right: 0;
    margin: 5px 10px;
}
.login-register-wrapper-cart {
    background: #fff;
    color: #1c1c1c;
    border: 1px solid #dbdbdb;
}
.contentWrapper > h2 {
    padding: 10px 20px;
}
@media only screen and (max-width: 1000px)
{
    #myAccount{
        display: none; 
    }
    .mbAdmin .mbcontestwrapper.hotelservicesList #mbcontentCalendar{
          margin: 0 20px;
    }

    .orderBookingDetails {
        padding: 0 10px;
        margin: 0;
    }
    .content-row .content-row-text {
        font-size: 16px;
    }
    .ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingName .elementName {
        font-size: 18px;
        margin-left: 10px;
    }
    #loanerCartDescription {
        display: block;
        padding-right: 0.5em;
    }
}


@media only screen and (min-width: 1000px) {   
    #hotelServiceInfo #CandleLightDescription {
        width: calc(100% - 450px);
        min-width: 45%;
    }

    #hotelServiceInfo #mediaContainer {
        max-width: 450px;
        margin: 0 auto;
    }

    #orderBookingImage {
        max-width: 300px;
        margin: auto;
        padding: 10px;
    }
    
    .mbcontestwrapper.categoriesList #mbcontentCalendar {
        display: inline-block;
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        width: auto;
        margin-left: 0;
        padding: 0 20px;
    }
    .mbcontestwrapper.categoriesList #mbcontentCalendar .ui-datepicker {
        padding: 10px;
        border-radius: 3px;
    }
    #confirmBookUserAndAdditionals #dataContainer {
        padding: 35px;
    }

    #hotel_welcome {
        font-size: 4em;
        margin: 2% 0 10px;
        line-height: initial;
    }
    #hotel_welcome_subtitle {
        padding: 0;
    }
    #selectionDescription {
        display: inline-block;
    }
    .ConfirmBookingMenuOrderMB .orderTitle.flex-space-between .info-note {
        margin-top: 0px;
        width: 200px;
    }
    .login-register-wrapper-cart h2 {
        margin: 10px 0 20px 0;
        font-family: ProximaNova-Bold;
    }
    #servicePriceContainer {
        margin-right: 110px !important;
        float: right;
    }
    
}
@media only screen and (max-width: 415px) {
    .login-register-wrapper-cart .form-control {
        padding: 5px;
    }
    #goBack, #goBackToConfirm {
        margin-left: 0px;
    }
}

.ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal
{
    padding-right: 0;
    margin: 0;
}

#hotelServicePGContainer, #hotelServiceAgePriceContainer
{
    margin: 0 !important;
    padding: 0 !important; 
}

.CardTitleName {
    font-family: ProximaNova-Semibold;
    font-size: 16px;
}
#creditCardView {
    max-width: 1000px;
    padding: 20px;
}
#creditCardView .payment_info_container .info_form>form .place_order {
    background-color: #F8DEC3 !important;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNovaCond-Semibold;
    width: 100%;
}
#creditCardView #creditCardRows {
    display: flex;
}

#creditCardView .orderSumSubtotalValue {
    font-size: 24px;
    color: #1C1C1C;
    font-family: ProximaNova-Bold;
}
#creditCardView .info_form {
    display: flex;
    flex-flow: column;
}
#creditCardView .orderSum {
    min-width: 250px;
}
#creditCardView .payment_info_container .info_form>form {
    margin: 0 auto !important;
    width: 100%;
}
#cardinfouser{
    display: flex;
    flex-flow: column
}
#cardinfocard, #cardinfouser, #ccaddress {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

#creditCardView.shift4cardview .payment_info_container .info_form>form .cardhalf {
    flex-wrap: nowrap;
}
.cardhalf.cardleftmobile.cardright.cardpayment {
    width: 60% !important;
    flex-flow: row;
}

#ccuser, #lblinputCC {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.cardcontrols input {
    width: 100% !important;
}
.cardinfotitle{
    font-family: ProximaNova-Bold;
    font-size: 16px;
    font-weight: bold;
    padding: 1em 0 0.2em;
}

.lblinput label {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    text-transform: uppercase;
}
#creditCardView .cardcontrols {
    width: 99%;
    margin-right: 10px;
}
#hpc-fields > form {
    padding: 10px 10px 10px 0 !important;
}
#orderCartBox{
    font-family: ProximaNova-Semibold;
}
#creditCardView .payment_info_container .info_form>form .card_logos {
    justify-content: center;
}
#creditCardView .payment_info_container .info_form>form .card_logos .card_logo {
    width: auto;
}
#creditcardassurance {
    text-align: center;
}
.card_assurance {
    width: auto;
    height: 30px;
}
@media only screen and (max-width: 768px){
    #contentHeader.fixedHeader {
        top: 140px; 
    }
    .cardhalf.cardleftmobile.cardright.cardpayment {
        width: 100% !important;
    }
    
    .mbcontestwrapper.hotelservicesList #mbcontentCalendar {
        margin: 0 auto;
        max-width: 470px;
    }
    .mbcontestwrapper.hotelservicesList {
        flex-flow: column;
    }
    #mbcontentService {
        margin : 0 auto;
        width: 90%;
    }
    .hotelservicesList #commentsContainer .commentsContainerDiv {
        width: 85%;
    }
    .CallToActionHotelService {
        text-align: center;
    }
    #commentsContainer>label {
        text-align: center;
    }
    .studioSelection {
        margin: 20px auto 0;
    }
    .filterCalendar#filterServiceContainer #mbcontentCalendar {
        margin: 20px auto 20px;
    }
}
@media only screen and (min-width: 768px){
    .mbcontestwrapper.hotelservicesList #mbcontentCategory.noCalendar {
        width: 100%;
    }
    .bookViewMB {
        max-width: 900px;
        margin: 0 auto;
    }
    .menuItemLeftSideDiv {
        width: 70%!important;
    }
    #cardinfocard, #ccaddress  {
        flex-wrap: nowrap !important;
        width: 100%;
    }
    #ccuser, #lblinputCC {
        flex-wrap: nowrap !important;
    }
    
    #creditCardView .payment_info_container .info_form>form .cardcvc {
        width: 30% !important;
    }
    .itemEmail, .itemName, .itemTitleName {
        text-align: left;
    }
    .studioSelection {
        text-align: left;
    }
    #bodyview .contentWrapper .orderFee > div {
        clear: both;
    }

    .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFee .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderFeeTotal .orderSumSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeSubtotal .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderFeeTotalRow .orderFeeTotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeSubtotalText, .ConfirmBookingMenuOrderMB .contentWrapper .orderSum .orderSumSubtotal .orderFeeTotalText{
        width: 60%;
    }
    #cart-confirm #confirmContainer {
        padding: 40px;
        width: 40%;
    }
    #orderBookingImage {
        max-width: 200px;
        margin: auto;
        padding: 10px;
        width: 100%;
    }
    .mbcontestwrapper.hotelservicesList #mbcontentCategory.noCalendar {
        max-width: 1300px;
    }
    .ConfirmBookingMenuOrderMB {
        max-width: 1300px;
        margin: 0 auto;
        display: block;
    }
    .mbcontestwrapper.hotelservicesList #mbcontentCategories, .mbcontestwrapper.hotelservicesList #mbcontentCategory {
        margin: 0 auto;
    }
    .content-row .content-row-icon {
        line-height: 1.6em;
    }
    .ConfirmBookingMenuOrderMB .bodyContent .orderFee, .ConfirmBookingMenuOrderMB .bodyContent .orderFeeTotal, .ConfirmBookingMenuOrderMB .bodyContent .orderSum {
        padding: 15px 30px 0 0;
    }
    .itemSubTitleName {
        margin: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .bookViewMB {
        max-width: 1000px;
    }
    .ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingDetails {
        width: 35%;
    }
    .ConfirmBookingMenuOrderMB .contentWrapper .orderBooking .orderBookingName {
        width: 20%;
    }
    .ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingItems {
        width: 35%;
    }
    .orderBookingItems {
        margin: 0;
    }
    .orderBookingDetails {
        border-bottom: none;
        border-top: none;
    }
    
}
@media only screen and (min-width: 1120px) {
    .bookViewMB {
        max-width: 1300px;
    }
    .mbcontentBox {
        margin: 0px 25px 25px 0;
    }
    #creditCardView .payment_info_container .info_form>form {
        margin-left: 20px;
        width: calc(100% - 180px);
    }
    .menuItemLeftSideDiv {
        width: 75%!important;
    }
    #creditCardView .info_form {
        flex-flow: row;
    }
    .cvc {
        width: 45% !important;
    }
}

.btnApplyDiscount {
    background-color: #F8DEC3;
color:#1C1C1C;
font-size: 16px;
font-family: ProximaNova-Semibold;;
}
.reservationCancel {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNova-Semibold;
}
#editBookingSlot1, #editBookingSlot2 {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNova-Semibold;
}
.contentCheckinHeaderTopCheckinBtn {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-size: 16px;
    font-family: ProximaNova-Semibold;
}
.contentCheckinHeaderTopEmail {
    color: #1C1C1C;
}
.labelSlot {
    color: #1C1C1C;
}

.ConfirmBookingMenuOrderMB .bodyContent .orderAccept .orderAcceptButton {
    width: 250px!important;
}
.bookRoomDropDiv .chosen-container-single .chosen-single div, .commentsConfirmDropDiv .chosen-container-single .chosen-single div {
    background-color: #fff;
}
#confirmbookingPrice, #confirmbookingSubtotal {
    background-color: #fff;
}
#searchButton, #checkInButton, #manageCheckInContent .cancelCheckin{
    width: 150px !important;
} 
#searchButtonRoom {
    width: 150px !important;
    margin-left: 10px;
}
.mbAdmin #manageCheckInContent > div.controls.checkInControls {
    margin-bottom: 50px;
}
#goToBookService {
    width: 100% !important;
}
.cartUserSelect {
    top: 30%;
}
#hotelServicesBookings #filterContainer .manageBookingTextfieldDiv .chosen-container-single, #hotelServicesBookingsReport #filterContainer .manageBookingTextfieldDiv .chosen-container-single {
    background-color: transparent;
}
#hotelServicesBookings #filterContainer .manageBookingTextfieldDiv .chosen-container-single .chosen-single, #hotelServicesBookingsReport #filterContainer .manageBookingTextfieldDiv .chosen-container-single .chosen-single {
    background-color: #fff;
    border-radius: 3px;
}

input[type="checkbox"], input[type="radio"] {
    margin-top: 2px;
}

#allServices {
    padding: 10px;
}

#TopNavigationsFixWidth {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}

.dhx_cal_ltitle {
    background-color: #8766A9;    
    border-bottom: 1px solid #8766A9;
}
.dhx_save_btn_set div {
    background-color: #F8DEC3;
    color:#1C1C1C;
    font-family: ProximaNova-Semibold;
}
.dhx_save_btn_set:hover div {
    background-color: #f9dec3;    
}
.dhx_btn_set, .dhx_cancel_btn_set {
    color: #8766A9;
    border-color: #1C1C1C;
}
.dhx_btn_set:hover, .dhx_cancel_btn_set:hover {
    background-color: #8766A9;
    border: 1px solid #8766A9;
    color: #fff;
} 
.dhx_cal_lsection {
    font-family: ProximaNova-Regular;
}
textarea {
    font-family: ProximaNova-Regular;
}
.dhx_cal_light {
    max-height: 75%;
    top: 22% !important;
}
.dhx_cal_light select {
    font-family: ProximaNova-Regular;
}
.dhx_cal_light input {
    font-family: ProximaNova-Regular;
}
.dhx_cal_ltext textarea {
    font-family: ProximaNova-Regular;
}
.dhx_btn_set div {
    font-family: ProximaNova-Regular;
}
#filterContainer > div {
    margin-top: -7px;
}
span.content-row-value.orderGuestNotes {
    word-wrap: break-word;
    text-align: right;
}

.dashboardCategoriesBtn:hover{
    opacity: 0.8 !important;
}

.tertiary_btn{
    font-family: ProximaNova-Semibold;
}

.tertiary_btn:hover{
    text-decoration: underline;
}

.orderFeeTotalText{
    font-size: 20px !important;
}

.orderFeeSubtotalText{
    font-family: ProximaNova-Regular;
}

.orderFeeSubtotalValue{
    font-size: 20px;
}

.orderFeeTotalText, .orderFeeTotalValue, .orderFeeSubtotalValue{
    font-family: ProximaNova-Bold;
}

.orderFeeTotalValue{
    font-size: 20px;
}

.btn {
    font-family: ProximaNovaCond-Semibold;
}

@media only screen and (max-width: 767px) {
    .cardinfotitle{
        font-family: ProximaNova-Semibold;
        font-size: 18px;
        padding-top: 1em;
    }

    .studioSelection{
        width: 90%;
    }
    #orderBookingImage {
        margin-top: 45px;
    }

    .itemEmail, .itemName, .itemTitleName {
        font-family: ProximaNova-Bold;
        font-size: 14px !important;
    }
}

h1{
    font-family: GT-Super-Display-Light !important;
    font-size: 28px !important;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    h1{
        font-size: 36px !important;
    }

    .orderFeeTotalValue{
        font-size: 22px !important;
    }  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    h1{
        font-size: 44px !important;
    }

    .orderFeeTotalValue{
        font-size: 24px;
    }
}

@media only screen and (max-width: 960px){
    #creditCardRows{
        display: none;
    }
}

#cartFull .iconWhite {
    color: #000;
}
.bookingGridCheckBox input:checked+span, .manageBookingGridCheckBox input:checked+span {
    background-color: #8766A9;
}
.hotelservicesList #commentsContainer {
    padding: 0;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center; 
    flex-flow: column;
}
.hotelservicesList #commentsContainer .commentsContainerDiv {
    width: 80%;
    margin: auto;
}
#umbrellaTypeDrop {
    font-family: ProximaNova-Regular
}
.mbAdmin .userDialogTextFields {
    text-align: left;
    padding-left: 15px;
}
.mbAdmin .adminDialogTextFieldDivDrop .chosen-container-single .chosen-single span {
    text-align: left;
    display: block;
    margin-left: 10px;
    text-indent: 0;
}
#closeActivitiesHandler {
    background-color: #8766A9;
}
.iconRed {
    color: #8766A9;
}
.reportingBodyExportBtnIcon {
    margin-right: 10px; 
}
.mbAdmin #navbar .top-navigation {
    display: block !important;
}
.mbAdmin .mbcontestwrapper.hotelservicesList #hotelServiceInfo .hsInfo .userServiceHotelField {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.blockDiv .userServiceHotelField {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.mbAdmin #adminNotes, .mbAdmin #staffCommentNotes {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
#fromContainer>label,
#toContainer > label,
.filter_title {
    color: #fff;
}
.pplGroupComposition input {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.adminDialogTextFieldDivDrop .chosen-container-single .chosen-single div b {
    background-color: #fff;
}
#toggle-password {
    margin-top: -2.5em; 
}

#adminContentView {
    background-color: transparent;
}
.mbcontestwrapper.hotelservicesList #mbcontentCartItems .mbcontentBox .categoryImage, .mbcontestwrapper.hotelservicesList #mbcontentCategories .mbcontentBox .categoryImage, .mbcontestwrapper.hotelservicesList #mbcontentCategory .mbcontentBox .categoryImage {
    height: fit-content;
}
.filter_container {
    background-color: #8766A9;
}

#adminNoteContainer .labelAddOn {
    height: 12vh;
    vertical-align: middle;
}
.detailExpand {
    padding-top: 20px;
}
.dhx_cal_navline div.dhx_minical_icon:hover {
    background-color: transparent;
}
.dhx_save_btn_set:hover, .dhx_save_btn_set:hover div {
    border-color: #f9dec3;
}
.dhx_save_btn_set, .dhx_save_btn_set div {
    border: none;
}
.dhx_btn_set:hover, .dhx_cancel_btn_set:hover {
    background-color: #f9dec3;
}
.mbAdmin #languageSelectContainer select {
    background-color: #fff;
}
.menuPanelFieldsLblUser,
.menuPanelFieldsSubLblUser,
.menuPanelFieldsLblUser,
.menuItemBodyHeaderLabelUser,
.menuItemBodyHeaderLabelDescUser,
.menuItemRightSidePriceDiv_user,
.menuPanelFieldsTotalPriceCls,
.selMenuItemTextPriceLabelUser,
.menuPanelFoodItemHeaderPrice,
.menuPanelFoodItemHeaderName,
.selMenuItemTextLabelHintUser,
.ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingName .elementName{
    color: #1C1C1C;
}
.catselected {
    color: #1C1C1C !important;
}
.ui-datepicker-today .ui-state-highlight, .ui-datepicker-today .ui-widget-content .ui-state-highlight, .ui-datepicker-today .ui-widget-header .ui-state-highlight {
    color: #8766A9;
}
.menuPanelFieldsLblUser,
.menuItemBodyHeaderLabelUser,
.selMenuItemTextLabelHintUser {
    font-family: ProximaNova-Bold;
}
#foodchoose {
    text-align: left;
}
.addMenuItemHeaderInnerUser {
    background-color: #F8DEC3;
    color: #1C1C1C;
    font-family: ProximaNova-Semibold;
}
.selMenuItemTextDescLabelUser {
    clear: none;
    width: calc(100% - 100px);
}
.selMenuItemTextLabelHintUser{
    line-height: 16px;
}
.selMenuItemTextAreaCommentsBox {
    border: none;
}
.adminBodyHeaderLabel {
    line-height: 60px;
    color: #fff;
    padding-right: 20px;
}
.extraItemTextFieldName {
    height: 32px;
    background-color: #fff;
}
.addExtraGroupItemDropdown {
    background-color: #fff;
}
.addExtraGroupItemDropdown #extraItemGroupDropdown_chosen {
    width: 300px;
}
.menuItemUser,
.mbAdmin .menuItemHeader {
    background-color: #fff !important;
}
.menuCheckItemGridCheckBoxSelUser input:checked+span {
    background-color: #8766A9;
}
.editPencil {
    top: 15px;
    right: 100px;
}
@media only screen and (min-width: 768px) {
    .editPencil {
        top: 10px;
    }
}

.arrowCustomRight80 {
    top: 35%;
}
.mbAdmin .pplGroupComposition label, .mbAdmin .spinnerAgePriceDiv label, .mbAdmin .spinnerDiv label {
    padding: 7px 10px 7px 0!important;
}
#gridFilter {
    margin-top: 10px; 
}

.reportingButtonsDiv  {
    margin-bottom: 10px;
}
.adminDialogTextFieldDivDrop .chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    background-image: none;
    border: 1px solid #D2D2D2;
    box-shadow: none;
}

.mbAdmin #adminNotes {
    width: 80%;
}
select#languageSelectId.chosen-select {
    border: none;
}

#gridFilter #btnRefresh {
    margin: 0;
    display: flex;
    justify-content: center;
    line-height: 38px;
    height: 42px;
}
.arrowCustomRight80 {
    top: 40%;
}
.mbAdmin .mbcontestwrapper.hotelservicesList .fullWidthButton #goToBookService, .mbAdmin .mbcontestwrapper.hotelservicesList .fullWidthButton #goToPrevGuest {
    margin-top: 10px !important;
    margin: 0 auto;
}

.mbAdmin .pplGroupComposition label, .mbAdmin .spinnerAgePriceDiv label, .mbAdmin .spinnerDiv label {
    padding: 7px 0px!important;
}

.filter_title_container {
    margin-left: 20px;
}
#calendarContainer {
    width: 100%;
}
#services #adminAddShopButton, #services #adminRestaurantMenuConfig {
    border-radius: 0;
    border: none;
}
.menuSidePanel {
    margin-top: 20px;   
}
.menuItemHeader {
    background-color: #fff !important;
}
#removeArrivalIntervalId, #removeTransactionIntervalId, #removeGuestNameId {
    color: #fff;
    margin-left: 10px;
    border: 1px solid #fff;
}
.manageTextOutputDiv,
#paymentProcessorContainer .filter_title_container i,
.filter_container .filter_group .paymant_download #reportingBodyHeaderCsvBtn, 
.filter_container .filter_group .paymant_download #reportingBodyHeaderPdfBtn, 
.filter_container .filter_group .paymant_download .reportingBodyExportBtnIcon {
    color: #fff;
    background-color: transparent;
}
.filter_container .filter_group .filter_title_container {
    margin-top: 3px;
}
.suggestionContainerExtended {
    display: none;
}
.cartSummaryInfos {
    margin-left: 0;
    justify-content: space-between;
}
.mbAdmin .bookViewMB {
    max-width: 100%;
}
.mbAdmin .mbcontestwrapper.hotelservicesList #mbcontentCategories {
    margin-left: auto;
    width: 100%;
}

#footerlinks > div {
    display: inline-block;
}

.footer-content {
    background-color: #fff;
    color: #3A3A3A;
}
.footer-content .footer-content-text {
    color: #3A3A3A;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.footer-content .footer-content-text a {
    color: black;
}
#iata_footer{
    font-style: italic;
}
#globalSearchNavbar .iconWhite {
    color: #000;
}
.dhtmlx_popup_button.dhtmlx_ok_button:hover div, 
.dhtmlx_popup_button.dhtmlx_ok_button div,
.dhtmlx_popup_button.dhtmlx_ok_button,
.dhtmlx_popup_button.dhtmlx_cancel_button div:active  {
    background-color: #F8DEC3;
    color: #1C1C1C;
    border: none;
}
.dhtmlx_button input, .dhtmlx_popup_button div {
    color: #8766A9;
}

#selMenuItemDropdownQuantity {
    margin-top: 0;
}

.addMenuItemQuanityDropdownUser .selMenuItemDropdownIconUser {
    top: 28%;
}
#itineraryItemGuestCounts {
    display: inline-block;
    padding-left: 0;
}
.bookingPriceDetails {
    flex-wrap: wrap !important
}
.bookingPriceDetails .minPriceLabel, 
.bookingPriceDetails .minPrice,
#priceLabel,
#studioPrice
 {
    text-align: right;
}
.fullWidthButton .btn {
    background-color: #F8DEC3;
    color: #1C1C1C;
    font-size: 16px;
}
.dhx_section_time.dhx_lightbox_minical select.dhx_lightbox_time_select {
    width: 100px !important;
 }
 .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container-active.chosen-with-drop .chosen-choices, 
 .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container-active.chosen-with-drop .chosen-single, 
 .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container .chosen-choices, 
 .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container .chosen-single,
 #dropDownFilterId_chosen {
    background-image: none;
    min-height: 34px;
    line-height: 34px;
}
.manageBookingTextfieldDiv.bookRoomConfirmDropDiv .bookingDropDownSelectArrow {
    top: calc(100% - 25px) !important;
}
#serviceCalendarView .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container .chosen-choices{
    display: flex;
    flex-wrap: wrap;
}
#serviceCalendarView .manageBookingTextfieldDiv.bookRoomConfirmDropDiv .chosen-container .chosen-choices .search-choice{
    min-width: 100px;
}
.mbAdmin #dropDownFilterId_chosen,
.manageBookingTextfieldDiv.bookRoomConfirmDropDiv{
    min-width: 350px!important;
}
.basicDialogActionButtonCreate{
    background-color: #F8DEC3;
    color: #1C1C1C;
    font-size: 16px;
}

.pplGroupComposition .custom-up-icon, .spinnerAgePriceDiv .custom-up-icon, .spinnerDiv .custom-up-icon {
    margin-top: -1px;
}
.pplGroupComposition .custom-down-icon, .spinnerAgePriceDiv .custom-down-icon, .spinnerDiv .custom-down-icon {
    margin-top: -1px;
}
#creditCardView .payment_info_container .info_form>form .cardright, 
#creditCardView .payment_info_container .info_form>form .cardrightmobile,
#creditCardView .payment_info_container .info_form>form .cardleft, 
#creditCardView .payment_info_container .info_form>form .cardleftmobile,
#creditCardView .payment_info_container #cardinfouser .AddresContainerDiv #lblinputAddress,
#creditCardView .payment_info_container #cardinfouser .AddresContainerDiv #lblinputZip {
    flex-flow: column;
}
#creditCardView .payment_info_container .info_form>form .cardpayment {
    flex-flow: row;
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    #cardinfouser {
        padding: 0 5px;
    }
}
#discountType_chosen > a {
    height: 42px;
    line-height: 42px;
    background: #F8DEC3 !important;
    color: #1C1C1C;
    font-size: 16px;
    box-shadow: none;
    border: none;
}
#discountType_chosen > a:hover {
    opacity: 0.8 !important;
}
#discountType_chosen {
    border: none;
}
#dhx_add_event {
    background-color: #F8DEC3;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #F8DEC3;
}
#dhx_add_event:hover {
    background-color: #8766A9;
    border: 1px solid #8766A9;
    color: #fff;
}
#leftMenu .navbarDropDownChoice .nav-item.user-item .person-name {
    color: #8766A9;
}
#affectedBookingsPopup .basicDialogBody .basicDialogHeaderDiv, #affectedInventoriesPopup .basicDialogBody .basicDialogHeaderDiv {
    background-color: #8766A9;
}
#affectedBookingsPopup .basicDialogBody .basicDialogHeaderDiv #basicDialogHeaderText, #affectedInventoriesPopup .basicDialogBody .basicDialogHeaderDiv #basicDialogHeaderText {
    color: #fff;
}
.dhx_cal_event .dhx_body, .dhx_cal_event.dhx_cal_select_menu .dhx_body {
    /* Not sure why this was needed, but it breaks all the event height calculations. */
    /* height: auto !important; */
    line-height: 12px !important;
}
#editOrderSummary {
    width: 25px !important;
    position: absolute;
    right: 100px;
    top: 5px;
}
@media only screen and (max-width: 650px) {
    #navbarHotelSubNameDivId {
        font-size: 13px;
        line-height: 13px;
    }  
    .BackButtonDiv,
    .RightButtons {
        width: 70px;
    }
    .RightButtons {
        text-align: right;
    }
    #navbarHotelSubNameDivId {
        width: calc(100% - 170px);
    }
}
.mbAdmin #navbar .top-navigation .navbarDropDownChoice {
    margin-top: -10px;
}
.top-navigation .dropd-down-toggle  {
    padding-top: 0.5em 
}
#rightHalf,
.menuSidePanelOrderDiv {
    text-align: center;
}
#asSoon:checked:checked ~ .asSoon, #delivery:checked:checked ~ .delivery, #myself:checked:checked ~ .myself, #pickup:checked:checked ~ .pickup, #schedule:checked:checked ~ .schedule, #someone:checked:checked ~ .someone {
    background:#F8DEC3;
}
#asSoon:checked:checked ~ .asSoon span, #delivery:checked:checked ~ .delivery span, #myself:checked:checked ~ .myself span, #pickup:checked:checked ~ .pickup span, #schedule:checked:checked ~ .schedule span, #someone:checked:checked ~ .someone span {
    color: #1C1C1C;
}
.menusView .wrapper .option {
    background-color: #fff;
    border: 1px solid #825EA5 !important;
}
.menusView .wrapper .option span {
    color: #1C1C1C;
}
#studioPaymentLinkContainer .itemSubTitleName   { 
    font-family: ProximaNova-Semibold;
    font-size: 12px;
    text-transform: uppercase;
}
.studioContainer #mbcontentCategory #commentsContainer {
    width: 100%;
}

.phoneNumberFieldView .country-code-container.country-code-container {
    line-height: 20px;
}
.phoneNumberFieldView .country-code-container>.chosen-container .chosen-single {
    border: 1px solid #D2D2D2;
    border-radius: 4px 0 0 4px;
}
.phoneNumberFieldView .country-code-container>.chosen-container {
    border: none;
}
.phoneNumberFieldView .phone-number {
    border: 1px solid #D2D2D2;
    border-radius: 0 4px 4px 0;
}
.chosen-container-single .chosen-single div b {
    background-image: none !important;
}
@media only screen and (min-width: 1200px) {
    .ConfirmBookingMenuOrderMB .bodyContent .orderBooking .orderBookingItems .ProductNameCart {
        margin: 0;
    } 
    .orderBookingFee .content-row-price {
        margin-left: 28px;
    }
    .orderBookingAddon.orderMenuItem .content-row-price {
        margin-left: 0;
    }
}
@media only screen and (max-width: 600px) {
    .country-code-container .country-code-selector {
        border: 1px solid #D2D2D2;
        border-radius: 4px 0 0 4px;
        min-height: 42px;
    }
}
#loanerCartBox input[type="checkbox"], #loanerCartBox input[type="radio"]  {
    align-self: flex-start;
}
.mbAdmin .userServiceHotelField {
    border: 1px solid #D2D2D2;
    border-radius: 4px;
}
#userPhone#userPhone#userPhone {
    border: none
}
.mbAdmin .mbcontestwrapper.hotelservicesList #hotelServiceInfo .hsUserInfo .userServiceHotelField {
    border: 1px solid #D2D2D2;
    border-radius: 4px;
}
.adminDialogTextFieldDivDrop .chosen-container-multi .chosen-choices {
    background-color: #fff;
    color: #1C1C1C;
    font-size: 16px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
}
.TitleUser .closePalapaDetailsCls>div {
    color: #000;
}
#formServiceIcon_chosen .chosen-single {
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.reportingBodyDownloadButtons {
    width: 300px;
    display: flex;
    align-items: center;
}
#languageDropdownContainer {
    right: 50px;
    top: 2px;
}
#languageDropdown {
    box-shadow: none;
    border: 1px solid #D2D2D2;
    width: 40px;
    height: 35px;
    font-family: ProximaNova-Regular;
    font-size: 12px !important;
}
#languageDropdown_chosen .chosen-single {
    line-height: 35px;
    min-height: 35px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #D2D2D2;
}
#languageDropdown_chosen {
    width: 50px !important;
    border: none;
    background-color: transparent;
}
#languageDropdownContainer .chosen-container-single .chosen-single span {
    margin-right: 0;
}
#languageDropdownContainer .chosen-container-single .chosen-single div {
    width: 0;
}
@media only screen and (max-width: 768px) {
    #cartFull {
        margin-right: 15px;
    }
    .categorys-number-1, .categorys-number-2, .categorys-number-3 {
        margin: 10px 0;
    }
    #CandleLightDescription {
        padding: 0 20px;
    }
}
.mbAdmin #languageDropdownContainer {
    display: flex; 
    position: relative;
    left: 30px;
}
#dhx_add_event  {
    min-width: 160px;
    position: relative;
    display: inline-block;
    width: fit-content;
    padding: 0 20px;
}
.dhx_cal_tab.unit_tab {
    display: inline-block;
    position: relative;
    left: unset;
    min-width: 150px;
    width: fit-content;
    padding: 0 20px;
    left: 330px!important;
}
.dhx_cal_tab.add_tab {
    left: 200px!important;
}
#searchQuery {
    padding: 11px;
}
.GlobalSearchView #appSettingsHeaderTitleBar {
    padding-left: 20px;
}
.dhx_cal_light .dhx_wrap_section .dhx_cal_lsection {
    padding-top: 0 !important;
}
.phone-number.dhx_cal_ltext {
    margin: 0 0 0 20px;
    border: 1px solid rgba(0,0,0,.08);
}
.formServiceTypeDiv .chosen-container-single .chosen-single {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    height: 35px;
    padding: 5px 20px;
}
.adminDropdownContainer .chosen-single.chosen-default,
.adminDropdownContainer .chosen-container-single .chosen-single {
    padding-left: 0;
    text-indent: 20px;
    font-size: 11pt;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
}
#navbarDropDown a {
    color: #000;
}
.categorys-number-2 {
    margin: 0 10px;
}

.filter_container .filter_group .paymant_download {
    margin-left: 10px;
}
.manageRoomsPanel .jsgrid-cell {
    overflow: visible !important;
}
#bodyview .dashboard-wrapper .category-item, #bodyview .dashboardwrapper .category-item  {
    margin: 0 10px;
}
.manageTextInputCalendarIcon {
    left: calc(100% - 25px);
}
.calendarDateFullBooked .ui-state-default::before, .calendarDateUnavailable .ui-state-default::before {
    height: 26px;
}
.hsInfo {
    padding: 20px 0 0;
}
.orderBookingCount #elementGuestCount {
    padding-left: 0px; 
}
.ui-corner-br:after, .ui-corner-tr:after {
    font-size: 0.8rem;
    top: 25%;
}
.ui-corner-br::after {
    font-size: 1rem;
    top: 15%;
}
#elavon-online-sale-form #lblinputCC {
    margin-top: 1px;
}
#elavon-online-sale-form .payment_input.cvc{
    margin-top: 2px;
}
#shift4-online-sale-form .payment_input.expire{
    margin-top: 1px !important;
}
#hpc-fields .three-d-secure-fields {
    padding: 0;
    margin-bottom: 10px;
}
#hpc-fields .three-d-secure-fields .chosen-container-single .chosen-single{
    height: 2.8rem;
    line-height: 2.8rem;
    font-family: ProximaNova-Regular;
    font-size: 16px !important;
    background: #fff !important;
    box-shadow: none;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}
#hpc-fields .three-d-secure-fields #hpc-fields .three-d-secure-fields{
    border-radius: .25rem 0 0 .25rem;
}
#hpc-fields .three-d-secure-fields .phone-number {
     border-radius: 0 .25rem .25rem 0;
     min-height: 2.8rem !important;
}