.login-page{position:absolute;overflow:auto;width:100%;height:100%;min-width:1600px;min-height:900px;background:url(../img/background.fa7b82ce.jpg) no-repeat;background-size:100% auto;background-position:50% 50%;z-index:200}.login-logo-1{position:absolute;top:40px;left:50px;width:270px}.login-card-left{transform:translate(-100%,-50%);margin-top:-20px;background-color:rgba(43,173,212,.8);border-radius:50px 10px 10px 50px;box-shadow:15px 15px 5px rgba(61,58,57,.3);z-index:211}.login-card-left,.login-card-right{position:absolute;top:50%;left:50%;width:425px;height:530px}.login-card-right{transform:translateY(-50%);background-color:hsla(0,0%,100%,.8);border-radius:10px 50px 50px 10px;box-shadow:5px 5px 2px rgba(61,58,57,.3);z-index:210}@-webkit-keyframes float-right{0%{margin-top:0;box-shadow:5px 5px 2px rgba(61,58,57,.3);z-index:210}to{margin-top:-20px;box-shadow:-15px 15px 5px rgba(61,58,57,.3);z-index:211}}@keyframes float-right{0%{margin-top:0;box-shadow:5px 5px 2px rgba(61,58,57,.3);z-index:210}to{margin-top:-20px;box-shadow:-15px 15px 5px rgba(61,58,57,.3);z-index:211}}@-webkit-keyframes float-left{0%{margin-top:0;box-shadow:-5px 5px 2px rgba(61,58,57,.3);z-index:210}to{margin-top:-20px;box-shadow:15px 15px 5px rgba(61,58,57,.3);z-index:211}}@keyframes float-left{0%{margin-top:0;box-shadow:-5px 5px 2px rgba(61,58,57,.3);z-index:210}to{margin-top:-20px;box-shadow:15px 15px 5px rgba(61,58,57,.3);z-index:211}}@-webkit-keyframes sink-left{0%{margin-top:-20px;box-shadow:15px 15px 5px rgba(61,58,57,.3);z-index:211}to{margin-top:0;box-shadow:-5px 5px 2px rgba(61,58,57,.3);z-index:210}}@keyframes sink-left{0%{margin-top:-20px;box-shadow:15px 15px 5px rgba(61,58,57,.3);z-index:211}to{margin-top:0;box-shadow:-5px 5px 2px rgba(61,58,57,.3);z-index:210}}@-webkit-keyframes sink-right{0%{margin-top:-20px;box-shadow:-15px 15px 5px rgba(61,58,57,.3);z-index:211}to{margin-top:0;box-shadow:5px 5px 2px rgba(61,58,57,.3);z-index:210}}@keyframes sink-right{0%{margin-top:-20px;box-shadow:-15px 15px 5px rgba(61,58,57,.3);z-index:211}to{margin-top:0;box-shadow:5px 5px 2px rgba(61,58,57,.3);z-index:210}}.login-card-title{top:35%;font-size:18px}.login-card-content,.login-card-title{position:relative;left:15%;width:100%;color:#fff;letter-spacing:2px}.login-card-content{top:45%;height:30px;font-size:14px;text-align:left}.login-logo-2{position:relative;top:100px;left:52.5px;width:133px;height:auto}.login-page .input{margin-left:5px}input::-moz-placeholder{position:relative;text-align:left;color:#afafaf}input:-ms-input-placeholder{position:relative;text-align:left;color:#afafaf}input::placeholder{position:relative;text-align:left;color:#afafaf}.login-username{position:relative;top:170px;left:52.5px;width:320px;height:45px;font-size:16px;padding-left:40px;padding-right:20px;border-radius:22.5px 22.5px 22.5px 22.5px;border:2px solid #2badd4;outline:none;background-image:url(../img/user.f407db2b.png);background-repeat:no-repeat;background-size:20px 20px;background-position:15px 10px;transition:all .4s;background-color:rgba(61,58,57,0)}.login-username:focus{box-shadow:0 0 5px rgba(61,58,57,.3)}.login-username-alert{position:relative;top:170px;left:75px;width:275px;height:0;text-align:right;font-size:13px;font-weight:700;color:red}.login-password{position:relative;top:200px;left:52.5px;width:320px;height:45px;font-size:16px;padding-left:40px;padding-right:20px;border-radius:22.5px 22.5px 22.5px 22.5px;border:2px solid #2badd4;outline:none;background-image:url(../img/psd.b420f250.png);background-repeat:no-repeat;background-size:20px 20px;background-position:15px 10px;transition:all .4s;background-color:rgba(61,58,57,0)}.login-password:focus{box-shadow:0 0 5px rgba(61,58,57,.3)}.login-keepvalid{position:absolute;top:350px;left:52.5px;height:0;color:#2badd4;font-weight:700;letter-spacing:2px;display:flex}.regist-span{position:relative;top:345px;left:-240px;letter-spacing:.3em;color:#2badd7;cursor:pointer}.login-button{position:relative;top:300px;left:212.5px;width:160px;height:45px;background-color:#2badd4;border:none;border-radius:22.5px 22.5px 22.5px 22.5px;color:#fff;font-size:17px;text-align:center;letter-spacing:10px;text-indent:10px;outline:none;transition:all .4s}.login-button:hover{box-shadow:0 0 10px rgba(61,58,57,.3)}.login-success-icon{top:85px;color:#2badd4}.login-success-icon,.login-success-info{position:relative;left:50%;transform:translateX(-50%)}.login-success-info{top:95px;font-size:17px;font-weight:700;text-align:center;letter-spacing:10px;text-indent:10px}.login-role-buttons{position:relative;top:113px;left:50%;width:100%;height:297px;transform:translateX(-50%)}.login-role-buttons-box{position:relative;top:50%;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transform:translateY(-50%)}.login-role-buttons-div{position:relative;width:100%;height:55px}.login-role-button{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:187px;height:35px;outline:none;border:none;border-radius:22.5px 22.5px 22.5px 22.5px;background-color:#2badd4;color:#fff;font-size:16px;letter-spacing:5px;text-indent:5px;transition:all .4s}.login-role-button:hover{box-shadow:0 0 10px rgba(61,58,57,.3);margin-left:25px}.login-page-footer{position:absolute;bottom:2px;right:4px;letter-spacing:1px}