/* Move down content because we have a fixed navbar that is 50px tall */
/*.active {background-color:green !important;color:black;}*/
body {
    padding-bottom: 20px;
    margin:0px;
    overflow-y:scroll;
    color:#6c6969; 
    background:#f9f9f9
}
*, ::after, ::before {
    box-sizing: border-box;

}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
* {
    font-family: Segoe UI, Arial, Helvetica, Sans-Serif !important;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.div-full{
    min-height:800px;
}
.div-half{
    top:250px;
    min-height:450px;
}
.dl-horizontal dt {
    white-space: normal;
}
.fileBox{
  margin:2px;
  background:#f3f3f3;
}
.Path, .File, .Btn {
    color: #676565!important;
    }
div.errorbox {
    width: 500px !important;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 350px;
}
.container {margin-top:20px;}
.nav{align-items: center;}
.navbar {padding:0px;margin-top:0px; align-items: center;}
.nav-item {margin:15px;}   
.pos-f-t {position:fixed;top:0px;left:0px;}
.navbar-toggler span {
    -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
}
.collapsed span {
    -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.msgWindow {
    min-height:30px;
    border: 1px solid black;
    border-top:none;
    border-radius:0px 0px 5px 5px;
    max-width:inherit;
    width:100%;
    position:fixed;
    margin-top:-2000px;
    z-index:-1;
    text-align:center;
    -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.msgWindow.error {margin-top:0px;background-color:red;border-color:red;color:yellow;display:inline;-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;z-index:99999;}
.msgWindow.info {margin-top:0px;background-color:green;color:white;display:inline;-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;z-index:999;}

.gridcommandbutton  {fill:rgb(255, 158, 44);width:20px;}
.gridcommandbutton:hover {stroke:green;}
.workingmenu {margin:0px;float:none;}

.lieferanten {width:100%; }
.lieferanten input {margin:5px;}

.SortButtons {float:right;}
    .SortButtons input[type=submit],.cmdButton
    {
        width: 30px;
        height: 30px;
        border:none;
        background-size:22px 22px; background-position:2px; color:transparent;
    }
.SortButtons .Ascending {background: url(../svg/si-glyph-arrow-thin-up.svg) no-repeat;}
.SortButtons .Descending { background: url(../svg/si-glyph-arrow-thin-down.svg) no-repeat;}
.SortButtons .Ascending.sorted {background: url(../svg/si-glyph-arrow-thick-up.svg) no-repeat;filter: invert(1);
  -webkit-filter: invert(1);}
.SortButtons .Descending.sorted { background: url(../svg/si-glyph-arrow-thick-down.svg) no-repeat;filter: invert(1);
  -webkit-filter: invert(1);}
.btnBewerten {background: url(../svg/si-glyph-badge-name.svg) no-repeat;}
.btnViewBewertung {background: url(../svg/View-WF.svg) no-repeat;background-size:30px;background-position-y:3px;}

.col-4 * {vertical-align:middle;}
.btn img {height:23px;float:left;}
.negativ {background: url(../svg/Thumbs-Down-WF.svg) no-repeat;background-size:20px;padding-left:25px;width:40px;height:33px;}
.positiv {background: url(../svg/Thumbs-Up-WF.svg) no-repeat;background-size:20px;padding-left:25px;width:40px;height:33px;}
.noshowgv {display:none;}
.freigegeben {border:2px solid green;}
.gvInfos td {vertical-align:top;}
.repInfos {background-color:#fff;  width:100%; margin-bottom:10px;}
.repInfos tr:nth-child(1) {cursor:pointer;} /*Datum und Titel*/
.repInfos tr td:nth-child(3) {width:150px;} /*Ausgebucht*/
.descriptionLine {background-color:white;} /*BEschreibung*/
.spacerLine {font-size:1px;line-height:1px;height:5px;background-color:#dcdada;}
.descriptionLine td:nth-child(2) {background-color:antiquewhite;border-left:3px inset black;border-bottom:3px inset white;border-right:3px inset white;}
.descriptionLine td:nth-child(1) {border-top:3px inset black;}
.Full {background-color:lightcoral; color:#fff;}
.nearFull {background-color:lightgoldenrodyellow;}
.Angemeldet{background-color:lightgreen;}
.Angemeldet td input[type=button] {visibility:hidden}
.Angemeldet2{background-color:white;}
.Angemeldet2 td input[type=button] {visibility:hidden}
.Angemeldet2 td{width:auto !important;}
.repInfos input[type=button] {border:2px outset; border-radius:3px;background-color:transparent;border-color:#cbcaca;padding:4px;}

/*Modal Popup*/
.ui-dialog {z-index:101;}
.ui-widget-overlay {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
/*SchulungsAnmeldung*/
.SchulungsAnmeldung,.LieferantenDetails {background-color:white;border:2px outset  black;border-radius:10px;padding:15px;}
.SchulungsAnmeldung .ui-dialog-titlebar-close {visibility: hidden;}
.SchulungsAnmeldung tr:first-child {border-top:3px double black;}
.SchulungsAnmeldung tr td:last-child{border-left:1px solid black;}
.SchulungsAnmeldung tr:last-child td {border:none;}
.SchulungsAnmeldung #theaddy {width:100%;}
.searchit {background-color:lightgoldenrodyellow;}
.altesKataster {width:300px;float:right;text-align:center;}
.altesKatasterTxt {font-size:12px;}
.navlogo{ max-width:200px; max-height:85px; display:flex; }
.navlogo img { max-width:100%; max-height:100%; margin:auto; display:flex; justify-content:center; align-items:center;margin-left:10px;}

.DataGridView {width:100%;}
.theLogo { max-height: 70px !important; max-width: 200px !important;}
/* Responsive: Portrait tablets and up */

@media screen and (max-width: 1600){
 .container{
     margin-top: 40px !important;
 }
}
@media screen and (max-width: 850px) {
    .theLogo { max-height: 55px; max-width: 150px;}
     .div-full{min-height:600px;} 
}
@media screen and (min-width: 768px) {
    .jumbotron { margin-top: 20px;}
    .body-content {padding: 0;}  
    .div-full{min-height:500px;} 
}
@media screen and (max-width: 500px){
    /*.theLogo {max-height:30px;max-width:150px; margin:-5px 10px 0px 0px;}*/
     .div-full{min-height:400px;} 
}

/*Kontakt*/
.contact-box {
    background: #f6f6f6;
    /*transform: translate(-50%,-50%);*/
    overflow: hidden;
    height: auto;
    margin-left: 50px;
    height: auto;
    padding: 5% 5% 5% 5%;
    margin-bottom: 20px;
    box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
    transition: 400ms cubic-bezier(0.175, 0.885, 0.35, 1.475);
}

    .contact-box:hover {
        box-shadow: 0px 4px 16px rgba(0,0,0,0.6);
        background: #eeeded;
    }
@media screen and (max-width:1200px) {
    .contact-box {
        margin-left: 50px;
        height: auto;
        padding: 30px 3px;
        margin-bottom: 20px;
    }
}
        @media screen and (max-width:1200px) {
            .contact-box {
                margin: 2px 10px 20px 10px;
                height: auto;
                padding: 30px 3px 10px 3px;
                margin-bottom: 20px;
                box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
                transition: 400ms cubic-bezier(0.175, 0.885, 0.35, 1.475);
            }
        }
    /*about---------------------------------------------*/
    .about-control {

    text-shadow: 0 1px 2px rgba(0,0,0,0);
    filter: alpha(opacity=0);
    opacity: .0;
    color:#456a89;
}
.about-control .right{
    text-shadow: 0 1px 2px rgba(0,0,0,0);
    filter: alpha(opacity=0);
    opacity: .0;
    color:#456a89;
    background-image:linear-gradient(0);
}
.about-control .left{ 
    background-image:linear-gradient(0);
    text-shadow: 0 1px 2px rgba(0,0,0,0);
    filter: alpha(opacity=0);
    opacity: .0;
    color:#456a89;
}
.about-control:hover {  
    text-shadow: 0 1px 2px rgba(0,0,0,0);
   filter: alpha(opacity=6);
    opacity: 0.6;
}
    .about-control:focus {
        text-shadow: 0 1px 2px rgba(0,0,0,0);
        filter: alpha(opacity=6);
        opacity: 0.6;
    }


.img-fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    z-index:80;
    position:absolute;
}

    .img-fade ~ .hoverDisplay:{
        opacity: 0;
        filter: alpha(opacity=0); 
    }

.closeDisplay{
    float: right;
    cursor:pointer;
}
.hoverDisplay {
    position: absolute;
    padding-left: 30px !important;
    margin-top: 140px !important;
    padding: 10px;
    left: 1px;
    top: 1px;
    background-color: #e8e9ed;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .7);
    border: solid 1px #456a89;
    width: 30vw;
    display: block;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
}
/* CUSTOMIZE THE about
-------------------------------------------------- */

/* about base class */
.about {
    height: 600px !important;
    width: 100%;
    margin-bottom: 20px;
    /*position: static !important;
    display: inline-block;*/
}
.about-inner { 
    /*position:relative!important;*/
     height: 600px !important;
    width: 100%;
 
}

/* Since positioning the image, we need to help out the caption */
.about-caption {
    top: -150px;
    position:relative !important;
z-index: 10;
background-color:#5a5a5a;
opacity:0.9;
padding-top: 5px!important;
}
.about-caption h2 {
margin-top: 5px!important;
margin-bottom: 5px!important;
}
.about-text-sm { 
    display:none;
}

 .about-text-sm{  
      max-height:250px;
      height:100%;
    display:block;
 }
 .about-text-lg{  
    display:none;
 }
 .about-caption p {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.4;
    opacity:0.9;
  }
  .featurette-heading {
    font-size: 30px;
  }
  .about-h2{
      font-size: 26px;
            color:#ca0404; /*dark red*/
           font-weight:bold;
            text-shadow: 1px 1px 7px #000000;
  }
  .text-wrap{
      color:#ffffff; /*dark red*/
           font-weight:bold;
            text-shadow: 1px 2px #000000;
  }

  h3{
      font-size:18px;
  }

.about-inner > .item > img {
  min-width: 100%;
  height:auto;
}
/*icons----------------------*/

/*@media(max-width:500px)-------------------------------------------------------------------------------------------------*/
@media(max-width:500px) {
    /* about base class */

.about-inner { 
     height: 300px !important;
    width: 100%;
}
  
 .about-inner > .item > img {
  min-width: 100%;
}

 .about-text-sm{  
      max-height:250px;
      height:100%;
    display:block;
 }
 .about-text-lg{  
    display:none;
 }
 .about-caption p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
    opacity:0.9;
  }
    .text-wrap {
        color: #ffffff; /*dark red*/
        font-weight: bold;
        text-shadow: 1px 1px #000000;
    }
  .featurette-heading {
    font-size: 20px;
  }
  .about-h2{
      font-size: 16px;
  }

  h3{
      font-size:18px;
  }
}
/*@media (min-width:501px) and (max-width:768px)--------------------------------------------------------------------------*/
@media (min-width:501px) and (max-width:768px){
      /* about base class */
.about {
    height: 300px !important;
    width: 100%;
   margin-bottom: 20px;
 
    margin-top:50px;
}
.about-inner { 
    position:relative!important;
     height: 300px !important;
    width: 100%;
 
}
      .index-link {
        padding-top:70px;
    }
  .about, .slide{
         margin-bottom:10px;
    }
  
 .about-text-sm{  
      max-height:250px;
      height:100%;
    display:block;
 }
 .about-text-lg{  
    display:none;
 }
 .about-caption p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 20px;
  }
  .about-h2{
      font-size: 16px;
  }
  .img-circle{
    width:100px;
    height:100px;
}
  h3{
      font-size:18px;
  }
}
/*@media(min-width:768px) and (max-width:1200px)-------------------------------------------------------------------------*/
@media(min-width:768px) and (max-width:1200px) {
    .about {
    height: 500px !important;
    width: 100%;
    margin-bottom: 20px;


}
.about-inner { 
    position:relative!important;
     height: 450px !important;
    width: 100%;
 
}
.about .item {
  height:450px;
  background-color: #777;
}
      .about, .slide{
         margin-bottom:10px;
    }
 .about-text-sm{  
      max-height:250px;
      height:100%;
    display:block;
 }
 .about-text-lg{  
    display:none;
 }
 .about-caption p {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 20px;
  }
  .about-h2{
      font-size: 22px;
  }
  .img-circle{
    width:100px;
    height:100px;
}
  h3{
      font-size:16px;
  }

}

    /*End about*/

    /*Schulungsangebote----------------------------------*/
    .descriptionLine p{
        padding:10px;
    }
     .descriptionLine li{
        padding-left:30px;
        list-style:none;
    }
     .td-schulungen{
         padding:5px;
          opacity: 0.9;
    filter: alpha(opacity=90);  /*For IE8 and earlier*/     
     }

    /*End Schulungsangebote*/
     /*Aktuelles*/
  .dt-aktuelles{     
      padding:2px;
      border: 0;
      width:200px;
      font-weight:600;
      color:#808080;
      font-size:20px;
       text-shadow: 1px 1px #eeecec;
       background:#a3a0a0 ; /* fallback for old browsers */
background: -webkit-linear-gradient(to left,  #e0dddd , #ebeaea , #e0dddd  ); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #e0dddd   , #ebeaea  ,  #e0dddd ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
height:50px !important;
border-top:12px #e0dddd  solid;
border-bottom:12px #e0dddd  solid;
  }
  .gvInfos{
  border :0;
  margin-top:20px;
}
  .txt-aktuelles{
      margin:10px 10px 10px 0px;
      padding:10px 10px 10px 15px;
      border-top:12px  #ebeaea solid;
        border-bottom:12px #ebeaea solid;
          border-right:12px #ebeaea  solid;
            border-left:0;
      width:200px;
      font-weight:500;
      width:80%;
      background:#fff;
  }
   /*Kataster -------------------------------------------*/
   .kataster-suche{
       width: 350px !important;
       margin-bottom:10px;
       
       padding-left:7px;
   }
   .dt-kataster-header{
       border:0;
       padding:10px;
       background:#e9e8e8;
        padding-left:7px;
   padding-right:7px;
   }
   .igvKataster{
       width:100% !important;
     border-color:#a5a3a3;
}
   .igvKataster td{
  padding-left:7px;
  border-color:#a5a3a3;
}
    .igvKataster th{
  padding-left:7px !important;
  padding-left:7px;
  border-color:#a5a3a3;
  background-color:#ffffff;
}
   /*End Kataster*/
    /*Lieferanten -------------------------------------------*/
   #sgvallelief, #sgvDurchschnitt, #sgvmeineBewert{
       width: 350px !important;
       margin-bottom:10px;
        margin-top:10px;
       border: 1px solid #e0dddd;
       padding-left:7px;
   }
   .DetailsLink:hover{
       cursor:pointer;
       color:#f85e5e;
   }
   .dt-kataster-header{
       border:0;
       padding:10px;
       background:#e9e8e8;
        padding-left:7px;
   padding-right:7px;
   }
  .table-modal-schulungen, .gvallelief, .gvDurchschnitt, gvmeineBewert {
       width:100% !important;
border-color:#6c6969;
  
}
 .table-modal-schulungen td,  .gvallelief td, .gvDurchschnitt td, .gvmeineBewert td{
  padding-left:7px;
  padding-right:7px;
}
    .table-modal-schulungen th, .gvallelief th, .gvDurchschnitt th, .gvmeineBewert th {
        padding-left: 7px !important;
        padding-right: 7px;
    }
.table-lif-modal{
    width:100%;
    padding:10px;
    margin:0
                }
.table-modal-schulungen{
    width:100%;
    padding:10px;
    margin:0
}
.ui-dialog{
     overflow:auto;
}
.ui-dialog-titlebar{
    font-size:24px;
}
.ui-button{
margin-right:20px;
padding:5px 10px;
}
.ui-dialog-titlebar-close {display:none;}
.btnLief {
    float: right;
    margin-right: 5px;
}
#tablesupplier input, #tablesupplier2 input{
   -moz-box-shadow:    inset 0 0 1px #000000;
   -webkit-box-shadow: inset 0 0 1px #000000;
    box-shadow:         inset 0 0 1px #000000;
    padding:3px;
    margin:2px;
    margin-left:10px;
    background-color:transparent;
    width:95%;
    max-width:95%;
}
#tablesupplier input:nth-child(2) {width:83%;max-width:90%;}
#tablesupplier td, #tablesupplier2 td{
    padding-left:10px;
    color:#808080;
}
#tablesupplier2 td:last-child{width: 60%;}
#tablesupplier input:focus, #tablesupplier2 input:focus{
    padding:3px;
    margin:2px;
    margin-left:10px;
}
/*End Lieferanten*/

/* Back to top */

.back-to-top {
  visibility: hidden;
  background-color:#8e8d8d;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  bottom: 65px;
  right: 35px;
  z-index: 90;
  cursor: pointer;
  border-radius: 1px;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transition: all .6s
}

.back-to-top .fa {
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
}

.back-to-top.show {
  visibility: visible;
  bottom: 35px;
  opacity: .7;
    filter: Alpha(Opacity=70);
}
.dropzonefile {width:100%;min-height:26px;background-color:transparent;}
.dragover {background-color:blue;}
.theLogoAdmin {max-height:200px;max-width:400px;  margin:0px; border:2px outset black;min-height:25px;min-width:100px;}
  /* End Back to top */
  #theFirmMenu {width:200px;float:right;margin-top:20px;height:80%;min-height:200px;background:white;padding:5px;border-radius:5px;border:2px black outset;margin-right: -5px;position:absolute; right:-3px;z-index:9999;transition-property: margin-right;
  transition-duration: 1s;
  transition-delay: 0.1s;
  
  }
  #theFirmSearch {margin-bottom:10px;width:180px;}
  #theFirms {width:180px !important;border:none;}
  .thefirmen {overflow-y:scroll;max-height: 95% !important;}
.theFirmElement {  border-bottom: 1px solid black;}
.theFirmElement:hover {background-color:lightblue;}
#theFirmCloser {
    min-width: 40px;
    min-height: 40px;
    background-color: green;
    border: 1px solid green;
    float: left;
    margin-left: -45px;
    background-color: #c6c4c4;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../svg/si-glyph-delete.svg');
    background-size:20px;
    overflow:visible;
    
}
    #theFirmCloser.closed {
        background-color: #c6c4c4;
         background-image: url('../Images/Nav/menue-sm.png');
          background-size:40px;
        background-repeat: no-repeat;
        background-position: center;
    }
  #theFirmMenu.hideme {margin-right:-200px;
                       
                       transition-property: margin-right;
  transition-duration: 1s;
  transition-delay: 0.1s;
  }
@media (max-width: 991px) {
    .back-to-top {
        width: 30px;
        height: 30px;
    }

}
   /*KZA------------------------------*/
   .div-filter{
       padding:10px 10px 5px 30px;
       background-color:#d9eafb;
       border-radius:5px;
          margin-bottom:20px;
   }
   .div-result{
   padding:5px 5px 5px 30px;
       background-color:#e9ecef;
       border-radius:5px;
    
   }
  /*color chart*/
  .ch-red {background:#db2626;}
  .ch-hblue {background:#6f9ade;}
  .ch-green {background:#6cce6e;}
  .ch-yellow {background:#f8e597;}
  .ch-orange {background:#f8984b;}
  .ch-braun {background:#88573c;}
  .ch-grey{background:#898684;}
  .bg-grey{background:#c6c3c3;}
  .bg-greyhell2,.bg-greyhell:nth-child(odd){background-color:#e5e4e4;margin-bottom:6px!important;padding-top:10px!important;}
   .bg-greyhell1,.bg-greyhell:nth-child(even){background-color:#f1efef;margin-bottom:6px!important;padding-top:10px!important;}
  /*color Shadow gradient*/
  .pb-note-1{background:#f2f3f1 !important;}
  .pb-note-2{background:#e6e7e5 !important;}
  .pb-note-3{background:#dbdcda !important;}
  .pb-note-4{background:#cecfcd !important;}
  .pb-note-5{background:#c2c3c1 !important;}
  .pb-note-6{background:#b6b7b6 !important;}

  .div-noten{
      margin-top:-10px;
  }
  .div-chart{
-webkit-box-shadow: -6px -2px 22px -8px rgba(153,145,153,0.63);
-moz-box-shadow: -6px -2px 22px -8px rgba(153,145,153,0.63);
box-shadow: -6px -2px 22px -8px rgba(153,145,153,0.63); 
padding:5px;
  }
   .div-chart-header{
      padding:2px;
      margin:0;
      color:#565454;
      border-bottom: 1px solid #6c6969;
  }
   .txt-chart{
       margin-top:-40px;
   }
   .age-div-chart{
       padding-top:60px;
   }
 .progress-bar {
  float: left;
  height: 45px;
  width: 100%;
  padding: 12px 0;
  background-color:transparent;

}

 .progress-bar-shadow{
  position: relative;
  width: 100%;
  height: 20px;
  background: #ebebeb;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    text-align: center;
}
 .progress-bar-shadow-note{
  position: relative;

  height: 20px;
  background: #ebebeb;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  z-index:1;
}
input[type="radio"], input[type="checkbox"]{
    margin:5px;
}

.progress-bar-innen {
  position: relative;
  height: 20px;
  color: #fff;
  text-align:initial;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  opacity: 0.7;
  filter: Alpha(opacity=70); /* IE8 and earlier */
    text-align: center;
}
.progress-bar-innenS {
  position: relative;
  height: 20px;
  color: #fff;
  text-align:initial;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  opacity: 0.7;
  filter: Alpha(opacity=70); /* IE8 and earlier */
    text-align: center;
}

.progress-bar-innen-noten1 {
  margin-top:0;
  position: absolute;
  height: 20px;
color:#6c6969;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  width:96%;
  z-index:1;
}
.progress-bar-innen-noten1-bg{
  float: left;
    width:16.66% !important;
   margin-top:0;
}
.progress-bar-innen-noten2 {
     margin-top:0;
  position: absolute;
  height: 20px;
  color: #fff;
  text-align: center;
  font-family: "Lato","Verdana",sans-serif;
  font-size: 12px;
  line-height: 20px;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  z-index:2;
  width:96%;
}
.progress-bar-innen-noten2-bg {
  height: 20px;
  color: #fff;
   opacity: 0.6;
  filter: Alpha(opacity=60); /* IE8 and earlier */
  max-width:96%;
    z-index:2;
    line-height: 20px;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.progress-bar-innen-noten2-bgS {
  height: 20px;
  color: #fff;
   opacity: 0.6;
  filter: Alpha(opacity=60); /* IE8 and earlier */
  max-width:96%;
    z-index:2;
    line-height: 20px;
   border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.rounded .progress-track,
.rounded .progress-fill {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
}
.cube{
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0,0,0,.2);
  height:15px;
  width:15px;
 margin-right:5px;
}
.divPieChart{
 height:auto;
}
.piedetails li{
     list-style-type: none;
            display: inline-block;
}
.piedetails{
margin: 0!important;
}
.progress-bar-details{
    margin:0;
}
.progress-bar-details li{
     list-style-type: none;
            display:block;
            padding: 11px 0;
}
.inputreadonly{
    border:0; width:38px; background-color:transparent; padding:2px; text-align:right;
}
.inputhidden{
  visibility:hidden;
}
.anreg{
    background:#fafafa;
}
.anreg ul{
   list-style: none;
   padding:0px 10px;
}
.anreg ul li {
 background: white;
  margin: 7px;
}
 .div-kzaauswertung label, p, .btn-lg{
     font-size:15px !important;
 }
  .div-kzaauswertung select{
     font-size:11px !important;
 }
 .div-kzaauswertung .jumbotron{
    height:220px !important;
    padding:20px !important;
 }
@media (max-width: 991px) {
 .div-kzaauswertung label, p, .btn-lg, li{
     font-size:12px !important;
 }
 .div-kzaauswertung .jumbotron{
    height:270px !important;
    padding:10px !important;
 }
 .txt-chart{
margin-top: -20px;
 }
}
@media (max-width: 398px) {
     .div-kzaauswertung .jumbotron{
    height:300px !important;
    padding:5px !important;
 }
}

/*Ende KZA------------------------------*/

    .sHit {background-color:lightyellow !important;}
.firefoxdl, .edgedl
{
    width: 130px;
    height: 130px;
    position: fixed;
    
    z-index: 9999;
    background-color: white;
    text-align: center;
}
 .firefoxdl { top: 0px;border-radius:30%;
    right: 80px;animation-name:ffdl;
  animation-duration: 0.5s;animation-iteration-count: infinite;animation-timing-function: linear;
  animation-direction: alternate;}
 .edgedl { animation-name:eDL;
  animation-duration: 0.5s;animation-iteration-count: infinite;animation-timing-function: linear;
  animation-direction: alternate;}
    @-webkit-keyframes ffdl {
  from {top:30px;}
  to {top:0px;}
}
    @keyframes ffdl {
  from {top:30px;}
  to {top:0px;}
}
       @-webkit-keyframes eDL {
  from {bottom:110px;left:50%;}
  to {bottom:80px;left:50%;}
}
@keyframes eDL {
  from {bottom:110px;left:50%;}
  to {bottom:80px;left:50%;}
}
@-webkit-keyframes oDL {
  from {bottom:110px;}
  to {bottom:80px;}
}
@keyframes oDL {
  from {top:110px;}
  to {top:80px;}
}
@-webkit-keyframes cDL {
  from {bottom:30px;}
  to {bottom:0px;}
}
@keyframes cDL {
  from {bottom:30px;}
  to {bottom:0px;}
}
        .firefoxdl img
        {
            width:80%;height:80%;
        }

        .row .col {
            margin-left:10px;
        }
        .headerow .col {margin-left:0px;}

        .checkedImg{width:16px;float:left;margin-top:5px;margin-left:-7px;}
        .ajax__combobox_buttoncontainer {vertical-align:top;}
        .ajax__combobox_buttoncontainer button {background-color:blue;border-radius:5px;}

        /*combobox AJAX---------------------------*/
    .ajax__combobox_inputcontainer tr{
        border: solid 1px #808080;
        border-radius:3px;
         background-color:#ffffff;
         height:24px;
    }
  
      .ajax__combobox_itemlist {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px ButtonShadow;
    background-color: #ffffff;
    color: #4a4949;
    max-height:200px;
    overflow-y:scroll;
}
 .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    border: 0px none;
    color:#4a4949;
    padding: 0px 0px 0px 5px;
    font-size: 16px;
    height: 24px;
    width: 240px;
   margin: 0px;
    background-color:transparent;
}
.ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button { 
    background-color:transparent;
    background-image: url('../svg/si-glyph-arrow-down.svg');
    background-size:20px;
    background-repeat:no-repeat;
    background-position: top left;
    height: 24px;
    width: 24px;
    margin:  0px;
    padding: 5px;
     border: 0px none;
}
.btKataster{
     border: solid 1px #808080;
        border-radius:3px;
        padding:3px;
          margin: 5px 0px 0px 0px;
          color:#525252;
}
.btKataster:hover{
     border: solid 1px #f2a130;
        border-radius:3px;
        padding:3px;
          margin: 5px 0px 0px 0px;
          background-color:#f7d098;
}
        .ajax__combobox_buttoncontainer button {background-color:blue;border-radius:5px;}


/*EKV------------------------------------------------------------*/
.margin { margin-bottom: 45px;}
.margin2 { margin: 10px 20px;}
.margin2 { margin: 20px 30px;}
.bg-1 {
    background-color: #e0dddd;
    color: #6c6969;
}
 .bg-2 {
    background-color:#f5f5f6;
    color: #ffffff;
    color: #6c6969;
}

/*Login----------------------------------------------------------------------------*/

.container-fluid {
    padding: 0px;
}
.row {
    margin: 0px;
    padding: 0px;
}
#div-log-left {
    margin-top: 10px;
    background-color: #808080;
    box-shadow: -0px -7px 15px #4a4949 inset;
    min-height: 10vh;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
 #div-log-left img {
     width: 90%;
     height: auto;
 }
#div-log-right {
    text-align: center !important;
    display: block;
    justify-content: center;
    align-items: center;
    padding-top: 12%;
}
#div-log-right-kennwort {
    text-align: center !important;
    display: block;
    justify-content: center;
    align-items: center;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #eeecec;
    margin-bottom:15px;
}
i {
    margin: 0px;
    padding: 0px;
    font-size: 1.75em;
    color: #fff;
}
h1 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 2.25em;
}
hLog {
    margin: 0px;
    padding: 0px;
    margin-top: 0px !important;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.8em;
}
h4 {
    margin-top: 0px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    font-weight: 300;
}
.input-username span, .input-password span, .login-button {
    margin: auto;
}
.input-username, .input-password {
    width: 100%;
    margin: auto;
    position: relative;
}
.login-button {
    margin: auto;
}
.input-username span, .input-password span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    padding: 1px;
    margin-top: 5px;
}
.input-username, .input-password {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    padding: 5px 10px 5px 10px;
    border-radius: 0px;
    border: none;
    font-size: 1.25em; 
}
.input-username:focus, .input-password:focus {
     outline: none;
}
.login-button {
    padding: 10px;
    margin-top: 20px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;

}

.login-button:hover {border-radius: 5px;}
.login-button:focus {outline: none;}

#acct {margin-top: 30px;}
.signup-button {
    padding: 10px;
    margin-top: 5px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
}

.signup-button:hover {border-radius: 5px;}

@media (min-width: 1200px) {

    #div-log-left {
        box-shadow: -6px -0px 10px #4a4949 inset;
        height: 480px;
    }

    #div-log-right {
        height: 500px;
    }

    #login {
        margin: 0px;
        margin-top: 15vh;
        margin-bottom: 70px;
    }

    i {
        margin-top: 200px;
    }

    .input-username, .input-password {
        width: 80%;
        margin: auto;
    }

    .login-button {
        width: 60%;
    }

    h1 {
        margin-top: 30px !important;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {
    #div-log-left {
        height: 460px;
    }

    #div-log-right {
        height: 480px;
        padding-top: 100px;
    }

    #login {
        margin: 0px;
        margin-top: 100px;
        margin-bottom: 75px;
    }

    .input-username, .input-password {
        width: 80%;
        margin: auto;
    }

    .login-button {
        width: 70%;
    }

    h1 {
        margin-top: -20px !important;
    }
}

@media (max-width: 991px) {
    #div-log-left {
        height: 380px;
    }

    #div-log-right {
        height: 400px;
        padding-top: 100px;
    }

    #login {
        margin-top: 90px;
        max-height: 100vh;
    }

    #div-log-right {
        padding: 50px;
    }

    .login-button {
        width: 80%;
    }

    h1 {
        margin-top: -20px !important;
    }
}

@media (max-width: 767px) {
    #div-log-left {
        height: 340px;
    }

    #div-log-right {
        height: 360px;
        padding-top: 70px;
    }

    .input-username, .input-password {
        font-weight: 400;
        padding: 3px 7px 5px 7px;
        border-radius: 0px;
        border: none;
        border-bottom: 2px;
        font-size: 1.00em;
    }

    .login-button, checkbox {
        padding: 3px 7px 5px 7px;
        font-size: 1.00em;
        margin-top: 5px;   
    }
}

@media (max-width: 576px) {
    #login {
        margin-top: 50px;
        max-height: 100vh;
    }

    #div-log-right {
        padding: 50px 5px !important;
        height: 300px;
    }

    #div-log-left {
        padding: 2px !important;
        height: 280px;
    }

    .input-username, .input-password {
        font-weight: 400;
        padding: 2px;
        border-bottom: 1px;
        font-size: 0.80em;
    }

    .login-button {
        padding: 2px 5px 2px 5px;
        font-size: 0.80em;
    }

    .checkbox {
        padding: 2px 5px 2px 5px;
        font-size: 0.80em;
    }
}

@media (max-width: 400px) {
    #div-log-right {
        padding: 20px 5px !important;
        height: 280px;
    }

    #div-log-left {
        padding: 2px !important;
        height: 260px;
    }
}
/*End Login----------------------------------------------------------------------------*/

/*--- Audit DropDown Vorschlag Berater*/

#ddlTypus,#beraterlist  {border:1px inset black; padding:5px;background-color:white;max-width:350px;min-width:350px;}
#beraterlist li {list-style:none;}
#beraterlist li:hover {background-color:lightgreen;}
@media print
{
    #theFirmMenu
    {
        display: none;
    }
}
.btn_image {
    width:30px;
    margin-left: -40px;
}

.auslaufwarn {
    text-decoration:underline;
    background-color:yellow;
    color:red;
}
/*Impressum-----------------------------*/
.impressum-box{
    background: #f6f6f6;
    overflow: hidden;
    height: auto;
    padding: 3%;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
    transition: 400ms cubic-bezier(0.175, 0.885, 0.35, 1.475);
    margin-bottom:20px;
}

    .impressum-box:hover {
        box-shadow: 0px 2px 10px rgba(0,0,0,0.6);
        background: #eeeded;
    }
@media screen and (max-width:1200px) {
    .impressum-box {
        padding: 30px 3px;
        margin-bottom: 20px;
    }
}
        @media screen and (max-width:1200px) {
            .impressum-box  {
                margin: 2px 10px 20px 10px;
                padding: 30px 3px 10px 3px;
                margin-bottom: 20px;
                box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
                transition: 400ms cubic-bezier(0.175, 0.885, 0.35, 1.475);
            }
        }

        /*24.04.2020 CW Start*/
        .tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
        
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  10% {
    opacity: 0.6;
  }
  50% {
      letter-spacing:0.5em;
    opacity: 1;
  }
  90% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-4-24 14:10:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-hor-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
}
@keyframes rotate-hor-center {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
}

        .downloadwait {text-align:center; width:100%;font-size:1.5em;letter-spacing:10px;
                       
                       -webkit-animation: tracking-in-expand 3.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both infinite;
	        animation: tracking-in-expand 3.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both infinite;
        }
        .downloadwait svg {
            
	-webkit-animation: rotate-hor-center 1.5s linear both infinite;
	        animation: rotate-hor-center 1.5s linear both infinite;
        }
            .downloadwait svg #path1
            {
                fill: green;
            }
            .multiOn {background-color:lightgreen;border-color: 2px inset green;}
            .MultiSelected {background-color:lightgreen !important;}
            /*24.04.2020 CW Ende*/
            /* 29.04.2020 CW*/
            .img-menue {max-height:70px;min-height:70px;}
            .aktivii {border:3px solid blue;}
            /**/

.cls-svg-menue {
        fill: #fff;
        stroke: #b7b1b1;
        stroke-width: 2px;
        fill-rule: evenodd;
        margin-bottom:-20px;
        height:50px;
 }

.cls-svg-menue-txt {
        font-size: 25px;
        fill: #a6a3a3;
        text-anchor: middle;
        font-family: Lato, sans-serif;
        font-weight: 700;
}
.dropdown-menu a {
    font-family: Lato, sans-serif;
    color:#5c5a5a !important;
    text-transform: uppercase;
}
a.dropdown-item {
    text-align: left !important;
    padding-left: 100px;
}

/*Footer----------------------------------------------------------------------------*/
.ul2 {
    list-style-type: none;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    display:inline !important;
    
}
.ul2 li{
    display:inline-block !important;

}
.div-symbol {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.5;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.div-symbol:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}
.footer-color {
    padding-top: 20px;
    padding-bottom: 10px;
}
.div-footer {
    text-transform: uppercase;
    font-size: 14px;
    height: auto;
    display: flex;
    align-items: flex-end;
}

.footer-item {
    display: block;
    padding: 10px;
    color: #808080;
}

    .footer-item:hover {
        font-size: 14px !important;
        transform:scale(110%);
        font-weight:bold;
        margin:-7%;

        color: #000;
        text-decoration-line: none;
    }


.back-to-top:hover {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

@media (max-width: 1760px) {
    .div-footer {
        font-size: 14px;
    }
    .footer-item:hover {
        font-size: 16px;
    }
    a.footer-item {
        padding: 3px;
    }
}


@media screen and (max-width: 768px) {
    .div-footer {
        padding: 5px 5px 5px 5px;
    }
   

/*End Footer ------------------------------------------------------------------------------------*/
}
/*05.05.2020 CW*/
            .reloader {width:26px;height:26px;margin-top:-2px;display:inline-block;}
            .reloader:hover path {stroke:red;}
            #sBox {width:90%; }
            .sBoxCont {width:49%;float:left;}
            /**/

      

            /*07.05.2020 CW*/
.tooltip {
	background-color: #ffaffc;
	border-radius: 10px;
	padding: 10px 15px;
	position: relative;
	margin: 15px;
	text-align: center;
}

.tooltip::after {
	background-color: #333;
	border-radius: 10px;
	color: #b254ff;
	display: none;
	padding: 10px 15px;
	position: absolute;
	text-align: center;
	z-index: 999;
}

.tooltip::before {
	background-color: #333;
	content: ' ';
	display: none;
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 999;
}

.tooltip:hover::after {
	display: block;
}

.tooltip:hover::before {
	display: block;
}

.tooltip.top::after {
	content: 'top';
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 10px));
}

.tooltip.top::before {
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}

.tooltip.bottom::after {
	content: 'bottom';
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 10px));
}

.tooltip.bottom::before {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 5px)) rotate(45deg);
}

.tooltip.right::after {
	content: 'right';
	top: 0;
	right: 0;
	transform: translateX(calc(100% + 10px));
}

.tooltip.right::before {
	top: 50%;
	right: 0;
	transform: translate(calc(100% + 5px), -50%) rotate(45deg);
}

.tooltip.left::after {
	content: 'left';
	top: 0;
	left: 0;
	transform: translateX(calc(-100% - 10px));
}

.tooltip.left::before {
	top: 50%;
	left: 0;
	transform: translate(calc(-100% - 5px), -50%) rotate(45deg);
}
/**/
/*08.05.2020 FK*/
.ul2 {
    list-style-type: none;
    margin: 0;
    padding-left: 7px;
    padding-right: 7px;
    display:block !important;    
} /**/
  /*20.05.2020 CW*/
  .errorRegion, .errorRegionright{
      position:relative;
      
  }
  .errorRegion span {
      display:inline-block;
     position: absolute;
     top:0px;
     border:1px solid black;
     overflow:visible;
     color:red;
     background-color:white;
     border:3px solid darkgoldenrod;
     padding:4px;
     border-radius:5px;
  }
  .errorRegion span:before {
      content:" ";
      width: 0; 
   height: 0; 
   margin-left:10px;
   margin-top:-16px;
   border-bottom: 12px solid darkred; 
   border-left: 6px solid transparent; 
   border-right: 6px solid transparent; 
   position:absolute;
  }
  .errorRegionright span {right:0px;}  
  .errorRegionright span:before{right:10px;}  
  /**/
  .auditoring .BtnMulti,.auditoring .BtnUPL,.auditoring .addIcon,.auditoring .moveIcon,.auditoring .gridcommandbutton,.auditoring #MSelect,.auditoring .AnmeldeButton,.auditoring .btKataster,.auditoring .btnBewerten,.auditoring .btnLief,.auditoring .TortPic,.auditoring .EvalPic,.auditoring .ExcelPic,.auditoring #MainContent_btSave,.auditoring #MainContent_gvFiles tr:last-child  {visibility:hidden;}
  .auditoring .dataTable4 input,.auditoring .dataTable4 input[type=checkbox],.auditoring .dataTable4 select,.auditoring .dataTable4 textarea {background-color:lightgray !important;pointer-events:none;}

  /* 06.07.2020 CW*/
  .theAufgaben {
      position:absolute;
      top:200px;
      min-height:100px;
      min-width:300px;
      width:300px;
      max-width:300px;
      word-break:break-word;
      background-color:transparent;
      right:-10px;
      z-index:9990;
  }
  .Details_Aufgabe {
      background-color:white;
      width:100%;
      border:1px solid black;
      border-radius:5px;
      padding:5px;
      margin-bottom:10px;
      padding-right:10px;
  }
  .Head_Aufgabe {
      text-align:center;
      font-weight:bold;
  }
  .Aufgabe_Erledigen,.Aufgabe_Hilfe{
      width:40%;
  }
  .Aufgabe_Hilfe {float:right;}
.Details_Aufgabe:last-child
{
    margin-bottom:0px;
}
  /**/
  .AnmeldeButton{width:84px;}
.descriptionLine p,.descriptionLine  div{text-align:left;}
.Ortheg .AnmeldeButton {background-color:#0090c3 !important;}
.AnmeldeButton {
   position: relative;
}
.AnmeldeButton::before {
   background-color: white;
   border: 1px solid #888;
   border-radius: 2px;
   color: #444;
   content: attr(data-title);
   display: none;
   font-family: sans-serif;
   font-size: 14px;
   padding: 2px 5px;
   position: absolute;
   top: 20px;
   left: 5px;
   z-index: 9999;
}
.AnmeldeButton:hover::before {
   display: block;
}
#lastmen {
    color:white;overflow: visible;display:inline-block;text-wrap:none; max-width:30px;white-space: nowrap;max-height:50px;font-size:11px;padding-left:500px;
}
.descriptionLine  li {list-style-type:disc;margin-left:30px;}
.descriptionLine td:last-child {
    clear:both;
}
.tlButton {
    width:270px;
    height:40px;
    border:2px inset #e5342d;
    border-radius:5px;
    margin:3px;
    background-color:transparent;
}
.tlButton:hover{
    border-color:transparent;
    background-color:#e5342d;
    color:white;
    font-weight:bold;
}
.mitAgos {background-color:darkgreen;color:white;}
.sDone { border-color:green;}
.sDone:hover {background-color:green;}
.thelastkat {float:left; margin-left:-228px;margin-top:49px;font-size:11px !important; }
.thelastlief{float:left; margin-left:-228px;margin-top:65px;font-size:11px !important;}
.thelastKZA {
    float: left;
    margin-left: -231px;
    margin-top: 81px;
    font-size: 11px !important;
}
.warning{color:yellow;}
.alerting{color:red;}
.firmenblatt,#filialdata  {width:100%;}
.firmenblatt tr td,.firmenblatt tr th {padding:3px;}
    .firmenblatt tr :first-child,.firmenblatt tr :nth-child(2),#filialdata tr :first-child,#filialdata tr :nth-child(2)
    {
        border-right: 1px solid;
    }
    .firmenblatt tr {border-bottom:1px solid;}
    .firmenblatt tr:last-child {border-bottom:0px solid;}
    .firmenblatt tr td input {width:100%;}
    #filialdata {width:100%;border:none;}
    #filialdata  tr td {border:none;}
    #filialdata  tr td:first-child {width:44.5%;border-right: 1px solid;}
    #filialdata  tr td:last-child {border-right:none;}
    .Aufzeichnung input {color: rgb(250,0,0) !important;}

    .MARechner {width:100%;border-right:none !important;}
    .MARechner tr {border-right:none !important; }
    
    #VPRInfo {color:black !important;text-transform:none;text-align:left;width: 899px !important;margin:auto;font-weight:bold;opacity:1 !important;}
.dropdown-menu-arrow {
  top: -25px;
  left: 50%;
  width: 0;
  height: 0;
  position: relative;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}
.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -8px;
  border-bottom-color: #fff;
}
.dropdown-menu-arrow:before {
  bottom: -17px;
  right: -8px;
  border-bottom-color: rgba(0,0,0,.15);
}
.someclass {
    color: red;
}
/*26.02.21 FK*/
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}
/*07.04.21 FK*/
.btnLinkCopy{
color:#6c6969;
border-radius:0.5rem;
padding:5px 10px;
}
.btnLinkCopy:hover{
background-color:#ebebea;
}
/*06.04.21 FK*/
/*ostern
#div-log-right {
    background-image: url('../Images/ostern2021.png');
   background-repeat:no-repeat;
   background-position-x:98%;
   background-position-y:40%;
}
@media (max-width: 1210px) {
    #div-log-right {
        background-position-y: 46%;
        background-size: 200px auto;
    }
}
    @media (max-width: 1000px){
    #div-log-right {
 background-position-y:49%;
   background-size:150px auto;
}
}
        @media (max-width: 500px){
    #div-log-right {
 background-position-y:49%;
   background-size:100px auto;
}
 checkbox  #RememberMe{
       display:none;
   }
}
end ostern*/