/**
 * Layout/shell styles (no inline style="" attributes — CSP style-src without unsafe-inline).
 */

.wb-u-hidden {
    display: none !important;
}

.wb-form-hidden-fields {
    display: none;
}

#loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.47;
    background-color: #000;
    z-index: 99999999;
}

#loading .wb-loading-spinner-wrap {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    z-index: 100000;
}

#loadingimage {
    color: #fff;
}

#buttontop {
    display: none;
}

#divheaderdesktop {
    width: 100%;
    position: fixed;
    min-height: 50px;
}

.divheadermenuline1 > div {
    width: 100%;
}

.buttonmenuback {
    margin-right: 8px;
    margin-left: -12px;
    text-align: left;
    width: 70%;
    text-decoration: none;
}

#spanmenuback {
    vertical-align: -6px;
}

.spanmenustep {
    margin-right: 3px;
}

.spanmenulanguage {
    margin-top: 8px;
}

.loggedin .wb-lang-gap-sm {
    margin-left: 2px;
}

.loggedin .wb-lang-gap,
.spanmenulanguage .wb-lang-gap {
    margin-right: 4px;
}

#LogoutButtonWrapper {
    margin-right: 2px;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

#spanenglish,
#spancantonese {
    margin-right: 2px;
}

.labelmenutitle {
    margin-bottom: 10px;
}

.wb-service-nav {
    position: relative;
    min-height: 40px;
}

.companyinfo {
    background-color: #ffffff;
    position: fixed;
    z-index: 10001;
    left: 0;
    width: 100vw;
    display: block;
}

.divcompanyinfodetail {
    padding: 10px 0;
}

.companyinfo .websiteinfo {
    margin-bottom: 4px;
}

.companyname.textcolorprimay {
    color: #101928;
}

.companyinfo .totallocations {
    margin-right: 4px;
}

body.wb-login-required #content-main {
    display: none;
}

#content-main > .section {
    display: none;
}

#content-main > .section.active {
    display: block;
}

#divstep01 .servicestab {
    margin-bottom: 10px;
}

#divcanlendar {
    padding: 20px 10px;
}

form#form1 > footer.divfooter {
    display: none;
}

#divfooterdesktop .wb-footer-col-left {
    padding-top: 3px;
    float: left;
}

.wb-footer-gap {
    margin-left: 10px;
}

.spantotalamount {
    margin-top: 4px;
}

#divfooterdesktop .wb-footer-col-right {
    padding-top: 5px;
}

#btnbookuser {
    background-color: #101928;
}

/* Location shop cards */
.wb-shop-row {
    margin: 0 -8px;
}

.wb-shop-pick {
    border-radius: 4px;
    cursor: pointer;
}

.wb-shop-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.wb-shop-pick .productimg {
    cursor: pointer;
    width: 100%;
}

.wb-shop-pick .divlistviewbottom {
    background-color: #ffffff;
    padding: 16px;
    cursor: pointer;
}

.wb-shop-address {
    overflow: hidden;
    min-height: 48.56px;
}

/* Service product cards */
.wb-svc-body {
    padding-left: 16px;
}

.wb-svc-title {
    float: left;
}

.wb-svc-title-full {
    width: 100%;
}

.wb-svc-title-pad-75 {
    width: calc(100% - 75px);
}

.wb-svc-title-pad-100 {
    width: calc(100% - 100px);
}

.wb-svc-meta {
    margin-top: 4px;
}

.wb-svc-price {
    float: right;
    text-align: right;
}

.wb-svc-price-w75 {
    width: 75px;
}

.wb-svc-price-w100 {
    width: 100px;
}

.wb-svc-discount {
    margin-top: 4px;
}

/* Login modal (SAWLI) */
#divloginmodaldialog.wb-login-open {
    display: block;
    padding-right: 0;
}

.divloginmodaldialog {
    margin-left: auto;
    margin-right: auto;
}

#divloginmodaldialog .modal-title {
    text-align: center;
    color: #337ab7;
    font-weight: bold;
}

#divloginmodaldialog .modal-body {
    overflow: auto;
}

.divlogin,
.divregister {
    width: 100% !important;
}

.wb-modal-text-left {
    text-align: left;
}

.wb-modal-field-gap {
    margin-top: 16px;
}

.wb-modal-btn-row {
    margin-top: 16px;
}

.wb-modal-btn-row .btn {
    margin-right: 8px;
}

.wb-modal-msg {
    margin-top: 24px;
}

.divregister {
    display: none;
}

#wb-maintenance-overlay.wb-u-hidden {
    display: none !important;
}

.companyinfo.wb-u-hidden {
    display: none !important;
}

.spanmenulocation.wb-u-hidden,
.buttonmenuback.wb-u-hidden,
.loggedin.wb-u-hidden,
.wb-loc-count-wrap.wb-u-hidden,
.wb-service-nav.wb-u-hidden {
    display: none !important;
}

#btnloginmodalgotoregister.wb-u-hidden,
.divloginerrormsg.wb-u-hidden {
    display: none !important;
}
