/*-----------------------------------------------------------------------------------------------------------------------------*/
/* GENERAL CSS Library for Enterprise Framework                                                                                */
/* v1.19 of 21.08.20                                                                                                           */
/*-----------------------------------------------------------------------------------------------------------------------------*/


/* GENERAL RESET ==============================================================================================================*/

html {
	height: 100.3%; 
	font-size: 71.5%;
}

html.wait, html.wait * { 
	cursor: wait !important; 
}


body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #222;
	background: #FFF;
}

* {
	margin: 0; 
	padding: 0; 
	border: 0;
}

* html {
	margin: 0; 
	padding: 0; 
	border: 0;
}

h1, h2, h3, h4, h5, h6 {}

a {
	color: #2f5d9d;
	text-decoration: none;
}

a:link {}
a:visited {}
a:hover {}
a:active {}


/* Platzhalter links =========================================================================================================*/
.placeholderLeft {
    position: fixed; 
    left: 0px;
    top: 0px; 
    width: 40px; 
    background: linear-gradient(#05164D, white);
    height: 100%;        
}


/* WRAPPER ====================================================================================================================*/

div#wrapper {
	position: absolute;
	text-align: left;
  	top: 40px;
  	left: 40px;
  	width: calc(100% - 40px);
  	transition: transform .45s cubic-bezier(0.77, 0, 0.175, 1);
}



/* TITLEBAR ====================================================================================================================*/

div#titlebar-area {
   	height: 40px;
	position: fixed; 
	top: 0px;
  	right: 0px;
	left: 40px; 
  	width: calc(100% - 40px);

	z-index:999;
}

/* 200811 vorher padding: 6px 7px 2px 17px; */
div#titlebar-left {
	margin-right: 400px;
	padding: 5px 7px 2px 17px;
	text-align: left;
	font-size: 1.3em;
}

div#titlebar-right {
	float: right;
	width: 370px;
	padding: 2px 12px 2px 7px;
	text-align: right;
	font-size: 1.1em;
}

.titlebar-rounded {
	height: 32px;
	border-radius: 32px;
	/*-moz-border-radius: 32px; was renamed*/
	-webkit-border-radius: 32px
}



/* ICON ======================================================================================================================*/
div#iconbar {
	color: #2f5d9d;
	font-weight: normal;
	font-size: 1.1em;
	
   	height: 35px;
	position: fixed; 
	padding: 6px 0px 0px 14px;
	top: 40px;
  	right: 0px;
	left: 40px; 
  	width: calc(100% - 40px);

	z-index:992;
	background: #F5F5F5;
}
	
div#iconbar img {
	padding: 2px 5px ;	
}

div#iconbarspaceholder {
	height: 35px;
}
	
	
/* PAGE ========================================================================================================================*/
div#page {
	overflow: auto;
}



/* HEADER ======================================================================================================================*/
div#header {
	padding: 14px 6px 14px 6px;
}

.headertable {
	border-spacing: 0px 10px;
}


div#headercontent {
	padding: 0px 17px 0px 17px;
	overflow-y: hidden;
}



/* HEADR TABS ==================================================================================================================*/
ul#headertabs { 
	border-bottom: 1px solid #CCC;
	list-style-type: none; 
	margin: 4px 0 0 0; 
	padding: 0px 0px 1px 0px; 
}

ul#headertabs li { 
	display: inline; 
	margin-right: 4px;
}

ul#headertabs li a { 
	background-color: #F5F5F5; 
	border: 1px solid #CCC; 
    	border-radius: 2px; 
	border-bottom: none; 
	padding: 0.3em 0.7em 0.3em 0.7em; 
	text-decoration: none; 
}

ul#headertabs li a.selected { 
	background-color: #FFF; 
	padding: 0.4em 0.7em 0.38em 0.7em; 
}

ul#headertabs li a:hover { 
	background-color: #fcf8b6; 
}

/* V3 spaeter fuer echte div */
div.tabContent { 
	/*border: 1px solid #c9c3ba; */
	/*padding: 0.5em; */
	/*background-color: #f1f0ee; */
}

div.tabContent.hide { 
	display: none; 
}



/* CONTENT ======================================================================================================================*/
div#content {
	padding: 0px 17px 0px 17px;
	overflow: auto;
	overflow-y: hidden;
}

	
	
	
/* CONTENT TABLES =============================================================================================================*/
	
.dsettable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.dsettableheader {
	background: #F5F5F5;
	padding: 3px;
	font-weight: normal;
	line-height: 1.5em;
	border: 1px solid #CCC;
}	

.dsettablecells {
	vertical-align: top;
	padding: 3px;
	font-weight: normal;
	line-height: 1.5em;
	border: 1px solid #CCC;
}	

				
/* CONTENT EDIT =================================================================================================================*/

div#editouter {
	padding:10px 35px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.editcells-left {
	padding-left: 15px;
	padding-bottom: 5px;
}

.editcells-right {
	padding-left: 0px;
	padding-bottom: 5px;
}


.editlabel {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 1.1em;
}

.editlabel-text {
	float: left;
	padding-right: 15px;
	text-align: left;
	background: #FFF; 
}

.editlabel-right {
	text-align: right;
	height: 12px;
	border-bottom: 1px solid #DDD;
}


/* CONTENT EDIT TABLES ===========================================================================================================*/

/* Spaceholder to align with basic edit layout */
.edittablespaceholder {
	padding: 0px 20px 5px 15px;
}
	
.edittable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
	
.edittableheader {
	font-weight: normal;
	text-align: left;
	font-weight: normal;
	line-height: 1.5em;
	background: #F5F5F5;
	padding: 3px;
	border: 1px solid #CCC;
}	

.edittablecells {
	font-weight: normal;
	text-align: left;
	font-weight: normal;
	line-height: 1.5em;
	vertical-align: top;
	padding: 3px;
	border: 1px solid #CCC;
}	

.editnogrid {
	background: #FFF;
	border: 1px transparent;
}	
				


/* FOOTER ===================================================================================================================*/

div#footer {
	clear: both;
	margin: 0px 10px auto; 
	padding: 15px 10px;
	font-size: 0.9em;
}

div#footer-left {
	margin-right: 500px;
	text-align: left;
}

div#footer-right {
	float: right;
	width: 400px;
	text-align: right;
}








/* AJAX Livesearch ====================================================================================================================*/

.livesearch_row {	
	cursor:pointer;	
}


/* TOOLTIPS ====================================================================================================================*/
.tooltiphdr {
	padding: 6px 8px;
	width: 300px;
	background: #769ed6;
	color: #FFF; 
	font-size: 0.9em;
	line-height: 1.1em;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.tooltipbdy {
	padding: 6px 8px;
	width: 300px;
	background: #EEE;
	font-size: 0.9em;
	line-height: 1.1em;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

	

/* CONTENT BOXES =============================================================================================================*/
div#boxtitle {
	padding: 3px 6px;
	background: #EAEAEA;
	font-weight: bold;
	border-top: 1px solid #95999B;
	border-right: 1px solid #95999B;
	border-left: 1px solid #95999B;
	border-bottom: 1px dashed #95999B;
}

div#boxsubtitle {
	padding: 3px 6px;
	background: #F5F6F6;
	color: #515D6B; 
	border-right: 1px solid #95999B;
	border-left: 1px solid #95999B;
	border-bottom: 1px solid #95999B;
}

div#boxcontent {
	padding: 3px 6px;
	margin: 0px 0px 20px 0px;
	background: #F8FAFA;
	color: #515D6B; 
	border-right: 1px solid #95999B;
	border-left: 1px solid #95999B;
	border-bottom: 1px solid #95999B;
}



/* HOMEBAR LEFT =============================================================================================================*/
div#homebar {
	float: left;
	width: 240px;
	padding: 12px 10px 0px 0px;
    	font-size: 1.0em;
	line-height: 1.5em;
	text-align: left;
}

div#dashboard {
	margin: 0px 0px 0px 260px; 
	padding: 12px 10px 0px 0px;
    	font-size: 1.0em;
	line-height: 1.5em;
}


/* MISC ======================================================================================================================*/

	
/* DEFLOAT ===================================================================================================================*/
.defloat {clear: both;}


/* Ausblenden =================================================================================================================*/
.noDisplay{
    display: none;
    visibility: collapse;
}

/* Doppelete Listboxen =================================================================================================================*/
.doubleListBox{
    border: 1px solid lightgrey; 
    border-radius: 3px; 
    padding: 5px; 
    min-width: 200px
}

/* EOF =======================================================================================================================*/