body{
	font-family: Tahoma, sans-serif;
}

#main_index{
	display: flex;
	flex-wrap: wrap;
}

.flexbreak{
	box-sizing: border-box;
	width: 100%;
	height: 1px;
}

#main_login{
	display: flex;
	flex-wrap: wrap;
}

.rect{
	background-color: #eee;
	width: 16.5em;
	margin: 0.5em;
	padding: 0em;
	font-weight: bold;
	display: table;
}


@media screen and (max-device-width: 480px) and (orientation: portrait){
	.rect{
		width: 100%;
		margin: 0em;
		border-bottom: solid 4px white;
	}
}

@media screen and (max-device-width: 640px) and (orientation: landscape){
	.rect{
		width: 50%;
		margin: 0em;
		border-bottom: solid 4px white;
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.rect{
		width: 48%;
		margin: 1%;
		border-bottom: solid 4px white;
	}
}

.rect .icon{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 20px;
	background-color: #eee;
	padding: 1em;
}

.rect .logo{
	display: table-cell;
	vertical-align: middle;
	padding: 0.3em;
}

.rect .exit{
	display: table-cell;
	vertical-align: middle;
	padding: 0.3em;
	background-color: #eee;
}

.rect .icon img{
	width: 20px;
	height: 20px;
	padding: 0em;
}

.rect .text{
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
}

#logo .text{
	padding: 0.5em;
}

#info .text{
	vertical-align: middle;
}

#info .exit{
	text-align: center;
}

#info .icon{
	width: 40px;
	height: 40px;
	padding: 0em;
}

a{
	color: black;
	text-decoration: none !important;
}

a:visited{
	color: #666;
}

#info{
	background-color: #00043f;
	color: white;
}

#info, #logo{
	height: 5em;
}

#logo .logo{
	width: 110px;
}

.samaccountname{
	font-size: 80%;
}

div.main_login{
	width: 18em;
	margin: 0 auto;
}


div.main_login .rect{
	width: 100%;
	margin: 0px;
	margin-bottom: 1em;
}

@media screen and (max-device-width: 380px){
	div.main_login{
		width: 100%;
		margin: 0em;
	}
}

table.login{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border: solid 10px #933;
	margin-bottom: 1em;
}

table.login td, table.login th{
	font-size: 12px;
	padding: 0.5em;
}

table.login td{
	background-color: #eee;
}

table.login th{
	background-color: #555;
	color: white;
}

table.passwordchange{
	padding: 10px;
}

table.passwordchange th{
	text-align: left;
	padding: 2em 0em 1em 0em;
}

table.passwordchange td.submit{
	text-align: left;
	padding: 1em 0em 1em 2em;
}

table.passwordchange td, table.passwordchange th{
	vertical-align: top;
}

table.passwordchange input{
	font-size: 110%;
}

table.passwordchange .error{
	padding: 0.2em;
}

.error_field{
	font-size: 80%;
}

.none{
	padding: 0 !important;
	margin: 0 !important;
}

.error{
	background-color: #c44 !important;
	color: white !important;
}

.identity_selector{
	margin: 0 auto;
	padding: 2ex;
	border: solid 2px #eee;
	border-radius: 1ex;
}
	
.identity{
	background-color: #ddd;
}

.identity div{
	color: #444;
}