a {
   color: #2668b2;
}


a:selected {
   color: #2668b2;
}

.normalertext {
   text-decoration: none;
   color: #000000;
   border-bottom-style: none;
}


.eingabefeld {
   font-family: arial;
   font-size: 13px;
   padding: 10px;
   width: 730px;
   display: inline;
   vertical-align: top;
   margin-right: 15px;
   margin-bottom: 15px;
}

.eingabefeld label {
   font-size: 12px;
   display: inline-block;
   font-weight: bold;
   width: 130px;
   vertical-align: top;
}


.eingabefeld .textfeld {
   width: 220px;
   display: inline-block;
   padding-bottom: 8px;
}

.eingabefeld .textfeld2 {
   width: 220px;
   display: inline-block;
}



.eingabefeld input[type=text] {
   width: 200px;
   padding: 7px;
   font-size: 12px;
   border: 1px solid #cccccc;
   vertical-align: top;
}


.eingabefeld select {
   width: 200px;
   padding: 7px;
   font-size: 12px;
   border: 1px solid #cccccc;
   vertical-align: top;
}


.eingabefeld textarea {
   width: 200px;
   height: 92px;
   padding: 5px;
   font-size: 12px;
   border: 1px solid #cccccc;
   vertical-align: top;
}


.eingabefeld input[type=button] {
   padding: 7px;
}


.eingabefeld input.datumsfeld {
   width: 184px;
   margin-right: 0px;
}


.eingabefeld input,
.eingabefeld select,
.eingabefeld textarea {
   margin-bottom: 20px;
   font-family: arial;
   margin-right: 32px;
}


.eingabeoneline {
   font-family: arial;
   font-size: 13px;
   padding: 10px;
   width: 95%;
   display: inline;
   vertical-align: top;
   margin-right: 15px;
   margin-bottom: 15px;
}


.eingabeoneline label {
   font-size: 12px;
   display: inline-block;
   font-weight: bold;
   width: 260px;
   vertical-align: top;
}


.eingabeoneline .textoneline {
   width: 1000px;
   display: inline-block;
   padding-bottom: 8px;
}


.metaT {
   font-size: 12px;
   border-collapse: collapse;
}

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

.metaT_Eintrag td {
   border: 1px solid #cccccc;
   padding: 5px;
}

.textfeldpadding {
   display: inline-block;
   padding: 8px;
}


.eingabefeld.schmal {
   width: 430px;
}


.common-form.filterlisten {
   display: inline-block;
   margin-right: 40px;
   margin-bottom: 40px;
}


.common-form.filterlisten input[type=submit] {
   width: 300px;
   height: 50px;
   font-size: 15px;
}



div .historieneintrag {
   font-family: arial;
   font-size: 13px;
   padding: 10px;
   width: 710px;
   display: inline;
   vertical-align: top;
   margin-right: 15px;
   margin-bottom: 15px;
   border: 1px solid #d0d0d0;
   border-radius: 4px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}


div .historieneintrag legend {
   font-size: 14px;
   background-color: #ffffff;
   border-radius: 4px;
   color: #000000;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #d0d0d0;
}

div .textfeldpadding {
   display: inline-block;
   padding: 8px;
}

.historieneintrag label {
   font-size: 12px;
   display: inline-block;
   font-weight: bold;
   width: 130px;
   vertical-align: top;
}


.historieneintrag .textfeld {
   width: 220px;
   display: inline-block;
   padding-bottom: 8px;
}



div .rechnungueb {
   margin-top: 20px;
   margin-bottom: 12px;
   padding: 5px;
   font-size: 18px;
   border: 1px #c0c0c0 solid;
   background-color: #e0e0e0;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}



div .kr_eintrag {
   font-family: arial;
   font-size: 13px;
   padding: 10px;
   width: 710px;
   display: inline;
   vertical-align: top;
   margin-right: 15px;
   margin-bottom: 15px;
   border: 1px solid #d0d0d0;
   border-radius: 4px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
   position: relative;
}


div .kr_eintrag legend {
   font-size: 14px;
   background-color: #ffffff;
   border-radius: 4px;
   color: #000000;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #d0d0d0;
   font-weight: normal;
}


.kr_eintrag label {
   font-size: 12px;
   display: inline-block;
   font-weight: bold;
   width: 130px;
   vertical-align: top;
}


.kr_eintrag .textfeld {
   width: 220px;
   display: inline-block;
   padding-bottom: 8px;
}


.kr_eintrag select {
   width: 200px;
   margin-right: 20px;
   display: inline-block;
   padding-bottom: 8px;
}


.rm_iframe {
   width: 875px;
   height: 350px;
   -moz-transform: scale(0.81, 0.81);
   -webkit-transform: scale(0.81, 0.81);
   -o-transform: scale(0.81, 0.81);
   -ms-transform: scale(0.81, 0.81);
   transform: scale(0.81, 0.81);
   -moz-transform-origin: top left;
   -webkit-transform-origin: top left;
   -o-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left;

   margin-right: -175px;
   margin-bottom: -67px
}



.acs_iframe {
   width: 875px;
   height: 450px;
   -moz-transform: scale(0.81, 0.81);
   -webkit-transform: scale(0.81, 0.81);
   -o-transform: scale(0.81, 0.81);
   -ms-transform: scale(0.81, 0.81);
   transform: scale(0.81, 0.81);
   -moz-transform-origin: top left;
   -webkit-transform-origin: top left;
   -o-transform-origin: top left;
   -ms-transform-origin: top left;
   transform-origin: top left;

   margin-right: -175px;
   margin-bottom: -67px
}



.zeile_orange {
   background-color: #ffff80;
}


.zeile_rot {
   background-color: #ff8080;
}



.mailTab {
   font-size: 11px;
   border-collapse: collapse;
   width: 100%;
}

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

.mailTab td {
   border: 1px solid #cccccc;
   padding: 3px;
}


.kueb_historie {
   display: inline-block;
   vertical-align: top;
   margin-bottom: 6px;
}


.action_button {
   padding: 12px;
   padding-left: 20px;
   padding-right: 20px;
   font-size: 15px;
   font-weight: bold;
}


#eingabebereich input[type=text],
#eingabebereich select {
   border: 1px #d0d0d0 solid;
   background-color: #e4e4e4;
   padding: 3px;
}


#eingabebereich .block {
   display: inline-block;
   margin-right: 60px;
   margin-bottom: 15px;
}



.dslam_versteckt {
   height: 0px;
}



.dslam_sichtbar {
   height: 415px;
}


.komponentenliste li {

   width: 350px;
   border: 1px outset #d0d0d0;
   background-color: #f0f0f0;
   border-radius: 3px;
   margin-bottom: 6px;
   list-style-type: none;
   padding-left: 10px;
   padding: 3px;
   cursor: pointer;
}



/***********************************
 *
 * Bildschirm ausnutzen
 *
 * *********************************/

.ui-tabs .ui-tabs-panel {
   padding-left: 15px;
   padding-right: 5px;
}


.main-common-block {
   padding: 10px;
}


.top-navigation ol li a {
	background:url(../bilder/main-navigation-button-bg_schmal.jpg) no-repeat;
	width:128px;
	font-size:0.8em;
}

.top-navigation ol li.active a,
.top-navigation ol li a:hover {
	background:url(../bilder/main-navigation-button-active-bg_schmal.jpg) no-repeat;
	color:#DDD;
}



/*.eingabefeld input[type=text] {
   margin-right: 15px;
}


.eingabefeld select {
   margin-right: 15px;
}


.eingabefeld textarea {
   margin-right: 15px;
}*/


.zusrahmen {
   font-size: 13px;
   border: 1px solid #e0e0e0;
}



/******************************
 *
 *    Status-Tabelle
 *
 ******************************/


.statustab_mini {
   border-collapse: collapse;
}



.statustab_mini .ueb {
   font-size: 9px;
   padding-right: 10px;
}



.statustab_mini .inhalt {
   text-align: right;
   font-size: 12px;
   padding-right: 10px;
}



.statustab {
   border-collapse: collapse;
}


.statustab td {
   padding-right: 20px;
}




/******************************
 *
 *    jQuery-UI Anpassungen
 *
 ******************************/

.ui-helper-reset {
   font-size: 80%;
}


.ui-datepicker {
   font-size: 12px;
}


.ui-datepicker-trigger {
   margin-right: 32px;
}




/******************************
 *
 *    Summernote Anpassungen
 *
 ******************************/

 .note-editing-area {
   margin: 5px;
   padding: 5px;
   font-size: 17px;
   color: #333;
}


.note-editing-area ul {
   margin: 10px;
   padding: 10px;
}


.note-editing-area ol {
   margin: 10px;
   padding: 10px;
}


.note-editing-area li {
   font-size: 0.8em;
   color: #333;
}


.panel-body {
   height: 500px;
}


/******************************
 *
 *    Tool-Tips
 *
 ******************************/


.tooltipmue {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipmue .tooltiptextmue {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipmue .tooltiptextmue::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipmue:hover .tooltiptextmue {
  visibility: visible;
  opacity: 1;
}


/**************************************************
 *
 *    Listen-Zubehör
 *
 **************************************************/

.paginationtd {
    border-top: 2px solid #333333;
    border-bottom: 0px solid #333333;
}

.pagination .blaettern {
    cursor: pointer;
}

.pagination .blaettern:hover {
    text-decoration: underline;
}

.filterblock {
    position: relative;
}

.filterinput {
    font-size: 10px;
    position: absolute; 
    right: 20px;
}

.filterlabel {
    font-size: 10px;
    position: absolute; 
    left: 10px;
}

.KeineObjekte {
    font-weight: bold;
    padding-top: 10px;
    padding-left: 5px;
}

.tabellenkopf {
    cursor: pointer;
}
.tabellenkopf:hover {
    text-decoration: underline;
}

.seiteinput {
    font-size: 10px;
}

/**************************************************
 *
 *    Chosen-Selectbox
 *
 **************************************************/

.chosen-container {
   margin-right: 32px;
   margin-bottom: 20px;
}


.chosen-container-single .chosen-single {
  border-radius: 0px;
  height: 31px;
  padding: 2px 0 0 8px;
  border: 1px solid #ccc;
  background: none;
}


/**************************************************
 *
 *    Rechte-Setzen
 *
 **************************************************/

.tabellenkopf2 {
 width: 75px;
 text-align: center; 
}

.rechtVorhanden {
 font-weight: bold;
 color: #00DD00;
 cursor: pointer;
}

.rechtNichtVorhanden {
 font-weight: bold;
 color: #BB0000;
 cursor: pointer;
}

.altesRechtVorhanden {
 color: #669966;
 cursor: pointer;
}

.altesRechtNichtVorhanden {
 color: #996666;
 cursor: pointer;
}

.rechtNichtEditierbar {
 color: #BBBBBB;
}

/**************************************************
 *
 *    Schematische Darstellung
 *
 **************************************************/
@keyframes blinking1 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #FF0000;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable1 {
 animation: blinking1 0.5s infinite;
}


.schemtable {
 border: 0px;
}

.schemname {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
}

.schemlaenge {
 font-size: 80%;
 color: #999999;
}

.schemkabel {
 background-color: #444444;
 padding-left: 5px;
 padding-right: 5px;
 width: 400px;
 text-align: center;
}

.schemmuffe {
 background-color: #666666;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemmuffezwischenraum {
 background-color: #666666;
 width: 6px;
 text-align: center;
}

.schemzwischenraum {
 width: 20px;
 text-align: center;
}

.schempunkte {
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemabstand {
 height: 10px
}

a.schemlinkmuffe:link {
 color: #333333
}

a.schemlinkmuffe:visited {
 color: #222222
}

a.schemlinkmuffe:hover {
 color: #FFFFFF
}

a.schemlinkmuffe:active {
 color: #FFFFFF
}

a.schemlinkkabel:link {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
}

a.schemlinkkabel:visited {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
}

a.schemlinkkabel:hover {
 color: #FFFFFF
}

a.schemlinkkabel:active {
 color: #FFFFFF
}

.schem {
 background-color: #666666;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px; 
}

.schem1 {
 background-color: #FF0000;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking1 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #FF0000;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable1 {
 animation: blinking1 0.5s infinite;
}

.schem2 {
 background-color: #00FF00;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking2 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #00FF00;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable2 {
 animation: blinking2 0.5s infinite;
}

.schem3 {
 background-color: #5555FF;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking3 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #5555FF;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable3 {
 animation: blinking3 0.5s infinite;
}

.schem4 {
 background-color: #FFFF00;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking4 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #FFFF00;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable4 {
 animation: blinking4 0.5s infinite;
}

.schem5 {
 background-color: #DDDDDD;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking5 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #DDDDDD;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable5 {
 animation: blinking5 0.5s infinite;
}

.schem6 {
 background-color: #888888;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking6 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #888888;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable6 {
 animation: blinking6 0.5s infinite;
}

.schem7 {
 background-color: #884400;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking7 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #884400;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable7 {
 animation: blinking7 0.5s infinite;
}

.schem8 {
 background-color: #7700FF;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking8 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #7700FF;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable8 {
 animation: blinking8 0.5s infinite;
}

.schem9 {
 background-color: #00FFCC;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking9 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #00FFCC;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable9 {
 animation: blinking9 0.5s infinite;
}

.schem10 {
 background-color: #111111;
 color: #999999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking10 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #111111;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable10 {
 animation: blinking10 0.5s infinite;
}

.schem11 {
 background-color: #FF7733;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking11 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #FF7733;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable11 {
 animation: blinking11 0.5s infinite;
}

.schem12 {
 background-color: #FF9999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}
@keyframes blinking12 {
    0%{
      background-color: #666666;
    }
    50%{
      background-color: #FF9999;
    }
    100%{
      background-color: #666666;
    }
}
.hoverDroppable12 {
 animation: blinking12 0.5s infinite;
}

.schemMtable {
 border-style: none;
 border-collapse: collapse;
 border-color: #FF0000;
 border: 0px;
 border-width: 0px;
}

.schemMname {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
 background-color: #666666;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemMlaenge {
 font-size: 80%;
 color: #999999;
}

.schemMkabel {
 background-color: #444444;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemMmuffe {
 background-color: #666666;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemMmuffezwischenraum {
 background-color: #666666;
 width: 6px;
 text-align: center;
}

.schemMzwischenraum {
 width: 20px;
 text-align: center;
}

.schemMpunkte {
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}

.schemMabstand {
 height: 10px
}

a.schemMlinkmuffe:link {
 color: #BBBBBB
}

a.schemMlinkmuffe:visited {
 color: #222222
}

a.schemMlinkmuffe:hover {
 color: #FFFFFF
}

a.schemMlinkmuffe:active {
 color: #FFFFFF
}

a.schemMlinkkabel:link {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
}

a.schemMlinkkabel:visited {
 font-weight: bold;
 font-size: 120%;
 color: #BBBBBB;
}

a.schemMlinkkabel:hover {
 color: #FFFFFF
}

a.schemMlinkkabel:active {
 color: #FFFFFF
}

.schemM {
 background-color: #666666;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px; 
}

.schemM1 {
 background-color: #FF0000;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM2 {
 background-color: #00FF00;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM3 {
 background-color: #5555FF;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM4 {
 background-color: #FFFF00;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM5 {
 background-color: #DDDDDD;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM6 {
 background-color: #888888;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM7 {
 background-color: #884400;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM8 {
 background-color: #7700FF;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM9 {
 background-color: #00FFCC;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM10 {
 background-color: #111111;
 color: #999999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM11 {
 background-color: #FF7733;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}

.schemM12 {
 background-color: #FF9999;
 text-align: center;
 padding-left: 5px;
 padding-right: 5px;
}


/******************************************************
 * Buttons
 * */

.btn-primary-delete{
    color:#fff;
    background-color:#ff2b00;
    border-color:#ff2b00
}
.btn-primary-delete:hover{
    color:#fff;
    background-color:#d91900;
    border-color:#cc1200
}
.btn-primary-delete.focus,.btn-primary-delete:focus{
    box-shadow:0 0 0 .2rem rgba(255,43,38,.5)
}
.btn-primary-delete.disabled,.btn-primary-delete:disabled{
    color:#fff;
    background-color:#ff2b00;
    border-color:#ff2b00
}
.btn-primary-delete:not(:disabled):not(.disabled).active,.btn-primary-delete:not(:disabled):not(.disabled):active,.show>.btn-primary-delete.dropdown-toggle{
    color:#fff;
    background-color:#cc1200;
    border-color:#bf0c00
}
.btn-primary-delete:not(:disabled):not(.disabled).active:focus,.btn-primary-delete:not(:disabled):not(.disabled):active:focus,.show>.btn-primary-delete.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(255,43,38,.5)
}



/******************************************************
 * Importtabelle
 * */

.importgoogletable {
    border-color: #ff2b00;
    border-style: solid;
    padding: 3px;
}

.importgoogletableI {
    width: 100%;
}

.importgooglecell0 {
    background-color:#555555;
    color: #DDDDDD;
    border-style:solid;
    border-color:#EEEEEE;
    font-weight: bold;
    padding: 3px;
    white-space: nowrap;
    width: 100%;
}

.importgooglecell1 {
    background-color:#BBBBBB;
    color: #222222;
    border-style:solid;
    border-color:#EEEEEE;
    padding: 3px;
    white-space: nowrap;
    width: 100%;
}

.importgooglecell2 {
    background-color:#AAAAAA;
    color: #222222;
    border-style:solid;
    border-color:#EEEEEE;
    padding: 3px;
    white-space: nowrap;
    width: 100%;
}

.importgooglecelldd {
    background-color:#EEEEEE;
    color: #222222;
    border-style:solid;
    border-color:#660000;
    padding: 3px;
    white-space: nowrap;
}


.importfeld {
    background-color:#EEEEEE;
    color: #222222;
    border-style:solid;
    border-color:#4444EE;
    padding: 4px;
    white-space: nowrap;
}

.importfeldap {
    color: #662222;
}

.importfeldan {
    color: #226622;
}

.listenbobbel {
    margin-left: 2em;
}



/******************************************************
 * Benachrichtigungen
 * */


.benachrichtigungI {
    background-color:#DDFFDD;
    border-style:solid;
    border-color:#337733;
    padding: 5px;
    margin-bottom: 10px;
}


.benachrichtigungF {
    background-color:#FFDDDD;
    border-style:solid;
    border-color:#773333;
    padding: 5px;
    margin-bottom: 10px;
}


.benachrichtigungT {
    background-color:#DDDDFF;
    border-style:solid;
    border-color:#333377;
    padding: 5px;
    margin-bottom: 10px;
}


.benButtonI {
    background-color:#66DD66;
    border-style:solid;
    border-color:#337733;
    cursor: pointer;
}

.benButtonF {
    background-color:#DD6666;
    border-style:solid;
    border-color:#773333;
    cursor: pointer;
}

.benButtonT {
    background-color:#6666DD;
    border-style:solid;
    border-color:#333377;
    cursor: pointer;
}


/******************************************************
 * Task-Progress
 * */


#progress-bar-frame {
    width:98%;
    border-style:solid;
    padding:2px;
    border-color:black;
    border-width:1px;
    background-color:#EEEEEE;
}

#progress-bar {
    background-color: #68a9ef; 
    width: 0%; 
    text-align:center;
}

#progress-bar-message {
    width:97%;
    padding:10px;
    background-color:#EEEEEE;
}


/******************************************************
 * WeasyPrint
 * */

@page {
    size: 50cm 80cm;
}

.muffenueberschrift {
    vertical-align: center;
    background-color:#222222;
    color: #ffffff;
    border-bottom-style:solid;
    border-bottom-color:#222222;
    display: flex;
    align-items: center;
}

/******************************************************
 * GoogleMaps
 * */
 
.karte {
    height: 400px;
}

/******************************************************
 * MultiEdit
 * */


.multiformiframe {
    border: none;
    width: 100%;
    height: 100px;
}


.idremark {
    color: #BBBBBB;
    font-size: 50%;
}


/******************************************************
 * QGIS-Colors
 * 
 *     farbenQGIS = { 0: 'Undefiniert', 
                    1: 'Rot', 2: 'Grün', 3: 'Blau', 4: 'Gelb', 5: 'Weiß', 6: 'Grau', 
                    7: 'Braun', 8: 'Violett', 9: 'Türkis', 10: 'Schwarz', 11: 'Orange', 12: 'Rosa',
                    13: 'Rot-Strich', 14: 'Grün-Strich', 15: 'Blau-Strich', 16: 'Gelb-Strich', 17: 'Weiß-Strich', 18: 'Grau-Strich', 
                    19: 'Braun-Strich', 20: 'Violett-Strich', 21: 'Türkis-Strich', 22: 'Schwarz-Strich', 23: 'Orange-Strich', 24: 'Rosa-Strich',
    }
 * 
 * */
 
.qgis0 {
    color: #770000;
}
.qgis0h {
    color: #AA0000;
}
.qgis1 {
    color: #770000;
}
.qgis1h {
    color: #AA0000;
}
.qgis2 {
    color: #007700;
}
.qgis2h {
    color: #00AA00;
}
.qgis3 {
    color: #000077;
}
.qgis3h {
    color: #0000AA;
}
.qgis4 {
    color: #777700;
}
.qgis4h {
    color: #AAAA00;
}
.qgis5 {
    color: #BBBBBB;
}
.qgis5h {
    color: #FFFFFF;
}
.qgis6 {
    color: #555555;
}
.qgis6h {
    color: #888888;
}
.qgis7 {
    color: #774422;
}
.qgis7h {
    color: #AA6644;
}
.qgis8 {
    color: #333377;
}
.qgis8h {
    color: #6666AA;
}
.qgis9 {
    color: #007777;
}
.qgis9h {
    color: #00AAAA;
}
.qgis10 {
    color: #111111;
}
.qgis10h {
    color: #000000;
}
.qgis11 {
    color: #774422;
}
.qgis11h {
    color: #AA7744;
}
.qgis12 {
    color: #775555;
}
.qgis12h {
    color: #AA9999;
}
.qgis13 {
    color: #770000;
}
.qgis13h {
    color: #AA0000;
}
.qgis14 {
    color: #007700;
}
.qgis14h {
    color: #00AA00;
}
.qgis15 {
    color: #000077;
}
.qgis15h {
    color: #0000AA;
}
.qgis16 {
    color: #777700;
}
.qgis16h {
    color: #AAAA00;
}
.qgis17 {
    color: #BBBBBB;
}
.qgis17h {
    color: #FFFFFF;
}
.qgis18 {
    color: #555555;
}
.qgis18h {
    color: #888888;
}
.qgis19 {
    color: #774422;
}
.qgis19h {
    color: #AA6644;
}
.qgis20 {
    color: #333377;
}
.qgis20h {
    color: #6666AA;
}
.qgis21 {
    color: #007777;
}
.qgis21h {
    color: #00AAAA;
}
.qgis22 {
    color: #111111;
}
.qgis22h {
    color: #000000;
}
.qgis23 {
    color: #774422;
}
.qgis23h {
    color: #AA7744;
}
.qgis24 {
    color: #775555;
}
.qgis24h {
    color: #AA9999;
}


.colorVorhanden {
 font-weight: bold;
 color: #00DD00;
}

.colorNichtVorhanden {
 font-weight: bold;
 color: #BB0000;
}

.colorVielleichtVorhanden {
 font-weight: bold;
 color: #FFA500;
}


/* ============================================== */

th.rotate {
  height: 190px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(30px, 75px)
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 0px;
}


.mainIframe {
  width: 100% !important;
  height: 100% !important;
  padding-top: 30px;  
}

.StatusOnline {
    color: #88FF88;
}

.StatusOffline {
    color: #FF4444;
}

.loadingIcon {
    filter: invert(1);
    transform: scale(80%);
    vertical-align: top;
}

#iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    display: none;
    cursor: wait;
}

#pagespan {
    float: right;
    display: none;
}

.noEditMode {
	display: none;
}

.editMode {
	display: inline-block;
	color: black;
	font-weight: 900;
	letter-spacing: 25px;
	text-transform: uppercase;
    background-color: #00DD00;
	margin-left: 275px;
    padding: 1.5px 100px 1.5px 100px;
}

#nachricht {
    position: fixed;
    top: 40px;
    right: 20px;
    max-width: 300px; /* maximale Breite, aber kein Abschneiden */
    background: rgba(23, 162, 184, 0.95); /* z. B. Bootstrap-info-Farbe */
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    z-index: 9999;
    display: none;
    pointer-events: none; /* Klicks gehen durch */
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    font-size: 1em;
    word-wrap: break-word; /* Zeilenumbruch bei langen Wörtern */
}


.pathElement {
    cursor: pointer;
    font-style: italic;
}

.additionalInfo {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 9998;
    background-color: #FFFFFF;
    transform: scale(0.7);
    transform-origin: top right;
}

.tableIframe {
    width: max-content;
    border-collapse: collapse;
    background-color: #FFFFFF;
    white-space: nowrap;
}


/* ============================================== */

#action_klaerfallstatus_klaerfallStatusActionOK_button {
    background-color: #007700;
}

#action_klaerfallstatus_klaerfallStatusActionDeny_button {
    background-color: #AA0000;
}


/* ============================================== */