/*
 *	Basic DLE CSS rules.
 *	Copyright (c) 2011-2013 by VISION-FLOW Software GmbH
 */
 
body, html{ margin:0; padding:0;}
body,input,textarea,option,select, td, th {
	font-size: 11px;
	font-family: Arial,Verdana,sans-serif;
}

.ui-widget {font-size: 1.0em;}
h3 {margin: 0em;}


/* DLE IDE */
body.ui-layout-container .ui-dialog {max-width: 100%}


/*---------------------------------
DLE classes for timepicker extension
-----------------------------------*/

/*
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.no-close .ui-dialog-titlebar-close {display: none;} */


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


/*---------------------------------
DLE classes
-----------------------------------*/
input,select,textarea {	border: 1px solid #ccc; }
input[type="checkbox"], input[type="radio"]{ background: transparent; border: none; margin-left: 0px; border-left: 0px; padding-left: 0px;}
input::-ms-clear {
    display: none;
}

.dle-input-textarea {resize: none;}
.ui-dialog .ui-dialog-content {	padding: 0px;}

.hand,.ui-icon {cursor: pointer}
.nohand {cursor: default;}

#lookupTable tbody .ui-state-hover td {	font-weight: normal;}

.dle-opacity-20 {filter:Alpha(opacity=20);opacity: 0.2; color:grey; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);} 
.dle-opacity-100 {filter:Alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

a,.ui-button,input,select,option,textarea,div,span,table,tr,td,th {	outline: none;}
.dle_wait_cursor{cursor:wait;}
.dle-lookup-table			{margin: 5px}
.dle-lookup-table > table	{width: 100%}

.dle-input-disabled{ background:#F0F0F0; color:#6D6D6D;}

/*---------------------------------
DLE basic template settings
-----------------------------------*/
#HeaderTop, #ContentWrapper{ margin:0 10px 0 10px;}
#menuWithHeadline{position:relative; float:left; width:20%; }

#contentWithHeadline{position:relative; float:right;  width:78%;}
#content{padding:10px; float:left; width:99%;}

#HeaderTop {background:#border:1px solid #ccc; }
#LanguageSelection{display:none; float:right; position:absolute; background:#fff; z-index:10; margin-bottom:0px; float:right; bottom:0px; margin-bottom:0px; }
.ui-widget-content h3{padding:3px 0 3px 10px; border-top:none; border-left:none; border-right:none;}

#menu_neu{list-style:none; margin:0; padding:0;}
#menu_neu li{padding:5px;}
#menu_neu li a{padding: 0px; display:block;}
#menu_neu li span{  float:left; display:inline; }

input::ms-clear{display:none;}


/*---------------------------------
DLE message coloration
-----------------------------------*/
.dleMessageOK,.dleMessageError,.dleMessageInfo{padding:10px; margin-bottom:10px;}
.dleMessageOK{border:1px solid #00CC00;	background:#CFFFCF;}
.dleMessageError{border:1px solid #CC0000; background:#FFCFCF;}
.dleMessageInfo{border:1px solid #6894C2; background:#EFEFFF;}

/*---------------------------------
DLE fontawesome adjustments
-----------------------------------*/
.dle-font-awesome-icon{cursor:pointer; display:inline-block; overflow:hidden; overflow:hidden; margin-left:5px; font-size:1.3em;}
.ui-icon.dle-font-awesome-icon{background-image:none; text-indent:0px;}
.ui-pg-div .dle-font-awesome-icon {font-size:1em;}

/*---------------------------------
DLE menue
-----------------------------------*/

/*---- basic ---- */
.clearfix{clear:both;}
.dle-menu{list-style:none; margin:0px; padding:0px;}
.dle-menu .hide{display:none;}
/* uk 2016-08-18 removed white bottom border line
.dle-menu li{border-bottom:1px solid #fff; }
*/ 
.dle-menu li a{ display:block; padding:5px 10px 5px 25px; text-decoration:none; white-space: nowrap}
.dle-menu li a:hover{display:block}
.dle-menu li ul{ padding:0 0 9px 19px;}

.dle-menu .dle-menu-item .dle-menu-icon{position:absolute; margin-left:-1.4em; font-size:1.2em; }
.dle-menu .dle-submenu{background-position: top left;}

/*---- horizontal ---- */
.dle-menu.horizontal, .dle-menu.horizontal ul {
	display: inline-table;
    list-style: none outside none;    
    position: relative;
    margin:0;
    padding:0;
}
.dle-menu.horizontal:after, .dle-menu.horizontal ul:after {
	content: ""; clear: both; display: block;	
}
.dle-menu.horizontal li{float:left; position:relative;}
.dle-menu.horizontal li a{display:block;}
.dle-menu.horizontal ul {position: absolute; top: 100%; left:-1px; }
.dle-menu.horizontal ul li{float:none; position:relative; }
.dle-menu.horizontal ul li a{display:block; width:auto; height:auto; }
.dle-menu.horizontal ul ul {position: absolute; left: 100%; top:-1px;  }




/*--- contextMenu ----- */
.dle-menu.contextMenu, .dle-menu.contextMenu ul {
	display: inline-table;
    list-style: none outside none;
    margin:0;
    padding:0;
    position: absolute;
    z-index:100000;
}
.dle-menu.contextMenu:after, .dle-menu.contextMenu ul:after {
	content: ""; clear: both; display: block;	
}
.dle-menu.contextMenu li{float:none; position:relative;}
.dle-menu.contextMenu li.ui-state-disabled {opacity: 1}
.dle-menu.contextMenu li.ui-state-disabled > a {color: #ccc}
.dle-menu.contextMenu ul {position: absolute; left: 100%; top:0; margin-top:-1px;}
.dle-menu.contextMenu ul li{float:none; position:relative;}
.dle-menu.contextMenu ul ul {position: absolute; left: 100%; top:0;}

.dle-separator a{cursor:default;}

/*---- fix for old context-menu ---- */
.context-menu-item[class^="icon-"], .context-menu-item[class*=" icon-"]{
font-family: Arial,Verdana,sans-serif;
display:block;
}

/*----fix for jumping Icons in Table----*/
table.ui-jqgrid-btable tbody tr.ui-widget-content td.ui-pg-button {    
    padding-left: 5px;
}

/* brse 11.06.2014 added border-collpase: collapse to .ui-jqgrid-bdtable to fix: empty column with no border bug*/
/* uk - moved from jqgrid.css to here */
.ui-jqgrid .ui-jqgrid-btable {
	border-collapse: collapse;
	}
	
/*---- DWA Start html styles ----*/	
.dleDWAStartScreen{font-size:2em; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.dleDWAStartScreen a{color:#CE1417; text-decoration:none;}
.dleDWAStartScreen a:hover{text-decoration:underline;}

/* Input fields */
.dle-input-info-wrapper i {
	cursor: default;
}
.dle-input-info-text-hidden {
	display: none;
}
.dle-input-field-wrapper {
	display: inline-table;
}
.dle-input-info-wrapper-behindField .dle-input-info-wrapper i {
	padding-left: 0.1em;
	padding-right: 0.25em;
}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i {
	padding-left: 0.0em;
	padding-right: 0.25em;
}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper span {
	padding-right: 1em;
}
.dle-input-label-left .dle-input-label {
    position: relative;
    top: 50%;
    transform: translateY(25%);
	float: left;
	margin-right: 1em;
    }
.dle-input-info-wrapper-behindField .dle-input-info-wrapper {
	display: inline-table;
	/*
	vertical-align: top;
	transform: translate(0px, 60%);
	*/
}
.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper {
	display: inline-table;
}
.dle-input-label-top .dle-input-field-wrapper {
	margin-top: 0.25em;
}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-field-wrapper {
	display: block;
}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-label {
	display: inline-table;
}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label {
	display: inline-table;
	float: none;;
	transform: none;
}
.dle-input-label-top.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i {
	padding-left: 0.5em;
}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper i {
	padding-left: 0.5em;
}
.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label {
	margin-right: 0em;
}
.dle-input-info-wrapper-belowLabel .dle-input-info-wrapper {
	margin-top: 0.5em;
}
.dle-input-info-wrapper-belowLabel .dle-input-info-wrapper i {
	padding-right: 0.25em;
}
.dle-input-info-wrapper-belowField .dle-input-info-wrapper {
	margin-top: 0.5em;
}
.dle-input-info-wrapper-belowField .dle-input-info-wrapper i {
	padding-right: 0.25em;
}
/* Error flags on input fields */
span.dle-input-error-icon.fa-check-circle {
	color: green;
	cursor: default;
}
span.dle-input-error-icon.fa-minus-circle {
	color: red;
	cursor: default;
}
/* Error flags on display fields */
.dle-display-error						{color:#dd0000}

/* input select field */

.dle-input-select-div.dle-input-info-wrapper-behindField .dle-input-info-wrapper {
    transform: translateY(-1em);
}
.dle-input-select-div.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-info-wrapper {
    transform: translateY(-1em);
}
.dle-input-select-div.dle-input-label-left.dle-input-info-wrapper-behindLabel .dle-input-label {
    transform: translateY(-1em);
}

/**
 * DLE jqgrid extensions
 */
.dle-gui-jqgrid-search-input-date-icon {
	cursor: pointer;
	margin-left: 2px;
	margin-right: 2px;
}
/* fix for new jqgrid Library */
.tablediv{white-space: normal}

.dle-button-icon{
	padding-right: 3px;
}