html{
    height: 100%;
}

body{
    background-image:url('images/login_img.jpeg');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0;
    height: 100%;
}

input {
    background-color: #222222aa !important;
    border-radius: 5px !important;
    border: none !important;
    color: #ffffff !important;
}

/* Safe my for doing this Dr.Sergio pls*/
/* Change the color if EDGE NAV IS ON THE HOUSE MOTHERF*** */
@supports (-ms-ime-align:auto) {
    input {
        color: black !important;
    }
}


button {
    background-color:#222222aa;
    border: none;
    color:#ffffff;
    border-radius: 5px !important;
    padding: 0.5em;
    outline: none !important;
}

button:hover{
    background-color: #000000aa;
    color: #ffffff;
}

.modal-content{
    background: transparent !important;
    border: none !important;
    width: 25% !important;
    min-width: 550px;
}

.login-container {
    width: 100%;
    display: flex;
    justify-content: center;

}

.login-logo{
    width: 100%;
    max-width: 350px;
    align-content: center;
    display:block;
    margin:auto;
}

.btn-link{
    color:white;
}
.modal-heading h2{
    color:#ffffff;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error_msg_container {
    text-align: center;
}

.error_device_not_supported_msg{
    background-color: #ffffff00;
    padding: 5px;
    font-size: 3em;
    border-radius: 5px;
    color: rgb(255, 255, 255);
}

.error_msg {
    background-color: #ffffffaa;
    padding: 5px;
    border-radius: 5px;
    color: red;
}

.login-sadmobile {
    height: 15em;
    width: 34em;
}

.password_changed_msg {
    background-color: #ffffffaa;
    padding: 5px;
    border-radius: 5px;
    color: green;
}

.password_changed_msg_container{
    text-align: center;
    display: none;
}