/*******************************************************************************
	Filename				: format.css

	Created					: 08.07.2014
	Created by			: Michael Hagi

	Last Updated		: 08.07.2014
	Updated by			: Michael Hagi

	Comments				: format CSS definitionen
*******************************************************************************/	


input[type="file"]     {box-sizing:unset !important; padding:0 1px 0 0 !important}
input[type="checkbox"] {vertical-align: middle !important}
input[readonly] {
    background-color: rgb(240,255,208);
    color: rgb(134,134,134);
}

.spanCheckbox {
	clear: left;
	display: flex;
	padding: 2px 0 2px 0.5%;
	width: 98%;
}

.spanCheckboxMulti {
	border: 1px solid #e5e5e5;
	border-top: none;
	background-color: rgb(240,240,240);
	clear: left;
	display: block;
	padding: 2px;
	width: 98%;
}

.spanCheckbox label {
    padding: 0 4px;
}
.spanCheckboxMulti label {
    padding: 0 4px;
}

.spanRadio {
	display: inline-block;
	 padding: 4px;
    width: 96%;
}

.spanRadio label {
  
    padding: 0 4px !important;
}

.spanRadio input {
    background-color: transparent;
    float: left;
    margin: 0;
    height:16px !important;
}

.spanRadioBool {
	display: inline-block;
	 padding: 4px;
    width: 96%;
}

.spanRadioBool label {
  	float:left;
    padding: 0 4px !important;
}

.spanRadioBool input {
    background-color: transparent;
    float: left;
    margin: 0;
    height:16px !important;
}

.checkboxMultiFader {
	background-color: rgb(240,240,240);
	padding: 3px;
	border: 1px solid #e5e5e5;
}
.spanCheckboxMulti ul {
	list-style-type: none;
	padding-left: 5px;
}

.dateDECH {
	margin: 0 !important;
}



.indexUL {
	list-style: outside none none;
  margin: 0 0 1em;
  overflow: hidden;
  padding: 0;
}
.indexLI {
	border-bottom: 1px solid #f0f0f0;
  padding: 0.5em 0 0.7em;
  clear: both;
  list-style-type: none;
  margin: 0 0 0.25em;
}

.indexArchiv, .indexArchiv a {
	color: #B1B1B4 !important;
}

.indexWF {
	background-color: #B1B1B4 !important;
	padding:5px;
}

.indexFilters {
	background: rgb(240,240,240);
	margin-bottom: 5px;
}

.indexFiltersEntrys {
	float: left;
	margin: 5px;
}


.indexFiltersEntrys.divQuickSearch  {
	width:100%;
}

.indexFiltersEntrys.divkategorie_id {
	max-width:45%;
}

.indexFiltersEntrys.divabteilung_id {
	max-width:45%;
}

.indexFiltersEntrys select#abteilung_id   {
	max-width:68%;
}

.indexFiltersEntrys select {
	height: 32px;
}

.formwork_Textfilter {
	width:60%;
}



@media only screen and (max-width: 800px) {

.indexFiltersEntrys.divabteilung_id {
	max-width:90%;
}
.indexFiltersEntrys select#abteilung_id   {
	max-width:90%;
}

.indexFiltersEntrys {
	max-width:90%;
}
.indexFiltersEntrys select   {
	max-width:90%;
}

.indexFiltersEntrys.divkategorie_id {
	max-width:90%;
}

.indexFiltersEntrys select#kategorie_id   {
	max-width:90%;
}

.formwork_Textfilter {
	width:90%;
}

	}


.fns_elementInfo {
	background-color:#bee1c9;
	color:#000000;
	border:1px solid #06933c;
	padding: 5px;
	margin: 5px 0 15px 0;
	box-shadow: 0 8px 6px -6px grey;
	}

.infoRed {
	background-color:#f5b093 !important;
	border:1px solid #e30b22;
}



.error, .errorZahl {
  background-color: rgb(245,176,147) !important;
  border: 1px solid #A01B19 !important;
}

.error[type="checkbox"] {
	border: 0 !important;
}

.error[type="radio"] {
	border: 0 !important;
}

.errorText {color: #A01B19 !important; font-weight: bold}
   
label.error {
  margin: 2px 0.8% 2px 0 !important;
  padding: 0 6px;
  position: relative;
 	display:block;
 	background-color: rgb(242,195,147) !important;
}

.form label.error { margin: 2px 1% 2px 0 !important; }

.cartTooltip {
	position:absolute;
	padding: 3px;
	background:rgb(240,240,240);
	border: 1px solid grey;
}



.fns_chartJSdiv {
  width:97%; 
  height:400px;
  padding-bottom:40px;
}

.fns_chartJScanvas {
  border-width:1px;
  border-color:#E6E6E6;
  border-style:solid;
  background-color:#F9F9F9;
  padding:10px;
  box-shadow: 0 8px 6px -6px grey
}
  	
/* ================================================================
DEPRECATED -- Ältere Definitionen um Kompatibilität sicherzustellen 
=================================================================== */

.fns_elementForm ul {list-style:none;margin:0;padding:0}
.fns_elementForm p {margin:0;padding:0}
.fns_elementForm fieldset{margin-bottom:1em}
*+html body .fns_elementForm fieldset {padding-bottom:1em} 
*html body .fns_elementForm fieldset {padding-bottom:1em} 
.fns_elementForm legend {margin-left:-0.5em;padding-bottom:0.5em;font-weight:bold}
.fns_elementForm ul li label {float:left;width:33.3%;margin:0}
.fns_elementForm ul li {margin:0 0 0.25em 0;list-style-type:none;list-style-image:none !important}
.fns_elementForm ul .column33p {float:left;width:33.3%;margin:0}
.fns_elementForm ul .column66p {margin:0 0 0 33.3%}
.fns_elementForm ul .group {margin:0 0 0 33.3%}
.fns_elementForm ul .group .left {float:left;width:20px}
.fns_elementForm ul .group .content {margin:0 0 0 20px}
.fns_elementForm ul .group .clearfix {clear:left}
.fns_elementForm ul .space {padding-bottom:1em}


.fns_elementForm ul label.group  {margin:0}
*+html body .fns_elementForm ul .group {margin-top:-1.4em}
*html body .fns_elementForm ul .group {margin-top:-1.4em}


.fns_elementForm input {width:50%;max-width:66.6%;height:22px;border:1px solid #000;padding:0.125em 0.125em 0 0.125em;font:normal 1em arial,verdana,sans-serif}
.fns_elementForm input.tiny {width:10%;max-width:15%}
.fns_elementForm input.small {width:20%;max-width:25%}
.fns_elementForm input.radio {margin-right:0.5em;padding:0;width:15px;height:15px;vertical-align:middle;line-height:20px;border-style:none !important}
.fns_elementForm input.check {margin-right:0.5em;padding:0;width:18px;height:18px;vertical-align:middle;line-height:20px;border-style:none !important}
.fns_elementForm textarea {width:50%;max-width:55%;height:10em;border:1px solid #000;padding:0.125em 0.25em;font:normal 1em arial,verdana,sans-serif}
.fns_elementForm select {width:50%;height:25px;border:1px solid #000;font:normal 1em arial,verdana,sans-serif;padding: 0.125em 0.125em 0}
.fns_elementForm input[type="submit"] {height:25px}


.fns_elementForm select.day {width:6%;max-width:11%}
.fns_elementForm select.month {width:15%;max-width:20%}
.fns_elementForm select.year {width:8%;max-width:13%}
.fns_elementForm select.time {width:6%;max-width:11%}


.fns_elementForm select.tiny {width:10%;max-width:15%}
.fns_elementForm select.small {width:20%;max-width:25%}
.fns_elementForm select.medium {width:30%;max-width:35%}
.fns_elementForm select.multiple {height:auto}



.fns_elementForm textarea.small {width:20%;max-width:25%;height:7em}
.fns_elementForm textarea.medium {width:30%;max-width:35%;height:7em}
.fns_elementForm textarea.large {width:70%;max-width:75%;height:10em}


.fns_elementForm .button {cursor:pointer;width:auto;height:auto;line-height:18px;font-size:0.93em;color:#fff;background-color:#c6c6c7;border:1px solid #000;padding:0.25em 0.5em}
.fns_elementForm button {cursor:pointer;width:auto;height:20px;color:#fff;background-color:#c6c6c7;border:1px solid #000;margin:0 0.5em 0 0;padding:0 0.5em;font-weight:bold}
.fns_elementForm input.inputbutton {padding:2px;cursor:pointer;width:auto;height:auto;line-height:18px;border:1px solid #000;color:#7b8795;background-color:#ececec;text-decoration:none !important}
.fns_elementForm a.inputbutton {padding:4px;cursor:pointer;width:auto;height:auto;line-height:18px;border:1px solid #000;color:#7b8795;background-color:#ececec;text-decoration:none !important}
.fns_elementForm .inputbutton:hover {background-color:#c43c1a !important;color:#fff !important}
.fns_elementForm .inputbutton:focus {background-color:#c43c1a !important;color:#fff !important}


.fns_elementForm input:focus, .fns_elementForm select:focus, .fns_elementForm textarea:focus {border:1px solid #000 !important;background-color:#f2f4f6}
.fns_elementForm .button:hover {background-color:#000}
.fns_elementForm button:hover {cursor:pointer;width:auto;height:20px;background-color:#000;border:1px solid #000;margin:0 0.5em 0 0;padding:0 0.5em;font-weight:bold}

table.fns_elementTable caption {text-align:left;font-weight:bold}
*+html body table.fns_elementTable caption {padding-bottom:1em}
table.fns_elementTable th {vertical-align:top;text-align:left;font-weight:bold}
table.fns_elementTable td {vertical-align:top;text-align:left;font-weight:normal}
table.fns_elementTable {border-spacing:0;border-collapse:collapse;table-layout:auto;empty-cells:show}
table.fns_elementTable {width:99%;border-top:1px solid #d4d0c8;border-left:1px solid #d4d0c8;table-layout:fixed}

table#reservationenDT  {font-size:0.8em}
table#reservationenDT th    {min-width:5% !important}
table#reservationenDT th[aria-label*="Benutzer"]    {width:40% !important}
table.fns_elementTable th, .fns_elementTable td {border-right:1px solid #d4d0c8;border-bottom:1px solid #d4d0c8}
table.fns_elementTable tr:hover {background:#f9f9f9}
table.fns_elementTable th {background-color:#e8e8e8 !important;padding:0.25em}
table.fns_elementTable td.head {background-color:#e8e8e8 !important;font-weight:bold}
table.fns_elementTable td {padding:0.25em}
table.fns_elementTable td:hover {background-color:#f2f1f0}
table.fns_elementTable .hide {width:5%;text-align:center}
table.fns_elementTable .left {text-align:left}
table.fns_elementTable .right {text-align:right}
table.fns_elementTable .center {text-align:center}
table.fns_elementTable .middle {vertical-align:middle}
table.fns_elementTable .space {padding-bottom:1em}
table.fns_elementTable .cell5p {width:5%}
table.fns_elementTable .cell10p {width:12%}
table.fns_elementTable .cell15p {width:15%}
table.fns_elementTable .cell20p {width:20%}
table.fns_elementTable .cell22p {width:22%}
table.fns_elementTable .cell23p {width:23%}
table.fns_elementTable .cell25p {width:25%}
table.fns_elementTable .cell28p {width:28%}
table.fns_elementTable .cell30p {width:30%}
table.fns_elementTable .cell32p {width:32%}
table.fns_elementTable .cell33p {width:33.3%}
table.fns_elementTable .cell40p {width:40%}
table.fns_elementTable .cell50p {width:50%}
table.fns_elementTable .cell66p {width:66.6%}
table.fns_elementTable .cell75p {width:75%}

.fns_elementHide {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
    text-align: left;
}

dl.formTable dd div.cartTooltip                     {position:relative;float:right}

.fns_dlAZ {float:left}
.fns_contrast {float:left;margin-left:10px}


@media only screen and (max-width: 1024px){
  .max1024 {display:none !important}
table#reservationenDT th[aria-label*="Benutzer"]    {width:auto !important}
}
.wmd1, .wmd2, .wmd3, .wmd4, .wmd5, .wmd6, .wmd7, .wmd1:before, .wmd2:before, .wmd3:before, .wmd4:before, .wmd5:before, .wmd6:before, .wmd7:before {font:inherit !important;color:inherit !important;text-decoration:inherit !important} .wmd1:before {content:'a';display:inline} .wmd2:before {content:'e';display:inline} .wmd3:before {content:'o';display:inline} .wmd4:before {content:'u';display:inline} .wmd5:before {content:'i';display:inline} .wmd6:before {content:'.';display:inline} .wmd7:before {content:'@';display:inline}#deferred-styles-dyn {display:none}