body {
    height: 100%;
    margin: 0;
    background-image: linear-gradient(45deg, #9161d3, #ab4dc1, #e96d71);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.login-box {
    border: 1px solid #ddd;
    padding: 15px;
    width: 350px;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:#fff;
}

    .login-box .app-logo {
        text-align: center;
    }

.theme-text {
    background: linear-gradient(45deg, #9161d3, #ab4dc1, #e96d71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.login-box .app-level {
    text-align: center;
    font-family: cursive;
    font-size: 1.5em;
    margin-bottom: 35px;
}

    .login-box .app-level span {
        border-bottom: 1px solid #2687af63;
        padding-bottom: 4px;
        border-image: linear-gradient(45deg, #9161d3, #ab4dc1, #e96d71);
        border-image-slice: 1;
    }

.login-box label {
    /*color: #0574a3;*/
}

.btn-login {
    text-decoration: none;
    color: #fff;
    background-color: #0574a3;
    border-color: #0574a5;
    width: 150px;
}

    .btn-login:hover {
        text-decoration: none;
        color: #fff;
        background-color: #065578;
        border-color: #043b54;
    }

.validation-summary-errors {
    color: red;
}

.forgot-password {
    cursor: pointer;
    float: right;
    color: blue;
    text-decoration: underline;
}

#myModal_forgotPassword .modal-dialog {
    width: 400px;
}

.text-red {
    color: red;
}


#myModal_forgotPassword .modal-header {
    background-color: lightcoral;
    color: #fff;
    height: 50px;
}

#myModal_forgotPassword .close {
    color: #f08080;
    opacity: 1;
    border-radius: 50%;
    background-color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 6px;
    right: 5px;
}



@media only screen and (max-width: 576px) {
    body {
        background:#fff;
    }
    /*Small smartphones [325px -> 425px]*/
    .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-12,
    .col-md-3, .col-md-4, .col-md-6, .col-md-12 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .login-box {
        width: 100%;
        margin: 0px;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        border: none;
        padding: 6px;
    }
    #myModal_forgotPassword .modal-dialog {
        width: auto;
    }
}