body {
}

@font-face {
    font-family: 'fa-regular-400';
    src: url('/Admin/assets/vendor/fonts/fontawesome/webfonts/fa-regular-400.ttf') format('truetype');
}
@font-face {
    font-family: 'fontawesome-webfont';
    src: url('/fonts/fontawesome-webfont.woff') format('woff');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('/fonts/fontawesome-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('/fonts/fontawesome-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/FontAwesome.otf') format('opentype');
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('/fonts/fontawesome-webfont.eot') format('embedded-opentype');
}


.login img{
    max-width: 150px;
    margin-bottom:20px;
    margin-top:20px
}

.login {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    border-radius:25px;
    padding:20px;
    width:30%;
    margin-left: 35%;
    margin-top: 5%;
    text-align:center;
    justify-content:center;
}
footer{
    margin:0px 10%;
    margin-top:100px;
}
.login input{
    text-align:center;
}
.login .form-group{
    align-content:center;
    text-align:center;
}
.login .form-control {
    clear: both;
    text-align: center;
    display: normal;
}
.grey{
    color: #808080 ;
}

.login a:hover{
    outline:none;
    text-decoration:none;
    color:#808080;
    font-weight:100;
    
}

@media (max-width: 1000px){
    .login {
        width: 96%;
        margin-left: 2%;
        margin-top: 10%;
    }
    footer{
        display:none;
    }
}

.panel-footer{
    margin-top:20px;
}