.logoimage {
    margin-top: 2em;
}

.loginform {
    top: 0px !important;
    margin-top: 2em !important;
}

#layout {
    overflow: auto !important; 
    display: flex;
    width: 100%;
}

/*
.tuimage {
    background-image: url("/skins/elastic/images/background-tu.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.85;

    
}
*/

/*
.login-shadow {
    box-shadow: 3px 3px white, -2em 0 40px white;
}
*/

.main-container {
    background-image: url("/static.php/skins/elastic/images/body_bgr.png");
    background-repeat: no-repeat;
    background-size: 100%;
    /*opacity: 0.3;*/
}

/*
.row-1 {
    min-height: 100%;
    height: 100%;
}
*/

.login-description {
    width: 40%;
    position: relative;
    margin: 0 auto;
    text-align: justify;
    border: 2px solid #37beff;
    border-radius: 25px;
    padding: 1em;
    margin-top: 2em;
}

.support-info {
    text-align: center;
    margin-top: 2em;
}

html span.important-info {
    color: black;
}

html.dark-mode body {
	background-color: white !important;
}


/*
html.dark-mode span.important-info {
    color: #ffffff;
}
*/

@media only screen and (max-width: 500px) {
    .login-description {
        width: 80%;
    }
    

}

@media only screen and (max-width: 1200px) {
    .main-container {
        background-image: none;
    }
    html.dark-mode span.important-info {
        color: #ffffff;
    }
	html.dark-mode body {
	background-color: black !important;
}
}

@media only screen and (min-height: 800px) {
    .login-description {
        margin-top: 4em;
    }
}
@media only screen and (max-height: 800px) {
    .login-description {
        margin-top: 2em;
    }
}