.details {
            display: none; /* Standardmäßig versteckt */
            position: relative;
            /*left: 10px;
			top:0;
			*/
            background-color: #fff;
            border: 3px solid var(--tab-felder-br-color);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            padding: 5px;
            z-index: 10;
            white-space: nowrap; /* Verhindert Zeilenumbruch */
        }
		
		

a-dynamic-content 
{
	overflow:hidden;
}
	
.TABSTABLE, .TABSUTABLE
{
	border-bottom: 0.4px solid var(--tab-felder-br-color); 
	border-left: 0.4px solid var(--tab-felder-br-color);
	border-right: 0.4px solid var(--tab-felder-br-color);
	border-top: 0.4px solid var(--tab-felder-br-color);
}

.TABSUTABLE
{
	margin-top:2px;
}

.TABSMENUE a, .TABSUMENU a
{
	font-size: var(--felder-font-size);
	color:black;
}
	
td.TABSMENUE
{
	width:60px;
	text-align: center;
	vertical-align: middle;
	font-size: var(--felder-font-size);
	white-space: nowrap;
	padding: 3px 3px 3px 3px;
	
}

td.TABSMENUE:hover, td.TABSUMENUE:hover
{
	background-color:lightgrey;
}	

td.SELECTED, a.SELECTED
{
	border: 2px solid;
	border-left-color:transparent;
	border-right-color:transparent;
	border-top-color:transparent;
	border-bottom-color:black;
	background-color:var(--buttonlight-bg-color);
}
	
td.TABSUMENUE
{
	width:60px;
	max-width:60px;
	min-width:60px;
	text-align: center;
	vertical-align: middle;
	font-size: var(--felder-font-size);
	color:black;
	white-space: nowrap;
}

.ui-dialog.modal-dialog--pullout 
{
   left:10px!important;
   overflow-x:auto;
}

.ui-dialog-content
{
    overflow-x:hidden!important;
}    

.small
{
	white-space: nowrap;
	font-size:0.5rem;
}

.oj-timepicker-content
{
	max-height:200px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position *
{
		font-size:1rem;
		height:1rem;
}		


.oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-text-field-input
{
	padding-left:0;
	padding-bottom:5px;
	padding-right:0px;
}	

.oj-text-field
{
	min-width:140px;
}

.apex-item-datepicker-jet
{
	margin-top:3px;
}	

.chatwho
{
	font-weight:bold;
	text-align:left;
}	

.chatwhat
{
	margin-left :4px;
	text-align:left;
}	

.chatlink
{ 
	cursor: pointer;
}

.chatvon
{
	padding-left :5px;
	padding-right:20px;
}	

.chatan
{
	padding-left :20px;
	padding-right:5px;
}	

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;  
	color:red;	
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}


.ticker {
  height: 25px;	
  overflow: hidden;
  position: relative;
  /*max-width:500px;*/
  text-align:center;
  margin-top:8px;
}


.ticker h3 {
	font-size:1.0rem;
	font-weight:normal;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 1.2rem;
    text-align: center;

    /* Starting position */
       -moz-transform:translateX(100%);
       -webkit-transform:translateX(100%);	
       transform:translateX(100%);

 /* Apply animation to this element */	
       -moz-animation: ticker 20s linear infinite;
       -webkit-animation: ticker 20s linear infinite;
       animation: ticker 30s linear infinite;
}

/* Move it (define the animation) */
      @-moz-keyframes ticker {
       0%   { -moz-transform: translateX(100%); }
       100% { -moz-transform: translateX(-100%); }
      }
      @-webkit-keyframes ticker {
       0%   { -webkit-transform: translateX(100%); }
       100% { -webkit-transform: translateX(-100%); }
      }
      @keyframes ticker {
       0%   { 
       -moz-transform: translateX(100%); /* Firefox bug fix */
       -webkit-transform: translateX(100%); /* Firefox bug fix */
       transform: translateX(100%); 		
       }
       100% { 
       -moz-transform: translateX(-100%); /* Firefox bug fix */
       -webkit-transform: translateX(-100%); /* Firefox bug fix */
       transform: translateX(-100%); 
       }
      }

.bobble {
      width: 200px;
      border: 2px dashed rgb(150,150,150);
      padding:5px;
      margin-bottom: 0px;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      -webkit-border-radius: 5px; 
       border-radius: 5px;
      text-align: left;
	  display:inline-block;
	  font-size:0.7rem;
  }
  
 	
.fc-view-container
{
		max-height: 620px;
		/*overflow-y : hidden;*/
}		

.demobutton
{
	margin-top:20px;
}


.m-signature-pad--body canvas {
        position: relative;
        left: 0;
        top: 0;
     /*   width: 100%;
        max-height: 250px; */
		overflow-y : auto;
 }
 
 	
.navi ul .left img.imagewide
{
	padding-right:10px;
}	

.navi ul .left img
{
padding: 1px 2px 1px 0px;
margin: -6px 0px 0px 0px;
width: 30px;
height: 27px;
display: inline;
float:left;

}

.navi {display:none;}
.logokunde, .logodhw {display:none;}
.benutzerdaten {display:none;}
.ueberschrift {display:none;}

.header {
	height: 100%;
	position:absolute;
	margin-top:0px;
	margin-right:10px;
	right:8px;
	height:50px;
	/*overflow:hidden;*/
}



.apex_disabled, button[disabled] {
    opacity: 70;
    cursor: default;
    pointer-events: none;
}

nav {
	clear:both;
	width:85%;
	margin-top:3px;
	display : block;
}

.logokunde.checked, .logodhw.checked {
  display:block;
} 

@media only screen and (min-width: 1369px)
{
	.holder.checked {max-width:90%;}
}

@media only screen and (max-width: 1368px)
{
	.holder.checked {max-width:80%;}
}	

/*
.apex-region-calendar.checked {width:80%;}
.maincontent.checked {width:80%;}
.navlink {display:none;}
.navshortlist {width:80%;}
.list.checked {width:80%;}
.subnavi_2.checked {width:80%;}
#kanban.checked {width:80%;}
.subcontent_1.checked {width:80%;} 
.subcontent_2.checked {width:80%;} 

*/

.header.checked
{
height: 100%;
overflow-x:auto;
position:absolute;
margin-top:0px;
margin-right:10px;
right:0px;
}

.benutzerdaten.checked {
	padding-top:15px;
	display:block;
	
}	

a#benutzerdaten {
	font-size:1.000rem;
	vertical-align:middle;
	white-space: pre;
}	

.navi.checked
{
width: 100%;
float: left;
padding-top:30px;
padding-bottom:30px;
display:inline;
}

table.buttonleiste {
	overflow-y:hidden;
	overflow-x:auto;
	display:block;
}

.maincontent
{
width:100%;
}

 .t-Alert--page .t-Alert-title 
	{
    font-weight: 400;
    font-size: 0.8rem;
    }
              
.t-Alert--page.t-Alert--success
	{
		background-color:var(--alert-background-color);
		color:var(--alert-color);
	}
      
 .t-Alert .t-Icon.icon-close:before 
 {
	color:white;
	vertical-align: middle;
 }		

table.formlayout td, table.ChartRegion td 
{
		font-size:0.938rem;
}


table.untermenue td {
	width:100%;
}

.regionfix
{
	table-layout:fixed;
}
	
table.apex-gantt-chart td:hover .details 
{
    display: block; /* Wird bei Hover angezeigt */
	top: auto; /* Automatische Positionierung */
    left: auto; /* Automatische Positionierung */
}

table.regionlayout {
	overflow:hidden;
	padding-bottom: 1px;
	display:block;
}

table.standardliste tr:hover, table.apex-gantt-chart tr:hover 
{
   background-color: lightgrey;
}

table.standardliste, table.apex-gantt-chart
{
  text-align:left;
  display:block;
  clear:both;
}
	
.Body {
	max-width:400px;
	width:400px;
}

.subcontent_1 {
    margin-top:5px;
	clear:both;
} 


.subcontent_2 {
	clear:both;
	
} 


.logout {
	margin-right:255px;
}

.tab
{
  font-weight: bold;
  text-align: left;
  padding-top:3px;
  border: none;
}

.tab a
{
   font-size:0.938rem;
}

h3
{
	color:#f08316;
	padding-top:10px;
	padding-bottom: 5px;
	font-size: 130%;
}

td h1
{
	text-align:center;
	font-size:120%;
	font-weight: bold;
}


h2.tab
{
text-indent: 0.2em;
width:100%;
margin-bottom:5px;
}

.processmodel
{
width: 100%;
height:786px;
}

.menutitle
{
	font-weight:bold;
	padding-top:10px;
	margin-left: 15px;
	margin-bottom: 2px;
	display: inline-block;
	width: max-content;
	white-space:nowrap;
}

.ChartRegion
{
	min-height:500px;
}	

table.formlayout
{
  text-align:left;
  clear:both;
}

.tab_felder
{
margin-top:5px;
margin-bottom:5px;
padding-bottom:5px;
padding-left:3px;
text-align:left;
box-shadow: 1px 1px 2px 0;
display:block;
clear:both;
overflow:hidden;
border-top-left-radius:var(--main-radius);
border-top-right-radius:var(--main-radius);
border-bottom-right-radius:var(--main-radius);
border-bottom-left-radius:var(--main-radius);

}

.mailto a
{
	text-decoration:underline;
}

.logokunde img, .logodhw img, .logokundenlogin img, .logo img
{
padding-left: 0px;
padding-top: 10px;
text-align:center;
vertical-align:middle;
width:150px;
height:auto;
}

@media only screen and (max-width: 835px)
{
	.logo img
	{
		display:none;
	}
	
	nav
	{
		width : 100%;
	}	
}	

div.apex-item-option img
{
	padding-bottom:20px;
	margin-bottom:10px;
	height:60px;
	line-height:2rem;
}	

.subnavi ul .left img, .image_ad a img
{
padding-top: 1px;
padding-bottom:1px;
padding-right: 2px;
margin: -6px 0px 0px 0px;
width: 22px;
height: 19px;
display: inline;
float:left;
}

.subnavi li.aktiv.left img
{	border-style:dashed;
	border-width: 1px;
}	
.navi ul .right img
{
padding-top: 0px;
padding-right: 5px;
margin: -6px 0px 0px 0px;
width: 30px;
height: 27px;
display: inline;
float:left;
}

#modal div
{
 
 padding-right: 15px;
 }
 
.logodhw, .logokunde, .logokundenlogin
{
    padding: 5px 0px 0px 0px;
}


.display_only
{
	border:none;
	padding: 3px 0px 3px 3px;
	display:inline-block;
	min-height:1.0rem;
}


.prozess_steps li, .fc .fc-event
{
	font-size:0.9rem;
	border-top-left-radius:var(--main-radius);
	border-top-right-radius:var(--main-radius);
	border-bottom-right-radius:var(--main-radius);
	border-bottom-left-radius:var(--main-radius);
}

div.prozess
{
width: 400px;
height: 80px;
}   

.prozess_steps ul li
{
display: block;
padding: 4px 8px 4px 8px;

vertical-align:middle;
}


.shortlist ul li
{
display: block;
padding: 8px 0px 8px 0px;
vertical-align:middle;
}

.shortlist ul li.aktiv 
{
padding: 8px 4px 3px 4px;
}

.subnavi li.nolines
{ border-left: 0px;}

.subnavi ul li
{
display: block;
vertical-align:middle;
}

.subnavi ul li:first-child
{
border-left: 0px;
}


.navi ul li
{
padding: 5px 4px 5px 4px;
display: block;
text-align:left;
}


.navi ul li.aktiv
{
text-decoration:underline;
}

.subnavi ul li.aktiv  
{
text-decoration:underline;
}

.left
{
float: left;
text-align:left;
}

.right
{
float: right;
text-align:right;
}

.middle
{
 text-align:center;
 vertical-align:middle;
 
}

.noborder
{
 border-style:none;
 padding-top: 2px;
 padding-bottom:2px;
}

.startcontent
{
clear: both;
width: 100%;
padding: 0 0 0 0;
font-size:1.0em;
}

.startcontent h1
{
padding: 8px 0 0 0;
text-indent: 15px;
font-size: 150%;
width: 30%;
text-align: left;
}

.div checkbox
{
padding-left: 13px;
margin-left: 5px;
}

.floatleft
{
	float:left;
	margin-right: 2px;
}	


table.standardliste td.pagination. table.apex-gantt-chart td.pagination
{
	border-style:none;
}	

table.standardliste th, div.rpt-sort, div.rpt-sort a, table.apex-gantt-chart th
{
   clear:both;
   font-weight: bold;
   /*padding: 15px 8px 5px 2px;*/
   border-style: solid;
   border-top:none;
   border-left:none;
   border-right:none;
   border-color: lightgrey;
   border-width: 1px;
}


table.formlayout td
{
  padding-right: 1px;
  padding-left: 1px;
  text-align:left;
  border-style:none;
  box-sizing:border-box;
  padding-top:5px;
  
}

table.standardliste td.vorschlag
{
	max-width:200px;
	vertical-align: top;
	overflow-y:auto;
	
}

.ch_table td
{
	border-style: none;
	font-style:italic;
}

.ch_li, .ch_table
 {
	margin-left:15px;
 }	

table.standardliste td, table.standardliste td select, table.apex-gantt-chart td, table.apex-gantt-chart td select
{
  padding-left: 1px;  
  vertical-align:middle;
  border-style: solid;
  border-width: 1px;
  
}


.footer
{
float: left;
width: 100%;
margin-top: 5px;
font-size:0.6rem;
color:red;
display:none;
}

.footer ul
{
margin-left: 10px; 
}

.footer ul li
{
float: left;
display: inline;
}

.footer ul li a:link
{
padding: 3px 4px 3px 4px;
display: block;
}