html {
	width:98vw;
	overflow-x:hidden;
	font-family: Tahoma;
	font-size:16px;
	
}	

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


.tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	/*bottom: -125%;  Position the tooltip above the button */
	left: 150%;
	margin-left: -70px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.green
{ 
	color:white;
	background-color:green;
}

a.green:link
{
	font-size: 0.65rem;
    line-height: 1.00rem;
}
	
.holder
{
overflow-y:auto;
margin-top:135px;
width:calc(100vw);
height:calc(100vh - 80px);
 
}

.after
{
	margin-top:20px;	
	color:red;
	font-size:0.5rem;
}
	
.holdermobil
{
overflow-y:auto;
width:98vw;
height:98vh;
}

.unsichtbar
{
	visibility: hidden;
}	

/*
.apex-item-group--popup-lov {
	
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  list-style: none;
  padding: 0;
}

.apex-item-group--popup-lov li {
  padding: 10px;
  text-align: center;
}

*/

.apex-item-group
    display: inline-block;
	width:200px;
}

	
button.chatlink 
	{
		text-align:left;
		border-style:none;
		background-color:inherit;
	}

.holder1
{
overflow-y:auto;
width:calc(100vw);
}

.holder2
{
background: #FBFBFB;
overflow-y:auto;
width:800px;
height:calc(100vh - 80px);
}

iframe
{
	clear:both;
	width:98vw;
	height:98vh;
}
	
div.iframe1, table.iframe1
{
	width:98vw;
}	

div.subnavi
{
position: absolute;
top: 0;
width: 100%;

overflow:hidden;
}

div.subnavi.checked
{
   overflow:auto;
   height:100%;
}

.hidden{
	display:none;
}
	
.list {
	clear:both;
	width:100%;
}

#P2101_BILD img 
{
	width:100;
	height:100;
}
.subnavi, .holder
{
	padding-left:10px;
	padding-right:10px;
}	


div, span, applet, object, label,
h1, h2, h3, h4, h5, h6, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, input, select,
form, legend, option, textarea, a,
table, caption, tbody, tfoot, thead, tr, th, td, 
.js, .flexboxlegacy, .touch
 {
	color:black;
	margin: 0;
	padding: 0;
	list-style-type: none;
	outline: none;
	/*font-size: 1.0rem;*/
	/*font-weight: normal;*/
	font-style: normal;
	/*font-size: 16px;*/
	/*font-family:sans-serif;*/
	font-family: Tahoma;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:110%;
	vertical-align: inherit;
	/*padding-left: 2px;
	padding-right:2px;*/
	line-height:1rem;
}

.oj-inputdatetime-input
{
	vertical-align:middle;
}	

label
{
	color: #000;
	padding-left:3px;
	position: relative;
    top: -4px;
}

/*
#P1010_BENUTZERID_MOVE_ALL, #P1010_BENUTZERID_REMOVE_ALL
{
	visibility:hidden;
}
*/	

table 
{
	border-collapse: separate;
	border-spacing: 2px;
	text-align:left;
	width:100%;
}


.apex-item-select[size="1"] 
{
    text-indent: 0rem;
	background-position: 110% 50%;
	background-size: 3.2rem 0.8rem;
	padding-right: 0em;
}

.apex-item-select[size="1"].width100,
.apex-item-select[size="1"].width120,
.oj-inputdatetime, 
.oj-inputdatetime-date-only
{
    text-indent: 0rem;
	background-position: 130% 50%;
	background-size: 3.2rem 0.8rem;
	padding-right: 0rem;
}

.oj-component-icon:before,
.oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor)
{
	width:15px;
	height:15px;
}	

.apex-item-wrapper--date-picker-jet .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-text-field-input 
{
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}	

.oj-datepicker-calendar td a,
.oj-datepicker-calendar td,
.oj-enabled,
.oj-datepicker-calendar th,
.oj-datepicker-week-end,
.oj-datepicker-calendar td.oj-disabled span,
.oj-disabled
{
	width:36px;
	height:30px;
	font-size:0.80rem;
}

a.oj-enabled
{
	margin-right:10px;
	
}
	
.oj-datepicker-calendar td a, 
.oj-datepicker-calendar td span
{
	margin:0;
}

.oj-datetimepicker-switcher 
{
	padding-top: 0.3125rem;
    padding-right: 1.2rem;
    padding-bottom: 0.3125rem;
    padding-left: 0.5rem;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2
{
	font-size:1rem;
	height:1rem;
}
	

.apex-item-select[size="1"].width80  
{
    text-indent: 0rem;
	background-position: 160% 50%;
	background-size: 3.2rem 0.8rem;
	padding-right: 0em;
}

.apex-item-select[size="1"].width60  
{
    text-indent: 0rem;
	background-position: 280% 50%;
	background-size: 3.2rem 0.8rem;
	padding-right: 0em;
}



select {
 box-sizing: content-box;
 padding: 0 0;
}
	

	
.a-ListView-item .ui-li-aside
{
	margin-left: 10px;
}

.t-Tabs-label, .t-Tabs-link
{
	vertical-align:middle;
}	

.apex-item-select,.apex-item-comboselect
 {
	 max-width:200px;
	 padding-bottom: 0.3rem;
 }




.apex-item-text, 
.apex-item-multi,
.apex-text-area, 
.apex-item-select, 
.apex-item-comboselect
.apex-item-select[size="1"], 
.apex-item-file, 
.apex-item-group--file

{
	width:170px;
}

/*.a-Button--shuttle {
    
    margin-top: 10px;
    margin-right: 8px;
    margin-bottom: 10px;
    margin-left: 18px;
}
*/

td input[type=text] ,td textarea , td select , td.apex-item-datepicker td
{
	border: 1px solid #ccc;
}	

input[type=text], textarea, select, .apex-item-datepicker {
  /*-webkit-transition: all 0.60s ease-in-out;
  -moz-transition: all 0.60s ease-in-out;
  -ms-transition: all 0.60s ease-in-out;
  -o-transition: all 0.60s ease-in-out;*/
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 3px 1px 3px 0px;
}


 
input[type=text]:focus, textarea:focus, select:focus {
  border: 1px solid #F24900;
  /*border-color: 1px solid #F24900;*/
}


.footer ul li,
li,
.apex-item-text, 
.apex-item-pct-graph,
.text-field,
.apex-item-textarea, 
.apex-item-display-only, 
.t-Button-label, 
.menutoggle, 
label, 
input, 
textarea,
.fc-title span,
table.standardliste th,
table.standardliste td,
table.regionlayout td,
table.apex-gantt-chart th,
table.apex-gantt-chart td,
body .ui-widget button,
.fc,
.t-Region-body,
.t-Region-header,
.prozess_steps,
.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-label,
.apex-item-file + .apex-item-file-dropzone,
h1,

{
	padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

	
.apex-item-select,
.apex-item-comboselect,
.apex-item-select > option,
.apex-item-select[size="1"],
.apex-item-group--rc input + label
{
	min-height:0;
    padding-top: 0;
	position:relative;
	}



.apex-item-group--shuttle select.shuttle_left
{
	margin-left:5px;
}	


/*.t-Dialog-page
{
	width:100vw;
}	
*/

.t-Dialog-bodyWrapperIn
{
	/*width:auto;*/
}	

.t-Dialog-body
{
	padding : 0;
}	
	
.a-Icon.icon-calendar::before {
    content: url("/dhw/images/date.gif");
}

.t-Button-label
{
	vertical-align:middle;
	color: blue;
}	

.t-Button
{
	text-decoration: none;
	background-color:inherit;
	border:none;
	transition:none;
	box-shadow:none;
}

.u-VisuallyHidden
{
	display:inline;
	position:static;
	margin-left:5px;
}


/* remember to define focus styles! */
:focus 
{
	outline: 0;
}


.menutoggle, #menutoggle
{width:220px;
}

.a-DevToolbar, .a-DevToolbar-list li {
	float:left;
}

.scroller {
	overflow-x: auto;
	overflow-y:hidden;
    height:20px;
	clear:both;
	color: #F39D3D;
}

.tabellenbreite {
	height:20px;
}

.nummer {
      width:80px;
      display:inline-block;
    }
	
	
ol, ul 
{
	list-style: none;
}

table.regionlayout tr,
table.regionlayout td,
table.buttonleiste tr {
   height:100%;
   border-collapse: collapse;
}

table.regionlayout tr,
table.buttonleiste tr
{
	width:100%;
	min-height:54px;
	
}	

/* tables still need 'cellspacing="0"' in the markup */


.selectlist, .apex-item-text, .apex-item-display-only
{ 
   border: 1px solid lightgrey;
   font-weight:300; 
   box-sizing: border-box;
   margin-top:2px;
}

.apex-item-textarea {
   border: 1px solid lightgrey;
   box-sizing: border-box;
   min-height:2.0rem;
}

.apex-item-datepicker
{ 
   border: 1px solid lightgrey;
   font-weight:300; 
   box-sizing: border-box;
}


caption, th, td 
{
	
	font-weight: normal;

}

blockquote:before, blockquote:after,
q:before, q:after 
{
	content: "";
}
blockquote, q 
{
	quotes: "" "";
}

a
{
text-decoration: none;
color:blue;
}

.t-Icon[class*=' fa-'],.t-Icon[class^=fa-]{
    font-family: font-apex!important;
    font-size: initial;
}

.t-TreeNav .a-TreeView-node--topLevel>.a-TreeView-content .fa{
    font-size: initial;
}

.width60
{
	max-width:calc(60px * var(--felder-font-scale));
	min-width:calc(60px * var(--felder-font-scale));
}

.width80
{
	max-width:calc(80px * var(--felder-font-scale));
	min-width:calc(80px * var(--felder-font-scale));
}

.width100
{
	max-width:calc(100px * var(--felder-font-scale));
	min-width:calc(100px * var(--felder-font-scale));
}
	
.width270
{
	max-width:calc(270px * var(--felder-font-scale));
	min-width:calc(270px * var(--felder-font-scale));
}

.width290
{
	max-width:calc(290px * var(--felder-font-scale));
	min-width:calc(290px * var(--felder-font-scale));
}

/*	
.apex-jet-component.width120.oj-inputdatetime-date-time.oj-component.oj-inputdatetime.oj-form-control.oj-text-field.oj-complete,
.datepicker.apex-item-text.apex-item-datepicker.width120
{
	max-width:calc(120px * var(--felder-font-scale));
	min-width:calc(120px * var(--felder-font-scale));
}
*/

.width120:not(.datepicker),
.width120:not(.oj-text-field-middle)
{
	max-width:calc(130px * var(--felder-font-scale));
	min-width:calc(130px * var(--felder-font-scale));
}

.width140
{
	max-width:calc(140px * var(--felder-font-scale));
	min-width:calc(140px * var(--felder-font-scale));
}
	
.width150
{
	max-width:calc(150px * var(--felder-font-scale));
	min-width:calc(150px * var(--felder-font-scale));
}

.width170
{
	max-width:calc(170px * var(--felder-font-scale));
	min-width:calc(170px * var(--felder-font-scale));
}

.width200
{
	max-width:calc(200px * var(--felder-font-scale));
	min-width:calc(200px * var(--felder-font-scale));
}

.width300
{
	max-width:calc(300px * var(--felder-font-scale));
	min-width:calc(300px * var(--felder-font-scale));
}


/**, ::after, ::before, html {
    box-sizing: inherit;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*/