/*
#FFA400 = TeamDrive Orange
*/

/*--Links --*/
a:link, a:visited, a:active, a:focus {
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	text-decoration:underline;
	cursor:pointer;
}

a:hover {
	color:#FFA400;
	font-size:inherit;
	font-family:inherit;
	text-decoration:none;
	cursor:pointer;
}

.loghint{
  background-color:#eee;
  overflow:hidden;
  height:100px;
  max-height:100px;
  border:1px solid #ccc;
  overflow-y: auto;
}

.pagingTable {
	background-color:transparent;
	border:1px solid transparent;
}

.pagingTable td {
	border:0px;
	padding:0px 2px 0px 2px;
	text-align:center;
	font-size:16px;
	width:24px;
	background-color:transparent;
}

.pagingTable th {
	border:0px;
	padding:0px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	background-color:transparent;
	color:black;
}

.pagingLink:link, .pagingLink:visited, .pagingLink:active {
	cursor:pointer;
	color:black;
	font-size:16px;
	text-decoration:none;
}

.pagingLink:hover {
	cursor:pointer;
	color:black;
	font-size:16px;
	text-decoration:underline;
}

.link_button:link, .link_button:visited, .link_button:active{
	border:1px solid black;
	background-color:black;
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	height:20px;
	color:#FFF !important;
	padding:2px;
	text-decoration:none;
	font-size:12px;
	width: 100px;
	white-space: nowrap;
}

.link_button:hover, .link_button:focus {
	border:1px solid #d5d9db;
	background-color:#d5d9db;
	color:#000 !important;
	text-decoration:none;
}

.menu_item {
	display:inline;
	font-weight:bold;
	font-size:16px;
	padding:5px;
	background:#dddddd;
	opacity:0.5;
	cursor:pointer;
}
.menu_item:hover {
	background:#90AEC4;
	opacity:1;
}

.menu_item.active {
	background:#90AEC4;
	opacity:1;
	cursor:default;
}
	
/*--Header --*/
.header {
	padding-top:40px;
	padding-bottom:0px;
	color:#000;
	background-color:#FFF;
	height:20px;
	width:100%;
	border: 0px solid red;
}
	
	
/*--Content --*/
.container {
	background-color:#FFF;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}
	
.content {
	padding:10px 0;
	background-color:#333;}

/*--Footer --*/
.footer {
	padding-left:10px;
	background-color:#FFF;}

/*--Login --*/
.ContentContent {
	overflow: auto;
	padding:0px;
	border:1px solid black; /*#FFA400*/
	background-image:url(../images/Verlauf.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px;
}

.ContentContent2 {
	padding-left:10px;
	padding-right:10px;
	border:none;
}

hr {
    border: 0;
    height: 1px;
    background: #665;
}

table {
	text-align: left;
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 5px;
	background-color:#FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.table2 {
	text-align:left;
	border-collapse:collapse;
	padding:10px;
	background-position:bottom;
	background-image:url(../images/Verlauf2.png);
	background-repeat:repeat-x;
	border-radius:3px;  
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000; /*#FFA400*/
}

th{
	text-align:left;
	padding:5px; 
	border:1px solid #000000; /*#FFA400*/
	color:#FFF; 
	font-weight:bold;
	background-color:#000000; /*#FFA400*/
}

.th2 {
	text-align:left;
	padding:5px; 
	border:none;
	color:#000; 
	font-weight:bold;
	background:none; 
	background-color:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.th3 {
	text-align:left;
	padding:5px; 
	border:1px solid #000000; /*#FFA400*/
	color:#FFF; 
	font-weight:bold;
	background-color:#000000; /*#FFA400*/
	/*white-space: nowrap;*/
	cursor:default;
}

.th3:hover {
	text-align:left;
	padding:5px; 
	border:1px solid #000000; /*#FFA400*/
	font-weight:bold;
	
	background-color:#d5d9db;
	color:#000;
	
	cursor:pointer;
}

.th4{
	text-align:left;
	padding:5px; 
	border:1px solid #000000; /*#FFA400*/
	color:#000000; 
	background-color:#FFFFFF;
	font-weight:bold; 
}

td {
	text-align:left;
	padding:5px; 
	border:1px solid #000000; /*#FFA400*/ 
}

table.noBorder {
	border: 0px none;
}
table.noBorder td {
	border: 0px none;
}

.td2 {
	border:none !important;
	background-color:#000000; /*#FFA400*/
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:190px;
}

.td3{
	text-align:right;
	background-color:#223691;
	border:none !important;
}

/*--Zwischenseite --*/
#ContentHeader{
	height:50px;
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4b4b4b;}
	
#ContentContainer{
	border:1px solid #d0d0d0;
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius:6px;
	background-image:url(../images/ContentBG.png);
	background-repeat:repeat-x;}
	
#ContentContainerText{
	border:none;
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#FFF;
	background-repeat:repeat-x;}

.navi{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	margin-bottom:10px;
	height:30px;
	}
	
/*--Gestaltungselemente --*/
.ContentText{
	font-size:14px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4b4b;}
	
.TextBlack{
	color:#000;
	font-size:12px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;}

.input {
	border:1px solid #006;
	background:#ffc;}
	
.input:hover {
	border:1px solid #f00;
	background:#ff6;}
	
.button {
	border:1px solid #000000; /*#FFA400*/
	background-color:#000000; /*#FFA400*/
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	font-size:11px;
	height:20px;
	color:#FFF;
	padding-bottom:3px;
	white-space: nowrap;
}

.button:hover {
	border:1px solid #d5d9db;
	background-color:#d5d9db;
	color:#000;
	text-decoration:none;
	cursor:pointer;}

.button:disabled {
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
	color:#000;
	text-decoration:none;
	cursor:default;}
	
.fileButton {
	border:1px solid #000000; /*#FFA400*/
	background-color:#000000; /*#FFA400*/
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	height:20px;
	color:#FFF;
	padding-bottom:2px;}
	
.fileButton.hover {
	border:1px solid #d5d9db;
	background-color:#d5d9db;
	border-radius:6px;  
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	color:#000;
	text-decoration:none;
	padding-bottom:2px;}
	
label {
	display:block;
	width:150px;
	float:left;
	margin:2px 4px 6px 4px;
	text-align:left;
}

legend {
	font-weight:bold;
}

br {clear:left;}
	
.HeadlineList{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	padding-bottom:10px;
	color:#000000;} /*#FFA400*/
	
.HeadlineBlue{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000000; /*#FFA400*/
	border: 0px solid green;
}


.Tabellen {
	padding:10px;
}

.Center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*--System --*/
input.checkbox {color:#0F0;} 


.fltrt {
	float:right;
	margin-left:8px;}
	
.fltlft {
	float:left;
	margin-right:8px;}
	
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;}

body {
	font:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin:0;
	padding:0;
	color:#000;
}
	
ul, ol, dl {
	padding:0;
	margin:0;}
	
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;	
	padding-right:15px;
	padding-left:15px;}
	
a img {
	border:none;}

.BackgroundBlanket {
	background-color: rgba(0, 0, 0, 0.5);
	height:100%;
	width:100%;
	z-index:50;
	top:0px;
	left:0px;
	position:fixed;
}
.FloatingDialog {
	border:1px solid #000000; /*#FFA400*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	max-height:80%;
	max-width:80%;
	background:#CCCCCC;
	position:fixed;
	top:10%;
	left:10%;
	z-index:100;
	padding-bottom:5px;
}
.FloatingDialogCloseButton{
	border:1px solid #000000; /*#FFA400*/
	border-radius:2px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	height:16px;
	width:16px;
	background:#000000; /*#FFA400*/
	cursor:pointer;
	margin: 1px;
	text-align: center;
	color: white;
	padding-top: 2px;
	padding-right: 1px;
}
.FloatingDialogCloseButton:hover{
	color: red;
	background:#d5d9db;
}
.FloatingDialogContent {
	color:black;
	padding:10px;
	background:white;
	overflow:auto;
}

.FloatingMessageAnchor {
	top: 50%;
	left: 50%;
	position: absolute;
}
.FloatingMessage {
	position: relative;
	color: black;
	background: white;
	border:2px solid #000000; /*#FFA400*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	z-index:100;
	text-align: center;
	display:inline;
}

.nowrap_table td { white-space:nowrap; }
.switchContentEditSettingsBar .menu_item {
	display:inline;
	width:20px;
	margin-right:10px;
	padding:6px;
	font-size:14px;
	font-weight:normal;
	border:1px outset #333333;
	opacity:1;
	cursor:pointer;
}
.switchContentEditSettingsBar .menu_item.active, .switchContentEditSettingsBar .menu_item.active:hover {background-color:#FFA300;}
.switchContentEditSettingsBar .menu_item:hover {
	background-color:#dddddd;
	text-decoration:underline;
}

ul.suggestions {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:0;
	right:0;
	z-index: 1;
}

li.selectable {
	cursor:pointer;
	padding:5px;
	border-left:1px solid #000000; /*#FFA400*/
	border-right:1px solid #000000; /*#FFA400*/
	border-bottom:1px solid #000000; /*#FFA400*/
	background-color:#FFF;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
li.selectable:hover {
	background-color: #FFA300;
}

li.selectable a:hover {
	color: black;
}

.plain-table {
	background: none;
	border: 0px none;
}

.plain-table td {
	border: 0px none;
}

.disabled-text {
	color:#999999;
}

.multiselect-list {
	border: 0px none;
	background: none;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.multiselect-list tr.multiselect-item {
	border-bottom: 1px solid #000000; /*#FFA400*/
}

.multiselect-list td {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

.password-strength-bar {
	margin: 3px 0px 0px 0px;
	width: 100%;
	max-width: 200px;
}

.password-strength-bar div {
	top: 0px;
	left: 0px;
	width: 0%;
	height: 5px;
	background-color: white;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

/* ============================================= */

.message-box {
	padding:5px;
	background-color:white;
	border-radius:6px;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px;
}

.error-box {
	border:1px solid red;
	color:red;
}

.warning-box {
	border:1px solid orange;
	color:orange;
}

.success-box {
	border:1px solid green;
	color:green;
}

.success-box a:link, .success-box a:visited, .success-box a:hover, .success-box a:active, .success-box a:focus  {
	color:green;
	text-decoration: underline;
}

.info-box {
	border:1px solid teal;
	color:teal;
}

.details-table {
	width: 100%;
	background:none;
/*	
border: 1px solid red;
border-collapse: collapse;
*/
	border: none;
	margin-bottom: 5px;
}

.details-table th {
	text-align:right;
	/*vertical-align:top;*/
	/*padding:5px 5px 5px 0px; */
	padding:5px 2px 5px 2px;
	color:black; 
	font-weight:bold;
	white-space:nowrap;
/*	
border: 1px solid red;
border-collapse: collapse;
*/
	border: none;
	width:40px; /* No wrap forces this larger */
	background:none; 
	background-color:none; 
}

.details-table td {
	text-align:left;
	/*vertical-align:top;*/
	/*padding:5px 10px 5px 0px;*/
	padding:5px 2px 5px 2px;
	color:black; 
	/*font-weight:bold;*/
	/*white-space:nowrap;*/
/*	
border: 1px solid red;
border-collapse: collapse;
*/
	border: none;
}

.details-table input[type="text"] {
	width:98%;
	min-width:180px;
	max-width:400px;
}

/*	
.details-table input[type="password"] {
	width:98%;
	max-width:200px;
}
*/
.details-table input[type="password"] {
	width:98%;
}

.headline {
	display: inline-block;
	padding:5px; 
	padding-left: 12px;
}

.headline td {
	padding:0px;
	border:0px; 
	color:black;
	font-size:12pt;
	vertical-align:bottom;
}

.navigation {
	border-top: 1px solid #2E3D54;
	border-bottom: 1px solid #2E3D54;
	border-right: 1px solid #2E3D54;
	height: 40px;
	width: 100%;
	line-height: 40px;
	background: #FEF8EA;
	padding: 0px;
	margin-bottom: 20px;
}

.navigation a {
	text-decoration:none;
}

.navigation-logout {
	border-top: 1px solid #2E3D54;
	height: 40px;
	width: 100%;
	line-height: 40px;
	background: white;
	padding: 0px;
	margin-bottom: 20px;
}

.navigation-img {
	height: 30px;
}

.navigation ul {
	list-style: none;
}

.navigation li:hover, li.nav-active {
	background: #FFA300;
}

.navigation > ul {
	display: inline;
}

.navigation > ul > li {
	display: inline-block;
	font-size: 11pt;
	border-left: 1px solid #2E3D54;
	border-bottom: 1px solid #2E3D54;
	margin-right: -5px; /* No idea why 0 does not work, but it leaves a gap! */
}

.navigation li div {
	position: absolute;
	font-size: 11pt;
	padding: 0px;
	margin-top: 1px;
	background: white;
	z-index: 2;
	border-bottom: 1px solid white; /*#2E3D54 */
	
	visibility: hidden;
	opacity: 0;
	-moz-transition: 0.1s linear 0.3s;
	-webkit-transition: 0.1s linear 0.3s;
	transition: 0.1s linear 0.3s;
}

.navigation li:hover div {
	opacity: 1;
	visibility: visible;
}

.navigation li.nav-active div {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	padding: 0px;
}

.navigation > ul > li.nav-active > div {
	left: 0px;
	right: 0px;
}

.navigation > ul > li > a {
	margin: 0px 14px;
	font-size: 11pt;
	color: black !important;
	display: block;
}

.navigation > ul > li.nav-inactive > div {
	background: #FEF8EA;
	border-radius:0px;  
	border-top: 0px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.navigation > ul > li.nav-inactive > div p {
	font-size: 11pt;
	text-align: left;
	vertical-align: middle;
	color: black;
	line-height: 32px;
	padding: 0px 5px;
	margin: 0px;
	white-space: nowrap;
	display: block;
	border: none;
}

.navigation > ul > li.nav-inactive > div p:hover {
	background: #FFA300;
}

.navigation > ul > li.nav-inactive > div td a {
	font-size: 11pt;
}

.alert-banner {
	padding: 10px 12px;
	background-color: #FFA300;
	font-size: 10pt;
	color: white;
}

.alert-banner a:hover {
	color:black;
}

.extra-options {
	float: right;
	padding-right: 12px;
}

.extra-options ul {
	list-style: none;
	display: none;
	position: relative;
	line-height: 15px;
	float:right;
}

.extra-options:hover ul {
	display: block;
	z-index: 3;
}

.extra-options ul li {
	padding: 0px;
}

.extra-options ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
}

.privilege-table td {
	height: 22px;
}

.privilege-table th {
	height: 22px;
}
/* ============================================= */

/* a trick to give the "upload CSV file" button a mouseover effect even though it is actually covered by a transparent element */
form:hover #csv_upload_button {
	border:1px solid #d5d9db;
	background-color:#d5d9db;
	color:#000;
}

.warning-highlight {
	color: red;
}

.FloatingDialog2Border {
	position: fixed;
	background: black;
	border:1px solid black;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:100;
}
.FloatingDialog2Content {
	color: black;
	background: white;
	margin: 1px;
	padding: 7px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
.FloatingDialog2TitleBar {
	color: black;
	background: white;
	margin: 1px;
	padding: 5px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.FloatingDialog2CloseButton{
	border:3px solid #000000; /*#FFA400*/
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:16px;
	width:16px;
	background:#000000; /*#FFA400*/
	cursor:pointer;
	text-align: center;
	color: white;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 4px;
}
.FloatingDialog2CloseButton:hover{
	color: red;
	background:#d5d9db;
	border:3px solid #d5d9db;
}
.dot {
	background: #000000;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

/* a version of the 'floating dialog' */
.confirm-dangerous-action .HeadlineList {
	/*color: red;*/
	color: black;
}
.confirm-dangerous-action .FloatingDialog2Content {
	text-align: center;
}
.confirm-dangerous-action .confirm-text {
	font-weight: bold;
	max-width: 400px;
	margin: 0px;
	padding: 5px;
}
.button-row {
	text-align: right;
}
.confirm-dangerous-action .confirm-field {
	width: 120px;
}

.confirm-dangerous-action p {
	margin: 0px;
}

.confirm-dangerous-action form {
	margin: 0px;
}

.confirm-dangerous-action table {
	margin: 0px;
}

tr.clickable:hover {
    cursor: pointer;
    background-color: #FFA300;
}

.selection-dialog-field {
    display:inline-block;
}

.selection-dialog-field .value-field input {
    max-width: 180px;
}

/* https://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/ */

.tooltip {
	display: inline;
	position: relative;
}

.tooltip:hover:after {
	background: #FFFFE7;
	background: rgba(255,255,231,1);
	border-radius: 8px;
	border: 1px solid #000;
	bottom: 26px;
	color: #000000;
	content: attr(hint);
	left: -10px;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 300px;
	white-space: normal;
	word-wrap: break-word;
}

.tooltip:hover:before {
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 10px;
	position: absolute;
	z-index: 99;
	white-space: normal;
	word-wrap: break-word;
}

.tipleft:hover:after {
	left: -300px;
}

.tipleft:hover:before {
	left: -5px;
}

.tipword:hover:after {
	bottom: -2px;
	left: 25px;
	width: 50px;
	font-size: 14px;
}

.tipword:hover:before {
	visibility: hidden;
}

.tipword2:hover:after {
	bottom: -2px;
	left: 25px;
	width: 100px;
	font-size: 14px;
	font-weight:normal;
}

.tipword2:hover:before {
	visibility: hidden;
}

.tipword3:hover:after {
	bottom: -36px;
	left: -20px;
	width: 220px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.tipword3:hover:before {
	visibility: hidden;
}

.textfield {
	margin: 2px 0px 0px 0px; 
	font-weight:normal;
}

.noformbutton {
	font-size:11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.explicitlink {
	color:#FFA400;
	text-decoration:underline;
}