.pass,.submit,.un{letter-spacing:1px;outline:0}.submit:hover{border:2px solid orange;background: orange;}.container{width: 100%;margin:0 auto;text-align:center;vertical-align:middle;padding-top:10%;display: block;position: fixed;}.sign,body{font-family:Ubuntu,sans-serif}.main,body{background-color: #00000094;margin: 0;}.login-logo,.main,.submit{display:block;-webkit-appearance: none;}.main{width:100%;margin:0 auto}.sign{padding-top:40px;color:#8C55AA;font-weight:700;font-size:23px}.error,.pass,.un{font-weight:700;font-size:14px;font-family:Ubuntu,sans-serif;text-align:center}.pass,.un{width:76%;background: #22222294;box-sizing:border-box;margin-bottom:27px;}.un{color:orange;padding:10px 20px;border-radius:20px;border: 2px solid #fff;}form.form1{padding-top:40px}.error{color: yellow;padding-bottom: 20px;}.pass{color:orange;padding:10px 20px;border-radius:20px;border:2px solid #fff}.pass:active,.pass:focus,.un:active,.un:focus{border-color:  orange;}.submit{height:40px;font-size:13px!important;text-align:center;border-radius:5em;color:#fff;background:0 0;border:2px solid;cursor:pointer;font-family:Ubuntu,sans-serif;margin:0 auto;box-shadow:0 0 20px 1px rgba(0,0,0,.04);padding:10px 40px;width: 76%;}input.submit:hover{background:orange;color:#000}.forgot,a{text-shadow:0 0 3px rgba(117,117,117,.12);color:#E1BEE7}.forgot{padding-top:15px}a{text-decoration:none}@media (min-width:200px){.main{width: 80%;border-radius: 10px;margin-top:1%;/* border:2px solid #fff; */margin: 0 auto;}}.black{color:#1a1d23}.login-logo{text-align:center;margin:0 auto;padding-top:40px}@media (min-width:600px){.main{width:350px !important;}}#send:disabled{opacity: 0.5}.captcha{margin: 0 auto;display: block;text-align: center;width: 300px;margin-bottom: 20px;}img.logo {padding-bottom: 2em;}
body:after {
    content: '';
    width: 100%;
    height: 100vh;
    background: #1414149c;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}
@keyframes loader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
  }

 .sm-circle-loader {
    width: 20px!important;
    height: 20px!important;
  }
.circle-loader, .circle-loader:after {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.circle-loader {
    border: 2px solid transparent;
    border-left-color: #fff;
    animation-name: loader-spin;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    top: -5px;
}