[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

button {
	cursor: pointer;	
}

.loading
{
    background-color: #F0F0F0;
    background-image: url("../img/loading.gif");
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:fixed;
    top: 0px;
    left: 0px;
}
.container {
	max-height: 100000em;
}
.notLoggedInHint {
	padding: 5px;
	width: auto;
	float: left;
    background-color: #d9efec;
    border: 1px solid #009682;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 10px;
}
.phoneSearchAgb {
	clear: both;
	margin-top: 10px;
	display: inline-block;
}
.searchTab, .searchTabActive {
	border-radius: 8px 8px 0 0;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
	border-bottom: 0px solid #b3b3b3;
	box-shadow: 0px #444;
	font-weight: normal;
	margin: 5px 0 -1px 0;
	padding: 5px;
	background-color: #f0f0f0;
}
.searchTab:hover {
	background-color: #d9efec;
}
.searchTabActive {
	background-color: #d9efec;
	border-bottom: 1px solid #d9efec;
	font-weight: bold;
}
.searchForms {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d9efec 0%, #ffffff 100%) repeat scroll 0 0;
	border-color: #b3b3b3;
	border-radius: 0px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 7px;
	width: inherit;	
	padding: 10px;
	overflow: auto;
}
.searchButton {
	float: right;
	left: 1px;
	margin: 0.625rem 1em 0px 0px !important;
	position: relative;
	top: 1px;
}
.clearSearchIcon {
	color: #009682;
    font-size: 1.1em;
    vertical-align: -0.05em;
	cursor: pointer;	
	margin-top: 0.4em;
}
.resetButton {
	background: #808080 none repeat scroll 0 0;
	float: left;
	left: 1px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 1px;
}
.loginButton, .loginButton:hover {
	padding: 2px 10px;
	font-weight: normal;
}
.resultTable {
	width: 100%;
	font-size: 90%;
	table-layout: fixed;
	margin-bottom : 10px;
	border-spacing : 0px;
}
.resultTable td, .resultTable th {
	font-size: 115%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.resultTable th {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	background-color: #CCCCCC;
}
.resultTable th:hover {
	background-color: #DDDDDD;
	cursor: url(/kv/img/cursor_table_header.png), auto;
}
.resultTable td {
	padding: 3px 0px 3px 0px;
}
.resultTable td:hover {
	background-color: #d9efec;
}
.resultTable tr {
	height: 100%;
}
.resultTable tr:nth-child(even) {background-color: #f2f2f2}
.resultTable tr:nth-child(odd) {background-color: #f9f9f9}
.resultTable tr:not(:first-child):hover {
	background-color: #c0c0c0;
	cursor: zoom-in;
}
.resultTable tr:first-child:hover {
	cursor: default;
}
.resultTable .resultTableDetailsRow, .resultTable .resultTableDetailsRowMobile {
	padding: 3px;
	background-color: #d9efec;
	cursor: default;
	height: 100%;
	position: relative;
}
.resultTable .resultTableDetailsRow:hover, .resultTable .resultTableDetailsRowMobile:hover {
	background-color: #d9efec;
}
.personDetailsInRow, .personDetailsInRowMobile {
	width: 93%;
	float: left;
	position: relative;
}
.personDetailsInRow table tr, .personDetailsInRow table td {
	background-color: #d9efec;
	cursor: default;
	font-size: 100%;
	padding: 0px 0px 2px 0px;
	border-right: 0px solid white;
	border-bottom: 0px solid white;
	position: relative;
}
.personDetailsInRowMobile table tr, .personDetailsInRowMobile table td {
	background-color: #d9efec;
	cursor: default;
	font-size: 100%;
	padding: 0px 5px 8px 0px;
	overflow: visible;
	white-space: normal;
	line-height: normal;
	border-right: 0px solid white;
	border-bottom: 0px solid white;
	position: relative;
}
.resultTableDetailsScrollPane {
	cursor: pointer;
	z-index: 150;
	height: 100%;
	top: 0;
	width: 32px;
	max-width: 32px;
	float: right;
    background-color: #d9efec;
    margin-right: -2px;
}
.resultTableDetailsScrollUp, .resultTableDetailsScrollDown, .resultTableDetailsScrollClose {
	z-index: 151;
	width: 32px;
	margin: 0px;
    height: 30%;
    background-color: #d9efec;
    border: 1px solid #009682;
    display: inline-block;
    min-height: 32px;
	font-size: 2.05em;    
	color: #009682;
	position: relative;

}
.resultTableDetailsScrollUp i, .resultTableDetailsScrollDown i, .resultTableDetailsScrollClose i  {
    line-height: 50%;
    focus: none;
}
.resultTableDetailsScrollUp {
	top: 0;
	position: absolute;
}
.resultTableDetailsScrollDown {
	bottom: 0;
	position: absolute;
}
.resultTableDetailsScrollClose {
	vertical-align: middle;
	position: absolute;
    height: 28%;
    min-height: 28%;
	top: 36%;
	font-size: 1.6em;
	font-weight: 100;
	fill: #009682;
}
.sortColumnSymbol {
	color: #009682;
	margin-right: 2px;
}

.noResultsFound {
	background: #fef0c2;
	border: 2px solid #fca503;
	padding: 5px;
	clear: both;
}

.detailedSearchTable {
	display : table;	
}
.detailedSearchTableMobile {
	display : none;	
	width : 100%;
}
.detailedSearchTableMobileLabel {
	width : 15%;
	padding-right: 5px;
}
.detailedSearchTable td {
	padding-right : 15px;
}

.detailedSearchButtons {
	float: left;
	margin: 5px 0px 0px 0px;
	width: 100%;
}

.swapSearchMethod {
	margin: 5px 0px 10px 0px;
}

.inputGeneralSearchItem {
	background-image: url("/img/intern/search_deu.png");
	background: #fff url("/img/intern/search.png") no-repeat scroll 0 0;
	background-position: 0.5em center;
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	height: auto;
	margin: 0;
	padding: 0.3125em 0.5em 0.3125em 2em !important;
	width: 100%;	
}
.inputSearchItem, .inputSearchItemMobile {
	border-color: #b3b3b3;
	border-style: solid;
	border-width: 1px;
	height: 20px;
	margin: 2px 0px;
	padding: 2px 2px;
	width: 100%;	
}
.inputSearchItemMobile {
	box-sizing: border-box;
	height: 25px;
}
.pagingButtons {
	clear: right;
	float: right;
	margin: 0px 0px 10px 0px;
}
.pagingButtonFirst, .pagingButtonPrevious, .pagingButtonNext, .pagingButtonLast {
    background-color: #d9efec;
    border: 1px solid #009682;
    display: inline-block;
    margin-top: 5px;
    width: 32px;
    height: 32px;
    font-size: 34px;
    color: #009682;
}
.pagingButtonFirst {
}
.pagingButtonPrevious {
}
.pagingButtonNext {
}
.pagingButtonLast {
}
.pagingIcon {
	font-size: .65em;	
}
.resultsXofY {
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	min-width: 13em;
	font-style: italic;
}
.resultHighlight {
	color: #d72858;
}
.hintIcon {
	color: #009682;
    font-size: 1.3em;
    vertical-align: -0.05em;
}
.currentTooltip {
	position: fixed;
	font-size: 1.3em;
	background-color: #d9efec;
	border: 2px solid #009682;
	border-radius: 3px;
	box-shadow: 10px 10px 5px grey;
	padding: 5px;
	z-index: 160;
}
.personDetailsContainer
{
    z-index: 100;
    height: 100%;
    width: 100%;
    position:fixed;
    top: 0px;
    left: 0px;
}
.personDetails {
	background-color: #e4e4e4;
	border: 2px solid #009682;
	box-shadow: 10px 10px 5px grey;
	height: auto;
	left: 50%;
	margin-left: -16em;
	margin-top: -13em;
	padding: 5px;
	position: fixed;
	top: 50%;
	max-width: 30em;
	min-width: 20em;
	z-index: 200; 
}
.personDetailsPortrait {
	margin: 0px 0px 5px 0px;
}
.personDetailsPortrait img {
	max-height: 120px;
	max-width: 200px;
}
.personDetailsName {
	clear: right;
	font-size: 1.4em;
	font-weight: bold;
}
.personDetailsOe {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
}
.personDetailsTable {
	font-size: 1.1em;
	margin-bottom : 3px;
}
.personDetailsTableLabel {
	padding-right: 8px;
	padding-bottom: 2px;
	font-style: italic;
	width: 35%;
}
.personDetailsTableValue {
	padding-bottom: 2px;
	overflow: hidden;
	width: 65%;
}
.personDetails .resultHighlight {
	color: black;
}
.closePersonDetails {
	float: right;
	margin-bottom: 3px;
	margin-right: 2px;
	font-size: 1.2em;
}
.resultColumnLastName {
	display: table-cell;
	width: 17%;
}
.resultColumnFirstName {
	display: table-cell;
	width: 13%;
}
.resultColumnOu {
	display: table-cell;
	width: 7%;
}
.resultColumnPhone {
	display: table-cell;
	width: 20%;
}
.resultColumnEmail {
	display: table-cell;
	width: 26%;
}
.resultColumnAccount {
	display: none;
	width: 8%;
}
.resultColumnSite {
	display: none;
	width: 11%;
}
.resultColumnBuilding {
	display: none;
	width: 8%;
}
.resultColumnRoom {
	display: none;
	width: 6%;
}
.resultColumnSiteBuildingRoom {
	display: table-cell;
	width: 17%;
	border-right: 0px solid white;
	border-bottom: 0px solid white;
}
.resultTableDetailsRow {
	display: table-cell;
}
.resultTableDetailsRowMobile {
	display: none;
}
.numberOfResultsOptions {
	margin: 0px 0px 10px 0px;
}
.numberOfResultsOption {
	padding-left: 3px;
	padding-right: 3px;
}
.resultTable figcaption {
	background-color: transparent;
	height: 14px;
	font-size: 10px;
	line-height: 11px;
	width: 78px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #808080;
	box-sizing: border-box;
	border-top: none;
	padding: 1px 0;
}



@media all and (max-width : 700px) {
	.detailedSearchTable {
		display : none;	
	}
	.detailedSearchTableMobile {
		display : table;	
	}
	.resultTable td, .resultTable th {
		font-size: 180%;
		padding: 8px 0px 8px 0px;
	}
	.resultColumnLastName {
		display: table-cell;
		width: 25%;
	}
	.resultColumnFirstName {
		display: table-cell;
		width: 25%;
	}
	.resultColumnOu {
		display: table-cell;
		width: 20%;
	}
	.resultColumnPhone {
		display: table-cell;
		width: 30%;
	}
	.resultColumnEmail {
		display: none;
		width: 0%;
	}
	.resultColumnAccount {
		display: none;
		width: 0%;
	}
	.resultColumnSite {
		display: none;
		width: 0%;
	}
	.resultColumnBuilding {
		display: none;
		width: 0%;
	}
	.resultColumnRoom {
		display: none;
		width: 0%;
	}
	.resultColumnSiteBuildingRoom {
		display: none;
		width: 0%;
	}
	.resultTableDetailsRow {
		display: none;
	}
	.resultTableDetailsRowMobile {
		display: table-cell;
	}
	.personDetailsInRowMobile {
		font-size: 100%;
		width: 91%;
	}
	.pagingButtons button {
		font-size: 313%;
	}
	.resultsXofY {
		font-size: 130%;
	}
}

@media all and (max-width : 450px) {
	.personDetailsInRowMobile {
		width: 88%;
	}
	.inputGeneralSearchItem {
	    width: 180px;
	}
}
@media all and (max-width : 350px) {
	.inputGeneralSearchItem {
	    width: 120px;
	}
}
@media all and (max-width : 280px) {
	.inputGeneralSearchItem {
	    width: 80px;
	}
}
@media all and (max-width : 250px) {
	.personDetailsInRowMobile {
		width: 80%;
	}
}