.login.login-1 .login-aside .aside-img {
    min-height: 450px;
}
#WelcomeText > p > strong > span{
    font-size: 18px !important;
}

.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
    display: none;
}

.login.login-1.login-signin-on .login-signup {
    display: none;
}

.login.login-1.login-signin-on .login-signin {
    display: block;
}

.login.login-1.login-signin-on .login-forgot {
    display: none;
}

.login.login-1.login-signup-on .login-signup {
    display: block;
}

.login.login-1.login-signup-on .login-signin {
    display: none;
}

.login.login-1.login-signup-on .login-forgot {
    display: none;
}

.login.login-1.login-forgot-on .login-signup {
    display: none;
}

.login.login-1.login-forgot-on .login-signin {
    display: none;
}

.login.login-1.login-forgot-on .login-forgot {
    display: block;
}

@media (min-width: 992px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 700px;
    }

    .login.login-1 .login-content {
        width: 100%;
        max-width: 500px;
    }

        .login.login-1 .login-content .login-form {
            width: 100%;
            max-width: 450px;
        }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .login.login-1 .login-aside {
        width: 100%;
        max-width: 450px;
    }
}

@media (max-width: 991.98px) {
    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 400px;
    }
    .login.login-1 .aside-img {
        min-height: 300px !important;
        background-size: 400px;
        display: none !important;
    }

    .loginSubtitle {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .login.login-1 .aside-img {
        min-height: 300px !important;
        background-size: 400px;
        display: none !important;
    }
    .loginSubtitle {
        display: none !important;
    }
    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 100%;
    }
    
}
#loadingLogin {
    display:none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
    z-index: 1;
}

    #loadingLogin:after {
        content: "";
        width: 50px;
        height: 50px;
        position: absolute;
        top: -30px;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        /*border: 6px solid #007bff;
        border-top: 6px dotted #007bff;
        border-bottom: 6px dotted #007bff;
        border-radius: 50%;*/
        animation: loading 2s infinite;
        background-image: url("../../img/logo/favicon2.ico"); 
        background-size: cover; 
    }

    #loadingLogin:before {
        font-size: 20px;
        letter-spacing: 1px;
        /* content: "Yükleniyor...";*/
        content: var(--loading-content, "Yükleniyor...");
        position: absolute;
        top: 57%;
        text-align: center;
        right: 0;
        left: 0;
        margin: auto;
    }

@keyframes loading {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }
}



@keyframes loading {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }
}