*,::before,::after{margin:0;padding:5px;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background:url(../images/circles-light.png)}.container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}form.login-form{width:100%;max-width:400px;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 0 5px 0 rgba(0,0,0,0.3)}.form-head{height:73px;line-height:64px;background: #4b637b;padding:0 15px ; border-radius: 10px;}.form-head h3{color:#fff;font-weight:100; text-align: center;
font-weight: bold;}.form-input{padding:15px}.form-input .form-group{margin:10px 0}.form-input input[type='text'],.form-input input[type='password'],.form-input input[type='submit']{width:100%;height:40px;line-height:40px;padding:0 8px;border:1px solid #ccc}.form-input input[type='text']:focus,.form-input input[type='password']:focus,.form-input input[type='submit']:focus{outline:none;border-color:#1976D2}.form-input input[type='submit']{background:#2d7224;color:#fff;border-radius: 37px;
    font-weight: bold;
    font-size: 20px;}input[type="submit"]:hover{background:#2196F3}.form-error{color:#F44}.form-input .form-group a{display:inline-block;margin-right:15px;text-decoration:none;font-size:14px;color:#1976D2}.form-input .form-group a:hover{text-decoration:underline;color:#0D47A1}a,label.remember,input[type="submit"]{cursor:pointer}
    
    
    
    .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.yt-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: #224347;
    height: 10px;
    left: 0;
    top: 0;
    width: 0%;
    z-index: 9999;
    position:relative;
    border-radius:10px;
}


@keyframes horizontalProgressBar
{
    0%   {width: 0%;}
    20%  {width: 10%;}
    30%  {width: 15%;}
    40%  {width: 18%;}
    50%  {width: 20%;}
    60%  {width: 22%;}
    100% {width: 100%;}
}