@charset "utf-8";
body { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 500; line-height: 23px; }
a { color:rgb(37, 166, 247);font-weight: bold; transition:0.3s ease-in; -moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in; }
a:hover, a:focus { color: #640106; outline: none; text-decoration: none; }
.back-bg { background-color:#E8E8E8; }
.img { bottom: 0; box-shadow: 0 0 200px 128px rgba(0, 0, 0, 0.5) inset; left: -100px; margin-bottom: 50px; top: 0; width: 100%; }
.back-bg .img.body-img1,
.back-bg .img.body-img2,
.back-bg .img.body-img3,
.back-bg .img.body-img4,
.back-bg .img.body-img5,
.back-bg .img.body-img6,
.back-bg .img.body-img7,
.back-bg .img.body-img8 { position: fixed; }

.body-img1 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/small-business-2508x1672.jpg) no-repeat scroll center center / cover; }
.body-img2 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/Coffee-shop-girl.jpg) no-repeat scroll center center / cover; }
.body-img3 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/Girl-Outside-Cafe.jpg) no-repeat scroll center center / cover; }
.body-img4 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/light-color-restaurant-web.jpg) no-repeat scroll center center / cover; }
.body-img5 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/man-organic-shop.jpg) no-repeat scroll center center / cover; }
.body-img6 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/Open-Cafe.jpg) no-repeat scroll center center / cover; }
.body-img7 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/woman-worker-bar.jpg) no-repeat scroll center center / cover; }
.body-img8 { background:url(https://tools.restaurantvantage.com/assets/img/login_page_images/woman-worker-cafe.jpg) no-repeat scroll center center / cover; }

.logo { margin-top: 30px; margin-bottom: 50px; }
.form-column { bottom: 0; margin-bottom: 50px; position: fixed; right: 0; top: 0; width: 63%; }
.login-form { padding-left: 8.5rem; padding-right: 8.5rem; }
.login-form { background-color: #fff; bottom: 0; overflow-y: auto; position: fixed; right: 0; top: 0; width: 33%; }
.footer { background-color: #25282a; bottom: 0; display: table; height: 50px; left: 0; padding: 13px 0; position: fixed; width: 100%; }
.footer-nav a { color: rgb(161, 163, 164); }
.footer-nav { text-align: center; }
.logo img { margin:auto; }
.login-form h4 { color:#777777; }
.form-con { border-radius: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset; }
.form-con { border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; color: #666666; padding: 2px; position: relative; }
.login-form .menu-icon { color: #b5b5b5; display: inline-block; margin-left: 8px; margin-right: 0; position: absolute; text-align: center; top: 5px; width: 22px; }
.form-con input { background: rgba(0, 0, 0, 0); padding-left: 38px; border-radius:0; }
.width-100 { width: 100%; }
.vd_white { background: #2c3b50; border-radius: 5px; color: #ffffff; font-size: 13px; font-weight: 500; padding: 6px 8px; text-align: center; height: 36px; transition:0.3s ease-in; -moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in; }
.vd_white:hover { background: #a2a9af; color:#fff; }
.mrb0 { margin-bottom: 0; }
.chk-wrapr a { font-weight:bold; }
label { color: #777a80; padding-left: 6px; }
.mrb10{ margin-bottom:10px; }
hr.gray{ border-color:#dddddd; margin-bottom:10px; }
.register-panel a.start-trial { display: inline-block; position: relative; width: 190px; }
.login-form .register-panel .menu-icon { font-size: 14px; right: -6px; top: 0; color: rgb(37, 166, 247); }
.register-panel a:hover .menu-icon { color: #640106; }
.key { margin-bottom: 30px; margin-top: 50px; }
.footer-nav > a { margin: 0 10px; }
@media screen and (max-width:1366px) {
    .login-form { padding-left: 6.5rem; padding-right: 6.5rem; }
}
@media screen and (max-width:1199px) {
    .login-form { padding-left: 4.5rem; padding-right: 4.5rem; }
    .login-form { width: 38%; }
}
@media screen and (max-width:991px) {
    .login-form { padding-left: 2.5rem; padding-right: 2.5rem; }
    .login-form { width: 44%; }
}
@media screen and (max-width:767px) {
    .login-form { width: 100%; }
    .footer-nav > a { display: block; margin: 0 10px 15px; }
}