/* CSS Reset */
.csms_container h1, .csms_container h2, .csms_container h3, .csms_container h4, .csms_container h5, .csms_container h6 {
    margin-top: 0px;
    padding-top: 0px;
    font-family: verdana;
}

.csms_container img {
    border: none;
}

p, div {
    font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
    color: #333;
}

* {
    box-sizing: border-box;
}

/* CSS Reset END*/
html, body{
	height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
    font-size: 12pt;    
	display: flex;
    flex-direction: column;
}

.csms_container {
    flex-grow: 1;
    flex-shrink: 0;
}

.outer_container{
	display: flex;
}

.inner_container{
	flex-grow: 1;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
	.color {
		background: rgb(227,6,19);
		background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(227,6,19,1) 33%, rgba(243,146,0,1) 33%, rgba(243,146,0,1) 66%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 100%);
	}
}

#csms_ajxreq{
	min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#footer{
	 flex-shrink: 0;
	 padding: 15px 0;
}

/*region menu*/
.bg-dark{ background: black !important; }

.item-menu{
	text-align: center;
	padding: 8px 20px;
}

@media screen and (min-width: 768px) {
	.item-menu{
		text-align: left;
	}
}

.item-menu a,
.item-menu span{	
	color: white !important;
	text-decoration: none !important;
}

.item-menu:hover,
.item-menu a:hover,
.item-menu span:hover{
	background: transparent !important;
}

.languages a{
	color: white !important;
	padding-right:15px;
}
/*endregion*/

/*region login */
#emlmlogin_box{
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
#emlmlogin_box{ width: 50%; }
}

/*endregion*/

/*region password recovery*/
#emlmpasswordrecovery_box{
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
#emlmpasswordrecovery_box{ width: 50%; }
}

/*endregion*/

/*region change_password*/
#emlmchangepassword_box{
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
#emlmchangepassword_box{ width: 50%; }
}

/*endregion*/