body {
    background-color: rgb(3, 120, 190);
    overflow: auto
}

.icofont {
    font-size: 24px;
}

.side-image {
    
    /*background: url(../images/LaptopZQMIS.jpg) no-repeat;*/
    background: 
            url(../images/qualification.jpg)
            center /cover
            no-repeat;
    margin-left: -15px;
}

.login-container {
    height: 100vh;
}

.field-validation-error {
    color: red;
}

.auth-box {
    background-color: #fff;
    border-radius: 8px;
    margin: 20px 0 50px 0;
    padding: 20px;
    margin: 20% auto !important;
}

.input-error {
    border: 1px solid red;
}

.field-validation-valid {
    color: red;
}

@media only screen and (max-width: 480px) {
    .auth-body {
        width: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .grid {
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
    }

    .footer {
        display: none;
    }

    .auth-body {
        width: 550px;
    }

    .login-container {
        height: 100vh;
    }

    .login-card {
        margin: auto;
    }
}

@media (min-width: 768px) {
    .grid {
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
    }

    .auth-body {
        width: 450px;
    }

    .login-container {
        height: 100vh;
    }

    .login-card {
        margin: auto;
    }
}

@media (min-width: 992px) {
    .grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        height: 100vh;
    }

    .auth-body {
        width: 450px;
    }

    .login-container {
        height: 100vh;
    }
}

@media (min-width: 1200px) {
    .grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        height: 100%;
        zoom: 0.99;
    }

    .auth-body {
        width: 450px;
    }

    .login-container {
        height: 100vh;
    }
}

.grid_column {
    height: 100%;
}

.site-footer-row {
    background-color: #333333;
}

.footer-row {
    position: static;
    height: 55px;
    width: 100%
}