.validation-summary-errors ul{list-style:none;margin-left:-40px;margin-bottom:0}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control{background:rgba(255,255,255,0.98);color:var(--primary-color) !important;font-size:18px}
.login_bg{background-size:cover;height:100%;overflow:hidden}
.m-login .m-footer__copyright{clear:left;color:#008adc ;text-align:center;line-height:55px;width:100%;display:block;float:left;margin-top:10px;letter-spacing:1px;}
.m-login .m-footer__copyright a{text-decoration:underline;color:#fff}
.m-login .m-footer__copyright a:hover{text-decoration:none}
.login_bg .k-checkbox-label:before{border:1px solid #fff;border-radius:6px;height:18px;width:18px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
body .k-checkbox:checked + .k-checkbox-label:before{background-color:transparent !important;border-color:#ffffff !important;color:#ffffff !important}
.login_bg .k-checkbox-label:before:hover{border:1px solid #fff}
#m_login{display:table;height:100%;width:100%}
#m_login .m-login__wrapper{vertical-align:middle;display:table-cell}
.m-login__container{border-radius:15px;padding:35px 30px;background-color:rgba(4,98,158,.8);border:solid 5px rgba(11, 90, 152,.8);min-width:430px}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control{padding:10px !important}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control{background:#fafafa !important;border:solid 1px #1f94e4 !important}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action #m_login_forget_password_cancel{
background:linear-gradient(to bottom,rgb(255, 0, 0) 0%,rgb(125, 33, 13) 100%);
background:rgba(255, 0, 0,1);
background:-moz-linear-gradient(top,rgba(255, 0, 0,1) 0%,rgba(125, 33, 13,1) 100%);
background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(125, 33, 13,1)),color-stop(100%,rgba(14,103,199,1)));
background:-webkit-linear-gradient(top,rgba(255, 0, 0,1) 0%,rgba(125, 33, 13,1) 100%);
background:-o-linear-gradient(top,rgba(255, 0, 0,1) 0%,rgba(125, 33, 13,1) 100%);
color:#fff !important;border-color:#46120f}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action #m_login_forget_password_cancel:hover{border:1px solid #fff}

#m_login{text-align:center}
.login-page{max-width:360px;margin:0 15px 0;width:100%;background:#FFFFFF;border-radius:10px;text-align:left;display:inline-block; border: solid 1px #ccc;}
.login-page img{max-width:100%;  object-fit: contain;}
.login-page .m-login__logo{text-align:center;margin:10px 0 50px 0}
.login-page .login-sec{padding:30px;letter-spacing:1px;}
/*.login-page input[type="email"], .login-page input.newpassword,
.login-page input[id="Password"]{border-radius:20px;background:#fff;border-color:#008adc !important;padding:7px 15px;border-radius:6px;}*/
.login-page input:-webkit-autofill,
.login-page input:-webkit-autofill:hover,
.login-page input:-webkit-autofill:focus{border:1px solid #008adc;-webkit-text-fill-color:#008adc;transition:background-color 5000s ease-in-out 0s;background-color:#fff;}
.login-page .m-link{color:#008adc}
.login-page .m-link:hover{color:#FFA62C}
.login-page .m-link:hover:after{border-bottom-color:#FFA62C}
.login-page button[type="submit"]{width:100%;background:#008adc ;margin-top:20px;border:0;box-shadow:none;font-size:20px;font-weight:600;line-height:46px;padding-top:0;padding-bottom:0;height:46px;border-radius:6px}
.login-page button[type="submit"]:hover{box-shadow:none;background:#FFA62C}
.login-page input:-webkit-autofill:focus, .login-page input:focus{border-color:#FFA62C}
.login-page .form-group{position:relative}
.login-page .icon{position:absolute;right:15px;top:42px;color:#008adc;z-index:55}

.login-page .dental-img{height: 100%;background: #0098fe;border-radius:10px 0 0 10px; position:relative}
.login-page .dental-img img { /*position:absolute; left:0; bottom:0;*/ } 
.patientPortalImg { height: 100%;background:#fff;border-radius:10px 0 0 10px; padding-top: 40px;}
.officepatientImg { height: 100%;background:#fff;border-radius:10px 0 0 10px; padding-top: 40px;}
#m_login .login-wrapper {  display: flex; flex-direction: column;  height: 100%;  flex-wrap: wrap; align-items: center; justify-content: center;}
.m-login__forget-password button{width:100%}
.m-login__forget-password #m_login_forget_password_submit{width:100%;background:#008adc ;border:0;box-shadow:none;font-size:18px;font-weight:600;line-height:46px;
padding-top:0;padding-bottom:0;height:46px;color:#fff;border-radius:6px}
.m-login__forget-password #m_login_forget_password_submit:hover{box-shadow:none;background:#FFA62C}
.m-login__forget-password #m_login_forget_password_cancel{width:100%;background:#e1e1e1;margin-top:15px;border:0;box-shadow:none;font-size:18px;font-weight:600;line-height:46px;
padding-top:0;padding-bottom:0;height:46px;color:#000;border-radius:6px}
.m-login__desc{ color:#999}
.m-login__forget-password #m_login_forget_password_cancel:hover{box-shadow:none;background:#FFA62C;color:#fff}
.login-messagebottom {line-height: normal !important; font-weight: 700; padding: 0 20px; text-align: justify;}
.m-login .login-wrapper .m-footer__copyright {
    max-width: 390px;
    float: inherit;
    margin-left: auto;
    margin-right: auto;
}

.login-sec [class*=" fa-eye"] {  font-size: 1.3rem; }

body:before {
    position: absolute;
    content: "";
    z-index: 0;
    /*background: #ffffff47;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.login-page {
    position: relative;
    background: #fff;
}

.login-page:before, .login-page:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.login-page:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}


.login-page {
    position: relative;
}
/*.login-page:before, .login-page:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.login-page:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}*/



@media (max-width: 767px) {
    .login-page .icon {
        top: 35px
    }

    #m_login .login-wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: space-around;
        vertical-align: middle;
        height: 100vh;
    }


} /* end media */