@font-face {
    font-family: "Gothic Bold";
    src: url('../webfonts/custom/LibreFranklin-Bold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gothic Semi Bold";
    src: url('../webfonts/custom/LibreFranklin-SemiBold.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Gothic Light";
    src: url('../webfonts/custom/LibreFranklin-Light.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Normalizer Version 7.7.08  Starts Here*/

/* General Style Fixes Starts Here */

body > #main {
    max-width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

h1, h2, h3, h4, h5, h6{
    margin: 5px 0 !important;
}
#alerts {
    position: absolute;
    top: 100px;
    min-width: 80vw;
    left: 10vw;
}

#serviceList li{
    width: 100% !important;
    margin: 10px !important;
}
#serviceList ul{
    align-items: center;
}
#serviceList li {
    margin: 20px !important;
    height: 224px !important;
}
.popover.loginPromptFlyout {
    top:120px !important;
    width: 80vw !important;
    max-width: 800px !important;
    left: 10vw !important;
    margin-left: 0 !important;
    z-index: 9999;
}
#roomTypeaccordion .accordion-heading .accordion-toggle .btn.disabled{
    opacity: 1;
}
/* General Style Fixes Finishes Here */

/* Navbar Starts Here */
.navbar .btn-navbar .icon-bar {
    width: 30px !important;
    height: 4px;
}
@media (min-width:980px){
    #navbarServiceTypeList .dropdown-menu li{
        width: 100% !important;
    }
    #navbarServiceTypeList .dropdown-menu{
        min-width: 170px !important;
    }
    #navbarServiceTypeList .dropdown-menu li.divider{
        height: 0 !important;
        margin: 0 !important;
        border: none !important;
    }
}

@media (max-width:768px){
    .nav-collapse .nav, .navbar .nav.pull-right {
        width: 100% !important;
    }
}

@media (min-width:769px) and (max-width:979px){
    .nav-collapse, .nav-collapse.collapse{
        margin-bottom: 10px;
        margin-top: 80px !important;
    }
    .nav-collapse .nav li{
        width: 100% !important;
        margin: 2px 0 !important;
    }
    .navbar .nav.pull-right{
        width: 100% !important;
        text-align: center !important;
    }
    #navbarServiceTypeList .dropdown-menu li,
    #navbarLanguageList .dropdown-menu li{
        max-width: 120px !important;
        margin: 0 2px !important;
    }
    
}
#nav .navbar-inner .brand {
    width: 250px !important;
}
@media screen  and (min-width: 320px) and (max-width: 768px) {
    .summaryV2 .addMore > .clearfix {
        display: grid;
        display: -ms-grid;
        grid-template-columns: 1fr 1fr !important;
        -ms-grid-columns: 1fr 1fr  !important;
        grid-row-gap: 5px;
     }
}

@media (max-width:979px){
    #navbarCartControl .dropdown-menu.hidden-desktop{
        margin: auto !important;
    }
    .navbar .nav.pull-right #navbarCartControl ul.dropdown-menu li a,
    .nav-collapse .nav li .dropdown-menu li a{
        width: auto !important;
    }
    #nav .navbar-inner .brand{
        min-width: 250px !important;
    }
}
@media (max-width: 768px) {
    #nav .navbar-inner .brand {
        width: 75% !important;
        top:-14%;
    }
}


/* Navbar Finishes Here */

/* PMS Module Starts Here */


.pmsDatesForm#content > .span12 {
    margin-bottom: 0 !important;
}

.content-pmsDatesForm input[type="text"]{
    max-width: 160px;
    width: 160px !important;
    margin-bottom: 0 !important;
}
.content-pmsDatesForm .well.span9.offset1 .row{
    margin-bottom: 10px !important;
}

#pmsDatesForm {
    margin-bottom: 0 !important;
}
#pmsDatesForm .well.span9.offset1 {
    margin-top: 0 !important;
}

@media (max-width:768px){
    #pmsDatesForm .well.span9.offset1 > .row,
    #pmsDatesForm .well.span9.offset1 #more > .row {
        margin-bottom: 0 !important;
    }
}

/* PMS Module Finishes Here */

/* Spa Module Starts Here */
    /* Spa Services (Package UI)  Starts Here */
    .content-spaLocationListTpl .spaLocationList .accordion-inner{
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .content-spaLocationListTpl .spaLocationList .accordion-inner > .row:first-of-type{
        width: 100% !important;
    }
    .content-spaLocationListTpl .spaLocationList .accordion-inner > .row:nth-of-type(2){
        max-width: 100px !important;
    }
    
    @media (min-width:768px) and (max-width:768px) {
        .sticky_cart #vue-cart{
            width: calc(100% - 53px) !important;
        }
    }
    
    @media (max-width:768px){
        .content-spaLocationListTpl .spaLocationList .accordion-inner .row,
        .content-spaLocationListTpl .spaLocationList .accordion-inner p{
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }
        .content-spaLocationListTpl .spaLocationList .accordion-inner > .row:nth-of-type(3){
            display: flex !important;
        }
        .content-spaLocationListTpl .spaLocationList .accordion-inner > .row:first-of-type{
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: space-between !important;
            align-items: center !important; 
        }
        .content-spaLocationListTpl .spaLocationList .accordion-inner > .row:first-of-type .span2{
            display: flex !important;
            align-items: center;
            width: auto !important;
        }
        .content-spaLocationListTpl .spaLocationList .accordion-inner [class*="span"]{
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .package-review-screen-outer-div #reviewModel{
            position: relative !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    
        .service-for.service-for-border{
            display: flex !important;
            justify-content: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
            flex-direction: column !important;
        }
        .service-for.service-for-border > div {
            display: flex !important;
            justify-content: center !important;
        }
        .content-spaPackageTpl #app .stepper .service-for .service-for-button{
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .package-review-screen-buttons-outer-div{
            overflow: hidden !important;
        }
    
    }
    
    @media (min-width:768px){
        .stepper .stepper-header{
            margin-top: 10px !important;
        }   
    
        .content-spaPackageTpl #app .sticky_mobile_view_service_sticky_bar,
        .content-spaPackageTpl #app .sticky_mobile_view_date_sticky_bar, 
        .content-spaPackageTpl #app .mobile_date_sticky_bar_notloggedIn{
            width: calc(100% - 68px);
        }
        .main-body-schedule .service-extra-options{
            margin-top: 20px !important;
        }
        .cart-body.grow .horizontal-line {
            display: none !important;
        }
        .content-spaPackageTpl #app .stepper .service-for .service-for-button{
            min-width: 200px !important;
        }
    }
    
        /* Spa Services (Package UI)  Finishes Here */
    
        /* Spa Activities (Calendar UI)  Starts Here */
        .mainContent #content.spaClassConfirmTpl >p{
            margin-top: 0 !important;
        }
        @media (max-width:768px){
            .span12.page-header.c_spa_class_location, 
            .span12.c_spaClassCalendar.spaClassCalendar{
                margin-top: 0 !important;
            }
            .row-fluid.spaClassCalendar > .span12 {
                min-height: auto !important;
            }
            .mainContent #content.spaClassConfirmTpl #spaBookConfirm{
                padding: 5px !important;
            }
        }
    
        /* Spa Activities (Calendar UI)  Finishes Here */
    
    /* Spa Module Finishes Here */


/* Golf Module Starts Here */
    form#golfTeeInfo{
        margin: 0 !important;
    }
    form#golfTeeInfo p{
        margin-left: 20px !important;
        margin-top: 5px !important;
        padding: 0 !important;
    }
    form#golfTeeInfo .control-group:nth-of-type(2){
        display: none !important;
    }
    #golfResults .span8.offset2,
    .teesheet td.teetime{
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
    }
    #golfResults .availability p.slots{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #golfResults .span8.offset2{
        margin-left: 20px !important;
    }

    @media (max-width:979px){
        .teesheet .availability.show{
            width: 120px !important;
        }
    }

    @media (min-width:980px){
        .content-golfTeeInfo .table-condensed.teesheet td .btn-group{
            display: flex !important;
        }
        #content.golfTeeInfo .teesheet tr.teetime td .btn-group .btn{
            margin: 1px !important;
        }
    }

    @media (max-width:480px){
        .ui-datepicker-multi-2 .ui-datepicker-group{
            width: 100% !important;
        }
        #ui-datepicker-div{
            width: 250px !important;
        }
    }


/* Golf Module Finishes Here */

/* Club Module Starts Here */
.content-clubAccount .span12{
    width: auto !important;
}

/* Club Module Finishes Here */

/* Ski Module Starts Here */


.content-skiLocationListTpl .skiLocationListTpl .accordion-inner{
    display: flex !important;
    flex-wrap: wrap !important;
}
.content-skiLocationListTpl .skiLocationListTpl .accordion-inner > .row:first-of-type{
    width: 100% !important;
    margin-bottom: 0 !important;
}
.content-skiLocationListTpl .skiLocationListTpl .accordion-inner > .row:nth-of-type(2){
    max-width: 100px !important;
}

.content-skiLiftTicketListTpl .skiLiftTicketListTpl .tabbable#categories{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 0 !important;
}

.content-skiLiftTicketListTpl .skiLiftTicketListTpl .tabbable#categories > .nav-tabs{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.content-skiLiftTicketListTpl .skiLiftTicketListTpl .tabbable#categories ul.nav-tabs li {
    border: 1px solid lightgray !important;
    border-radius: 10px !important;
    margin-bottom: 0 !important;
    margin: 3px !important;
}

.content-skiLiftTicketListTpl .skiLiftTicketListTpl .nav-tabs a{
    border-radius: 10px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.skiLiftTicketListTpl .tabs-left-desktop > .nav-tabs > li > a{
    padding: 10px 15px !important;
}

.skiLiftTicketListTpl .nav-tabs > p{
    margin-top: 0 !important;
}
.skiLiftTicketListTpl .nav-tabs > p {
    margin-right: 10px !important;
}

form#spaServiceForm h2 small{
    margin-top: 5px !important;
}
.skiLiftTicketListTpl .accordion-inner .span8 > p:first-of-type{
    padding: 0 !important;
    margin: 0 !important;
}

.content-skiLiftTicketListTpl .packageItems ul li dd{
    margin-left: 0 !important;
}
.content-skiLiftTicketListTpl .packageItems ul li{
    margin-left: 0 !important;
}
.skiLiftTicketListTpl .accordion-inner .span8 > .row-fluid:first-of-type .span5 .skiRecipients_parent{
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
}
.skiLiftTicketListTpl .accordion-inner label{
    margin-bottom: 0 !important;
}
.skiLiftTicketListTpl  .skiItem .span8 .span6 .input-append{
    max-width: 250px !important;
}

@media (max-width:768px){
    .content-skiLocationListTpl .skiLocationListTpl .accordion-inner .row,
    .content-skiLocationListTpl .skiLocationListTpl .accordion-inner p{
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .content-skiLocationListTpl .skiLocationListTpl .accordion-inner > .row:nth-of-type(3){
        display: flex !important;
    }
    .content-skiLocationListTpl .skiLocationListTpl .accordion-inner > .row:first-of-type{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center !important; 
    }
    .content-skiLocationListTpl .skiLocationListTpl .accordion-inner > .row:first-of-type .span2{
        margin-left: auto !important;
    }
    .content-skiLiftTicketListTpl form#spaServiceForm{
        padding: 0 !important;
    }
    .skiLiftTicketListTpl .accordion-inner .span8 > .row-fluid:first-of-type{
        display: flex !important;
        flex-wrap: wrap;
    }
    .skiLiftTicketListTpl .accordion-inner .span8 > .row-fluid:first-of-type .span6{
        height: 50px;
        margin-right: 30px;
    }

    .content-skiLiftTicketListTpl .packageItems ul li{
        padding: 5px !important;
        margin: 5px 0 !important;
    }

}

@media (min-width:480px){
    .skiLiftTicketListTpl .nav-tabs > p:not(:first-of-type){
        margin-left: 25px !important;
    }  
}

/* Ski Module Finishes Here */

/* Giftcard Module Starts Here */
.content-giftCertificates .giftCertificates #categories{
    display: flex;
    flex-direction: column;
}
.content-giftCertificates .giftCertificates #categories > .nav-tabs{
    display: flex;
}
.content-giftCertificates .giftCertificates .tabbable ul.nav-tabs li{
    margin: 1px 10px !important;
    border: 1px solid lightgray !important;
    border-radius: 10px !important;
}
.content-giftCertificates .giftCertificates .tabbable ul.nav-tabs li a{
    margin-bottom: 0 !important;
    border-radius: 10px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 15px !important;
    text-align: center !important;
}

.content-giftCertificates .giftCertificates .accordion-body > .accordion-inner p,
.content-giftCertificates .giftCertificates .accordion-body .accordion-inner .btn-group a,
.content-giftCertificates .giftCertificates .accordion-body .accordion-inner .row{
    margin: 0 !important;
}

@media (max-width:480px){
    .content-giftCertificates .giftCertificates #categories > .nav-tabs{
        flex-direction: column;
    }
    .content-giftCertificates .giftCertificates .control-group input,
    .content-giftCertificates .giftCertificates .control-group textarea{
        width: 160px !important;
    }
    .content-giftCertificates .giftCertificates .control-group select{
        width: 170px !important;
    }
    .content-giftCertificates .giftCertificates .giftCert .span3{
        width: auto !important;
    }
    .content-giftCertificates .giftCertificates .recipientInfo{
        margin-left: 0 !important;
    }
}

@media (max-width:768px){
    .content-giftCertificates .giftCertificates .accordion-body .accordion-inner .btn-group a{
        padding: 3px !important;
    }
}

@media (max-width:979px){
    .content-giftCertificates .giftCertificates #categories > .nav-tabs{
        margin: 10px !important;
    }
    .content-giftCertificates .giftCertificates .control-group,
    .content-giftCertificates .giftCertificates .recipientInfo{
        margin-left: 0 !important;
    }
    .content-giftCertificates .giftCertificates .componentGiftCertificate .span3{
        margin-right: 10px !important;
    }
    .content-giftCertificates .giftCertificates .accordion-body .accordion-inner .accordion-inner{
        padding: 10px 0 !important;
    }
}

@media (min-width:980px){
    .content-giftCertificates .giftCertificates .accordion-body .accordion-inner form div.pull-right:last-of-type{
        position: absolute !important;
        right: 1em !important;
        bottom: 1em !important;
    }
    .content-giftCertificates .giftCertificates .control-group.gcWrapping,
    .content-giftCertificates .giftCertificates .control-group.gcShipping{
        margin-left: 0 !important;
    }
}

/* Giftcard Module Finishes Here */

/* User Profile & Login Form Styling Starts Here*/
#userCreateUserForm.span8 {
    width: 100% !important;
    width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
}
.input-append.arrow-right .add-on{
    margin-top: 0 !important;
}
.popover{
    width: 300px;
}
#userCreateUserForm .controls.input-append .btn{
    min-height: 35px !important;
}
#userMainPhone .btn:not(.active){
    background-color: #fff !important;
    color: #000 !important;
}
.profile_page_tab_ul .active a{
    background-color: #7d7d7d !important;
}
.userProfileFormButtons #userProfileSubmit{
    min-height: 40px;
}
.userProfileFormButtons .controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.userProfileFormButtons .controls #userCreateCancel{
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#userResetPasswordForm p:first-of-type,
.content-userResetPasswordForm #content.userResetPasswordForm p:first-of-type{
    display: none;
}
#userResetPasswordForm #userResetSubmit{
    padding: 10px;
}
@media (max-width:480px){
    #userProfileForm{
        width: fit-content !important;
    }
    .active.user_profile_tab{
        margin: 0 10px;
    }
}
@media(max-width:979px){
    #userCreateUserForm.span8 .control-group,
    #userCreateUserForm .controls select,
    #userCreateUserForm #userDOBhuman{
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
    }
}
@media (min-width:980px){
    #userCreateUserForm .control-group{
        max-width: 600px !important;
        min-width: 250px !important;
        width: 49%;
    }
    #userCreateUserForm .newsletter .control-group {
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
        max-width: max-content !important;
    }
    #userCreateUserForm .newPasswordTypeCustom .control-group{
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
    }
    .control-label[for="newPasswordTypeCustom"]{
        width: max-content;
    }
    #userCreateUserForm .row-fluid.emails,
    #userCreateUserForm .row-fluid.names,
    #userCreateUserForm .row-fluid.address,
    #userCreateUserForm .row-fluid.phones {
        display: flex;
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
    }
    #userCreateUserForm .control-group.userEmail2 {
        margin-left: auto;
    }
    #userCreateUserForm .row-fluid.names .control-group:nth-of-type(2),
    #userCreateUserForm .row-fluid.address .control-group:nth-of-type(2),
    #userCreateUserForm .row-fluid.phones .control-group:nth-of-type(2){
        margin-left: auto !important;
    }
    #userCreateUserForm .row-fluid.address .controls select,
    #userCreateUserForm #userDOBhuman,
    #userCreateUserForm .controls select#userMainPhone {
        width: 100% !important;
        width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
        width: fill-available !important;
    }
    .control-group.userPhoneExt {
        display: none;
    }
}

@media (min-width:980px) and (max-width:1200px){
    .userCreateUserFormLoggedIn #userCreateUserForm .well{
        width: 30%;
    }
}

.form-float.control-group.invalid .control-label[for="userSalutation"],
.form-float.control-group.invalid .control-label[for="userGender"],
.form-float.control-group.invalid .control-label[for="userHomeProvince"]
.form-float.control-group.invalid .control-label[for="userHomeCountry"] {
    transform: translate3d(0px, 0px, 0);
}

/* User Profile & Login Form Styling Finishes Here*/

/* User Logged In Profile Screen Starts Here */
    .content-userLoginForm .userLoginForm h4 {
        margin: 1em 0 !important;
    }

@media (max-width:768px){

    .content-userLoginForm .userLoginForm .well.span6 .clearfix p:first-of-type{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .content-userLoginForm .userLoginForm .well.span6 .clearfix p > a {
        margin-left: 0 !important;
        padding: 0 !important;
    }
    .content-userLoginForm .userLoginForm .well.span6 div:last-of-type a{
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

/* User Logged In Profile Screen Finishes Here */

/* Booking History Style Starts */
    .content-bookingHistory .bookingHistory .page-header{
        padding-bottom:  0 !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid],
    .content-bookingHistory .bookingHistory .page-header[data-folioid] {
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        justify-content: space-between !important;
        min-height: 100px;
        border-bottom: 1px solid #fff;
        margin-top: 5px;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] .removeCartButton ,
    .content-bookingHistory .bookingHistory .page-header[data-folioid] .removeCartButton {
		/* For now display none when this core bug fix display again */
		display: none !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] .span5,
    .content-bookingHistory .bookingHistory .page-header[data-folioid] .span5{
        margin-left: 0 !important;
    }
    #bookingHistoryCollapse .span5{
        margin-left: 0 !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3,
    .content-bookingHistory .bookingHistory .page-header[data-folioid] h3{
        position: absolute !important;
        top: 0;
        font-size: 1.1em !important;
        font-weight: bold !important;
    }
    .content-bookingHistory .bookingHistory .page-header[data-bookingid] h4,
    .content-bookingHistory .bookingHistory .page-header[data-folioid] h4{
        margin-top: 0 !important;
    }
    .bookingHistory .bookingHistory{
        position: relative !important;
    }
    .content-bookingHistory .bookingHistory .page-header .row {
        padding: 5px 0 !important;
    }
    .cartSummary .bookingHistory .pastBookings {
        display: flex !important;
        align-items: center !important;
    }
    .content-bookingHistory .bookingHistory .page-header.clearfix{
        display: flex !important;
        flex-wrap: wrap !important;
        margin-top: 10px !important;
    }
    .cartSummary .bookingHistory .pastBookings a.btn.btn-primary {
        margin: 0 5px !important;
        margin-bottom: 0 !important;
    }
    .bookingHistory .page-header h4 {
        margin-left: 0 !important;
    }

    .bookingHistory h3:first-of-type{
        margin: 0 !important;
    }

    .bookingHistory .page-header .span5 {
        margin-left: 0 !important;
    }
    .summaryV2 .mainContent .nameAndPriceContainer{
        flex-direction: row !important;
    }

    .nameAndPriceContainer >.greyText{
        position: relative !important;
    }
    .content-cartSummary .summaryV2 .mainContent .nameAndPrice{
        margin-left: 4px !important;
    }

    @media (min-width:769px){
        .content-bookingHistory .bookingHistory .page-header[data-bookingid], 
        .content-bookingHistory .bookingHistory .page-header[data-folioid] {
            padding-top: 20px !important;
        }
    }

    @media (max-width:768px){
        .content-bookingHistory .bookingHistory .page-header[data-bookingid],
        .content-bookingHistory .bookingHistory .page-header[data-folioid]{
            flex-direction: column !important;
            align-items: flex-start !important;
        }
        .content-bookingHistory .bookingHistory .page-header[data-bookingid] .row,
        .content-bookingHistory .bookingHistory .page-header[data-folioid] .row{
            width: max-content !important;
        }
        .content-bookingHistory .bookingHistory .page-header[data-bookingid] h3,
        .content-bookingHistory .bookingHistory .page-header[data-folioid] h3{
            position: relative !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        .content-bookingHistory .bookingHistory .page-header[data-bookingid] .row:last-of-type,
        .content-bookingHistory .bookingHistory .page-header[data-folioid] .row:last-of-type{
            position: absolute !important;
            right: 0 !important;
            top: 25px;
        }
        .content-bookingHistory .page-header[data-folioid] .removeCartButton{
            position: absolute;
            top: 25px;
            left: -185px;
            width: max-content !important;
        }
        .summaryV2 .right{
            padding: 5px;
            display: flex;
            justify-content: center;
            text-align: center;
        }
        .summaryV2 .right .total-display a {
            margin: 5px 0 !important;
        }
    }
    @media (max-width:768px) and (min-width:481px){
        .content-bookingHistory .page-header[data-bookingid] .removeCartButton,
        .content-bookingHistory .page-header[data-folioid] .removeCartButton {
            padding: 5px !important;
        }
    }

    @media (max-width:480px){
        .content-bookingHistory .removeCartButton {
            padding: 2px !important;
            margin-top: 20px !important;
            margin-left: 0 !important;
        }
        .content-bookingHistory .bookingHistory .page-header[data-bookingid], 
        .content-bookingHistory .bookingHistory .page-header[data-folioid]{
            margin-bottom: 1.5em !important;
        }
        .content-bookingHistory .bookingHistory .page-header[data-bookingid] .row, 
        .content-bookingHistory .bookingHistory .page-header[data-folioid] .row{
            width: 100% !important;
            width: -moz-available !important;          /* WebKit-based browsers will ignore this. */
            width: -webkit-fill-available !important;  /* Mozilla-based browsers will ignore this. */
            width: fill-available !important;

        }
    }

/* Booking History Style */

/* Normalizer Version 7.7.08  Finishes Here*/

/*custom rebranding changes starts here*/
body{
 font-family: "Gothic Light","sans-serif";
}
.navbar-fixed-top .navbar-inner{
    border-bottom: 1px solid var(--primary-color-background);
}
.navbar-fixed-bottom .navbar-inner {
    border-top: 1px solid var(--primary-color-background) !important;
}
.navbar-inner {
    background-color: var(--primary-color);
}
.navbar .nav > li > a,.navbar,.footer-copyright p, .footer-terms a,
.navbar .nav .active > a, .navbar .nav .active > a:hover,
#loadMessage,.splash-page > h2{
    color: var(--primary-color-background) !important;
    font-family: "Gothic Bold","sans-serif";
}
.span12, .content{
    background-color: var(--primary-color);
}
p.intro,#serviceList .nav-list > li > a,.breadcrumb,.breadcrumb li,
.stepper-container .stepper .breakcrumbs,.stepper-container .stepper .breakcrumbs > a,
.content-spaPackageTpl #vue-cart .cart-header,
.content-spaPackageTpl #app .stepper .serviceItem.active,
.content-spaPackageTpl #app .stepper .service-for .service-for-button, .yellowButton,
.side-cart-button .user-info-reserve-button, .side-cart-button .user-info-cancel-button, 
.service-time-picker-div .user-info-reserve-button, 
.service-time-picker-div .user-info-cancel-button{
    background-color:var(--primary-color-background) !important;
    color:var(--primary-color) !important;
    font-family: "Gothic Light","sans-serif";
}
.content-spaPackageTpl #app .stepper .service-for .service-for-button, .yellowButton,
.side-cart-button .user-info-reserve-button, .side-cart-button .user-info-cancel-button, 
.service-time-picker-div .user-info-reserve-button, 
.service-time-picker-div .user-info-cancel-button{
    font-family: "Gothic Bold","sans-serif";
}
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover, 
.content-spaPackageTpl #app .stepper #stepper-services .serviceItem:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover{
    border-color: var(--primary-color-background) !important;
}
.dropdown-menu li > a:hover, .dropdown-menu .active > a,
.navbar .nav .active > a:hover{
    background-color: transparent;
    text-decoration: underline;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover{
    text-decoration: none;
}
.navbar .nav .active > a,.dropdown-menu .active > a:hover{
    background-color: transparent;  
}
.navbar .btn-navbar .icon-bar{
    background-color: var(--primary-color-background) !important;
}
input,
button,
select,
textarea,
textarea, input[type="text"] {
	font-family: 'Gothic Light', sans-serif;
}
h1, h2, h3, h4, h5, h6 {    
    font-family: 'Gothic Bold', sans-serif;
}
.summaryV2 .total-display h2, .summaryV2 .total-display h3{
    font-size: 18px;
    color: var(--primary-color-background);
}
.summaryV2 .blue-text{
    color: #0c240f;
}
.summaryV2 .orange-button,
.summaryV2 .addMore .button-container a,
.summaryV2 #cartClear .btn,
.span2 .btn,.content-spaPackageTpl .btn,
#serviceList .nav-list > li > a,
#userCreateSubmit,#userProfileCancel,#userProfileSubmit,
#userChangeCancel,#userChangeSubmit,
.btn.cancelBtn,.btn.continueBtn,
#userCreateUserForm .controls.input-append .btn,
.userUpdateSubmit,.view_club_directory{
    font-family: 'Gothic Bold','sans-serif';
}
.control-group.form-float.login,.control-group.form-float.forgot{
    margin: 5px;
}
.alert-success{
    background-color: var(--primary-color-background);
}
.accordion-heading .accordion-toggle,.span2 .btn,
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem:hover,
.content-spaPackageTpl #app .stepper #stepper-categories .componentItem.active,
.btn-primary:hover, .accordion-section-title:hover,.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled],
.vdp-datepicker__calendar .cell.selected, .vdp-datepicker__calendar .cell.selected:hover,
.time_picker_selected_date,.package-review-screen .package-review-screen-review-btn,
.package-review-screen-more-activity-inner-div > .btn.primary,
.summaryV2 .addMore .button-container a,.breadcrumb a,
.summaryV2 .orange-button,.content-clubAccountList a.accountBtn,
.view_club_directory,.c_view_service_link > p > a,
.userLoginForm a.btn.pull-right,.userLoginForm .span.btn,
#cartClear .btn,#userProfileCancel,#userProfileSubmit,
#userChangeCancel,#userChangeSubmit,#userCreateSubmit,
#userCreateUserForm .controls.input-append .btn,
.userUpdateSubmit,
.btn.cancelBtn,.btn.continueBtn,
.vue_cal_div .user_weekly_schedule_text,.vuecal__menu, 
.vuecal__cell-events-count,.close-btn,
.accordion-section-title.active,.spaEventButton,
.loginPrompt .btn,.bookClass #pmsFormSubmit,.fc-event,
.serviceSelectionHeader,.user-info-reserve-button{
    background-color:var(--primary-color-background) !important;
    color:var(--primary-color) !important;
    border:var(--primary-color-background) !important;
}
#header #serviceList.well .leaf > a::after {
    background: url(../img/custom/Spa.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .tennisServ > a::after {
    background: url(../img/custom/Tennis.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .pickleBallServ > a::after {
    background: url(../img/custom/Pickleball.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .poolClasses > a::after {
    background: url(../img/custom/AquaticsImage.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .fitnessClasses > a::after {
    background: url(../img/custom/Fitness.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .juniorsClasses > a::after {
    background: url(../img/custom/KidsClubImage.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header #serviceList.well .certificate > a::after {
    background: url(../img/custom/MemberAccount.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#header .span4.message {
    margin-top: 100px;
    margin-left: 0px;
}
#header #serviceList.well .socialEvents > a::after {
    background: url(../img/custom/SocialEvents.jpg) !important;
    content: '' !important;
    position: absolute;
	width: 100% !important;
    height: 100% !important;
	background-size: cover !important;
}
#serviceList .nav-list > li > a {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    line-height: 1.2;
    padding: 0;
    margin: 0;
    text-align: center;
}
#serviceList .nav > li > a:hover::after {
    transform: scale(1.3);
    transition: transform 1s;
}
#header #serviceList.well .certificate .moduleName{
    width: 160px;
}
#header #serviceList.well .moduleName {
    backdrop-filter: blur(3px);
    z-index: 1;
    padding: 20px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    position: absolute;
    bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    min-width: 160px;
}
#serviceList .nav > li > a::after {
    transition: transform 1s;
}
#serviceList .nav > li, #serviceList .nav > li > a {
    overflow: hidden;
    transition: transform 1s;
    min-width: 240px;
}
#serviceList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#serviceList .nav-list > li > a {
    background: #fff;
    border: 1px solid #A39161;
}
#header .message > p {
    background-color: var(--primary-color) !important;
    color: var(--primary-color-background) !important;
    resize: none;
}
#footer .navbar .navbar-text{
    line-height: 15px;
}
#header .message .text{
    display: none;
}
#serviceList ul{
    background: transparent;
}
.dataProtectLink{
    text-decoration: underline;
    font-weight: 900;
}
.dataProtectLink:hover{
    text-decoration: none;
    opacity: 0.5;
}
.basic-table td {
    font-weight: 400;
    line-height: 1.4;
    color: #333333;
}
.basic-table th, .basic-table td {
    border: 0;
    vertical-align: top;
    padding: 10px;
    width: 50%;
}
.basic-table tr {
    border-bottom: 1px solid #7d7d7d
}
#app .stepper-body .serviceItem .serviceMins > span:nth-child(2){
    display: none;
}
@media (min-width:768px){
    .basic-table th, .basic-table td {
        padding: 20px;
    }
}
input[type="checkbox"]{
    accent-color: var(--primary-color-background);
}
.summaryV2 .addMore .button-container{
    grid-template-columns: repeat(3,max-content);
    grid-row-gap: 10px;
}
.summaryV2{
	grid-template-areas:'details total';
}
#spaClassSelection .crossTypeLink,
.c_view_service_link .crossTypeLink{
    display: none;
}
.vue_cal_div .user_weekly_schedule_text option{
    background-color: var(--primary-color);
    color: var(--primary-color-background);
}
.vuecal__event.sport{
    background-color:#0c240f;
}
.well.well-small.loginPrompt > strong:first-child{
    color: #0c240f;
}
.vuecal__flex[column]{
    margin-top: 2px !important;
}
.radio input[type="radio"], .checkbox input[type="checkbox"]{
    accent-color: var(--primary-color-background);
}
.fc-toolbar{
    background: var(--primary-color-background) !important;
}
.package-review-screen-review-btn-span-1{
    color:var(--primary-color) !important;
}
.category-filter-container > a{
    display: none;
}
#content > p:first-child{
    padding: 1em;
}
.clubAccount h2, .content-clubAccountList h2,
.clubAccount h2.page-title,
.clubAccount .spanClub h4,
#pagination-container .current{
    color: var(--primary-color-background);
}
.accordion-inner,
.service-for,
.content-spaPackageTpl .cart-user-header, .content-spaPackageTpl .cart-service-header,
.content-spaPackageTpl #app .stepper .componentItem, .serviceItem,
.content-clubAccountList .viewAcc,
.vuecal__title-ba,#userLanguage .btn,
#userCreateUserForm span.add-on,
.accordion-section-title{
 background-color: #f9f8f7 !important;
}
.service-time-picker-div .service-time-picker button{
 background-color: #f9f8f7;
}
.progress-info.progress-striped .bar {
    background-color: #7d7d7d;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  }
/* .accordion-heading a.accordion-toggle:hover{
    background-color: #7d7d7d !important;
} */
:root {
    --primary-color-background: #000;
    --primary-color: #fff;
    }
.package-review-screen-more-activity{
    display: none;
}
#userProfileForm .newsletter-parent{
    display: none;
}
/*custom rebranding changes ends here*/