@import"fonts.css";

*
{
    font: 14px 'IRANSansWeb', sans-serif;
}

html, body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body
{
    background: #001426;
}
.login-sidebar
{
    background-color: #fff1f1;
}
a, a:hover { text-decoration: none; cursor: pointer; }
.login-block, .news-block
{
    margin: auto -0.7rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.9) !important;
    overflow: hidden;
}
.login-form {
    padding: 1rem 1rem 1rem 0;
}
html[dir=rtl] .login-form {
    padding: 1rem 0 1rem 1rem;
}
.login-form .title{
    font-size: 1.75rem;
    font-weight: 700;
    margin: 2rem 0;
}
.login-form .register{
    margin: -1.5rem 0 2rem;
}
.social-login {
    padding: 1rem;
}
.social-login .description{
    text-align: start;
}
.social-login .action-buttons{
    padding: 1rem 0;
}
.social-login .action-buttons #facebook-login{
    background-color: #3b5998;
    color: #fff;
}
.social-login .action-buttons #facebook-login:hover{
    background-color: #37518d;
}
.social-login .action-buttons #twitter-login{
    background-color: #00aced;
    color: #fff;
}
.social-login .action-buttons #twitter-login:hover{
    background-color: #019cda;
}
.social-login .action-buttons #google-login{
    background-color: #c32f10;
    color: #fff;
}
.social-login .action-buttons #google-login:hover{
    background-color: #b22d13;
}
.other-actions
{
    margin: 0.75rem 0;
}
.forgot-my-password small
{
    color: #52bbdd !important;
}
.forgot-my-password:hover small
{
    color: #0684ca !important;
}
.btn-link:hover
{
    text-decoration: none;
}
.copyright, .copyright a span
{
    font-size: 0.9rem;
}
.loading_progress{ display: none; width: 100%; height: 100%; position:fixed; top: 0; left: 0;  right: 0; z-index: 100000; text-align: center; background: rgba(0,0,0,0.22)}
.load-wrapp { position: relative; top: 45%; text-align: center; width: 100px; height: 100px; margin: 0 auto; z-index: 100001; }
.load-wrapp p {padding: 0 0 20px; color: #FFF; font-weight: bold; }
.line { display: inline-block; width: 15px; height: 15px; border-radius: 15px; background-color: #FFF; box-shadow: 0px -2px 0px inset #a7a7a7; }
.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}
@keyframes loadingC {
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(0,15px);
    }
    100% {
        transform: translate(0,0);
    }
}
@media (max-width: 767px)
{
    .login-form {
        padding: 1rem;
    }
}