@media(max-width:575px){
    .login-form.text-center {width:90%!important}
}
body.body-login{background:#f7f7f7;scrollbar-width:none;}
.new-login-page .r-login-page{padding:5% 10% 5% 0;background-color: #edf0f7;}
.new-login-page .r-login-page img.gif-image{height:50vh;width:auto;max-width:100%;margin:0 auto 42px;display:table;border-radius:8px;}
.new-login-page .r-login-page img.text-image{display: table;margin: 3px auto 20px;max-width: 100%;max-height:65px;}
.new-login-page .l-login-page{background: #1d4742;min-height:100vh;padding:5% 0 5% 10%;}
.new-login-page .l-login-page .login-form{background-color: #285F59;height:100%;box-shadow: rgba(0, 0, 0, 0.04) -19px 1px 30px;border-radius: 20px 0 0 20px;}
.new-login-page .l-login-page form{max-width: 268px;margin: 0 auto;}
.new-login-page .form-group label{display:block;color:#fff;text-align: right;padding: 0 20px;margin-bottom: 8px;}
.new-login-page .form-group{margin-bottom:9px;}
.new-login-page .l-login-page .btn.btn-primary{width:100%;background-color:#74beed;border:none;}
.new-login-page .l-login-page .btn.btn-primary:hover{background-color:#5eaada!important;}
.end-l-login-page{position: absolute;width: 100%;bottom: 0;right: 0;left: 0;background: #094b99;padding: 5px 0 65px;z-index:1;}
.end-l-login-page a:before{content: "\f061";font-family: "Font Awesome 5 Free";font-weight: 900;position: relative;top: 2px;margin-left: 7px;}
.l-login-page img.logo{margin-top: 8vh;border-radius:100%;padding: 7px;background: #fff;}
.l-login-page h3{font-size:14px;}
.new-login-page .form-group input{text-align:center;line-height:16px;}
.box-main-login{position: relative;width:100%;height: 100%;background: #fff;display: flex;align-items: center;justify-content: center;top: 0;
    right: 0;overflow: hidden}
/*.box-main-login:before{content: '';*/
/*    width: 200px;*/
/*    height: 200px;*/
/*    border-top: 10px solid #003E78;*/
/*    border-bottom: 10px solid #003E78;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    transition: width 3s, height 3s;*/
/*    animation-name: pulseImage;*/
/*    animation-duration: 1s;*/
/*    animation-fill-mode: both;*/
/*    animation-iteration-count: infinite;*/
/*    transform: rotate(45deg);}*/
/*.box-main-login:after{content: '';*/
/*    width: 200px;*/
/*    height: 200px;*/
/*    border-right: 10px solid #003E78;*/
/*    border-left: 10px solid #003E78;*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    transition: width 3s, height 3s;*/
/*    animation-name: pulseImage;*/
/*    animation-duration: 1s;*/
/*    animation-fill-mode: both;*/
/*    animation-iteration-count: infinite;*/
/*    transform: rotate(45deg);}*/
.box-main-login .new-login-page{position: absolute;width:0;height:0;opacity:0;overflow: hidden;}
.show.box-main-login:after,.show.box-main-login:before{
    width:5000px;
    height:5000px;
    transition: width 4s, height 4s ;
    animation: unset;
}
.show.box-main-login .logo-loading{opacity: 0;transition: all .8s;}
@keyframes pulseImage {
    0% {transform: rotate(45deg)scale(1);}
    50% {transform: rotate(45deg)scale(.8);}
    100% {transform: rotate(45deg)scale(1);}
}
.not-show.box-main-login{display: block;background: transparent;overflow: visible}
.not-show.box-main-login:after,.not-show.box-main-login:before{display: none}
.not-show.box-main-login .logo-loading{display:none;}
.show-content.box-main-login{background: transparent}
.show-content.box-main-login .new-login-page{transition: all 1s;position: absolute;width:100%;height:100%;opacity:1;}
.not-show.show-content.box-main-login .new-login-page{position: relative;transition: all .5s;}
.inbox-r-login-page{background:#f7f7f7;height:100%;padding:40px 20px 20px;box-shadow: rgba(0, 0, 0, 0.04) 19px 1px 30px;border-radius: 0 20px 20px 0;}
.end_l-login-page{margin-top:48px;}
.btn-login{background:#1d4742;box-shadow: none;border: none;color: #fff;width: 100%;border-radius: 0.42rem;}
.btn-login:hover{background: #132e2a;}
.l-login-page .login-form{position:relative;}
.before-login{position: absolute;width:100%;height:0;top:0;left:0;background-color: #132e2a;display:flex;align-items: center;justify-content: center;z-index:1;overflow:hidden}
.before-login.show{height:100%;transition: all .5s;}
.before-login img{max-width:100%;}
.before-login .behido-logo{max-width: 140px;animation-name: blinkItem;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: infinite;filter: brightness(0) invert(1);}
@keyframes blinkItem {
    0% {transform:scale(1);}
    50% {transform: scale(.8);}
    100% {transform: scale(1);}
}
.before-login .login__success{width:0}
.before-login .login__success.show{width:80%;transition:all .5s;}


.logo-loading{
    animation-name: growItem;animation-duration: 2s;animation-fill-mode: both;animation-iteration-count: infinite;
}
@keyframes growItem {
    0% {transform:scale(.5);}
    50% {transform:scale(.3);}
    100% {transform: scale(.5);}
}

@media(min-width:1500px) {
    .l-login-page img.logo{margin-top: 20vh;}
}
@media(max-width:991px){
    .new-login-page .r-login-page{display:none;}
    .new-login-page .l-login-page{flex: 0 0 100%;max-width: 100%;}
    .new-login-page .l-login-page{padding:0;}
    .new-login-page .l-login-page .login-form{border-radius:0;}
    .logo-loading{max-height:120px;}
}
@media(max-width:575px){
    .login-form.text-center {
        margin-right:auto;margin-left: auto;
    }
}