A           { color:black; text-decoration:none !important; }

.hdTab {      
      font-weight:700;
      background-color:#ffffff;
      color: #000000;
}

.hdTab A {
      color: #000000;
}

.hdTabActive {
      font-weight:700;
      background-color:#337ab7;
      color:#ffffff;
      white-space: nowrap;
}

.hdTabActive A        { color:#ffffff; }
.hdTabActive A:hover  { color: yellow; background-color: #337ab7; }


.vcrBackground {
  border-collapse: collapse;
  border: solid #CCCCCC 1px;
}

.vcrBackground TD {
	border: solid #CCCCCC 1px;
}

.tableHead {
      color:white;
      background-color:#337ab7;
      font-weight:700;
}

.tooltip {
	color: #000000;
 	background-color: transparent;
 	width: 450px;
}

.trcurr {
      background-color:#ffff99;
}

.tr1 {
	background-color:#ffffff;
	line-height: 18px;	
}

.tr0 {
      background-color:#ddeeff;
      line-height: 18px;
}

.trFeiertag {
  background-color: #DDDDFF;
  line-height: 18px;  
}

.trRegionalFeiertag {
  background: repeating-linear-gradient( -45deg, #DDDDFF, #DDDDFF 10px, #FFFFFF 10px, #FFFFFF 14px );
  line-height: 18px;
}


.tr3 {
      background-color:#7186b2;
      color: white;
      line-height: 18px;
      text-align: center;
}

.tr1bold {
      font-weight:bold;
      background-color:#ffffff;
      line-height: 22px;
}

.tr3bold {
      font-weight:bold;
      background-color:#7186b2;
      color: white;
      line-height: 18px;
}

.tdHead {
      background-color:#E5E5E5;
      vertical-align: top;
      padding: 2px;
}


.tdCalIll {
      background-color:#E5E5E5;
      cursor:pointer;
}

.tdCalHomeOffice {
  background-color:#FFCCCC;
  padding-left: 5px;
}

.tdCalPresenceHO {
  background-color:#FFCCCC;
  padding-left: 5px;
}

.tdCalPresencePartHO {
  background: repeating-linear-gradient( -45deg, #FFCCCC, #FFFFFF 10px, #FFFFFF 10px, #FFFFFF 5px );
  padding-left: 5px;
}

.tdCalDate {
   background-color:#FFCC99;
   cursor:pointer;
   padding: 2px 0px 2px 5px;
}

.tdCalVacation {
  background-color:#daf8c7;
  cursor:pointer;
  padding: 2px 0px 2px 5px;
}

.tdCalSupport {
   background-color:#FFFFCC;
   cursor:pointer;
   padding: 2px 0px 2px 5px;
}

.tdToday {
      background-color:#fed26b;
      font-weight:bold;
}

.td0 {
      background-color:#ffffff;
      vertical-align: top;
      padding: 2px;
}

.td0 A { color:#1a095e; text-decoration:none;}

.td1 {
      background-color:white;
      color:red;
}
.td1 A { color:red; text-decoration:none;}


.button {
      font-weight: 700;
      border-style:outset;
}

.inputField {
  background-color:#ffffff;
}

.inputFieldSmall {
  background-color:#ffffff;
  font-size: 80%;
}

.inputFieldNoBorder {
      border-width:0;
}

.error {
   color:red;
}

.error2 {
   color:red;
   font-weight: bold;
}

.errorHeader {
   color:#142e72;
   font-weight: bold;
}


.listeA {
  text-decoration:none;
}

.funcLink   { }
.funcLink A { color:black; }

.titelgross { font-size: 150%; padding: 10px 0px 10px 0px;}
.headlineBig{ font-size: 150%;
              margin-top: 5px; }

.titel      {  }
.headline   { font-weight: bold;
              margin-bottom: 5px; }

.buttonline {  margin: 5px 0 10px 0; }
.searchline { float:right;}
.wtdateline { font-size:125%; font-weight: bold; }

.pnewsheadline2 { font-size:130%;
                text-decoration:underline;
                background-color:#FFFFFF;
                border-left-width:3px;
                border-left-color:#FFFFFF;
                border-left-style:solid;
               }
.pnewsheadlinenew2 { font-size:130%;
                color:red;
                background-color:#FFFFFF;
               }
.pnewsauthor2 { 
	font-size:90%;
  background-color:#FFFFFF;
  border-left-width:3px;
  border-left-color:#FFFFFF;
  border-left-style:solid;
}

.pnewscontent  {
                font-size:110%;  
                background-color:#FFFFFF;
                padding-top: 10px;
               }
.startcontent  {
                font-weight:500;
                background-color:#FFFFFF;

               }
.startheadline {
                font-weight:700;
                background-color:#FFFFFF;
                text-decoration:underline;
               }

.startbottom  { background-color:#FFFFFF;
                border-bottom-width:1px;
                border-bottom-color:#cccccc;
                border-bottom-style:solid;
              }
.pnews         { background-color:#E5E5E5; }

.footer      { color: #eeeeee; font-size:90%; }
.greeting   { font-size: 130%; font-weight: bold; }
.notice     {  background-color:yellow; font-size:130%; }

.box {
  background-color: #92a7d7;
  border-spacing: 1px;
  border-collapse: separate;
}


.sub	{
  color: #31145e;
  background-color: #ffffff;
}
.t1	{
  background-color: #7186b2;
}

A.a1 {
  color: #31145e;
  text-decoration: none;
}


A.a1:hover {
  color: red;
  background-color: white;
  text-decoration: none;
}

.noborder {border:0;}
/* 
 * ------------------------------------------------
 * DISPLAY_TAG - Bereich 
 * ------------------------------------------------
 */
.display_table {
	width: 100% !important;
	clear: both !important;
	border-collapse: collapse !important;
	vertical-align: top !important;
	font-size: 13px;
	font-family: Tahoma, Arial, Verdana;	
}

.display_table TH
{
  color: white !important;
  background-color: #337ab7 !important;
  font-weight: 700 !important;
  border: solid #CCCCCC 1px !important;
  padding: 3px !important;
  text-align: left !important;
}

.display_table TH A        { color:#ffffff !important; }
.display_table TH A:hover  { color: yellow !important; background-color: #337ab7 !important; }

.display_table TD {
	vertical-align: middle !important;
	border: solid #FFFFFF 1px !important;	
}

.display_table tfoot TD {
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 3px;	
}


.display_table .sortable A {
	text-decoration: none;
	color: white;
	font-weight: 700;
}

.display_table .sortable A:hover {
	text-decoration: none;
	font-weight: 700;
}

.pagebanner {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

.pagelinks {
	float: right;
	margin-top: 3px;
	margin-bottom: 3px;
}

.pagelinks IMG {
  vertical-align: bottom;
  border: 1px solid black;
}


.aleft {
	text-align: left;
	vertical-align: middle;
}

.acenter {
	text-align: center ! important;
	vertical-align: middle;
}

.aright {
	text-align: right ! important;
	vertical-align: middle;
}

.field {
	
}


.field1 {
	border: solid #808080 1px;
	padding: 5px;
	height: 24px;
}

#buttons {
	float: right;
	line-height: 10px;
}

#buttons UL {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 10px;
	list-style-type: none;
}

#buttons LI {
	padding-right: 1px;
	padding-left: 1px;
	width: 80px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

#buttons BUTTON {
	width: 100px;
	height: 28px;
}

.containerCallContent {
	top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  background-color: #FFFFFF;
}

.login {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: auto;
	background-color: #FFFFFF;
}


.tohide {display:none;} /* diese Zeile ist nicht sichtbar */


div.exportlinks {
	background-color: #FFFFFF;
	border: 0px;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline-block;
	cursor: pointer;
}

span.excel {	
	background-image: url(../../images/ico_file_excel.png);
	background-repeat:no-repeat;
}

span.csv {
	background-image: url(../../images/ico_file_csv.png);
	background-repeat:no-repeat;
}

span.xml {
	background-image: url(../../images/ico_file_xml.png);
	background-repeat:no-repeat;
}

span.pdf {
	background-image: url(../../images/ico_file_pdf.png);
	background-repeat:no-repeat;
}

span.rtf {
	background-image: url(../../images/ico_file_rtf.png);
	background-repeat:no-repeat;	
}

.highlightSearchExp {
	background-color: yellow;
}

.errorMessage {
	color: red;
}
.errorLabel {
	color: red;
}
.dialogContent {
	margin: 3px;
}
.dialogHeader {
	font-size: 110%;
	font-weight: bolder;
	
}
.imgtext {
	vertical-align: 25%;
}

.dataTableNoBorder TD {
	border: 0px;
	padding: 2px;
}

.pad10 {
  padding: 10px;
}
.pad5 {
  padding: 5px;
}

.pad0 {
  padding: 0px;
}

.padBot10 {
  padding-bottom: 10px;
}

.marginBot10 {
  margin-bottom: 10px;
}

.padTop10 {
  padding-top: 10px;
}

.padTop25 {
  padding-top: 25px;
}

.padRi10 {
  padding-right: 10px;
}

.iss_button {
	display: inline-block;
	padding: 3px 3px;
	margin-bottom: 0;
	margin-right: 5px;
	font-size: 12px;
	font-weight: 400;
  min-width: 100px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #bbb;
	color: #333;
	background-color: #EEEEEE;
	border-radius: 4px;
}

.iss_button_text {
  padding-left: 5px;	
}

.legend {
  height: 16px;
  min-width: 40px;
  margin-left: 50px;
  margin-right: 10px;
  float: left;
}

.calmonth {
  height: 16px;
  min-width: 50px;
  text-align: center;
  float: left;
  font-weight: bold;
}

.cfTop { background-image: -moz-linear-gradient(top, #CCCCCC 25%, #DDDDDD 100%);
         background-image: -webkit-linear-gradient(top, #CCCCCC 25%, #DDDDDD 100%);
         background-image: -ms-linear-gradient(top, #CCCCCC 25%, #DDDDDD 100%);
         background-image: -o-linear-gradient(top, #CCCCCC 25%, #DDDDDD 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#DDDDDD');
         color: #111111; font-size: 160%; padding: 5px 5px 5px 25px;
         border-top-left-radius: 5px; border-top-right-radius: 5px; }    
.cfFrame100  { width: 100%; }
.cfFrame  { width: 800px; }
.cfLvt    { padding: 20px 75px 50px 75px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }

.cfHeader { text-align: right; padding: 20px 20px 20px 0px; border-bottom: 1px solid #CCCCCC; }
.cfBottom { text-align: right; padding: 20px 20px 20px 0px; border-top: 1px solid #CCCCCC; }
.cfLvt TR { height: 30px; }
.cfLvt TH { text-align: right; padding-right: 15px; font-weight: normal; white-space: nowrap;  }
.cfLvt TD { }
.cfLvt INPUT { margin-right: 15px; padding: 4px; }

.ui-widget { font-family: Tahoma, Arial, Verdana; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Arial, Verdana; font-size: 1em; }

.td_nowrap TD {
	white-space: nowrap;
}

.nowrap{
  white-space: nowrap;	
}


.upload-area {
	padding-top: 10px;
	height: 100px;
	border: 2px dashed #aaaaaa;
	text-align: center;
}

.paste-area {
  padding: 0px;
  margin-left: 10px;
  text-align: center;
  border: 2px dashed #aaaaaa;
  max-height: 100px;
  color:grey;
}

.paste-canvas {
  max-height: 100px;
}

.version_div {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 2px 0px;
	border-radius: 3px;
}

.version_typ_rel {
  color: #70AD47; 
  border: 1px solid #70AD47;
  
}

.version_typ_vorb {
  color: #ED7D31;
  border: 1px solid #ED7D31;
}

.version_typ_q {
  color: #5B9BD5;
  border: 1px solid #5B9BD5;
}

.version_depend_table th {
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #000000;
}

.version_depend_table td {
  padding: 2px 10px 2px 10px;
}

.cr_taskid_link {
  background-color: #f9d2b9;
}

.eurob_taskid_link {
  background-color: #B7F0FB;
}

.pj_taskid_link {
  background-color: #98FF98;
}

td:has(> div.auftrag_orange) {
    background-color: #f9d2b9;
}

.akademie {
	padding: 25px;
}

.akademie h2 {
	margin: 20px 0px 3px 0px;
}


.tasklink {
  padding: 2px 5px 2px 5px;
  margin: 2px 5px 2px 0px;
  border-radius: 3px;
  float: left; 
}

.tasklink_typ_i {  
  color: #333333;
  border: 1px solid #333333;
}

.tasklink_typ_p {
  color: #ED7D31;
  border: 1px solid #ED7D31;
}

.tasklink_typ_q {  
  color: #5B9BD5;
  border: 1px solid #5B9BD5;
}

.tasklink_typ_v {
  color: #70AD47; 
  border: 1px solid #70AD47;
}

.tasklink_typ_t {
  color: #B8860B;
  border: 1px solid #B8860B;
}

.tasklink_typ_null {
  color: #999999;
  border: 1px solid #CCCCCC;
}


.task_info_modal {
	cursor: pointer;
}

#task_info_modal_body {
  max-height: 600px;
  overflow: auto;
}

#task_cust_modal_body {
  min-height: 600px;
  max-height: 800px;
  overflow: auto;
}

.flowtext {
	word-wrap: break-word;
	word-break: break-word;
	white-space: pre-wrap;
	max-width: 1200px;
	padding: 10px 0px 10px 2px; 
	margin: 0px;
}

.flowtext_activity {
	word-wrap: break-word;
	word-break: break-word;
	max-width: 1200px;
	padding: 10px 0px 10px 2px; 
	margin: 0px;
}

.flowtext_activity > * {
  margin-bottom: 0px;  
}

.flowtext_activity .panel .panelContent p {
	margin: 5px;
}
 
/* Jira Tabellen Design */
.flowtext_activity table td, .flowtext_activity table th {
  padding: 10px;
  border: 1px solid #CCCCCC;
}

.flowtext_activity table th, .flowtext_activity table th{
  background-color: #E5E5E5;
}

/* Jira Code Design*/
.flowtext_activity .panel {
  background-color: #F5F5F5;
}

/* summernote nur Textcolor */
/* remove top and bottom padding */
.note-color .dropdown-menu {
    min-width: 168px !important;
    padding: 0;
}
/* hide background color picker */
.note-color .note-palette:first-child {
    display: none !important;
}

.note-editable p {
    margin-bottom: 0;
}

#wvk_cust_modal_body {
  height: 800px;
  overflow: auto;
}

#textbausteinList li.active,
#textbausteinList li.active a {
    background-color: #337ab7;
    color: #ffffff !important;
}

#textbausteinList li.popup-item:hover {
    background-color: #f0f0f0;
}

.tooltip.textbaustein-tooltip .tooltip-inner {
    text-align: left;
    white-space: pre-wrap;
    padding: 5px 20px;
}

.cb-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 15px;
}

.cb-item input[type="checkbox"] {
    margin: 0;
}

.cb-item i {
    display: flex;
    align-items: center;
    line-height: 1;
}

.radio-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 15px;
}

.radio-item input[type="radio"] {
    margin: 0;
}