*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:"iranSans" !important;font-size:1rem;direction:rtl;}body .header-name h1{font-size:4rem}body .box-login{background-color:#fff;width:45% !important}body .box-login .user-info{border-left:1px solid #eee;height:100%}body .box-login .user-info p,body .box-login .user-info strong{padding-right:3rem}body .box-login .user-info .user-info-box{cursor:pointer;height:33.3%}body .box-login .user-info .active{background-color:#00ad45}body .box-login .user-info .active label{color:#fff}body .box-login .user-info .position-relative input{padding-right:1.8rem}body .box-login .user-info .position-relative svg{top:10px;right:5px}body .box-login .user-info .btn-login{background-color:#00ad45;color:#fff}body .box-login .user-info .input-info{background-color:#eee}body .box-login .user-info .login-text{color:#000}@media only screen and (max-width: 575px){body h1{font-size:2rem !important;text-align:center !important}body .box-login{width:100% !important;margin:5px;border-radius:4px}body .p-5{padding:1rem !important}}