html{
    width:100%;
    height:100%;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;


    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(254,254,254,1) 43%, rgba(227,227,227,1) 100%);
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}



.lostReqItem {
    float: left;
    margin-top: 20px;
}




.g-recaptcha {
    float: left;
    margin: 20px 0 0 10px;
}


.privacyCH {
    float:right; 
    margin:60px 20px 0 20px;
}


#FormSubmitBtn {
    float: right;
    height: 30px;
    line-height: 25px;
    margin: 55px 0 0 10px;
    padding: 5px 55px 5px 55px;
    background-color: #094b83;
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
}


#FormCancelBtn {
    float: right;
    height:30px;
    line-height:25px;
    margin: 55px 10px 0 10px;
    padding: 5px 55px 5px 55px;
    background-color: #878787;
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
}


#FormPreSubmitBtn {
    float: right;
    margin: 55px 10px 0 10px;
    padding: 5px 55px 5px 55px;
    background-color: #094b83;
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
}



#ClearSigBtn {
    float:right; 
    height:25px; 
    line-height:20px; 
    width:70px;
}



@media screen and (max-width:400px)
{
    .main-cont-ch {
        padding: 0px;
    }
}




/*
.container {
    width: 80%;
    margin-left:10%;
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}*/
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}


ul
{
    padding:0;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


input[type='text']
{
    height:26px;
}


#MainFormCh {
    width:80%;
    margin-left:10%;
    margin-top: 30px;
    background-color: #FFFFFF;
    border: 1px dotted #BCBCBC;
    padding: 40px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

#StartOverBtn {
    float:left; 
    margin:-20px 0 0 -20px; 
    padding:5px 25px 5px 25px; 
    background-color:#787878; 
    color:#FFFFFF; 
    border:none; 
    border-radius:3px;
}




.msLogo {
    float: left;
    margin: 2% 0 0 30%;
    width: 40%;
}

.hotel-icn-ch {
    float: left;
    width: 7%;
    margin: 0 0 0 2%;
    text-align:center;
}

.hotel-name-ch {
    float: left;
    width: 60%;
    line-height: 50px;
    margin: 0 0 0 2%;
    padding-left: 10px;
    padding-top:5px;
}




.cnt-lmt {
    float: left;
    width: 80%;
}


.top-Img {
    width:400px;
    height:180px;
    background-color:#FFF !important;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    border-radius:3px;
    border:14px solid #FFF;
}



@media screen and (max-width: 1200px) {
    .cnt-lmt {
        width: 80%;
    }
}

@media screen and (max-width: 980px) {

    .cnt-lmt {
        width: 80%;
        margin-left:17%;
    }
}




@media screen and (max-width: 800px) {
    .msLogo {
        float: left;
        margin: 7% 0 0 15%;
        width: 70%;
    }

    .hotel-icn-ch {
        float: left;
        width: 13%;
        margin:0 0 0 2%;
    }


    #MainFormCh {
        padding: 20px;
    }

    #StartOverBtn {
        margin: -10px 0 0 -10px;
    }

    .cnt-lmt {
        width: 70%;
        margin-left: 5%;
    }

    
}


@media screen and (max-width: 560px) {

    #MainFormCh
    {
        width:100%;
        margin-left:0;
    }


    .cnt-lmt {
        width: 100%;
        margin-left: 0%;
    }

    .top-Img {
        width: 80%;
        height: 180px;
        margin: 5% 5%;
    }



    #FormSubmitBtn {
        width: 40%;
        margin: 20px 5px 0 5px;
        padding: 3px;
    }

    #FormCancelBtn {
        width: 40%;
        margin: 20px 5px 0 5px;
        padding: 3px;
    }



    .lostReqItem
    {
        margin:80px 0 0 0;
    }




}


@media screen and (max-width: 500px) {

    #MainFormCh {
        width: 100%;
        margin-left: 0;
    }

    .msLogo {
        float: left;
        margin: 12% 0 0 5%;
        width: 90%;
    }

    .hotel-icn-ch {
        float: left;
        width: 30%;
        margin: 0 0 0 0;
    }


    .hotel-name-ch {
        line-height: 23px;
        padding-left:10px;
    }

    .cnt-lmt {
        width: 100%;
        margin-left: 0%;
    }

    .top-Img {
        width:80%;
        height:180px;
        margin:5% 5%;
    }

    .g-recaptcha
    {
        margin:0 0 0 -10px;
    }

    .privacyCH
    {
        float:left;
        width:45%;
        margin:30px 0 0 0;
        padding:0;
    }


    #FormSubmitBtn {
        width: 40%;
        margin: 20px 0 0 0;
        padding: 0;
    }

    .lostReqItem {
        margin: 80px 0 0 0;
    }
}






/* ---- HOMEPAGE-----*/
.lostReqItem {
    float: left;
    width: 100%;
    line-height: 24px;
    text-align: left;
    margin: 3px 1px 1px 1px;
}




textarea {
    outline: none;
    border: 0.5px solid #aeaeae;
    color: #094b83;
    padding: 0 5px 0 5px;
}

textarea:focus, input:focus {
    outline: none;
    border: 0.5px solid #aeaeae;
    color: #094b83;
    padding: 0 5px 0 5px;
}

input[type=text] {
    color: #094b83;
    border:0.5px solid #aeaeae;
    padding:0 5px 0 5px;
}




.lostReqItem span
{
    color:#CC0000;
}

.ui-autocomplete {
    max-height: 210px;
    overflow: hidden;
}

/*----HOME PAGE-----*/









/*--------POPUP ITEMS----------*/

.popup-item
{
    float:left;
    width:100%;
    height:27px;
    line-height:27px;
    cursor:pointer;
    border-bottom:1px solid #f2f2f2;
    padding:1px 1px 1px 10px;
}

/*--------POPUP ITEMS----------*/


div.ui-datepicker {
    font-size: 12px;
}

/* Public visitor date picker */
.visitor-schedule-page .ui-datepicker { z-index: 1100 !important; width: 300px; padding: 8px; border: 1px solid #c9d9f8; border-radius: 12px; box-shadow: 0 12px 28px rgba(20, 59, 131, .18); background: #fff; color: #09183f; font-size: 14px; font-family: inherit; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-header { min-height: 38px; padding: 0; border: 0; border-radius: 8px; background: #edf3ff; color: #09183f; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-title { margin: 0 42px; color: #09183f; font-size: 16px; font-weight: 700; line-height: 38px; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev, .visitor-schedule-page .ui-datepicker .ui-datepicker-next { top: 3px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #1457f2; cursor: pointer; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev { left: 4px; }.visitor-schedule-page .ui-datepicker .ui-datepicker-next { right: 4px; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev span, .visitor-schedule-page .ui-datepicker .ui-datepicker-next span { display: none; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev::before, .visitor-schedule-page .ui-datepicker .ui-datepicker-next::before { display: block; color: #fff; font-size: 25px; font-weight: 400; line-height: 28px; text-align: center; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev::before { content: "‹"; }.visitor-schedule-page .ui-datepicker .ui-datepicker-next::before { content: "›"; }
.visitor-schedule-page .ui-datepicker .ui-datepicker-prev:hover, .visitor-schedule-page .ui-datepicker .ui-datepicker-next:hover { border: 0; background: #0d46c8; }
.visitor-schedule-page .ui-datepicker table { margin: 7px 0 0; border-collapse: separate; border-spacing: 3px; }
.visitor-schedule-page .ui-datepicker th { padding: 5px 0; color: #314263; font-size: 13px; font-weight: 700; }
.visitor-schedule-page .ui-datepicker td { padding: 0; }.visitor-schedule-page .ui-datepicker td span, .visitor-schedule-page .ui-datepicker td a { display: grid; min-width: 30px; min-height: 30px; padding: 0; place-items: center; border: 1px solid #d7e2f8; border-radius: 6px; background: #f8faff; color: #09183f; text-align: center; }
.visitor-schedule-page .ui-datepicker td a:hover { border-color: #1457f2; background: #e8f0ff; color: #0d46c8; }
.visitor-schedule-page .ui-datepicker .ui-state-highlight { border-color: #9bb9ff; background: #e8f0ff; color: #0d46c8; }
.visitor-schedule-page .ui-datepicker .ui-state-active { border-color: #1457f2; background: #1457f2; color: #fff; font-weight: 700; }
.visitor-schedule-page .lf-datepicker-select { width: 25px; height: 25px; object-fit: contain; cursor: pointer; }




.verifCodeInput {
    float:right; 
    width:130px; 
    background-color:#FCF088;
}

#ResendCodeBtn {
    float:right; height:25px; line-height:20px; width:85px; padding:3px 0;
}


.input-maxl {
    width: 280px;
}


@media screen and (max-width:500px){

    .input-maxl {
        width:215px;
    }

    .verifCodeInput {
        width: 100px;
    }

}




.loading-box-cont 
{
    margin-top:250px;
}


.btnQ {
    background-color: #CDCDCD;
    padding: 5px 20px;
}


.sign-block {
    width:40%; 
    max-width:700px;
}

/* Visitor Schedule landing page */
.visitor-schedule-page { color: #09183f; }
.visitor-schedule-page .body-content { width: 100%; max-width: none; min-height: 100%; margin: 0; padding: 0; }
.visitor-schedule-page .legacy-powered-by { display: none; }
.visitor-landing { position: relative; min-height: 100vh; overflow: hidden; background: #f4f7fd; }
.visitor-landing--entry { display: flex; min-height: 100svh; flex-direction: column; }
.visitor-landing::before, .visitor-landing::after { position: absolute; z-index: 0; top: 0; bottom: 0; width: min(34vw, 520px); min-width: 220px; content: ""; background-repeat: no-repeat; background-size: cover; pointer-events: none; }
.visitor-landing::before { left: 0; background-image: url('/images/visitor-landing/lobby-left.png'); background-position: left top; }
.visitor-landing::after { right: 0; background-image: url('/images/visitor-landing/lobby-right.png'); background-position: right top; }
.visitor-hero, .hotel-selector, .visitor-landing > form, .visitor-landing > .popup-msg, .visitor-landing > .loading-box { position: relative; z-index: 1; }
.visitor-hero { position: relative; padding: 54px 20px 22px; text-align: center; }
.visitor-hero::before, .visitor-hero::after { position: absolute; top: 170px; color: #0b54f0; font-size: 28px; letter-spacing: 9px; content: "····\A····\A····"; white-space: pre; line-height: 1.05; opacity: .9; }
.visitor-hero::before { left: 4%; }.visitor-hero::after { right: 4%; }
.visitor-hero.is-hidden { display: none; }
.visitor-brand { display: inline-flex; align-items: center; gap: 14px; color: #0b1b48; font-size: clamp(26px, 3vw, 44px); font-weight: 700; letter-spacing: -1.8px; text-decoration: none; }
.visitor-brand-mark { width: .9em; height: 1.05em; object-fit: contain; }
.brand-dot { letter-spacing: -2px; }
.visitor-tagline { margin-top: 26px; font-size: clamp(19px, 2vw, 28px); font-weight: 400; }.visitor-tagline strong { color: #1157f2; font-weight: 700; }
.tagline-rule { display: block; width: 46px; height: 2px; margin: 18px auto; background: #0d56f2; }
.sample-badge { position: relative; width: min(510px, calc(100% - 32px)); min-height: 280px; margin: 22px auto 0; overflow: hidden; border: 1px solid #d7e0f2; border-radius: 12px; box-shadow: 0 12px 25px rgba(34, 70, 140, .16); background: rgba(255,255,255,.93); text-align: left; }
.sample-badge-title { padding: 7px; background: linear-gradient(90deg,#1457f2,#0647d8); color:#fff; text-align:center; font-size:20px; font-weight:700; }
.sample-badge-main { display:flex; gap:18px; align-items:center; padding:20px 34px 15px; border-bottom:1px solid #d9e0ed; }.sample-avatar { width:76px; height:88px; border-radius:5px 5px 0 0; object-fit:cover; }
.sample-badge-main strong { display:block; font-size:28px; line-height:1.2; }.sample-badge-main span { display:block; margin-top:5px; font-size:16px; }
.sample-badge-details { padding:15px 34px; font-size:16px; line-height:1.75; }.sample-badge-details img { display:inline-block; width:25px; height:25px; margin-right:1px; object-fit:contain; vertical-align:-6px; }
.sample-qr { position:absolute; right:34px; bottom:31px; width:78px; height:78px; padding:4px; background:#fff; box-shadow:0 1px 8px #ccd2df; object-fit:contain; }
.hotel-selector { position: relative; z-index: 1; width: min(780px, calc(100% - 32px)); margin: 0 auto 20px; }.hotel-selector-card { display:flex; align-items:center; gap:24px; padding:25px 32px; border-radius:14px; background:rgba(255,255,255,.94); box-shadow:0 10px 20px rgba(41,73,125,.14); }.hotel-selector-icon { display:grid; flex:0 0 80px; width:80px; height:80px; place-items:center; border-radius:50%; background:#e5eeff; }.hotel-selector-icon img { width:49px; height:49px; object-fit:contain; }.hotel-selector-content { flex:1; }.hotel-selector-content label { display:block; margin-bottom:7px; font-size:17px; font-weight:700; }.hotel-selector-actions { display:flex; gap:18px; }.hotel-selector-actions input { flex:1; min-width:0; height:59px !important; border:2px solid #1358f1 !important; border-radius:8px; padding:0 16px !important; background:#fff; font-size:17px; }.hotel-selector-actions button { display:flex; align-items:center; justify-content:center; min-width:145px; gap:11px; border:0; border-radius:8px; background:linear-gradient(135deg,#1a63f5,#0647d8); box-shadow:0 5px 10px rgba(9,77,220,.22); color:#fff; font-size:18px; }.next-arrow { position:relative; display:inline-block; width:23px; height:16px; }.next-arrow::before { position:absolute; top:7px; left:0; width:20px; height:2px; border-radius:2px; background:#fff; content:""; }.next-arrow::after { position:absolute; top:3px; right:0; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; content:""; transform:rotate(45deg); }.MsgLocHtl { min-height:0; margin-top:7px; color:#c00; }.language-picker { position:absolute; top:calc(100% + 21px); left:50%; transform:translateX(-50%); }.language-globe { position:absolute; z-index:1; top:50%; left:17px; width:22px; height:22px; transform:translateY(-50%); pointer-events:none; }.language-picker select { min-width:190px; padding:13px 34px 13px 49px; border:0; border-radius:10px; box-shadow:0 4px 10px rgba(41,73,125,.14); color:#0b1b48; font-size:16px; font-weight:600; }
.visitor-benefits { display:flex; position:relative; z-index:1; flex-wrap:wrap; justify-content:center; gap:0; margin-top:96px; padding:25px max(24px, 12vw) 22px; background:linear-gradient(110deg,#031b50,#062a78); color:#fff; }.visitor-benefit { display:flex; align-items:center; width:31%; min-width:250px; gap:15px; padding:0 28px; border-right:1px solid rgba(255,255,255,.22); }.visitor-benefit:nth-of-type(3) { border-right:0; }.benefit-icon { display:grid; flex:0 0 57px; width:57px; height:57px; place-items:center; overflow:hidden; border-radius:50%; }.benefit-icon img { width:57px; height:57px; object-fit:contain; }.visitor-benefit strong, .visitor-benefit small { display:block; }.visitor-benefit strong { font-size:15px; }.visitor-benefit small { margin-top:5px; font-size:14px; }.visitor-powered { width:100%; margin-top:27px; text-align:center; font-size:16px; }
.visitor-landing--entry .visitor-benefits { width: 100%; margin-top: auto; }.visitor-powered a { color:inherit; text-decoration:none; }.visitor-powered a:hover, .visitor-powered a:focus-visible { color:#fff; text-decoration:underline; }
.visitor-schedule-page #MainFormCh { width:min(80%, 1330px); margin:180px auto 60px !important; }.visitor-schedule-page #WebsiteIconCh1.is-hidden + .hotel-selector { margin-top:42px; }
.visitor-schedule-page #MainFormCh .cnt-lmt { width: min(100%, 610px); margin-right: auto; margin-left: auto; }
@media (min-width: 721px) { .visitor-schedule-page #MainFormCh .cnt-lmt > .lostReqItem { text-indent: 165px; }.visitor-schedule-page #MainFormCh .cnt-lmt > div:first-child { transform: translateX(165px); } }
.visitor-schedule-page #MainFormCh .cnt-lmt > .lostReqItem { min-height:42px; line-height:42px; }
.visitor-schedule-page #MainFormCh input[type=text], .visitor-schedule-page #MainFormCh .input-maxl { box-sizing:border-box; width:240px !important; height:42px; border:2px solid #1358f1; border-radius:8px; padding:0 12px; background:#fff; box-shadow:none; color:#09183f; }
.visitor-schedule-page #MainFormCh input[type=file] { box-sizing:border-box; width:240px !important; height:42px !important; border:2px solid #1358f1; border-radius:8px; padding:4px; background:#fff; color:#687795; font-size:15px; }
.visitor-schedule-page #MainFormCh input[type=file]::file-selector-button { height:30px; margin-right:10px; padding:0 14px; border:0; border-radius:5px; background:#e5eeff; color:#0b52e9; font-weight:600; cursor:pointer; }
.visitor-schedule-page #MainFormCh input[type=file]::file-selector-button:hover { background:#d6e4ff; }
.visitor-schedule-page .date-field-control { position:relative; float:right; width:240px; height:42px; line-height:normal; text-indent:0; }.visitor-schedule-page .date-field-control .lf-datepicker { width:100% !important; padding-right:43px !important; text-indent:0; }.visitor-schedule-page .date-field-control .lf-datepicker-select { position:absolute; top:8px; right:10px; }
.visitor-schedule-page .visitor-form-terms { float:right; clear:right; width:240px; margin-top:12px; color:#09183f; line-height:24px; text-indent:0; }.visitor-schedule-page .visitor-form-terms a { color:#0b52e9; }.visitor-schedule-page .visitor-form-terms input[type=checkbox] { width:20px; height:20px; margin:0 8px 0 0; appearance:none; border:2px solid #1457f2; border-radius:5px; background:#fff; vertical-align:-5px; cursor:pointer; }.visitor-schedule-page .visitor-form-terms input[type=checkbox]:checked { background:#1457f2; }.visitor-schedule-page .visitor-form-terms input[type=checkbox]:checked::after { display:block; width:6px; height:10px; margin:1px 5px; border:solid #fff; border-width:0 2px 2px 0; content:""; transform:rotate(45deg); }.visitor-schedule-page .visitor-form-terms input[type=checkbox]:focus-visible { outline:3px solid rgba(20,87,242,.28); outline-offset:2px; }
.visitor-schedule-page .visitor-submit-actions { display:flex; float:right; flex-direction:column; align-items:stretch; margin:30px 10px 0; }.visitor-schedule-page #FormPreSubmitBtn { min-width:145px; height:59px; margin:0; padding:0 28px; border:0; border-radius:8px; background:linear-gradient(135deg,#1a63f5,#0647d8); box-shadow:0 5px 10px rgba(9,77,220,.22); color:#fff; font-size:18px; }
.visitor-schedule-page #LanguageSelection2 { min-width:190px; padding:13px 34px 13px 17px; border:0; border-radius:10px; background:#fff; box-shadow:0 4px 10px rgba(41,73,125,.14); color:#0b1b48; font-size:16px; font-weight:600; }
@media (max-width: 720px) { .visitor-landing::before, .visitor-landing::after { width: 38vw; min-width: 0; opacity: .72; }.visitor-hero { padding-top:30px; }.visitor-hero::before, .visitor-hero::after { display:none; }.sample-badge { min-height:270px; }.sample-badge-main, .sample-badge-details { padding-left:20px; }.sample-badge-main strong { font-size:23px; }.sample-qr { right:20px; width:58px; height:58px; }.hotel-selector-card { flex-wrap:wrap; padding:20px; }.hotel-selector-icon { flex-basis:58px; width:58px; height:58px; font-size:35px; }.hotel-selector-content { min-width:100%; }.hotel-selector-actions { gap:10px; }.hotel-selector-actions button { min-width:105px; }.visitor-benefits { margin-top:88px; padding:25px 15px; }.visitor-benefit { width:100%; padding:14px 8px; border:0; border-bottom:1px solid rgba(255,255,255,.22); } }

@media (max-width: 720px) {
    .visitor-schedule-page #MainFormCh { width:calc(100% - 24px); }
    .visitor-schedule-page #MainFormCh .cnt-lmt > .lostReqItem { min-height:0; margin-top:16px; line-height:24px; text-indent:0; }
    .visitor-schedule-page #MainFormCh .cnt-lmt > .lostReqItem > input[type=text],
    .visitor-schedule-page #MainFormCh .cnt-lmt > .lostReqItem > input[type=file] { display:block; float:none !important; width:100% !important; margin-top:6px; }
    .visitor-schedule-page .date-field-control { display:block; float:none; width:100%; margin-top:6px; }
    .visitor-schedule-page .visitor-form-terms { display:block; float:none; clear:both; width:100%; margin-top:0; padding-top:26px; }
}


@media screen and (max-width:700px) {

    .loading-box-cont {
        margin-top: 50px;
    }

    .sign-block {
        width: 96%;
        margin-left:2%;
        max-width: 700px;
    }

}