﻿.header,.footer{display:none !important}
main{margin:0 !important;min-height:100vh !important;min-height:100dvh !important;overflow:hidden}

.fixing-bg{position:fixed;bottom:0;left:0;z-index:-1;width:100%;height:100%}
.fixing-bg .pic{bottom:0;right:0;height:100%;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1),rgba(0,0,0,0));-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:left top;opacity:.2}

.form-log-reg{margin:100px 0}
.form-log-reg .main{width:400px}
.form-log-reg .logo-side .logo{height:60px}
.form-log-reg .back-btn i{margin:4px 0 0 7px}
.form-log-reg .inside{margin:15px 0 20px;padding:30px}
.form-log-reg .inside .isbg{-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:left top;background:url('../img/dots.svg') no-repeat center top;height:100%;right:0;top:-2px}
.form-log-reg .inside .desc{margin:8px 0 15px}
.form-log-reg .inside .is-form .errors .error{margin-bottom:15px;background:linear-gradient(to right,#fa6767,#dd3333);padding:5px 12px;line-height:1.8;text-align:right}
.form-log-reg .inside .is-form .errors .error:last-child{margin-bottom:20px}
.form-log-reg .inside .is-form .item{margin-bottom:20px}
.form-log-reg .inside .is-form .item.mini{width:calc(50% - 10px)}
.form-log-reg .inside .is-form .item.disabled{cursor:no-drop;opacity:.5}
.form-log-reg .inside .is-form .item.disabled .input{background:var(--blur) !important}
.form-log-reg .inside .is-form .item .icon{left:0;top:0;z-index:1;padding:16px}
.form-log-reg .inside .is-form .item .input{border:1px var(--blur) solid;padding:12px 15px 12px 40px}
.form-log-reg .inside .is-form .item .input.ltr{text-align:right;direction:ltr}
.form-log-reg .inside .is-form .item .input.letter{letter-spacing:6px}
.form-log-reg .inside .is-form .item .input:focus{border-color:var(--color)}
.form-log-reg .inside .is-form .forget-link{margin-top:15px}
.form-log-reg .inside .is-form .sub{border:0;padding:15px}
.form-log-reg .inside .is-form .sub.disable{cursor:no-drop;opacity:.5}
.form-log-reg .inside .is-form .sub i{margin-right:5px}
.form-log-reg .inside .is-form .sub:hover,.form-log-reg .inside .is-form .forget-link:hover,.form-log-reg .back-btn:hover{opacity:.8}
.form-log-reg .inside:after{width:70%;margin:25px 15% 0;height:6px;background:var(--blur);content:"";float:right;border-radius:30px}


@media only screen and (max-width:520px){
.fixing-bg{height:auto;bottom:initial;top:0;width:200%;right:-50%}
.fixing-bg .pic{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));height:auto;position:relative}
.form-log-reg{margin:25px 0;display:inline-flex;justify-content:center;flex-direction:column;text-align:center;min-height:calc(100vh - 50px);min-height:calc(100dvh - 50px)}
.form-log-reg .main{float:right;margin:0 18px}
.form-log-reg .inside .titr{font-size:16px}
.form-log-reg .inside .desc{font-size:13px}
.form-log-reg .inside .is-form .item.mini{width:100%}
}