/*#########################*/
/* Formular Manager CSS DATA*/
/*#########################*/

/* relation : Basic structuring of formular data elements
*             in FormularManager Definitions. This file
*             will be loaded for every form,covers only
*             basic design and focus mainly on bare structure.
*             Extend this class for advanced customization.
*/

/* COLORS:
	 #00A4E7 light blue
	 #B0B0B0 gray
	 #676767 gray
	 #C5C5C5 gray

	 #98fdfd : light green
    #009999 :  dark green
	 #595959 : light grey gradient end
    #0c0c0c : dark  grey gradient end
	 #333333 : dark  grey page content
	 grey    : light grey of dl list bg
*/


.formularmgr
{  
}

/* ########################## */
/* PAGE TEXT STRUCTURING      */
/* ########################## */

.formularmgr .hidden
{  display:none; }


/* ########################## */
/* STRUCTURE FLUENT MARKUP    */
/* ########################## */

.formularmgr .autowidth
{
	 width:auto;
}

.formularmgr .maxwidth
{
	 width:100%;
}


.formularmgr .em075
{
	 font-size:0.75em;
}

.formularmgr .fullpagewidth
{
	 float: left;
	 position: absolute;
	 left: 40px;
	 margin-right: 40px;
	 margin-bottom: 40px;
	 max-height: unset;
	 /*max-width: 95% !important;*/
	 min-width: 95%;
	 overflow: unset !important;
	 overflow-y: visible !important;
	 padding-right: 40px;
	 padding-bottom: 40px;	 
}

.formularmgr .fullpagewidth .datatable.maxwidth  thead
{   /*sticky table header on fullpage size tables*/
	 position: sticky;
	 top: 2px;
}

.formularmgr .datatable tr.checked_row
{/*for instant checkboxes give table row a highlight*/
	 background-color:#cbddf0;	 
}

.formularmgr input.search_box
{
  background-image: url('./../frontend/base/img/icon/searchicon.png'); 
  background-position: 10px 12px;
  background-repeat: no-repeat; 
  width: 100%; 
  border: 1px solid #ddd; 
  height: 40px;  
  margin-bottom: 12px;
  margin-top: 1em;  
  font-size: 0.8em;
  text-indent: 44px;
  float:left;
}

.formularmgr div.search_box_treffer
{
	 margin-left: -93px;
	 padding-top: 18px;
	 float: left;
	 font-size: 1.1em;
	 color:#747474;
}


/*#####################*/
/* dl/dt/dd Formulare :*/
/*#####################*/

.formularmgr form {
    overflow: auto;
}

.formularmgr form>dl
{  
  font-size:75%;
}
.formularmgr form>dl>dt
{
	 display:block;
	 overflow:hidden;
	 color: #white;
	 overflow:hidden;
	 width:150px;
	 clear:left;
	 float:left;
	 padding:2px;
	 padding-left:7px;
	 /*height:23px;*/
}

.formularmgr form>dl>dd
{
	 display:block;
	 overflow:hidden;
	 width:350px;
	 color:black;
	 margin-left:3px;
	 padding:2px;
	 padding-left:7px;
	 /*height:23px;*/
}

/*hide dl cells with this marker */
.formularmgr form>dl .hidden_cell
{
	 display:none;
}

/*########################*/
/* table/td/td Formulare :*/
/*########################*/

.formularmgr form {
    overflow: auto;
	 margin-bottom:2em;
	 margin-top:1.2em;
}

.formularmgr .dtab_container form {
	 margin-bottom:0.2em;
	 margin-top:0.1em;
}


.formularmgr form>table.zend_form
{
	 font-size:75%;
	 border-collapse:collapse;
	 width:100%;
}

.formularmgr form>table.zend_form p
{
	 padding:0px;
	 line-height:1em;
	 font-size: 1em;
}

.formularmgr form > table.zend_form .secondrow .outer_elem
{
	 float:left;
	 margin-right:0.5em;
}

/*for input subscripts except after checkbox, where this info is primary desciption*/
.formularmgr form > table.zend_form .secondrow input:not(.checkbox) + p.description
{
	 font-style:italic;
	 font-size:0.8em;
	 color:#888;
}


.formularmgr form > table.zend_form .secondrow .outer_elem label
{
	 font-size:80%;
}


.formularmgr form > table.zend_form .secondrow .outer_elem .inner_elem p
{
	 float:right;
	 margin-left:0.3em;
	 margin-right:0.3em;
}


.formularmgr form > table.zend_form .secondrow .outer_elem .textinput,
.formularmgr form > table.zend_form .secondrow .outer_elem select
{
	 min-width:auto;
}


.formularmgr form > table.zend_form > thead > tr > td, 
.formularmgr form > table.zend_form > tbody > tr > td, 
.formularmgr form > table.zend_form > tfoot > tr > td 
{
  border:none;
  color:grey;
  padding: 0.5em 2em 0.5em 0px;
  padding: 8px 25px 8px 0px;
  padding: 6px 5px 6px 0;
}


.formularmgr form select, 
.formularmgr form input.fileinput,
.formularmgr .textinput
{  
  border:1px solid grey;
  background-color:#F5F5F5;
 font-size: 0.9em;
}

.formularmgr form textarea.textinput { font-size: 1.1em;}

.formularmgr form table.zend_form select option
{
	 padding-left:4px;
	 padding-right:14px;
}


.formularmgr form select:disabled, 
.formularmgr form input.fileinput:disabled,
.formularmgr .textinput:disabled,
.formularmgr form select[readonly], 
.formularmgr form input.fileinput[readonly],
.formularmgr .textinput[readonly]
{  
  color:#888;
}


.formularmgr form > table td.secondrow .checkbox
{
	 float:left;
	 margin-left:8px;
	 margin-right:8px;
}

.formularmgr form > table td.secondrow.multilabel
{
	 background-color:transparent;
}


.formularmgr form > table .firstrow
{
	 width:150px;
}


/*########################*/
/* DL FORM common stuff  :*/
/*########################*/

.formularmgr>form>dl>dd>label,
.multilabel>label
{
	 margin-right:2px;
	 padding-right:4px;
	 padding-left:4px;
	 
	 
}

.formularmgr>form>dl>dd>label>input,
.multilabel>label>input
{
	 margin-right:6px;
	 vertical-align: middle;
}


/* ########################## */
/* PAGE FORM STRUCTURING      */
/* ########################## */

.ui-widget {
    font-size:75% !important;
}

* + html .ui-spinner.ui-widget
{
	 top:-21px !important;
}

.ui-datepicker-trigger
{
	 height:13px;
	 position:relative;
	 top:3px;
	 left:5px;
}

.ui-datepicker 
{
    font-size:65% !important;
}

.formularmgr .textinput
{	
	 border:1px solid grey;
	 padding:1px;
	 padding-left:2px;
	 min-width:317px;
}

.formularmgr input.textinput.fileinput
{	/*fix for jquery fileinput skin to work*/
	 min-width:0;
}

.formularmgr .fileinput-wrapper .fileinput-button, 
.formularmgr .fileinput-wrapper .fileinput-input 
{
   height:16px;
}

.formularmgr .fileinput-wrapper .fileinput-input 
{
   min-width:260px;
}

#pagecontent ul.ui-autocomplete
{
	 overflow:auto;
	 overflow-x:hidden;
	 max-height:300px;
}


#pagecontent ul.ui-autocomplete li a
{
	 /*padding: 2px 0.4em;*/
	 padding: 1px 0.4em;
	 line-height: 0.7em;
	 font-size: 75%;
}

.formularmgr select
{	
	 min-width:300px;
}

/*##########################*/
/* Data Table Layout/Style  */
/*##########################*/

.dtab_container
{  
  margin-top:5px;
  margin-bottom:25px;
  max-width: 100%; 
  max-height: 600px; 
  overflow: auto;
  /*display:inline-block;*/
  font-size:0.75em;
}

.formularmgr > .dtab_container
{
   margin-top: 4.3em;	 
   /*margin-top:2.3em;*/
   margin-bottom:1.8em;
   font-size:0.65em;
}

.datatable
{
	 width:100%;
	 empty-cells:show;
	 border-collapse:collapse;
	 border:1px solid grey;
    border-top: none;

}

.datatable thead {
    background: url("../frontend/base/img/thead.gif") repeat-x  #4d4d4d;
    color:white;

}

.datatable .c
{
	 text-align:center;
}

.datatable .r
{
	 text-align:right;
}

.datatable .l
{
	 text-align:left;
}

.datatable .b
{
	 font-weight:bold;
}


.datatable .bcr
{
	 background-color: #fe9f9f;
}

.datatable .bcg
{
	 background-color:#acf8ab;
}

.datatable .bcy
{
	 background-color:#f5f8ab;
}

.datatable .bcb
{
	 background-color: #9fd7fe;
}

.datatable .cr
{
	 color:  #fe5a07;
}

.datatable .cg
{
	 color: #42fe07;
}

.datatable .cy
{
	 color: #e1fe07;
}

.datatable .cb
{
	 color:  #0767fe;
}




.datatable td,
.datatable th
{
	 font-weight:normal;
	 padding:2px;
	 padding-left:5px;
	 padding-right:5px;
}

.datatable thead
{
	 height:22px;
	 text-align:center;
}

.datatable tfoot tr
{
    background-color: grey;
    height: 1px;
}

.datatable tfoot tr td{
    padding: 1px 5px;
}


.datatable tbody 
{
	 text-align:right;
}

.datatable tbody td {
    /*background-color: #F5F5F5;*/
    border-left: 1px solid grey;
    border-right: 1px solid grey;
	 padding: 4px;
}

.datatable tbody tr:nth-of-type(odd) {
  background-color: #E5E5E5;
}

.datatable tbody tr:nth-of-type(even) {
  background-color: #F5F5F5;
}


@media print { /*mpdf output relevant*/
 .datatable tbody td,  .datatable th {
    border: 1px solid grey;
 }
}
.formularmgr > .dtab_container .datatable tbody td
{
	 font-size:0.9em;
}

/*Some general special key config  */
.datatable tbody td.edit,
.datatable tbody td.kill
{
    background-color: white;
}


.datatable tbody tr.olddata td
{
	 background-color:#595959 !important;
}

.datatable tbody tr.olddata td.edit input,
.datatable tbody tr.noedit td.edit input,
.datatable tbody tr.nokill td.kill input
{
	 display:none;
}




/*##########################*/
/* FIT UI Layout/Style      */
/*##########################*/

.ui-multiselect li 
{ 
	 font-size:1.3em;
	 text-align: left;
}

.ui-multiselect .ui-widget-header
{
	 font-size:inherit;
}

.formularmgr .ui-accordion-content 
{
	 font-size:1.2em;
}

.ui-multiselect-menu
{  
  background-color:white;
}

.ui-multiselect-menu label.ui-corner-all span
{  
  padding-left:0.65em;
}