@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
html,body{
    background: #958c8f;
    font-family: 'Poppins', sans-serif;
}
::selection{
    color: #fff;
    background: #958c8f;
}
/*.container{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/
.login-form{
    margin:auto;
}
.container .form{
    background: #fff;
    padding: 38px 35px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin: auto;
        margin-top: 23%;
}
.form i{
    float: right;
    font-size: 20px;
}
.form form{
    margin-top:20px;
}
.container  form .form-control{
    height: 40px;
    font-size: 15px;
}
.container form .forget-pass{
    margin: -15px 0 15px 0;
}
.container form .forget-pass a{
   font-size: 15px;
}
.container  form .button{
    background: #0e1f95;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.container  form .button:hover{
    background: 0e1f95;
background-color: #0e1f95;}
.container  form .link{
    padding: 5px 0;
}
.container form .link a{
    color: #0e1f95;
}
.container .login-form form p{
    font-size: 14px;
}
.container .row .alert{
    font-size: 14px;
}

::placeholder{
    font-size:16px;
}
.form-control {
    display: block;
    width: 107%!important;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}