@font-face {
    font-family: 'JDSansPro-Medium';
    src: url('../fonts/JDSansPro-Medium.eot');
    src: url('../fonts/JDSansPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/JDSansPro-Medium.svg#JDSansPro-Medium') format('svg'), url('../fonts/JDSansPro-Medium.ttf') format('truetype'), url('../fonts/JDSansPro-Medium.woff') format('woff'), url('../fonts/JDSansPro-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
html { font-size: 16px; }
html, body { height: 100%; }
body { height: 100%; font-family: 'JDSansPro-Medium','Open Sans', sans-serif, Arial; font-size: 1rem; background-color: #f1f1f1; }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
.guestLoginWrapper {
    height: 100vh;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
    padding: 20px;
}
@media(max-width:767px) {
    .guestLoginWrapper {
        height: auto;
        overflow-y: visible;
    }
}
@media(max-width:520px) {
    .guestLoginWrapper {
        padding: 30px 15px;
    }
}
.guestLoginInner {
    float: left;
    width: 100%;
    max-width: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.guestLogoWrapper { float: left; }
.guestLoginContent { float: left; width: 100%; padding: 50px 35px; margin-top: 25px; background-color: #fff; box-shadow: 0 0 5px rgba(173, 173, 173, 0.5);  }
@media(max-width:520px) {
    .guestLoginContent { padding: 50px 20px; }
}
.GuestBtnWrapper { float: left; width: 100%; margin: 12px 0; }
.GuestBtnWrapper .primaryBtn {
    width: 100%;
    background-color: #fbd60b;
    color: #333333;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #fbd60b;
    border-radius: 4px;
    font-size: 0.9rem;
    box-shadow: 0 2px 5px rgba(169, 169, 169, 0.5);
    outline: none !important;
    text-align: center;
    font-size: 1rem;
    float: left;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.GuestBtnWrapper .primaryBtn:hover{
    border: 1px solid #333333;
    background-color: #fff;
    color: #333333;

}
.login-logo img {
    max-width: 210px;
}