/*Common*/
html, body.login, body.login #wrapper {
	height: 100%;
}

:root {
	font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

div#container, html body, body div#footer {
	background: #EDF0F9;
}

div#header {
	background: #30344E url(../img/intraservice/header.svg) no-repeat left center;
	/*background-position:18px 8px;*/
}

#userdata a, #langdata a {
	color: #fff;
}

#userdata {
	color: #fff;
}

* {
	box-sizing: border-box;
}

div#header {
	height: 50px;
}
/*Menu*/
#menu {
	top: 0;
	left: 190px;
}

	#menu ul li {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 20px 10px;
		gap: 10px;
		min-width: 90px;
		height: 50px;
		/* Inside auto layout */
		background: #30344E;
		flex: none;
		order: 0;
		align-self: stretch;
		flex-grow: 0;
		margin: 0;
		border: none;
		border-radius: initial;
	}

		#menu ul li:hover {
			background: #3C4265; /* Old browsers */
		}

		#menu ul li.menuselected {
			font-style: normal;
			font-weight: 800;
			font-size: 14px;
			line-height: 19px;
			color: black;
			background: white;
		}

		#menu ul li a {
			color: #A1A6C6;
		}

		#menu ul li.menuselected a {
			color: black;
		}

html {
	overflow: auto;
}
/*Login*/
body.login, body.login div#container {
	background: #30344E;
	box-sizing: border-box;
}

h1 {
	font-size: 18px;
	font-weight: 700;
}

body.login div#container div#logoleft {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url(../img/intraservice/login.png) no-repeat;
	background-size: cover;
}

body.login.theme-month-12 div#container div#logoleft,
body.login.theme-month-1 div#container div#logoleft,
body.login.theme-month-2 div#container div#logoleft {
	background:  url(../img/intraservice/login_winter.png);
	background-size: cover;
}

body.login.theme-month-2.theme-day-23 div#container div#logoleft {
	background: url(../img/intraservice/login_2_23.png);
	background-size: cover;
}

body.login.theme-month-3 div#container div#logoleft,
body.login.theme-month-4 div#container div#logoleft,
body.login.theme-month-5 div#container div#logoleft {
	background: url(../img/intraservice/login_spring.png);
	background-size: cover;
}

body.login.theme-month-3.theme-day-8 div#container div#logoleft {
	background: url(../img/intraservice/login_3_8.png);
	background-size: cover;
}

body.login.theme-month-6 div#container div#logoleft,
body.login.theme-month-7 div#container div#logoleft,
body.login.theme-month-8 div#container div#logoleft {
	background: url(../img/intraservice/login_summer.png);
	background-size: cover;
}
body.login.theme-month-9 div#container div#logoleft,
body.login.theme-month-10 div#container div#logoleft,
body.login.theme-month-11 div#container div#logoleft {
	background: url(../img/intraservice/login_autumn.png);
	background-size: cover;
}

body.login div#container div#logotop {
	position: absolute;
	height: 37px;
	width: 230px;
	left: 18%;
	margin-left:-185px;
	top: 11.41%;
	bottom: 83.78%;
	background: url(../img/intraservice/login_sm.png) no-repeat;
	background-size: contain;
}

body.login div#logotext, body.login div#logodescription {
	position: absolute;
	height: 100px;
	width: 400px;
	margin-left: 300px;
	display: block !important;
	font-style: normal;
	font-weight: 800;
	font-size: 42px;
	line-height: 47px;
	color: white;
	left: 18%;
	top:50%;
	margin-top: -85px;
}

body.login div#logodescription {
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 24px;
	top: 50%;
	margin-top: 20px;
}

body.login label {
	color: #818691;
}

body.login #loginholder {
	top:50%;
	margin-top: -185px;
	border: none;
	left: 18%;
	margin-left: -185px;
	position: absolute;
	padding: 10px 10px 5px 10px;
	background: #fff;
	width: 369px;
	height: 369px;
	height: auto;
	color: rgb(37,44,53);
	border-radius: 10px;
}

#loginholder a, #loginholder a:hover {
	font-size: 12px;
	line-height: 18px;
	color: #3260D7;
	text-decoration: none;
}

#loginholder label {
	margin-top: 38px;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
}

	#loginholder label[for="password"] {
		margin-top: 0px;
	}

#loginholder h1 {
	display: none;
}

#loginholder .field, #loginholder label {
	margin-bottom: 5px;
}

#loginholder button {
	color: #ffffff;
	background-color: #55BD4C;
	border-color: #55BD4C;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 190px;
	box-sizing: border-box;
}
	#loginholder button.btn-default {
		color: #3260d7;
		background-color: #fff;
		border-color: #c5cdeb;
	}

#loginholder form button {
	width: 266px;
	margin-top: 6px;
	margin-bottom: 60px;
	margin-left: 40px;
}
#loginholder form button.btn-success {
	margin-bottom: 10px;
}
#loginholder form button.btn-default{
	margin-bottom: 56px;
}

#loginholder .floatright {
	position: absolute;
	right: 50%;
	margin-top: 56px;
	margin-right: -66px;
}

#loginholder .icon24 {
	display: none;
}

#loginholder .field {
	padding: 4px 40px 1px 40px;
}

#loginholder input.biginput {
	width: 266px;
	padding: 9px 15px;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #DDE3F4;
	border-radius: 8px;
	box-sizing: border-box;
}

input[type="checkbox"] {
	box-sizing: border-box;
	border-radius: 2px;
	margin-left:2px;
	margin-right:2px;
}

#loginholder h1 {
	font-size: 2em;
	font-weight: 100;
	color: #555;
}

.captchaReloadImg {
	cursor: pointer;
}