#bodyview {
    background-color: #fff;
}
.mbAdmin #bodyview {
    background-color: #f1f1f1;
}
button,
.btn,
.bootstrap_design_squareBtn,
.bootstrap_design_roundBtn,
.bootstrap_design_whiteSquareBtn,
.btn-clos,
.btn-check:checked+.btn-secondary {
    text-transform: uppercase;
    border-radius: 0px !important;
}
.categoryLine .btn-secondary{
    color: #787878 !important;
}
.btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary{
    color: #fff !important;
}
.marketActions .bootstrap_design_roundBtn,
.applyDiscount,
#basicDialogOkBtn
{
    padding: 15px !important;
}

.marketSupplierService:hover,
#mbcontentServiceBoot:hover {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);
}

.bootstrap_design_cardContainer,
.marketCategoriesContainer .rounded-pill,
.modal-content,
.rounded,
.form-control,
.aditionalListQuantityIncrease, .serviceSelectorQuantityIncrease, .valueSelector #increase,
.aditionalListQuantityDecrease, .serviceSelectorQuantityDecrease, .valueSelector #decrease,
.pplGroupComposition #childrenContainer .form-round,
.chosen-container, .chosen-container-active.chosen-with-drop, .chosen-container-single,
.form-control-lg,
.phoneNumberFieldView .country-code-container>.chosen-container,
.phoneNumberFieldView .phone-number,
.btn-check:active+.btn-secondary
 {
    border-radius: 4px !important;
}
.portalSearch{
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
.serviceImage {
    border-radius: 4px 4px 0 0 !important;
}
.img-fluid {
    border-radius: 4px 4px 0 0 !important;
}
#mbcontentServiceBoot .marketServiceImage{
    border-radius: 0 4px 4px 0 !important;
}
.marketServiceUnavailable {
    border-radius: 4px;
}
.portalFormSearch .TitleFont,
.daypassPortalProductSearch .TitleFont{
    font-family: 'Brandon Grotesque Medium' !important;
    text-transform: uppercase;
    color: #000;
    font-size: 14px !important;
    letter-spacing: .15rem;
}
.spaColumDiv .p14_boot,
#chooseDate  {
    font-family: 'Brandon Grotesque Medium' !important;
    text-transform: uppercase;
}

#mbcontentCalendar .p16_b_boot,
#mbcontentCalendar .p16_boot {
    font-family: 'Brandon Grotesque Medium' !important;
}

.marketMambershiptn, .search-btn{
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 18px !important;
}
.marketSlider .h4_boot.TitleFont{
    font-size: 42px !important;
    color: #1d5273;
}
.cardTitleName {
    font-weight: 400 !important;
    font-size: 18px !important;
    font-family: var(--3rdFont) !important;
    text-transform: uppercase;
}
#marketServiceName {
    font-size: 26px !important;
    font-family: var(--3rdFont) !important;
    text-transform: uppercase;
}
.marketTitle.cardTitleName {
    text-transform: uppercase;
    font-size: 20px !important;
    font-family: var(--3rdFont) !important;
}
.marketServiceName {
    font-size: 48px !important;
}
.marketDescription{
    opacity: .6;
}
.form-stepper .form-stepper-completed .form-stepper-circle,
.form-stepper .form-stepper-current .form-stepper-circle,
.form-stepper .form-stepper-current .form-stepper-circle:hover { 
    border: 5px solid #00000029 !important;
}

#dashboardCarousel p, 
.dashboardCategoryTile p{
    color: #fff !important;
}

.tileMultiple.itemNameForTiles {
    color:#FFF !important;
}
.MarketFooterBanner{
    text-align: center;
}
.marketMambershiptn {
    border-radius: 0px !important;
    color: var(--3rdColor) !important;
    background-color: transparent !important;
    border: 1px solid var(--3rdColor);
    text-transform: uppercase;
}
.marketMambershiptn:hover {
    background-color: var(--3rdColor) !important;
    color: #fff !important;
    opacity: 1;
}
.bootstrap_design_QuantitySelector {
    height: 42px;
}
.dropdown-menu {
    border-radius: 0px !important;
}
#ui-datepicker-div {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .05);
    border: none;
}
/*center the logo */
.hotelInfoContainer {
    display: none !important;
}
.hotelLogoContainer{
    width: 66%;   
}
#navbarHotelNameDivId {
    height: 4rem !important;
    margin-bottom: .5rem;
    margin-top: .5rem;
}
#cartPart {
    width: 16.6%;
    height: 100%;
    align-self: center !important;
}
@media only screen and (min-width: 992px) {
    .hotelLogoContainer{
        width: 83%;
    }
    #cartPart {
        width: 8.33%;
    }
    .headerGradient {
        padding-right: 5rem;
    }
}
.dropdown-item.active, .dropdown-item:active {
    background-color:#3D8A9C;
    color: #fff;
}
.daypassPortal .card {
    z-index: 2;
    border: none;
}
.daypassPortalSearch .portalSearch {
    border-bottom: 1px solid #00000029;
    box-shadow: none;
}

.mbBoot #navbar{
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .05);
}
.daypassPortalSearchContainer,
.daypassPortalProductSearch {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .05);
    z-index: 10;
}
#footer {
    border-top: 1px solid #00000029;
}
.portalFormSearch .locationSelectorLabel,
.portalFormSearch .btnDisplaySelectedDate {
    color: #787878 !important;
    text-transform: initial !important;
    font-family: var(--1stFont);
    font-size: 22px !important;
}
.marketLocation {
    text-transform: uppercase;
    color: #787878;    
    letter-spacing: 1.4px;
}
.dropdown-menu.show {
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .05);
    border: none;
    padding: 20px;
}
.spinner {
    height: 140px; 
    width: 140px !important; 
    background-image: url("https://ipoolside-media.s3.amazonaws.com/site/margaritavilleresortsportal/images/rtr-loader-update-2.svg"); 
    background-size: cover !important;
    background-repeat: no-repeat !important;
    left: calc(50% - 70px) !important;
}
.spinner > div {
    display: none !important;
}
#filterServiceContainer .col-12.col-lg-4.pe-lg-3 {
    margin-top: 10px;
}
@media only screen and (max-width: 750px) {
    .spinner {
        left: calc(50% - 70px) !important;
    }
}
@media only screen and (max-width: 992px) {
    .h1_boot {
       font-size: 40px !important;
   }
   .marketSlider .h4_boot.TitleFont {
       font-size: 30px !important;
    }
    .filterExperiences label {
        text-align: left;
    }
}
.marketCategories .rounded-pill{
    text-transform: uppercase;
}

.breadcurmbsMarket {
    text-transform: uppercase;
    font-family: var(--3rdFont) !important;
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1280px !important;
    }
}

.marketHotelDescription p, 
.marketServiceDescription p {
    font-size: 30px;
    line-height: 44px;
}
.marketSlider .carouselNext, .marketSlider .carouselPrevious {
    height: 45px;
    width: 45px;
    margin: 5px;
}
.categoryLine{
    color: #787878 !important;
    text-transform: uppercase;
}

.productUnavailable {
    color: var(--3rdColor) !important;
    font-style: italic;
    border: 1px solid #787878;
    width: fit-content;
    padding: 5px;
    margin-left: 10px;
}
@media only screen and (max-width: 768px) {
    .portalFormSearch .locationSelectorLabel, .portalFormSearch .btnDisplaySelectedDate {
        font-size: 16px !important;
    }
}
.ellipsis {
    max-height: 3.7em !important;
}

.marketCategoriesContainer label{
    color: rgba(255, 255, 255, 1) !important;
}

.mbAdmin label {
    color: initial !important;
}
input[type="checkbox"], input[type="radio"] {
  margin-right: 5px;
  vertical-align: top;
  margin-top: 2px;
}
.marketSupplierPortal{
    background: #1D5273;
    background: linear-gradient(180deg,rgba(29, 82, 115, 1) 0%, rgba(29, 82, 115, 1) 0%, rgba(62, 138, 156, 1) 100%) !important;
}
.headerSlider {
    min-height: 400px;
}
@media only screen and (max-width: 992px) {
   .headerGradient {
    text-align: center;
    padding: 2rem;
   }
}
.blurredBg {
    background-image: url("https://ipoolside-media.s3.amazonaws.com/site/margaritavilleresortsportal/images/general/bkg-blur.png"); 
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.portalFormSearch i{
    color: var(--3rdColor);
}
.search-btn i {
    color: #fff;
}
.validityDiv {
    display: none;
}

.marketActions {
    display: none !important;
}