/****************************************************/
/*     CSS-Datei für die Farben des Projekt         */
/*                 TMS-Workflow                     */
/****************************************************/


::-moz-selection {
  background-color: #121619 !important;
  color:            #fff !important;
}
::selection {
  background-color: #121619 !important;
  color:            #fff !important;
}

/* Textfarbe für die gesamte Seite */
body {
  background: #595964 ;
  color:      #111;
}

/* Fixed Topmenu */
.topmenu {
  background: linear-gradient(to bottom,#F9F9F9,#F9F9F9);
  box-shadow: 0 3px 6px #888;
}
/* wrapper: content bereich */
.pg-content {
  background: #F7F7F7;
  box-shadow: 4px 0 12px -4px #acacac, -4px 0 12px -4px #acacac;
  color:      #000;
}
/* Hintergrundfarbe der gesamten Seite, von Radiobuttons und Checkboxen */
#content, #contentmenu, .checkbox, .head, .headmenu, .headmenubold, .radio {
  background-color: #F7F7F7
}

#header {
  background: #005283;
  border: 1px solid #ccc;
  box-shadow:       0 5px 16px #ddd;
}
#header .tms-header {
  border: 1px solid #a6a6a6;
	box-shadow: 0 4px 12px #ccc;
}

/* Textfarbe für das Menü oben rechts (Schaltflächen Kontakt,Hilfe) */
.headmenu, a:link, a:visited, a:active, a:hover {
  color: #005283
}   
/* Farbe des Bereichs (Trennbalken) zwischen den Links/Schaltflächen oben rechts */
.headmenu{
  border-right-color: #005283
}
/* Textfarbe für das Menü oben rechts (Schaltfläche Abmelden) */
.headmenubold {
  color: #A51B19
}   

.headmenu:hover,.headmenu:hover a,.headmenu:focus {
  background: #005283 !important;
  color:      #fff;
}
.headmenubold:hover,.headmenubold:focus {
  background: #A51B19;
  color:      #fff;
}

a:focus,
a.help:focus {
  background: #005283 !important;
  color:      #fff;
}

/* Textfarbe für Fehlermeldungen, Plausibilitäten und Beträge in Tabellen */
.red, .error, .tabellenbetragrot {
  color: #A51B19; 
  font-weight: 700;
  font-size:1.05rem
}

/* Textfarbe für angezeigte Werte auf Übersichtsseiten z.B. Antragsübersicht */
.value, .subblockdiv15v, .subblockdiv25v, .subblockdiv30v, .subblockdiv35v, .subblockdiv40v, .subblockdiv45v, 
.subblockdiv50v, .subblockdiv55v, .subblockdiv60v, .subblockdiv65v, .subblockdiv70v, .subblockdiv75v, .subblockdiv100v,
.subblockdivinput5v, .subblockdivinput10v, .subblockdivinput15v, .subblockdivinput25v, .subblockdivinput30v, .subblockdivinput35v,
.subblockdivinput40v, .subblockdivinput45v,.subblockdivinput50v, .subblockdivinput55v, .subblockdivinput60v, .subblockdivinput65v, 
.subblockdivinput70v, .subblockdivinput75v, .subblockdivinput100v, .subblockdivlabel15v, .subblockdivlabel25v, .subblockdivlabel30v, 
.subblockdivlabel35v, .subblockdivlabel40v, .subblockdivlabel45v, .subblockdivlabel50v, .subblockdivlabel55v, .subblockdivlabel60v, 
.subblockdivlabel65v, .subblockdivlabel70v, .subblockdivlabel75v, .subblockdivlabel100v, .tabelleninhalt, .tabelleninhaltborder, .tabelleninhaltbordernowrap, 
.tabelleninhaltborderleft, .tabelleninhaltborderleftnowrap, .tabellenpositionleft, .tabellenpositionleftnowrap, .tabellenbetrag, .tabellenbetragfett  {
  color: #00487C
}       

/* Farbe einer Trennlinie */
hr.line{
  color: #006fb4
}
/* Farbe einer Trennlinie im Menü */
hr.menue,.menuline{ 
  color: #fff;
  /*background-color: #005283;*/
}
hr.menu {
  background: #005283;
}

/* Hintergrundfarbe des Menüs */
.menu {
  background:         linear-gradient(to bottom,#F9F9F9,#F9F9F9);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
  border:             1px solid #ddd;
}        

.menutext { /*#contentmain #menu:before*/
  background: #005283;  
  box-shadow: 0 2px 4px #ccc;
  color:      #f8f9fa;
}     

.menulabel { /*#contentmain #menu:before*/
  background: #005283;  
  /*box-shadow: 0 2px 4px #ccc;*/
  color:      #f8f9fa;
}     

#contentmain .menu ~ input[type="submit"] { 
  color: yellow !important;
}

a.mlink:hover, a.mlink:active, a.mlink:link, a.mlink:visited {
  background: #818181;
  color:      #005283;
}
/* Farbe des oberen Bereichs der Fußzeile */
#footer{
  background: 			linear-gradient(to bottom,#F3F3F3,#F0F0F0);
  border-top-color: #005283
}    
.auswahlliste {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
          box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
} 
/* Farbe der Tabellen, welche z.B. bei der Historie von Anträgen eingesetzt wird */
.belege, .tabelleninhaltborder, .tabelleninhaltbordernowrap, .tabelleninhaltborderleft .tabelleninhaltborderleftnowrap {
  border-color: #006fb4
}    

/* --- error box --- */
div.error h4{         
  background: #f7f9fc;         
  border: 1px solid #E43A45;
  border-bottom-width: 0px;
  border-radius: 0 !important;
  color:      #333;
}
div.error ul,
div.error p {    
  background: #f7f9fc;
  /*background: rgba(255,0,0,.015);*/   
  border: 1px solid #E43A45;
  border-radius: 0 !important;
  color: #333;
}  

span.error ul {
  background: #f7f9fc;
  border: 1px solid #E43A45;
  border-radius: 0 !important;
  color: #333/*#333*/
}

ul.error,
p.error {
  color: #AD0000 !important; /*#E43A45        PVB Kontrast 7.05 zu 1 für Fehlermeldungen*/    
  background: #F7F7F7 !important; /*rgba(255,0,0,.015)*/
}   

h4.error {
  background: #F7F7F7 !important;/*rgba(255,0,0,.015)*/
}

/* --- specials: ... --- */
section.abschnitt h2 {
  background: #A51B19 !important;
  color: #fff !important;
} 

/* --- specials: select disabled --- */
select:disabled,
select.disabled,
select[disabled="disabled"] {
  background: #D3D3D3;
}

select:focus, select:hover {
  background: lightyellow; 
  border:     1px solid #333;
}    

select:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 1);         
}    

button[disabled]:hover {     /* PVB 14.04.2022 Wenn über diablete Buttons gehovert wird, werden diese Ausgegraut */
  color: #333;
  background: #bbb;
}

/* Textfarbe, Rahmenfarbe (unterstrichen) und Hintergrundfarbe bei den Titelblöcken */
.title,.title-sb,.title-fn,.blocktitle,.blocktitle-sb,.blocktitle-fn,.blocktitlegross {  
  border-bottom-color:  #006fb4;
  color:                #005283;
} 
h1.title,h1.title-sb,h1.title-fn {
  box-shadow:   0 2px 4px #ccc !important;
  color:        #f8f9fa !important; 
  text-align: center;
}
h1.title {
  background:   #005283 !important; 
}
h1.title-sb {
  background:   #316f26 !important; 
}
h1.title-fn {
  background:   #209097 !important; 
}
.blocktitle,.blocktitle-sb,.blocktitle-fn {                
  border-bottom: none;
  background: 	#595964;
  box-shadow: 	0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
h2.blocktitle,h2.blocktitle-sb,h2.blocktitle-fn
,caption.blocktitle,caption.blocktitle-sb,caption.blocktitle-fn {
  box-shadow:   0 2px 4px #ccc !important;
  color: 			  #f8f9fa !important;  
  border-bottom: 1px solid #bbb;
}
h2.blocktitle
,caption.blocktitle {
  background: #005283 !important;
}
h2.blocktitle-sb
,caption.blocktitle-sb {
  background: #316f26 !important;
}
h2.blocktitle-fn
,caption.blocktitle-fn {
  background: #209097 !important;
}

/* _________________________ INPUT TYPES ____________________________________ */

/* Eingabefelder und Listen */
input, textarea, select{
  background:       #F7F7F7;
  /*border-color:     1px solid #005283;*/
  border:             1px solid #005283;
  -webkit-box-shadow: #FFF;
  box-shadow:       #FFF;
  color:            #010305;
} 

/* Schrift- und Hintergrundfarbe von deaktivierten Eingabefeldern und Listen */
input[disabled="disabled"], select[disabled="disabled"]{
  background:       #D3D3D3;
  color:            #111;             
  opacity: 1.0 !important;                                  /* 21.04.22 PVB Kontrat nicht groß genug, opacity für diabelte inputfelder zerstärt nötigen kontrast */
}

input[type="text"]:focus,input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
  background:         lightyellow;
  border:             1px solid #333;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 1);         
}       

input[type="checkbox"]:focus, 
input[type="radio"]:focus {
  outline: 1px solid #333;
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}
input[type="file"]:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  background: lightyellow;
}


/*** ---   button: submit / bNav  >> Hintergrundfarbe von Schaltflächen und Links   --- ***/
img[type="ai"]{ 
  background: linear-gradient(to bottom, #fff, #F3F3F3) }
input.submit,input[type="submit"].submit, button.normal, button.normalmain, button[type="submit"]{ 
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #005283; box-shadow: transparent; color: #005283 }
input.submit:active,input[type="submit"].submit:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
input.submit:focus, input[type="submit"].submit:focus, input.submit:hover, input[type="submit"].submit:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }

/*** ---   button: submitmain / bMain   --- ***/      
input.submitmain, input[type="submit"].submitmain{
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #005283; box-shadow: transparent; color: #005283 }
input.submitmain:active, input[type="submit"].submitmain:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
input.submitmain:focus, input[type="submit"].submitmain:focus, input.submitmain:hover, input[type="submit"].submitmain:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }

/*** ---   button: submitpage / bPage   --- ***/      
input.submitpage, input[type="submit"].submitpage{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
input.submitpage:active, input[type="submit"].submitpage:active{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
input.submitpage:focus, input[type="submit"].submitpage:focus, input.submitpage:hover, input[type="submit"].submitpage:hover{
  background: #a2acbd; border: 1px solid transparent; box-shadow: transparent; color: #111 }

  /*** ---   button: normalpage / bPage   --- ***/      
  button.normalpage, button[type="submit"].normalpage{
    background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
  button.normalpage:active, button[type="submit"].normalpage:active{
    background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
  button.normalpage:focus, button[type="submit"].normalpage:focus, button.normalpage:hover, button[type="submit"].normalpage:hover{
    background: #a2acbd; border: 1px solid transparent; box-shadow: transparent; color: #111 }
  
  /*** --- button gruener Haken z.B. auf der Antragsseite --- ***/
button.submitpage, button[type="submit"].submitpage{
  border-color: #121619; box-shadow: #121619 }
button.submitpage:active, button[type="submit"].submitpage:active{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
button.submitpage:focus, button[type="submit"].submitpage:focus, button.submitpage:hover, button[type="submit"].submitpage:hover{
  background: #a2acbd; border: 1px solid transparent; box-shadow: transparent; color: #111 }

/*** ---   button: divsubmit / bSubmit   --- ***/     
.divsubmit{
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #005283; box-shadow: transparent; color: #005283 }
.divsubmit:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
.divsubmit:focus, .divsubmit:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }

/*** ---   button: submitused / bUsed  >>> Hintergrundfarbe der Schaltflächen im Hauptmenü bei Bausteinen  --- ***/
input.submitused,input[type="submit"].submitused{
  background: #c3c9d5; border: 1px solid #005283; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
input.submitused:active,input[type="submit"].submitused:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
input.submitused:focus, input.submitused:hover,input[type="submit"].submitused:focus,input[type="submit"].submitused:hover{
  background: #3E4756; border: 1px solid #005283; box-shadow: transparent; color: #fff }

/*** ---   button: submitmainused / bUsed  >>> Hintergrundfarbe der Schaltflächen im Hauptmenü bei Bausteinen  --- ***/
input.submitmainused,input[type="submit"].submitmainused{
  background: #c3c9d5; border: 1px solid #005283; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
input.submitmainused:active,input[type="submit"].submitmainused:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
input.submitmainused:focus, input.submitmainused:hover,input[type="submit"].submitmainused:focus,input[type="submit"].submitmainused:hover{
  background: #3E4756; border: 1px solid #005283; box-shadow: transparent; color: #fff }

/*** ---   button: normalused / bUsed  >>> Hintergrundfarbe der Schaltflächen im Hauptmenü bei Bausteinen  --- ***/
button.normalused,button[type="submit"].normalused{
  background: #c3c9d5; border: 1px solid #005283; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
button.normalused:active,button[type="submit"].normalused:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
button.normalused:focus, button.normalused:hover,button[type="submit"].normalused:focus,button[type="submit"].normalused:hover{
  background: #3E4756; border: 1px solid #005283; box-shadow: transparent; color: #fff }

/*** ---   button: normalmainused / bUsed  >>> Hintergrundfarbe der Schaltflächen im Hauptmenü bei Bausteinen  --- ***/
button.normalmainused,button[type="submit"].normalmainused{
  background: #c3c9d5; border: 1px solid #005283; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
button.normalmainused:active,button[type="submit"].normalmainused:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
button.normalmainused:focus, button.normalmainused:hover,button[type="submit"].normalmainused:focus,button[type="submit"].normalmainused:hover{
  background: #3E4756; border: 1px solid #005283; box-shadow: transparent; color: #fff }

  /*** ---   button: normalmainusedactions / bUsed  >>> Hintergrundfarbe der Schaltflächen im Aktionsmenü  --- ***/
button.normalmainusedactions,button[type="submit"].normalmainusedactions{
  background: #c3c9d5; border: 1px solid #005283; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
button.normalmainusedactions:active,button[type="submit"].normalmainusedactions:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
button.normalmainusedactions:focus, button.normalmainusedactions:hover,button[type="submit"].normalmainusedactions:focus,button[type="submit"].normalmainusedactions:hover{
  background: #3E4756; border: 1px solid #005283; box-shadow: transparent; color: #fff }

/* --- button: Zurück, Rechteauswahl  / bReturn   --- */       
button[type="submit"][value="Zurück"],button[type="submit"][value="zurück"],button[type="submit"][value="Zur�ck"],button[type="submit"][value="zur�ck"],button[type="submit"][value="back"],button[type="submit"][value="Back"],button[type="submit"][value="Rechteauswahl"] {
  background: #000 !important;
	color: #fff;
}
button[type="submit"][value="Zurück"]:focus,button[type="submit"][value="zurück"]:focus,button[type="submit"][value="Zur�ck"]:focus,button[type="submit"][value="zur�ck"]:focus,button[type="submit"][value="back"]:focus,button[type="submit"][value="Back"]:focus,button[type="submit"][value="Rechteauswahl"]:focus {
  background: linear-gradient(to bottom,#444,#888) !important;
}
button[value="Zurück"]:hover,button[value="zurück"]:hover,button[value="Zur�ck"]:hover,button[value="zur�ck"]:hover,button[type="submit"][value="back"]:hover,button[type="submit"][value="Back"]:hover,button[value="Rechteauswahl"]:hover {
  background: linear-gradient(to bottom, #444, #888) !important;
}           


/*No Pagination*/
/*div.bold#no_pagination*/
/*div.bold#middle_pagination*/
#no_pagination,
#middle_pagination{  /*CSS-Klasse für keine Pagination*/
  text-align:center;
  border: 1px solid white;
  border-radius: 2.5px;
}

Input#row_count{  /*Für die Anzeige der Anzahl der Einträge mit keine Pagination*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}
/*---------------------------------------------------------*/

/*Simple Pagination*/
/*div.bold#simnple_pagination*/
#simple_pagination{
  text-align:center;
  border: 1px solid white;
  border-radius: 2.5px;
}

input.submit_simple_pagination,
input.submit_middle_pagination{  /*@Für die Leiste oberhalb der Paging-Leiste*/

  font-size:10pt;
  background-color:white;
  border: hidden;
  width:90px;    
  text-align:left;
  
}

input.submit_simple_pagination#pagesL,
input.submit_middle_pagination#pagesL  {  /*Für die Leiste oberhalb der Paging-Leiste*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}

div.bold#sub_paging{  /*CSS-Klasse submit_new für Paging*/
  padding-left:0;
  text-align:center;
}

input.submit_sub_paging, input.submit_sub_paging_inactive{  /*CSS-Klasse submit_sub_paging für Paging*/
  background-color: white;
	border-radius: 5px;    
  padding: 4px; 
  width: 30px;
  height: 30px;
  text-align:center;	
} 

input.submit_sub_paging_bold {   /*CSS-Klasse submit_sub_paging für Paging*/
  background-color: white;
	border-radius: 5px;    
  padding: 4px; 
  width: 30px;
  height: 30px;
	border-style:double;
	border-width:2px;
  font-weight:bolder !important;
  text-align:center;
}

button.normal_sub_paging, button.normal_sub_paging_inactive{  /*CSS-Klasse normal_sub_paging für Paging*/
  background-color: white;
	border-radius: 5px;    
  padding: 4px; 
  width: 30px;
  height: 30px;
  text-align:center;	
} 

button.normal_sub_paging_bold {   /*CSS-Klasse normal_sub_paging für Paging*/
  background-color: white;
	border-radius: 5px;    
  padding: 4px; 
  width: 30px;
  height: 30px;
	border-style:double;
	border-width:2px;
  font-weight:bolder !important;
  text-align:center;
}

input.submit_borderless {  /*Für die Leiste oberhalb der Paging-Leiste*/
  font-size:10pt;
  background-color:white;
  border: hidden;  
  width:90px;    
  text-align:left;
}

#pagesL{  /*Für die Leiste oberhalb der Paging-Leiste*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}

#vonL, #bisL,#seiteL{ /*Für die Leiste oberhalb der Paging-Leiste*/
  font-size:9pt;
  width:110px; 
  font-weight:normal;
}

#vonL{
  margin-left:5px;
}

#vonl, #bisl{
  text-align:left;
  width:40px;
  color:blue;
}

div.bold#pagingInfo{
  text-align:center;
}

.dsgvo-table th,
.dsgvo-table td {
  border: 1px solid #006fb4;
  color: #00487C;
}

.general-table td,
.general-table th[scope="row"] {
  color: #00487C;
}