.kt-login.kt-login--v3 {
    background-size: cover;
    background-repeat: no-repeat
}

    .kt-login.kt-login--v3 .kt-login__wrapper {
        padding: 6% 2rem 1rem 2rem;
        margin: 0 auto 2rem auto;
        overflow: hidden
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            width: 430px;
            margin: 0 auto;
            padding: 30px;
            background: #fff;
            -webkit-box-shadow: 0 0 13px 0 rgba(82,63,105,.05);
            box-shadow: 0 0 13px 0 rgba(82,63,105,.05)
        }

@media (max-width:767px) {
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
        padding: 15px
    }
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo {
    text-align: center;
    margin: 0 auto 4rem auto
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head {
    margin-top: 1rem;
    margin-bottom: 3rem
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
        text-align: center;
        font-size: 1.5rem;
        font-weight: 500;
        color: #595d6e
    }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__desc {
        margin-top: 1.5rem;
        text-align: center;
        font-size: 1.1rem;
        font-weight: 400;
        color: #74788d
    }

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form {
    margin: 0 auto
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .input-group {
        padding: 0;
        margin: 0 auto
    }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control {
        height: 46px;
        border: none;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 1.5rem;
        background: rgba(235,237,242,.4)
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::-moz-placeholder {
            color: #74788d;
            opacity: 1
        }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control:-ms-input-placeholder {
            color: #74788d
        }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control::-webkit-input-placeholder {
            color: #74788d
        }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control.is-invalid + .invalid-feedback, .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control.is-valid + .valid-feedback {
            font-weight: 500;
            font-size: .9rem;
            padding-left: 1.6rem
        }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra {
        margin-top: 30px;
        margin-bottom: 15px;
        color: #74788d;
        font-size: 1rem
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-checkbox {
            font-size: 1rem
        }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link {
            font-size: 1rem;
            color: #74788d;
            -webkit-transition: color .3s ease;
            transition: color .3s ease
        }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__extra .kt-login__link:hover {
                color: #5d78ff;
                -webkit-transition: color .3s ease;
                transition: color .3s ease
            }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions {
        text-align: center;
        margin-top: 7%
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-primary, .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .kt-login__actions .kt-login__btn-secondary {
            height: 50px;
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
    text-align: center;
    margin-top: 2rem
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-msg {
        font-size: 1rem;
        font-weight: 400;
        color: #74788d
    }

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-link {
        font-size: 1rem;
        font-weight: 500;
        color: #595d6e;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account .kt-login__account-link:hover {
            color: #5d78ff;
            -webkit-transition: color .3s ease;
            transition: color .3s ease
        }

.kt-login.kt-login--v3.kt-login--signin .kt-login__signup {
    display: none
}

.kt-login.kt-login--v3.kt-login--signin .kt-login__signin {
    display: block
}

.kt-login.kt-login--v3.kt-login--signin .kt-login__forgot {
    display: none
}

.kt-login.kt-login--v3.kt-login--signup .kt-login__signup {
    display: block
}

.kt-login.kt-login--v3.kt-login--signup .kt-login__signin {
    display: none
}

.kt-login.kt-login--v3.kt-login--signup .kt-login__forgot {
    display: none
}

.kt-login.kt-login--v3.kt-login--signup .kt-login__account {
    display: none
}

.kt-login.kt-login--v3.kt-login--forgot .kt-login__signup {
    display: none
}

.kt-login.kt-login--v3.kt-login--forgot .kt-login__signin {
    display: none
}

.kt-login.kt-login--v3.kt-login--forgot .kt-login__forgot {
    display: block
}
.OpenVerificationCodeDiv {
    display: block;
}

.CloseVerificationCode {
    display: none;
}

@media (max-width:1024px) {
    .kt-login.kt-login--v3 .kt-login__wrapper {
        padding-top: 5rem;
        width: 100%
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            margin: 0 auto
        }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
                margin-top: 1rem
            }
}

@media (max-width:768px) {
    .kt-login.kt-login--v3 .kt-login__wrapper {
        width: 100%
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            width: 100%;
            margin: 0 auto
        }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form {
                width: 100%;
                margin: 0 auto
            }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__account {
                margin-top: 1rem
            }
}