/* Manfred Hirten - hirten-portal-solutions.eu
----------------------------------------------- */
/* FONT FACES */
/* OPEN SANS DEFAULTS */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
        url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
        url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
        url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
        url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
        url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
        url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
        url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
        url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
        url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* OPEN SANS CON */

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/opensanscondensed-bold-webfont.woff2') format('woff2'),
        url('../fonts/opensanscondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedlight';
    src: url('../fonts/opensanscondensed-light-webfont.woff2') format('woff2'),
        url('../fonts/opensanscondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sans_condensedLtIt';
    src: url('../fonts/opensanscondensed-lightitalic-webfont.woff2') format('woff2'),
        url('../fonts/opensanscondensed-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666666;
    font-family: cambria;
    font-size: 14px;
    padding-left: 5px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #666666;
    font-family: cambria;
    font-size: 14px;
    padding-left: 5px;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #666666;
    font-family: cambria;
    font-size: 14px;
    padding-left: 5px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #666666;
    font-family: cambria;
    font-size: 14px;
    padding-left: 5px;

}

html,
body {
    height: 100%;
    scroll-behavior: smooth;
}

td {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
}


#Ebene1 {
    overflow-x: auto;
    overflow-y: hidden;
    font-family: inherit !important;
    margin-bottom: 70px;
}

#gotop,
#gotop a {
    position: fixed;
}

#gotop a {
	position: fixed;
    font: 1.1em/2 Arial;
    text-align: center;
    color: #fff;
    background: radial-gradient(circle,#263D86,#263D86);
    border-radius: 50px;
    width: 2em;
    height: 2em;
    bottom: 40px;
    margin-left: -51px;
    opacity: .8;
    transition: 1s;
    z-index: 10;
}

#gotop a:hover,
#gotop a:focus {
    background: radial-gradient(circle,#263D86,#282828);
    border-radius: 50px;
}

#gotop span {
    height: 0;
    width: 0;
    top: -4000em;
    overflow: hidden;
    position: fixed;
	
}


.txtlogo {
    /* Normale beschriftung*/
    position: relative;
    width: 780px;
    height: 30px;
    border-style: none;
    font-family: cambria;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #FFCF47;
    letter-spacing: 0.1em;
}


.untermenuebanner {
    /* untermenuebanner*/
    position: relative;
    width: 635px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    letter-spacing: 0.1em;

}

.kostenbanner {
    /* untermenuebanner*/
    position: relative;
    width: 635px;
    height: 25px;
    border-style: none;
    color: #000038;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #e3e1e1;
    letter-spacing: 0.1em;
    margin-top: 20px;

}

.mattypbanner {
    /* untermenuebanner*/
    position: relative;
    width: 635px !important;
    height: 25px;
    border-style: none;
    color: #000038;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #e3e1e1;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 10px !important;

}
.kostenbannerwe {
    /* untermenuebanner*/
    position: relative;
    width: 640px !important;
    height: 25px;
    border-style: none;
    color: #000038;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #e3e1e1;
    letter-spacing: 0.1em;
    margin-top: 20px;

}

.untermenuebannermenue {
    /* untermenuebanner*/
    position: relative;
    width: 640px !important;
    height: 25px;
    border-style: none;
    border: none;
    color: #000038;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #d2d0d0;
    letter-spacing: 0.1em;
    margin-top: 15px;
}

.untermenuebannermenuesuper {
    /* untermenuebanner*/
    position: relative;
    width: 640px !important;
    height: 25px;
    border-style: none;
    border: none;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #c62929;
    letter-spacing: 0.1em;
    margin-top: 15px;
}


.untermenuebanner1000 {
    /* untermenuebanner*/
    position: relative;
    width: 990px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    letter-spacing: 0.1em;

}

.aufgabenabschluss {
    /* untermenuebanner*/
    position: relative;
    width: 635px;
    height: 25px;
    top: 12px;
    border-style: none;
    color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #C5C4C3;
    letter-spacing: 0.1em;
}

.untermenuebannerauftrag {
    position: relative;
    width: 1355px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/
}

.untermenuebannerauftrag-8 {
    position: relative;
    width: 1355px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/
}

.untermenuebannerauftrag-7 {
    position: relative;
    width: 1185px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/
}

.untermenuebannerauftrag-6 {
    position: relative;
    width: 1015px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/
}

.untermenuebannergeraetanlegen {
    position: relative;
    width: 1305px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/
}

.untermenuebannergeraetanlegen-rep {
    position: relative;
    width: 1380px;
    height: 35px;
    border-style: none;
    color: #FFFFFF;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    background: #666666;
    /*letter-spacing: 0.1em;*/


}

.txttabellenueberschriftnoborder {
    /* Normale txttabellenueberschrift */
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #666666;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: none;
    color: #F0F0F0;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-family: cambria;
    font-size: 18px;
    letter-spacing: 0.5em;

}

.txttabellenueberschriftnoborderhell {
    /* Normale txttabellenueberschrift */
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #FFFFFF;
    border-width: 0.0px;
    border-style: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    color: #000000;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-family: cambria;
    font-size: 18px;
    letter-spacing: 0.5em;

}

.txttabellenueberschrift1 {
    /* Normale txttabellenueberschrift */
    position: relative;
    width: 780px;
    height: 22px;
    border-style: 1px;
    border-left: 1px solid #273D86;
    border-top: 1px solid #273D86;
    border-right: 1px solid #273D86;
    border-bottom: 1px solid #273D86;
    border-bottom-color: #273D86;
    font-family: cambria;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: #FFFFFF;
    color: #273D86;
    letter-spacing: 0.3em;

}



.txtstandart {
    position: relative;
    width: 430px;
    height: 30px;
    border-style: none;
    border-left: 4px solid #FF0000;
    font-family: cambria;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;

}

.beschreibungtext {
    /* beschreibung vor eingabefeld*/
    min-width: 175px;
    display: inline-block;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    background: #FFFFFF;
    color: #616161;

}

.beschreibungtextgruppe {
    /* beschreibung vor eingabefeld*/
    min-width: 250px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: "open_sanslight";
    background: #FFFFFF;
    color: #616161;
    margin-bottom: 15px;

}
.txtuebereingabe30 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 50px;
    height: 27px;
    font-size: 12px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: right;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 1%;
}

.txtuebereingabe180 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 210px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe90 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 90px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe180_14 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 210px;
    height: 20px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe420 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 420px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe295 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 295px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}


.txtuebereingabe280 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 380px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabeumbuchen {
    /* überschrift eingabefeld*/
    position: relative;
    width: 300px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: #F9F8F4;
    color: #616161;
    margin-left: 0%;
}
.txtscannermenue{
    /* überschrift eingabefeld*/
    position: relative;
    width: 300px;
    height: 27px;
    font-size: 20px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: center;
    background: #F9F8F4;
    color: #616161;
    margin-left: 0%;
    margin-top: 20px;
}

.txtuebereingabeumbuchenkunde {
    /* überschrift eingabefeld*/
    position: relative;
    width: 300px;
    height: 27px;
    font-size: 14px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}
.txtuebereingabeumbuchenkundekurz {
    /* überschrift eingabefeld*/
    position: relative;
    width: 140px;
    height: 27px;
    font-size: 14px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabeumbeschriftungkunde {
    position: relative;
    width: 320px;
    height: 22px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 6px;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: #ffffff;
    color: #000038 !important;
    margin-left: 0%;
    border-color: #d9d9dc;
    border-width: 1px;
    border-style: none none solid none;
    letter-spacing: 0.05em;
}

.txtuebereingabeumbeschriftungampel {
    position: relative;
    width: 320px;
    height: 22px;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 20px;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: #ffffff;
    color: #000038 !important;
    margin-left: 0%;
    border-color: #d9d9dc;
    border-width: 1px;
    border-style: none none solid none;
    letter-spacing: 0.05em;
    margin-bottom: 5px;
}

.txtuebereingabedashboard180 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 210px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(255, 255, 255);
    color: #616161;
    margin-left: 0%;
    margin-top: 20px;
}

.txtuebereingabe180grey {
    /* überschrift eingabefeld*/
    position: relative;
    width: 210px;
    height: 27px;
    font-size: 14px;
    font-weight: normal;
    border-style: none;
    font-family: "verdana" !important;
    vertical-align: middle;
    text-align: left;
    background: rgb(238, 238, 238);
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe120 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 135px;
    height: 27px;
    font-size: 17px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe280 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 380px;
    height: 27px;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe375gruensysteminfo {
    /* überschrift eingabefeld*/
    position: relative;
    width: 915px;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: rgb(150, 146, 146);
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #044e1d;
    margin-left: 0px;
    padding-left: 12px;

}

.txtuebereingabe375rotsysteminfo {
    /* überschrift eingabefeld*/
    position: relative;
    width: 915px;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: rgb(150, 146, 146);
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #a50707;
    margin-left: 0px;
    padding-left: 12px;

}

.txtuebereingabe375orangesysteminfo {
    /* überschrift eingabefeld*/
    position: relative;
    width: 915px;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: rgb(150, 146, 146);
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #e7a11f;
    margin-left: 0px;
    padding-left: 12px;
}

.txtuebereingabe180systeminfo {
    /* überschrift eingabefeld*/
    position: relative;
    width: 280px;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: rgb(150, 146, 146);
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe50gruensysteminfo {
    /* überschrift eingabefeld*/
    position: relative;
    width: 100px;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 1px;
    border-bottom-color: rgb(150, 146, 146);
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: right;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;
}

.txtuebereingabe380 {
    /* überschrift eingabefeld*/
    position: relative;
    width: 380px;
    height: 27px;
    font-size: 17px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;

}

.txtuebereingabe180bold {
    /* überschrift eingabefeld*/
    position: relative;
    width: 210px;
    height: 27px;
    font-size: 17px;
    font-weight: bold;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;

}


.txtuebereingabe500bold {
    /* überschrift eingabefeld*/
    position: relative;
    width: 500px;
    height: 27px;
    font-size: 17px;
    font-weight: bold;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;

}

.txtuebereingabe120bold {
    /* überschrift eingabefeld*/
    position: relative;
    width: 135x;
    height: 27px;
    font-size: 17px;
    font-weight: bold;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;

}

.txtuebereingabe {
    /* überschrift eingabefeld*/
    labeleingabe position: relative;
    width: 320px;
    height: 27px;
    font-size: 17px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #616161;
    margin-left: 0%;

}

.txtuebereingaberot {
    /* überschrift eingabefeld ROT*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #FF0000;
    margin-left: 0%;

}

.txtaerafett1 {
    /* textaera klein und FETT*/
    position: relative;
    font-size: 17px;
    font-weight: bold;
    border-style: none;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    max-width: 450px;
    max-height: 65px;
    min-width: 450px;
    min-height: 65px;
    resize: none;
    overflow: hidden;



}

.txtaeranormal0 {
    /* textaera mittel und normal*/
    position: relative;
    font-size: 16px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    max-width: 600px;
    max-height: 550px;
    min-width: 600px;
    min-height: 550px;

}

.txtaerawartung {
    /* textaera txtaerawartung*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    font-weight: normal;
    border-style: thin;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-top: 1px;
    margin-left: 0%;
    max-width: 445px;
    max-height: 144px;
    min-width: 445px;
    min-height: 144px;

}

.txtaerawartung-height330 {
    /* textaera txtaerawartung*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    font-weight: normal;
    border-style: thin;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-top: 1px;
    margin-left: 0%;
    max-width: 450px;
    max-height: 330px;
    min-width: 450px;
    min-height: 330px;

}

.txtaerawartung-height320 {
    /* textaera txtaerawartung*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    font-weight: normal;
    border-style: thin;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-top: 1px;
    margin-left: 0%;
    max-width: 445px;
    max-height: 320px;
    min-width: 445px;
    min-height: 320px;

}

.txtaeraauftragsbearbeitung-height80 {
    /* textaera txtaerawartung*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    font-weight: normal;
    border-style: thin;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-top: 1px;
    margin-left: 0%;
    max-width: 445px;
    max-height: 80px;
    min-width: 445px;
    min-height: 80px;

}

.txtaerawartungklein {
    /* textaera txtaerawartung*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    font-weight: normal;
    border-style: thin;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-top: 1px;
    margin-left: 0%;
    max-width: 444px;
    max-height: 144px;
    min-width: 444px;
    min-height: 144px;

}

.txtaeranormal1 {
    /* textaera mittel und normal*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    border-style: none;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    overflow: hidden;
    max-width: 400px;
    max-height: 200px;
    min-width: 400px;
    min-height: 200px;
    resize: none;


}

.txtaeranormal2 {
    /* textaera mittel und normal*/
    position: relative;
    font-size: 17px;
    font-weight: normal;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    font-family: cambria;
    vertical-align: middle;
    text-align: left;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    max-width: 450px;
    max-height: 120px;
    min-width: 450px;
    min-height: 120px;
    overflow: hidden;
}

.txtinput {
    /* inputfeld*/
    position: relative;
    width: 450px;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputfehler {
    /* inputfeld*/
    position: relative;
    width: 450px;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #fb3a3a;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtcolorbox {
    /* inputfeld*/
    position: relative;
    width: 100px !important;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtcolorboxlager {
    /* inputfeld*/
    position: relative;
    width: 30px !important;
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
}

.txtinput260 {
    /* inputfeld*/
    position: relative;
    width: 260px !important;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput220 {
    /* inputfeld*/
    position: relative;
    width: 220px !important;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput225 {
    /* inputfeld*/
    position: relative;
    width: 225px !important;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #ec7e17;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}
.txtinput225green {
    /* inputfeld*/
    position: relative;
    width: 225px !important;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #16ec56;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput225red {
    /* inputfeld*/
    position: relative;
    width: 225px !important;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #f52e2e;
    color: #ffffff;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput225sa {
    /* inputfeld*/
    position: relative;
    width: 225px !important;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #94d4f5;
    color: #373636;
    margin-left: 1%;
    padding-left: 3px;
}

.txtinputumbuchen {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputumbuchenshort {
    /* inputfeld*/
    position: relative;
    width: 180px;
    height: 24px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.txtinputumbuchenkurz {
    /* inputfeld*/
    position: relative;
    width: 130px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
    float: right;
}

.txtinputumbuchenscanner {
    /* inputfeld*/
    position: relative;
    width: 95%;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
    letter-spacing: 0.1rem;
}

.txtinputumbuchenlieferung {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
    margin-bottom: 5px;
}

.txtinputumbuchenlkw {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFCF48;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputumbuchenpuffer1 {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #4CAF50;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputumbuchenpuffer2 {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #607d8b;
    color: #fbfbfc;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputumbuchenautomatic {
    /* inputfeld*/
    position: relative;
    width: 320px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #dfdfdf;
    color: #000038;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputfieldset {
    /* inputfeld*/
    position: relative;
    width: 550px;
    height: 26px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Verdana" !important;;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput535 {
    /* inputfeld*/
    position: relative;
    width: 535px;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "Verdana" !important;;
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #373636;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputkurz {
    /* inputfeld*/
    position: relative;
    width: 70px !important;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFD258;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}



.txtinputkurzformular {
    /* inputfeld*/
    position: relative;
    width: 450px !important;
    height: 24px;
    font-size: 15px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFD258;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinputohnerahmen {
    /* inputfeld*/
    position: relative;
    width: 450px;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #FFFFFF;
    border-width: 0px;
    border-style: none;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

select {
    
    font-size: 16px !important;
    color: #373636;
    font-family: "Verdana" !important;
    background-color: #ffffff;
}

.txtinput1000 {
    /* inputfeld*/
    position: relative;
    width: 1000px;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput900 {
    /* inputfeld*/
    position: relative;
    width: 900px;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput1130 {
    /* inputfeld*/
    position: relative;
    width: 1095px;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: -5px;
    padding-left: 3px;
}

.txtinput230 {
    /* inputfeld*/
    position: relative;
    width: 195px;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.regalcontent {
    margin-left: 85px; 
    margin-top: 25px;
    font-size: 18px;
    font-weight: normal;
    font-family: "Verdana" !important;
}



input:focus,
select:focus {
    background: #FFF5DA;
    outline: none;
}

textarea:focus,
select:focus {
    background: #FFF5DA;
    outline: none;
}


.txtmenuetoolboxlinks {
    /* toolboxlinks */
    letter-spacing: 0.3em;
    margin-left: -35px;
    margin-top: -2px;
    border-style: none;
    width: 384px;
    height: 30px;
    font-family: "open_sansregular";
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    background: #142044;
    color: #ffffff;
    margin-bottom: 30px;
}

.txtmenuetoolboxeintrag {
    font-family: "open_sansregular";
    font-size: 11px;
    margin-top: 5px;
    margin-left: -7px;
}

.txtmenuetoolboxhinweis {
    font-family: "open_sansregular";
    font-size: 14px;
    margin-top: 15px;
    margin-left: -8px;
}

.txtmenuetoolboxdropdown {
    width: 330px;
    font-family: "open_sansregular";
    font-size: 14px;
    margin-top: -10px;
    margin-left: -10px;
}

.txtmenuetoolboxbutton {
    width: 300px;
    height: 40px;
    font-family: cambria;
    font-size: 14px;
    margin-top: 15px;
}


/*  --------------------------------------------- für Tabelle ------------------------------ */



.txttabellenueberschrift {
    /* Normale txttabellenueberschrift */
    position: relative;
    height: 22px;
    border-style: none;
    font-family: cambria;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: #FFFFFF;
    color: #273D86;
    letter-spacing: 0.3em;
    top: 0 !important;
}
.txttabellenueberschriftnormal {
    /* Normale txttabellenueberschrift */
    position: relative;
    height: 22px;
    border-style: none;
    font-family: cambria;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    background: #FFFFFF;
    color: #273D86;
    letter-spacing: 0.1em;
    top: 0 !important;
}


.tabellekopfmitte {
    /* Tabellekopf mitte */
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #666666;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;

}

.tabellekopflinks {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #666666;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.tabellekopfrechts {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #666666;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #FFFFFF;
    text-align:right;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 5 0 5px;
}

.tabellekopfrechtsdashboard {
    /* Tabellekopf rechts */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #000038;
    text-align: right !important;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 5px;
    height: 25px;
    width: 70px;
}

.tabellekopfmittedashboard {
    /* Tabellekopf mitte */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #000038;
    text-align: center;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 5px;
    height: 25px;
    width: 50px;
}

.tabellekopflinksdashboard {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #000038;
    text-align: left;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 10px;
    height: 25px;
    width: 585px;
    /* max-width: 590px !important;
    min-width: 590px !important; */
}
.tabellekopflinksdashboardheute {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #000038;
    text-align: left !important;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 10px;
    height: 25px;
    width: 505px;
    /* max-width: 590px !important;
    min-width: 590px !important; */
}
.tabellekopflinksdashboardbutton {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #1519e0;
    text-align: left;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 10px;
    height: 25px;
    width: 25px;
}
.tabellekopflinksdashboardbuttongrey {
    /* Tabellekopf links */
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #fff;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #a8a7a6;
    text-align: left;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 10px;
    height: 25px;
    width: 25px;
}

.tabellekopflinkswartung {
    margin-bottom: 0px;
    border-color: #e4e3e6;
    background-color: #e4e3e6;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 5px;
    height: 35px;
}

.tabellekopfmittewartung {
    margin-bottom: 0px;
    border-color: #666666;
    background-color: #666666;
    border-width: 0.0px;
    border-style: groove;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    font-family: Verdana;
    font-size: 14px;
    padding: 0 0 0 5px;
    height: 35px;
}

.styletabellelinksrolle0 {
    /* Tabelle Zellentext links menü für rollen*/
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    width: 40px;
}

.styletabellelinksrolle2 {
    /* Tabelle Zellentext links menü für rollen*/
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    width: 270px;
}

.styletabellelinksrolle1 {
    /* Tabelle Zellentext links menü für rollen*/
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    width: 150px;
}

.styletabellelinksrolle3 {
    /* Tabelle Zellentext links menü für rollen*/
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    width: 80px;
}

.styletabellelinks {
    /* Tabelle Zellentext links */
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.styletabellelinksfooter {
    /* Tabelle Zellentext rechts */
    background-color: #fff;
    color: #000038;
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px !important;
}

.styletabellelinks-aufgaben-oben {
    margin-bottom: 0px;
    text-align: left;
    font-size: 15px;
    padding: 0 0 0 5px;
    vertical-align: baseline;
    max-width: 80% !important;
    border: #3475B5;
    border-bottom-color: lightgray;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: thin;
    white-space: normal;
    font-weight: bold;
    background-color: #F0F0F0;
    color: #000000;
}

.styletabellelinks-aufgaben-mitte {
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    vertical-align: baseline;
    max-width: 80% !important;
    border: #3475B5;
    border-bottom-color: lightgray;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: thin;
    white-space: normal;
    font-weight: bold;
    background-color: #F0F0F0;
    color: #000000;
}


.styletabellelinks-aufgaben-text {
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px !important;
    vertical-align: baseline;
    max-width: 80% !important;
    border: #3475B5;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: thin;
    white-space: normal;
    background-color: #F0F0F0;
    color: #000000;
}

.styletabellelinks-aufgaben-unten {
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    vertical-align: baseline;
    max-width: 80% !important;
    border: #3475B5;
    border-width: thin;
    border-bottom-width: initial;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;

    white-space: normal;
    background-color: #F0F0F0;
    color: #000000;
}

.styletabellelinks-aufgaben-fuss {
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    vertical-align: baseline;
    max-width: 80% !important;

    background-color: #FFFFFF;
    color: #FFFFFF;
}

.styletabellelinksf {
    /* Tabelle Zellentext links */
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    color: #DE5B25;
    padding: 0 0 0 5px;
}

.styletabellemitte {
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
}

.styletabellemitteborderleft{
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    border-left: 0.01rem solid #b9b9b9 !important;
}
.styletabellemitteborderleftbold{
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    border-left: 0.14rem solid #a5a5a5 !important;
}

.styletabellerechtsborderleftbold{
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: right;
    font-size: 14px;
    border-left: 0.14rem solid #a5a5a5 !important;
}
.styletabellelinkssborderleftbold{
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
    border-left: 0.14rem solid #a5a5a5 !important;
}

.styletabellemitteborderrightbold{
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    border-left: 0.01rem solid #b9b9b9 !important;
    border-right: 0.14rem solid #a5a5a5 !important;
}

.styletabellerechts {
    /* Tabelle Zellentext rechts */
    margin-bottom: 0px;
    text-align: right;
    font-size: 14px;
}

.styletabellelinksdashboard {
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: left;
    font-size: 13px;
    padding: 0 0 0 10px;
    height: 21px;
    width:auto;
}

.styletabellemittedashboard {
    /* Tabelle Zellentext mitte */
    margin-bottom: 0px;
    text-align: center;
    font-size: 13px;
    padding: 0 0 0 10px;
}

.styletabellerechtsdashboard {
    /* Tabelle Zellentext rechts */
    margin-bottom: 0px;
    text-align: right;
    font-size: 13px;
    padding: 0 0 0 10px;
}

.styletabellemitterot {
    /* Tabelle Zellentext mitte rot*/
    margin-bottom: 0px;
    color: #E2001A;
    text-align: center;
    font-size: 14px;
}

.styletabellelinksrot {
    /* Tabelle Zellentext links rot*/
    margin-bottom: 0px;
    color: #E2001A;
    text-align: left;
    font-size: 14px;
}

.styletabellelinksroteintrag {
    /* Tabelle Zellentext links rot*/
    margin-bottom: 0px;
    color: #f5f4f4;
    text-align: center;
    font-size: 14px;
    background: #E2001A;
}

.styletabellelinksgrueneintrag {
    /* Tabelle Zellentext links rot*/
    margin-bottom: 0px;
    color: #3b3b3b;
    text-align: center;
    font-size: 14px;
    background: #4b922a;
}

.styletabellelinksbluebottomblack {
    /* Tabelle Zellentext links blau*/
    margin-bottom: 0px;
    color: #0d47a1;
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 5px;
    border-bottom: 2px solid #000000;
}

.styletabellemittebluebottomblack {
    /* Tabelle Zellentext links blau*/
    margin-bottom: 0px;
    color: #000000;
    text-align: center;
    font-size: 14px;
    padding: 0 0 0 5px;
    border-bottom: 2px solid #000000;
}


.styletabellemitterotbold {
    /* Tabelle Zellentext mitte rot bold */
    margin-bottom: 0px;
    color: #E2001A;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.styletabellelinksrotbold {
    /* Tabelle Zellentext links rot bold */
    margin-bottom: 0px;
    color: #1a237e;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px !important;
}

.styletabellemitteblaubold {
    /* Tabelle Zellentext mitte blau bold */
    margin-bottom: 0px;
    color: #1a237e;
    text-align: center;
    font-size: 14px;
    font-weight: bold;

}

.styletabellemittegruenbold {
    /* Tabelle Zellentext mitte grün bold */
    margin-bottom: 0px;
    color: #1b5e20;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.styletabellemittegrau {
    /* Tabelle Zellentext mitte grau */
    margin-bottom: 0px;
    color: #9e9e9e;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.styletabellerechts {
    /* Tabelle Zellentext rechts */
    margin-bottom: 0px;
    text-align: right;
    font-size: 14px;
}
.styletabellerechtsfooter {
    /* Tabelle Zellentext rechts */
    background-color: #fff;
    color: #000038;
    margin-bottom: 0px;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
}

.styletabellerechtsgruen {
    /* Tabelle Zellentext rechts grün*/
    background-color: #4BAD85;
    margin-bottom: 0px;
    text-align: right;
    font-size: 14px;
}

.stylehintergrundhell {
    /* Tabelle Zellenhintergrund hell */

    border-color: #666666;
    border-width: 0.1px;
    background-color: #F0F0F0;
    border-style: groove;
    border: 0.0em solid;
    height: 28px;
}

.stylehintergrunddunkel {
    /* Tabelle Zellenhintergrund dunkel */

    border-color: #666666;
    border-width: 0.1px;
    background-color: #ccc;
    border-style: groove;
    border: 0.0em solid;
    height: 28px;
}

/* +++++++++++++++++++++++++++*/
.stylehintergrundhell {
    /* Tabelle Zellenhintergrund hell */
    background-color: rgb(224, 222, 222);
    height: 32px;
    color: #000000;
    border-bottom: 0.1px solid rgb(169, 167, 167);
}
.stylehintergrunddunkel {
    /* Tabelle Zellenhintergrund dunkel */
    background-color: hsl(0, 0%, 98%);
    height: 32px;
    color: #000000;
    border-bottom: 0.1px solid rgb(169, 167, 167);
}
.stylehintergrunddarkorange {
    /* Tabelle Zellenhintergrund dunkel */
    background-color: wheat;
    height: 32px;
    border-bottom: 0.1px solid rgb(169, 167, 167);
}

/* +++++++++++++++++++++++++++*/


.stylehintergrundhell td,
.stylehintergrunddunkel td,
th {
    padding: 4px;
}

.stylehintergrundhell th,
.stylehintergrunddunkel th,
th {
    padding: 4px;
    height: 30px;
}


/*  --------------------------------------------- Tooltipps ------------------------------ */

.tooltipinfolir {
    /* Tooltip über Tabelle - Hilfe */
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    border-style: groove;
    border: 0.0em solid;
    text-align: left;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;

}

.tooltipinfolir .tooltiptext {
    visibility: hidden;
    width: 550px;
    height: 400px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;

    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: 25px;
    left: 10px;
    opacity: 0;
    transition: opacity 0.6s;
}

.tooltipinfolir .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltipinfolir:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition-delay: 1s;
}

.tooltip {
    /* Tooltipp in Tabelle  */
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 60px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;

    color: #000000;

    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 1%;
}

.tooltip .tooltiptext::after {
    /* content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent transparent transparent; */
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;

}
.tooltipswitch {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    overflow: visible;
}



.tooltipswitch .tooltiptext {
    white-space: pre-wrap;
    word-wrap: break-word;
    visibility: hidden;
    max-width: 600px;
    min-width: 600px;
    min-height: 60px;
    border-color: #c8c9c9;
    border-width: 1px;
    border-style: solid;
    background-color: #fafafa;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -60%;
    left: 58px;
    padding-bottom: 20px;
}

.tooltipswitch .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltipswitch:hover .tooltiptext {
    visibility: visible;
    transition-delay: 0.1s;

}

.tooltipgeraeteinfo {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    overflow: visible;
}

.tooltipgeraeteinfo .tooltiptext {
    visibility: hidden;
    width: 800px;
    min-height: 260px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -60px;
    left: 68%;
}

.tooltipgeraeteinfo .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltipgeraeteinfo:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;

}

.tooltipgeraeteinfooben {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    overflow: visible;


}

.tooltipgeraeteinfooben .tooltiptext {
    visibility: hidden;
    width: 800px;
    min-height: 260px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;

    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -235px;
    left: 68%;
}

.tooltipgeraeteinfooben .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltipgeraeteinfooben:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;

}

/* start */
/* tooltipgeraeteinfowartung */
.tooltipleitstand,
.tooltiphead {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    overflow: visible;


}

.tooltipleitstand a,
.tooltipleitstand span,
.tooltipinfobox span {
    position: relative;
}



.tooltipleitstand.tooltiptext,
.tooltiphead .tooltiptext,
.tooltipinfobox .tooltiptext {
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    /* width: auto; */
    min-width: 400px;
    max-width: 400px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 999;
    bottom: -15px;
    left: 30px;
    transition: all .2s ease;
    opacity: 0;
    padding: 10px;
}


/* ende */
/* tooltipgeraeteinfowartung */
.tooltipgeraeteinfowartungrolle,
.tooltipumbuchung_text,
.tooltipgeraeteinfowartung,
.tooltiphead {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    overflow: visible;
}

.tooltipgeraeteinfowartung a,
.tooltipgeraeteinfowartung span,
.tooltipinfobox span {
    position: relative;
}

.tooltipgeraeteinfowartungrolle a,
.tooltipgeraeteinfowartungrolle span,
.tooltipinfobox span {
    position: relative;
}

.tooltipumbuchung_text a,
.tooltipumbuchung_text span,
.tooltipinfobox span {
    position: relative;
}


.tooltipgeraeteinfowartung .tooltiptext,
.tooltiphead .tooltiptext,
.tooltipinfobox .tooltiptext {
    white-space: pre-wrap;
    word-wrap: break-word;
    visibility: hidden;
    /* width: auto; */
    min-width: 400px;
    max-width: 400px;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background-color: #fcf9ee;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 2px 0px 2px 10px;
    position: absolute;
    z-index: 999;
    bottom: 20px;
    left: 30px;
    transition: all .25s ease;
    opacity: 0;
    padding: 5px;
}

.tooltipgeraeteinfowartungrolle .tooltiptext,
.tooltiphead .tooltiptext,
.tooltipinfobox .tooltiptext {
    white-space: pre-wrap;
    word-wrap: break-word;
    visibility: hidden;
    /* width: auto; */
    min-width: 350px;
    max-width: 350px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 10px 10px;
    position: absolute;
    z-index: 999;
    top: 35px;
    left: -160px;
    transition: all .15s ease;
    opacity: 0;
    /*padding: 10px;*/
}

/* neu */

.tooltiplangpruefung,
.tooltiphead {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;
    overflow: visible;
        cursor: pointer;


}

.tooltiplangpruefung a,
.tooltipumbuchung_text span,
.tooltiplangpruefung span,
.tooltipinfobox span {
    position: relative;
}



.tooltiplangpruefung .tooltiptext,
.tooltiphead .tooltiptext,
.tooltipinfobox .tooltiptext {
    visibility: hidden;
    width: 400px;
    height: auto;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: -180px;
    transition: all .1s ease;
    opacity: 0;
    padding: 10px; 
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;

}

.tooltiplangpruefung:hover .tooltiptext,
.tooltiphead:hover .tooltiptext,
.tooltipinfobox span:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition-delay: 1s;


}
/* neu */

.tooltiphead .tooltiptext {
    bottom: 10px;
    left: 50px;
}


.tooltipinfobox {
    overflow-x: visible;
    overflow-y: visible;
    text-align: center;
}

.tooltipinfobox i {
    font-size: 18px;
}

.tooltipinfobox .tooltiptext {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 500px;
    max-width: 500px;
    width: auto;
    right: 20px;
    left: initial;
    top: 0;
    bottom: initial;
}

.tooltipumbuchung_text:hover .tooltiptext,
.tooltipgeraeteinfowartung:hover .tooltiptext,
.tooltiphead:hover .tooltiptext,
.tooltipinfobox span:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;

}
.tooltipgeraeteinfowartungrolle:hover .tooltiptext,
.tooltiphead:hover .tooltiptext,
.tooltipinfobox span:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;

}
/* ########################################################################################################################### oben */


.tooltipumbuchung_text .tooltiptext,
.tooltiphead .tooltiptext,
.tooltipinfobox .tooltiptext {
    visibility: hidden;
    width: 1200px;
    height: auto;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background-color: #fcf9ee;
    color: #000038;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -50px;
    left: 30px;
    transition: all .1s ease;
    opacity: 0;
    padding: 10px; 
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;

}

/* ########################################################################################################################### oben */

.tooltip2 {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 320px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;

    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 80%;
}

.tooltip2 .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltip2:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;
}


.tooltip2m {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /* background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltip2m .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 320px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;

    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -153px;
    left: 80%;
}

.tooltip2m .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltip2m:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;
}

/* ########################################################################################################################### oben */
.tooltip2o {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #F0F0F0;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltip2o .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 320px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;
    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: -310px;
    left: 80%;
}

.tooltip2o .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltip2o:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;
}

.tooltip2a {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #E1E1E1;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltip2a .tooltiptext {
    visibility: hidden;
    width: 300px;
    height: 320px;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;

    background-color: #ffffff;
    color: #000000;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 0px 10px;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 80%;
}

.tooltip2a .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltip2a:hover .tooltiptext {
    visibility: visible;
    transition-delay: 1s;
}

/* neu */

.tooltipleitstandtransport {
    position: relative;
    margin-bottom: 0px;
    border-color: #666666;
    border-width: 0.1px;
    /*background-color: #E1E1E1;*/
    border-style: groove;
    border: 0.0em solid;
    text-align: center;
    font-family: Verdana;
    font-size: 14px;

}

.tooltipleitstandtransport .tooltiptext {
    visibility: hidden;
    width: 400px;
    height: auto;
    border-color: #9e9e9e;
    border-width: 3px;
    border-style: solid;

    background-color: #f7f4f4;
    color: #000038;
    text-align: left;
    border-radius: 2px;
    padding: 5px 0px 10px 10px;
    position: absolute;
    z-index: 1;
    top: 30px;
    left: -30px;
}

.tooltipleitstandtransport .tooltiptext::after {
    /*content: " ";
    position: absolute;
    bottom: 100%;
    left: 6%;
    margin-left: -5px;
    border-width: 6px 6px 27px 6px;
    border-style: solid;
    border-color: transparent transparent #cc0000 transparent;*/
}

.tooltipleitstandtransport:hover .tooltiptext {
    visibility: visible;
    transition-delay: 0.5s;
}




/*  --------------------------------------------- Tabelle hover ------------------------------ */
tr:hover {
    background-color: #f8eba8;
    color: #1744d6;
}

#hmenue {

    z-index: 50;
    position: fixed;
    height: 60%;
    width: 380px;
    left: -384px;
    top: 150px;
    transition: left 0.2s ease-out;
    display: block;
    border-radius: 0 0 5px 0;
    border: thin solid #808080;
    background-color: #e9edef;
    padding-bottom: 10px;

}

#hmenue:hover {
    left: -5px !important;
}

#hmenue input {
    display: block;
    border-radius: 0px;
}

.hover-offen {
    position: absolute;
    background: rgba(52, 108, 181, 0);
    color: #1a237e;
    width: 30px;
    height: 600px;
    border-radius: 0px;
    right: -13px;
    top: 0%;
    outline: 25px
}

.versteck {
    position: absolute
    background: rgb(233, 237, 239);
    color: #00ffff00;
    height: 35px;
    width: 20px;
    border-radius: 0px;
    right: 0px;
    top: 284px;
}

.hover-offen .fa-bars {
    z-index: 1;
    color: #e20a0a;
    font-size: 30px;
    text-align: center;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
}

#hmenue form {
    text-align: left;
    display: flex;
    flex-flow: column;
    align-items: left;
    margin-left: 30px;

}

#hmenue a {
    font-family: "open_sanslight" !important;
}

/***********************************************************************************************
*
*
*
*   DUSTIN AENDERUNGEN
*   1. GENERAL
*   2. INDEX
*   3. LAGERHOME
*
*************************************************************************************************/

/********************************** 1. GENERAL **************************************************/

.row {
    margin-bottom: 20px;
}

#header {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    z-index: 50;
    background-color: #ffffff;
}

#top-header {
    min-height: 100px;
    position: relative;
}

#top-header img {
    width: 145px;
}


#top-header span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bolder;
}


/********************************** 2. INDEX   **************************************************/

.index a img {
    border: none;
}

.index a {
    color: #003399;
}

.index a:visited {
    color: #003399;
}

.index a:active {
    color: #000000;
}

.index a:hover {
    color: green;
}

.index a:link {
    text-decoration: none;
}

.index {
    padding: 20px 5% 20px 5%;
}

.index #text-pw-aus {
    height: auto;

}

.index #text-email {
    margin-bottom: 15px;
}

.index #header {
    padding-bottom: 10px;
    border-bottom: 2px solid #4275B0;
}

.index form {
    padding-left: 20px;
    padding-right: 20px;

}

.index .login-form-wrap p {
    margin-top: 20px;
    margin-bottom: 20px;
}

.index #content-wrap {
    position: relative;
    display: block;
}

.index .login-form-wrap {
    border: 2px solid #666;
    z-index: 50;
    position: relative;
    background: rgb(240, 240, 240);
    box-shadow: 3px 3px 5px #c7c7c7;
}

.index .i-text-eingabe {
    width: 100%;
    border-radius: 3px;
    box-shadow: none !important;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF !important;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
    font-size: 17px !important;
    font-family: "Verdana" !important;
}

.index .i-text-aus {
    color: #FF0000;
    font-family: "open_sansregular";
    font-size: 17px;
    font-weight: bold;
    border-style: none;
}

.index #text1 {
    border-style: none;
    margin-left: -10px;
    margin-right: -10px;
    height: 40px;
    background-color: #263d86;
    font-weight: bold;
    text-align: left;
    font-family: verdana;
    font-size: 18px;
    color: #e3e3e6;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    border-bottom: 1px solid #3a3a3a;
    box-shadow: 1px 4px 15px #3a3a3a;
}

.index #text1:before,
.index #text1:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}

.index #text1:before {
    border-width: 0 10px 10px 0;
    border-right-color: #263d86;
    left: 0px;
}

.index #text1:after {
    border-width: 0 0 10px 10px;
    border-left-color: #263d86;
    z-index: 10;
    right: 0;
}

.index #text8 {
    border-style: none;
    width: 372px;
    font-family: cambria;
    font-size: 20px;
    text-align: right;
    color: #000000;
    background-color: #FFFFFF;
}

.index #text-logintext {
    width: 1058px;
    left: 3px;
    top: 0px;
    height: 30px;
}

.index #submit-login {
    width: 30%;
    float: right;
}

.index .noborder {
    border-style: none;
}

.index .bottom-wrap a img {
    vertical-align: top;
}

/********************************** 3. LAGERHOME ************************************************/

.lagerhome * {
    box-sizing: inherit
}

.lagerhome img {
    margin-bottom: -5px;
    border-style: none;
}

.lagerhome .txtlogo {
    /* Normale beschriftung*/
    position: relative;
    width: 780px;
    height: 30px;
    border-style: none;
    font-family: cambria;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #FFCF47;
    letter-spacing: 0.1em;
}

.lagerhome input {
    overflow: visible;
    font: inherit;
    margin: 0;
}

.lagerhome #Ebene7 {
    position: relative;
    width: 100%;
    height: 98px;
    z-index: 3;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
}

.lagerhome #Ebene8 {
    position: absolute;
    width: 100px;
    height: 81px;
    z-index: 1;
    left: 14px;
    top: 11px;
}

.lagerhome #Ebene9 {
    border-style: none;
    position: absolute;
    width: 481px;
    height: 28px;
    z-index: 2;
    left: 356px;
    top: 46px;
    background-color: #ffffff;
    font-family: cambria;
    font-size: 18px;
    text-align: left;
}

.lagerhome #Ebene9 input {
    border-style: none;
    left: 10px;
    top: -2px;
    width: 341px;
    font-family: cambria;
    font-size: 20px;
    text-align: right;
    background-color: #FFFFFF;
    color: #000000;

}


.divwartung {

    height: 150px !important;
    width: 1000px !important;
    border-style: solid;
    border-color: darkslateblue;
    background-color: #fafcfd;
    border: 1px solid gray;
    border-radius: 1px;
    padding: 5;
    margin: 15px;
    box-shadow: 1px 1px 6px #a0a0a0;
}


.divwartungfooter {

    height: 30px !important;
    width: 1000px !important;
    border-style: solid;
    border-color: darkslateblue;
    background-color: #f4f5f5;
    border: 1px solid gray;
    border-radius: 1px;
    padding: 5;
    margin: -6px;
    box-shadow: 1px 1px 6px #a0a0a0;
}

.divwartungadresse {

    position: relative;
    height: 0px !important;
    width: 355px !important;
    left: 412px !important;
    top: -108px !important;
    /* border-style: solid; */
    /* border-color: darkslateblue; */
    background-color: #fafcfd;
    /* border: 1px solid gray; */
    /* border-radius: 1px; */
    padding: 5;
    margin: -6px;
    /* box-shadow: 1px 1px 6px #a0a0a0; */
}
}




/************************************ END *****************************************************/

.w3-dropnav {
    background: white;
}





/* Multi Step Form Wartung anlegen */

.unsichtbar {
    display: none;
}

.aktiv {
    display: block;
}



#steps {
    width: 628px;
    text-align: center;
    margin-bottom: 19px;
    margin-top: 15px;
}

div#steps::after {
    content: " ";
    display: block;
    position: absolute;
    height: 3px;
    background: #6a6a6a;
    width: 222px;
    left: 205px;
    top: 32px;
    z-index: 5;
}

#steps div {
    display: inline-block;
    background: linear-gradient(to right, #3475B5 18%, #5697d7 100%);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0 25px 0 25px;
    z-index: 10;
    position: relative;
    border: 2px solid #fff;
}

#steps div a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
}

.aktiv-step {
    transform: scale(1.3);
    border: 2px solid #6a6a6a !important;
}

#map_div {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    border: 5px solid #666;
}

.unsichtbar_karte {
    transform: scale(0);
    transition: all ease .1s;
}

.sichtbar_karte {
    transform: scale(1);
    transition: all ease .1s;
}

/* DUSTIN MANNE MENU 14/08/17 */
.w3-dropnav.w3-card-2 {
    display: none;
    position: absolute;
    z-index: 200;
    width: 100%;
}

.active-nav {
    display: block !important;
    background-color: #dfe8ef;
}

.w3-row-padding.w3-padding-bottom {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-top: -30px;
    margin-bottom: -25px;
}

.w3-quarter {
    flex: 1 0 300px;
    background: white;
    padding: 15px !important;
    box-shadow: 2px 2px 10px #c7c7c7;
    transition: all 0.2s linear !important;
    margin: 20px;
}

.w3-quarter:hover {
    background: #fafafa;
    box-shadow: 2px 2px 15px #777777;
}

.w3-quarter h3 {
    margin-top: 0;
    font-size: 22px;
    color: #0543af;
}

.w3-quarter i {
    margin-right: 8px;
}

.w3-quarter h3 {
    border-bottom: 2px solid #3475B5 !important;
    display: inline-block;
    padding-bottom: 5px;
    font-family: "open_sansregular";
}

.standorte {
    float: left;
    margin-right: 40px;
}

.bemerkung {
    float: left;
}

.tasten {
    margin-top: 40px;
}

/* DUSTIN MASSNAHMENPLAN *
 * Klasse 'mass-table-wrap' umschlingt die komplette tabelle. * 
 * Das ermoeglicht nur die tabelle im Massnahmenplan anzusprechen */

.mass-table-wrap tbody:hover tr {
    background: #bbb;
    color: black;
}

/* Setze border-color auf #666 */
.mass-table-wrap .styletabellelinksbluebottomblack {
    border-bottom: 2px solid #666;
}

h3.txttabellenueberschriftx {
    position: relative;
    font-family: cambria;
    width: initial;
    height: initial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: #FFFFFF;
    color: #273D86;
    letter-spacing: 0.6em;
}

.prozentgruenf {
    background-color: #b5ccb0;
}

.prozentrot {
    background-color: #ffb74d;
}



#Ebene10 {
    top: 0;
}

#Ebene1 {
    height: auto !important;
    width: 97% !important;
    left: 2% !important;
    right: 1% !important;
}

#Ebene10-sticky-wrapper {
    position: relative;
    z-index: 10000;
}

#Ebene1 {
    position: relative;
    z-index: 1;
}

.size-row {
    height: 70px !important;
}


th.headerSortUp {
    background-image: url(../images/asc.gif);
    background-color: #3475B5;
}

th.headerSortDown {
    background-image: url(../images/desc.gif);
    background-color: #3475B5;
}

th.header {
    background-image: url(../img/small.gif);
    cursor: pointer;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 2px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
}



/******************************************************************** PLANUNGS TABELLEN ********************************************************************/

/* GENERAL */
.Sortable #Ebene1 {
    height: calc(100% - 138px) !important;
}

.plan-table-wrapper {
    position: relative;
    padding: 10px;
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: -moz-inline-flex;
    flex-flow: row nowrap;
    height: 100%;
    user-select: none;
    touch-action: auto;
}

.plan-master {
    height: 100%;
    border-right: 3px solid #262626;
}

.plan-tables {
    display: inline-flex;
    overflow-y: auto;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar;
    align-items: flex-start;
    margin-left: 10px;
    background: #eee;
    box-shadow: 0px 0px 10px #888888;
    border-radius: 8px;
}

.plan-table {
    font-family: "open_sans_condensedlight";
    font-size: 17px;
    position: relative;
    display: inline-block;
    flex: 1 0 707px;
    margin-right: 10px;
    background: aliceblue;
}

.plan-table-bereich {
    display: inline-block;
    margin: 5px;
}

.plan-table-wrapper ul {
    list-style-type: none;
    margin: 0;
    float: left;
    background: #eee;
    padding: 5px;
    width: 221px;
}

.plan-table-wrapper ul li {
    margin: 5px;
    padding: 5px;
    font-size: 0.80em;
    font-family: open_sanssemibold;
}

.plan-table-wrapper li:hover {
    cursor: pointer;
    cursor: -webkit-grab;
}

/* UEBERSCHRIFTEN */
.plan-table-wrapper .ueberschrift {
    margin: 0px;
    padding: 5px;
    font-size: 0.9em;
    background: #3475B5;
    color: #FFFFFF;
    height: 35px;
    text-align: center;
    font-family: open_sanssemibold;

}

.plan-table-wrapper .ueberschrift1 {
    margin: 0px;
    padding: 5px;
    font-size: 1.0em;
    background: #FF7F27;
    color: #000000;
    text-align: center;
    height: 35px;
    border-radius: 5px 5px 2px 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "open_sans_condensedbold";
}

.plan-table-wrapper .ueberschrift2 {
    margin: 0px;
    padding: 5px;
    font-size: 1.0em;
    background: #FF7F27;
    color: #000;
    text-align: center;
    height: 35px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 9px 9px 0 0;
    font-family: "open_sans_condensedbold";
}

.plan-tables .plan-table .ueberschrift1:hover,
.plan-tables .plan-table .ueberschrift:hover {
    cursor: pointer;
    cursor: -webkit-grab;
}

/* LEFT COLUMN */

.plan-master .plan-table {
    flex: 0 0 230px;
    height: 100%;
    border-bottom: 5px solid #3475B5;
    border-right: 3px solid #3475B5;
    border-left: 3px solid #3475B5;
    box-shadow: 0px 0px 5px #aaaaaa;
    border-radius: 10px;
}

.plan-master ul {
    height: calc(96% - 40px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.plan-master .plan-table-bereich {
    height: calc(100% - 40px);
}


/* RIGHT COLUMNS */

.plan-tables .plan-table {
    border-bottom: 5px solid #FF7F27;
    border-left: 3px solid #FF7F27;
    border-right: 3px solid #FF7F27;
    box-shadow: 0px 5px 10px #c7c7c7;
    padding-bottom: 10px;
    border-radius: 8px;
}


/* When dragged */
.ui-sortable-helper {
    border: 2px solid #3475B5 !important;
    transform: rotate(-2deg) scale(1.1);
    box-shadow: 0px 5px 5px #c7c7c7;
}

/* PLACEHOLDER AREA */
.ui-sortable-placeholder {
    height: 0 !important;
}











/******************************************************************** END PLANUNGS TABELLEN ********************************************************************/

.datepicker-input {

    background: #dfdfdf;
    border: none;
}

.datepicker-input:focus {
    outline: none;
}

.datepicker-input:hover {
    background: transparent !important;
}

.even .datepicker-input {
    background: #efefef;
}

tr:hover input {
    background-color: #3475B5 !important;
    color: aliceblue;
    cursor: pointer;
}

.wartungsdate-cell:hover {
    cursor: pointer;
}

#ui-datepicker-div tr:hover {
    background-color: initial;
    color: initial;
}


.error-msg span {
    color: #DD0000;
    font-weight: 600;
    font-style: italic;
}

.error-msg {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.04em;
    color: #080c2d;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    border-left: 5px solid #DD0000;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 25px;
    width: 100%;
} 
.success-msg {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.04em;
    color: #080c2d;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    border-left: 5px solid green;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 25px;
    width: 100%;
}

.warning-msg {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.04em;
    color: #080c2d;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    border-left: 5px solid orange;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 35px;
    width: 100%;
}

.error-msg a,
.warning-msg a,
.success-msg a {
    color: #3475B5 !important;
}



.error-msg-scanner span {
    color: #DD0000;
    font-weight: 600;
    font-style: italic;
}

.success-msg-scanner {
    color: #000038;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid green;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.warning-msg-scanner {
    color: #000038;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid orange;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}
.error-msg-scanner {
    color: #000038;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid #DD0000;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.error-msg-scanner a,
.warning-msg-scanner a,
.success-msg-scanner a {
    color: #3475B5 !important;
}

.error-msg-kunde span {
    color: #DD0000;
    font-weight: 600;
    font-style: italic;
}

.success-msg-kunde {
    color: #000038;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid green;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.warning-msg-kunde {
    color: #000038;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid orange;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}
.error-msg-kunde{
    color: #000038;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    border-left: 5px solid #DD0000;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}

.error-msg-kunde a,
.warning-msg-kunde a,
.success-msg-kunde a {
    color: #3475B5 !important;
}

.tabelmin500 {
    width: 500px !important;

}

.tabelmin800 {
    width: 800px !important;

}

form #Ebene1 {
    height: 50px !important;
}

/* TABELLEN */

#pager {
    padding: 20px 0px 20px 0px;
    margin: 0;
    background: RGBA(238, 247, 255, 0.8);
    position: relative;
    width: 100%;
    transition: all .2s ease;
    border: none;
    z-index: 50;
}

#pager.pager-sticky {
    position: fixed;
    bottom: 0;
    transition: all .2s ease;
}

#pager ul {
    margin: 0;
    display: inline-block;
    float: left;
    padding-left: 2%;
}

#pager ul li {
    display: inline-block;
}

.pager li>a,
.pager li>span {
    border-radius: 0 !important;
}


[data-id='filter-wrap'] tr th {
    position: relative;
    overflow: hidden;
    padding: 0 !important;
    width: 45px;
}

[data-id='filter-wrap'] tr th input[type="text"] {
    width: 100% !important;
    color: #3475B5 !important;
    font-weight: bold;
    font-size: 14px;
    border-style: inset;
    transition: all .2s ease;
    border: 1px inset #f3f3f3 !important;
    background: #fff;    
}


[data-id='filter-wrap'] tr th input[type="submit"] {
    background-color: transparent;
    width: 30px !important;
    height: 25px;
    right: 0px;
    transition: all .5s ease;
   /* background-image: url(../images/find.png);*/
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center center;
    border: none;
    position: absolute;
    padding: 0;
}

th.disabled input {
    background-color: #fff !important;
    border: 2px inset #f5f5f5;
}


th.disabled span {
    background-image: url(../images/disabled.png);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
   


}

[data-id='filter-wrap'] tr:hover,
[data-id='filter-wrap'] tr:hover th input {
    background-color: transparent !important;
}

[data-id='filter-wrap'] tr th.enabled input[type="text"]:hover,
[data-id='filter-wrap'] tr th input[type="text"]:focus {
    background-color: #FFF5DA !important;
    outline: none !important;
}

[data-id='filter-wrap'] tr th input[type="submit"]:hover,
[data-id='filter-wrap'] tr th input[type="submit"]:focus {
    background-color: transparent !important;
    outline: none !important;
}

th.disabled input:hover,
th.disabled input span:hover {
    cursor: initial;
    background-color: white !important;
}


th.disabled input:hover {
    background-color: #fff !important;
    border: 2px inset #f5f5f5;
}

/**/
.wartung_an_head p.txttabellenueberschrift {
    width: 1083px;
    height: 34px;
    margin: 0;
}

.wartung_an_head .stylehintergrundhell,
.wartung_an_head .stylehintergrunddunkel {
    /* Tabelle Zellenhintergrund hell */

    border-bottom: 1px solid #aaaaaa;
    background-color: #F0F0F0;

}

.wartung_an_head .stylehintergrundhell:hover,
.wartung_an_head .stylehintergrunddunkel:hover {
    background-color: #3475B5;
}

.auftragserstellung_head p.txttabellenueberschrift {
    width: 100%;
    height: 34px;
    margin: 0;
}

.auftragserstellung_head .stylehintergrundhell,
.auftragserstellung_head .stylehintergrunddunkel {
    /* Tabelle Zellenhintergrund hell */

    border-bottom: 1px solid #aaaaaa;
    background-color: #F0F0F0;

}

.auftragserstellung_head .stylehintergrundhell:hover,
.auftragserstellung_head .stylehintergrunddunkel:hover {
    background-color: #3475B5;
}

/* Ansprechpartner Anlegen Zuweisung */

.input-radio {
    margin-left: 1px;
}

.input-radio input {
    margin-right: 5px;
}

.zeige-kunde {
    display: flex;
    position: relative;
    flex-flow: row wrap;
}

.zeige-standort {
    display: none;
    position: relative;
    flex-flow: row wrap;
}

.select-input {
    /* mh geändert 04.11.2017 */
    width: 450px;
    border: 1px solid #808080;
    height: 26px;
    font-family: cambria;
    font-size: 17px;
    margin-top: 1px;
}

span.show-auto-field {
    background-color: #2E6AAC;
    border-left: 5px solid;
    color: #2E6AAC;
    display: block;
    font-size: 0.1em;
    height: 40px;
    right: 0;
    position: absolute !important;
    top: 0 !important;
    width: 5px;
    height: 93%;
}

.awesomplete mark {
    background: RGBA(0, 0, 0, 0.1);
}

.show-auto-field:before {
    content: "";
    display: block;
    position: relative;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #2E6AAC;
    right: 9px;
    top: 8px;
}

.auto-inputs {
    position: relative;
    display: inline-block;
    padding: 0;
    height: 27px;
    margin: 0;
    margin-top: 2.5px;
}

.auto-inputs .show-auto-field {
    background-color: #2E6AAC;
    border-left: 5px solid;
    color: #2E6AAC;
    display: block;
    font-size: 0.1em;
    height: 40px;
    right: 0;
    position: absolute !important;
    top: 0 !important;
    width: 5px;
    height: 98%;
}

.cta {
    min-width: 120px;
    width: 160px;
    display: inline-flex;
    text-align: center;
    padding: 5px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #3475B5;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    border-radius: 2px;
    border: 2px solid transparent;
    transition: all .2s ease;
}

.cta.active,
.cta:hover {
    text-decoration: none;
    background: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #3475B5 !important;
    border: 2px solid #3475B5 !important;
    border-radius: 2px;
    transition: all .2s ease;
    background-color: white;
}

.ansprechpartner_an_head .untermenuebanner {
    width: 635px !important;
}

hr {
    border: 0;
    border-top: 1px solid #ccc !important;
    margin: 20px 0;
    height: 1px;
}

.button-filter-ansprechpartner {
    display: inline-block;
    margin-top: 10px;
}


.nav-toggle:focus {
    outline: none !important;
    color: white;
}


/* INFO BOX */
#info-box {
    position: relative;
    float: right;
    margin-right: 100px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(254, 252, 252);
    transition: all .2s ease;
    z-index: 500;
    border: 1px solid #ea5b27 !important;
    border-radius: 100px;
    margin-top:5px;
}

#info-box i {
    font-size: 25px;
    color: #ea5b27 !important;
}

#info-box:hover {
    background-color: #ccc;
    cursor: pointer;
}

#info-box:hover i {
    color: #000 !important;
}

.info-item-header {
    font-size: 26px;
    color: #ea5b27 !important;
    letter-spacing: 0.03em;
    font-weight: normal;
    margin-bottom: 15px;

}

.info-item {
    min-width:850px;
    min-height: 300px;
    max-width: 850px;
    max-height: 800px;
    display: block;
    position: absolute;
    right: 50px;
    top: 60px;
    /* background: #bdbdbd !important; */
    transition: all .3s ease;
    border-radius: 4px;
    padding: 3px;
    /* box-shadow: 5px 5px 5px #888; */
    visibility: hidden;
    opacity: 0;
    transform: translateX(3000px);
}

.info-item.acti {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}

.info-item:before {
    content: "";
    border: 20px solid transparent;
    border-bottom: 20px solid #bdbdbd !important;
    margin-top: -42px;
    margin-right: 40px;
    display: inline-block;
    float: right;
}

.info-item .item-inner {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #262626;
    padding: 10px 10px 50px 30px;

    max-height: 580px;
    min-height: 580px;
}

.info-item .item-inner li {
    margin-bottom: 10px;
}


.main-wrapper {
    position: relative;
    height: auto !important;
    width: 97% !important;
    left: 2% !important;
    right: 1% !important;
    top: 25px;
    overflow-x: visible;
    overflow-y: visible;
    z-index: 100;
    font-family: "open_sansregular" !important;
    padding-top: 20px;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
}

.main-wrapper h2 {
    margin-top: 25px;
}

.main-wrapper table {
    width: 100% !important;
}


.half.right {
    flex: 1 0 0;
    margin-bottom: 25px;
}

.half.left {
    margin-right: 20px;
    flex: 0 0 638px;
    margin-bottom: 25px;
}


.half.left input {
    font-family: "open_sansregular" !important;
}

.txtaerawartungklein[readonly].disabled,
.txtaerawartungklein[disabled].disabled {
    background: #f0f0f0;
}

input[readonly].disabled,
input[disabled].disabled {
    background: #f0f0f0;
}

span#mceu_45 {
    display: none !important;
}


* {
    box-sizing: inherit
}

img {
    margin-bottom: -5px
}

img {
    border-style: none
}

/* Normale beschriftung*/
.txtlogo {
    position: relative;
    width: 780px;
    height: 30px;
    border-style: none;
    font-family: cambria;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    background: #FFCF47;
    letter-spacing: 0.1em;
}

input {
    overflow: visible
}

input {
    font: inherit;
    margin: 0
}


span.top-header {
    position: absolute;
    bottom: 44px;
    right: 25px;
    font-weight: bold;
    font-size: 28px;
    font-family: "open_sans";
    color: #263D86;
}

span.top-headeradresse {
    position: absolute;
    bottom: 32px;
    right: 25px;
    font-weight: normal;
    font-size: 14px;
    font-family: "open_sans";
    color: #263D86;
}


span.top-headerlink {
    position: absolute;
    bottom: 2px;
    right: 25px;
    font-weight: normal;
    font-size: 16px;
    font-family: "open_sans";
    color: #000038;
}

.awesomplete ul {
    z-index: 100;
}

/* Formular fuer Aufragszuordnung */

.form-box-auftragszuordnung {
    width: 930px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
    margin-top: 60px;
}

.zuordnungen-auftragszuordnung-wrap {
    /* border-top: 5px solid #666; */
    margin-top: 20px;
}

/* Formular fuer anlegen / aendern / loeschen */

.form-box-right {
    /*max-width: 630px;*/
    position: relative;
    z-index: 10;
    top: 25px;
    left: 680px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}

.form-box-left {
    max-width: 680px;
    position: relative;
    z-index: 10;
    top: -418px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 0px;
}

.form-box-gesamt {

    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 25px;
}

.form-box {
    max-width: 640px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}

.form-box800 {
    max-width: 800px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}

.form-boxsystem {
    max-width: 980px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}

.form-box1000 {
    max-width: 1000px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}


.form-box1500 {
    max-width: 1500px;
    position: relative;
    z-index: 10;
    top: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: 35px;
}

.form-box.large {
    max-width: 830px;
}


.form-box form {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.form-box #Label1,
.form-box #Label1 input {
    margin-bottom: 15px;
    flex: 1 0 100% !important;
    width: 100% !important;
}

.form-box #Labe2,
.form-box #Label2 input {
    margin-bottom: 5px;
    
}

.form-box #Label3,
.form-box #Label3 input {
    margin-bottom: 1px;
    flex: 1 0 100% !important;
    width: 100% !important;
}
.form-box input,
.form-box select {
    /* flex: 0 0 445px; */
    width: 445px;
    margin-bottom: 4px;
    border-radius: 3px !important;
    font-family: "open_sanslight";
}



.form-box535 input,
.form-box select {
    flex: 0 0 445px;
    width: 445px;
    margin-bottom: 4px;
    border-radius: 3px !important;
    font-family: "open_sanslight";
    border: 1px solid #9e9e9e;
    height: 26px;

}

.form-box .txtuebereingabe180 {
    flex: 1 0 180px;
    margin-bottom: 4px;
    border-radius: 3px !important;
    font-family: "open_sanslight";
}

.form-box .txtuebereingabe180_14  {
    flex: 1 0 180px;
    margin-bottom: 4px;
    border-radius: 3px !important;
    font-family: "open_sanslight";
}


.form-box .txtuebereingabe100 {
    flex: 1 0 100px;
    margin-bottom: 4px;
    border-radius: 3px !important;
    font-family: "open_sanslight";
}

.form-box .auto-inputs {
    margin-top: 0;
}

.form-box a {
    font-family: "open_sanslight";
}

#vorfiltern {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    margin-left: 0;
    margin-top: -10px;
}

.cta-wrap {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
}

.cta-wrap1.left {
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    width: 315px !important;
}

.cta-wrap1.right {
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    width: 315px !important;
    flex: 1;
}

.cta-wrap1.right input {
    float: right;
}

.cta-wrap1.left input {
    float: left;
}

.w3-btn.w3-blue,
.w3-btn.w3-yellow,
.w3-btn.w3-khaki,
.w3-btn.w3-green,
.w3-btn.w3-red {
    width: 173px !important;
}

.w3-btn.w3-bluedb,
.w3-btn.w3-greendb,
.w3-btn.w3-reddb {
    width: 225px !important;
    
}

.w3-btn.w3-greydb {
    width: 225px !important;
    margin-left: 1%;
}

.cta-wrap .w3-btn.w3-blue {
    float: right;
}

.cta-wrap1_rep margin-top: 20px;
margin-bottom: 25px;
display: inline-block;
float: right;
}

span.cube.bot {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid #3475B5 !important;
    position: absolute;
    bottom: 0;
    left: 0;
}

span.cube.top {
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-top: 0px solid #3475B5 !important;
    position: absolute;
    top: 0;
    right: 0;
}

#info-box::after {
    content: "";
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid #3475B5 !important;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(0deg);
}

#info-box::before {
    content: "";
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-top: 0px solid transparent;
    border-right: 0px solid #3475B5 !important;
    position: absolute;
    bottom: 0;
    right: 0;
}



.w3-dropnav a {
    font-family: "open_sanslight" !important;
}

.w3-navbar li a {
    font-family: "open_sans" !important;
    letter-spacing: 2.6px;
    font-weight: bold !important;
}

#Ebene10 .w3-navbar {
    border-bottom: 3px solid #666;
}

#blatt4 {
    left: 0 !important;
    width: 100% !important;
    height: 90% !important;
    padding-bottom: 20px;
    padding-right: 32px;
}



span.stern {
    color: #e00d0d;
    margin-left: 2px;
    font-size: 14px;
}

.zuordnungen-wrap {
    border-top: 5px solid #666;
    margin-top: 20px;
}

.zuordnung {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
}

.zuordnung a {
    margin-left: 5px;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
}


.bereich {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 25px;
    flex-flow: row wrap;
}

.bereich.kunde p {
    flex: 1 1 100%;
}

.zuordnung p {
    flex: 1 0 100%;
}


.bereich {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -5000px;
    transition: all .2s ease;
}

.bereich.ausgewaehlt {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: initial;
    transition: all .2s ease;
}

.bereich.ausgewaehlt_auftragserstellung {
    width: 1300px;
    visibility: visible;
    opacity: 1;
    position: relative;
    top: initial;
    transition: all .2s ease;
}

.disabled:hover {
    cursor: not-allowed;
}

.w3-btn.w3-blue {
    border-radius: 3px;
}

.input-radio {
    margin-left: 1px;
    flex: 1 0 100%;
}

.input-radio input {
    width: 20px;
}

.pw-rueck a {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}


.pw-rueck {
    margin-top: 30px;
}

.mein_passwort_aendern_head #Ebene1 {
    width: 638px !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

.geraeteverwaltung_an_head .geraetwrap .txtuebereingabe180 {
    width: 210px !important;
    display: inline-block;
}

.login-form-wrap #text1 {
    margin-bottom: 30px;
}

.home-info-box {
    flex: 1 0 450px;
    padding: 15px;
    background: aliceblue;
    box-shadow: 3px 3px 10px #c7c7c7;
    border: 2px solid #666;
}

.techniker-dashboard {
    flex: 1 0 700px;
}

.home-info-box p {
    font-family: "open_sansbold";
}

.home-info-box .row-wrap p {
    font-family: "open_sansregular";
}

.home-info-box .row-wrap {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
}

.home-info-box .row-info {
    flex: 0 0 240px;
    margin-right: 10px;
    color: rgb(73, 72, 70);
    font-weight: bold;
    font-size: 0.98rem;
}

.home-info-box .row-value {
    flex: 1 0 200px;
    font-family: "open_sansregular" !important;
}

.home-info-box .row-valuegruen {
    flex: 1 0 200px;
    font-family: "open_sansregular" !important;
    color: rgb(13, 75, 5) !important;
}

.home-info-box .row-valuered {
    flex: 1 0 200px;
    font-family: "open_sansregular" !important;
    color: rgb(199, 8, 56) !important;
}

.row-zwischentext {
    flex: 1 0 200px;
    font-family: "open_sansregular" !important;
    font-size: 0.80rem;
    color: rgb(5, 50, 134) !important;
}


@media screen and (max-width: 610px) {
    .top-header,
    .top-headeradresse {
        display: none;
    }

    #Ebene10-sticky-wrapper {
        /*height: 117px !important;*/

    }
}

.geraetwrap .datepicker-input,
.geraetwrap .datepicker-input:hover,
.reparatur .datepicker-input,
.reparatur .datepicker-input:hover,
.form-box-gesamt .datepicker-input,
.form-box-gesamt .datepicker-input:hover {
    background-color: #fff !important;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
}

@media screen and (max-width: 600px) {
    #info-box {
        width: 50px !important;
        float: none;
        margin-left: calc(50% - 25px);
    }
}



.standortverwaltung_an_head .zeige-standort {
    margin-top: 15px;
}

.standortverwaltung_an_head .zeige-standort p {
    flex: 1 1 100%;
}

.main-wrapper .form-box {
    margin-right: 20px;
    margin-left: 0px;
    flex: 0 0 630px;
    top: 0;
}

.main-wrapper .tabellerechts {
    flex: 1 0 0;
}

#Ebene21 select {
    width: 195px;
}

.icon-mittig {
    padding-top: 0px !important;
}

.no-click a {
    pointer-events: none;
}

.no-click:hover {
    cursor: not-allowed !important;
}


.main-wrapper-zuordnung {
    width: 94%;
    margin-left: 3%;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 69vh;
}

.tabellen-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.main-wrapper-zuordnung-kunde {
    width: 94%;
    margin-left: 3%;
    top: 30px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 69vh;
}

.wartungsplan_kartei_head [data-id='filter-wrap'] tr th {
    width: 300px;
}

.wartungsplan_kartei_head [data-id='filter-wrap']:hover span {
    color: #333;
}


.wartungsplan_kartei_head [data-id='filter-wrap'] tr th input[type="text"] {
    width: 200px !important;
}

.js-span {
    margin-right: 20px;
    margin-left: 18px;
}


.datepicker-input {
    background-color: #fff !important;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
}

/************* CHECKBOX / RADIOBUTTON STYLES ***********/
td {
    position: relative;
}

.styled-checkbox,
.styled-radio {
    font-size: 17px;
    margin-bottom: 0px !important;
}

.styled-checkbox:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ddd;
    border-radius: 0px;
    margin-right: 10px;
    top: 3px;
    left: 5px;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.styled-radio:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ddd;
    border-radius: 100%;
    margin-right: 10px;
    top: 3px;
    left: 5px;
    position: relative;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.styled-checkbox input,
.styled-radio input {
    margin: -1px 4px 0 0;
    vertical-align: middle;
}

.styled-checkbox input[type=checkbox],
.styled-radio input[type=radio] {
    width: 1px;
    height: 1px;
    margin-left: -20px;
    transform: scale(0.2);
}

.styled-checkbox input[type=checkbox]:checked+div.cb-style,
.styled-radio input[type=radio]:checked+div.cb-style {
    background-color: #FF7924;
}

.styled-checkbox input:hover+div.cb-style,
.styled-checkbox input:focus+div.cb-style {
    background-color: #e8d691;
}

.cb-style {
    display: block;
    width: 10px;
    height: 10px;
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    border-radius: 0px;
    top: 13.5px;
    left: 11px;
    z-index: 1;
    background: #888;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}


.styled-radio .cb-style {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    top: 13.5px;
    left: 11px;
    z-index: 1;
    background: #888;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.noclick:hover,
.noclick .cb-style:hover,
.noclick:focus,
.noclick .cb-style:focus,
.noclick:active,
.noclick .cb-style:active {
    cursor: not-allowed !important;
}

.noclick:active {
    pointer-events: none;
}

.styled-checkbox.noclick input[type=checkbox]+div.cb-style,
.styled-radio.noclick input[type=radio]+div.cb-style {
    background-color: #37a945;
}

.geraetwrap {
    max-width: 480px;
    display: flex;
    flex-flow: row wrap;
    margin-top: 40px;
}

.divkartei-wrap {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    width: 98%;
    margin: auto;
    position: relative;
}

.divkartei-wrap>div {
    flex: 1 0 100%;
    margin: 10px 0;
    position: relative;
}


.divkarteiausssenklein {
    position: relative;
    border-style: solid;
    border-color: darkslateblue;
    background-color: #F9F8F4;
    border: 1px solid gray;
    border-radius: 1px;
    padding: 5;
    margin: 15px;
    box-shadow: 1px 1px 6px #a0a0a0;
}

.divkarteiausssen {
    position: relative;
    border-style: solid;
    border-color: darkslateblue;
    background-color: #F9F8F4;
    border: 1px solid gray;
    border-radius: 1px;
    padding: 5px;
    box-shadow: 1px 1px 6px #a0a0a0;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
}

.divkarteiausssen span,
.divkarteiausssen p {
    font-family: "Open Sans", sans-serif;
    margin: 2px;
}

.divkarteiausssen>div {
    margin: 2px;
}

.divkarteibeschriftung-geraet {
    flex: 1 0 95%;
    border-style: solid;
    border-color: #D8DADC;
    background-color: #D1E3FD;
    border: 1px solid #D8DADC;
    border-radius: 1px;
    padding: 5px;
    box-shadow: 1px 1px 6px #a0a0a0;
    color: #05336b;
    font: normal normal normal 14px/1.3 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.2em;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    align-items: center;
}

.divkarteibeschriftung-nr {
    position: relative;
    display: block;
    flex: 1 0 350px;
}

.divkarteibeschriftung-techniker {
    font: normal normal normal 12px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.1em;
    flex: 1 0 200px;
}

.divkarteibeschriftung-standort {
    font: normal normal normal 12px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.1em;
    flex: 10 0 400px;
}

.divkarteidaten-kopf-geraet {
    padding: 1px;
    margin: 0px;
    color: #05336b;
    font: normal normal normal 14px/1.3 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.1em;
}

.divkarteidaten-kopf {
    padding: 1px;
    margin: 0px;
    color: #05336b;
    font: normal normal normal 14px/1.3 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.1em;
}

.divkartei-single {
    border-style: solid;
    border-color: #D8DADC;
    background-color: #FFFFFF;
    border: 1px solid #D8DADC;
    border-radius: 1px;
    padding: 5px;
    margin: 0px;
    box-shadow: 1px 1px 6px #a0a0a0;
}

.divkarteidaten-single {
    margin: 2px;
}

.divkarteidaten {
    flex: 1 0 350px;
}

.divkarteiaufgaben {
    flex: 1 0 200px;
}

.divkarteiinfotext {
    flex: 10 0 400px;
}


.divkarteidaten-text {
    line-height: 1.5;
    color: #7d7a7a;
    font: normal normal normal 14px/1.3 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.divkarteidaten-text p {
    margin: 2px;
}

.divkarteidaten-text-info {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    line-height: 1.5;
    color: #7d7a7a;
    max-height: 800px;
    font: normal normal normal 14px/1.3 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

}

.divkarteibeschriftung-geraet:hover {
    background-color: aliceblue;
    transition: all .2s ease;
    cursor: pointer;
}

.divkartei-single-wrap>div {
    margin: 2px;
}

.divkartei-single-wrap {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    transition: all .2s ease;
    flex: 1 0 100%;
}

.hide-container {
    max-height: 0px;
    visibility: hidden;
    margin: 0px;
    opacity: 0;
}

@media screen and (max-width: 990px) {
    .divkarteibeschriftung-standort {
        flex: 1 0 100%;
        order: 1;
        margin-bottom: 10px;
    }

    .divkarteibeschriftung-techniker {
        flex: 1 0 200px;
        order: 3;
    }

    .divkarteibeschriftung-nr {
        flex: 1 0 350px;
        order: 2;
    }
}

@media screen and (max-width: 768px) {
    .w3-dropnav.w3-card-2 {
        overflow: scroll;
        max-height: 600px;
    }
}

@media screen and (max-width: 600px) {
    .divkarteibeschriftung-nr {
        flex: 1 0 100%;
        order: 1;
    }

    .divkarteibeschriftung-techniker {
        order: 2;
        margin-top: 10px;
        margin-bottom: 10px;
        flex: 1 0 100%;
    }

    .divkarteibeschriftung-standort {
        flex: 1 0 100%;
        order: 3;
        margin-bottom: 0;
    }

    .divkartei-single {
        flex: 1 0 100%;
    }
}

/* Customize the label (the container) */
.cont {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container1 {
    display: block;
    position: relative;
    padding-left: 220px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 17px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    /*  position: absolute;
  opacity: 0;
  cursor: pointer;*/
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 180;
    height: 23px;
    width: 23px;
    background-color: #eaecef;
}

.checkmark_red {
    position: absolute;
    top: 0;
    left: 180;
    height: 23px;
    width: 23px;
    background-color: #eaecef;
}

.checkmark_gruen {
    position: absolute;
    top: 0;
    left: 180;
    height: 23px;
    width: 23px;
    background-color: #eaecef;
}

.checkmark_gelb {
    position: absolute;
    top: 0;
    left: 180;
    height: 23px;
    width: 23px;
    background-color: #eaecef;
}

/* On mouse-over, add a grey background color */
.cont:hover input~.checkmark {
    background-color: #CCCCCC;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked~.checkmark {
    background-color: #c91182;
}

.cont input:checked~.checkmark_red {
    background-color: #BC3E34;
}

.cont input:checked~.checkmark_gelb {
    background-color: #F0B641;
}

.cont input:checked~.checkmark_gruen {
    background-color: #237C35;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cont input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cont .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.container_red .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.cockpit_einstellung_an_head .container {

    display: flex;
    flex-flow: row nowrap;

}

.cockpit_einstellung_an_head .container .text-span {

    flex: 0 0 180px;

}

.cockpit_einstellung_an_head .container .box-wrap {

    flex: 1 0 200px;

}

.system-akt-erstellen-wrap {
    display: block;
    max-width: 636px;
    margin-bottom: 30px;
}

.system-akt-erstellen-wrap form {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.form-row-wrap {
    display: flex;
    flex-flow: row wrap;
    display: -webkit-flex;
    flex: 1 1 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-row-wrap span {
    flex: 1 1 200px;
}

.form-row-wrap input,
.form-row-wrap textarea {
    flex: 10 1 200px;
}

.form-row-wrap input[type=submit] {
    flex: 0 0 173px;
}

.form-row-wrap.f-right {
    justify-content: flex-end;
}

.form-row-wrap.sbetween {
    justify-content: space-between;
}

/* Vorfilter Aufgabencockpit */
.vorfilter-wrap {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    align-items: flex-start;
    border-bottom: 3px solid #666;
    background: #f3f3f3;
    padding: 15px 30px 15px 30px;
    position: relative;
    transition: height .8s ease;
    height: 5px;

}

.vorfilter-wrap form {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: initial;
    margin-bottom: 0;
    opacity: 0;
}

.heading-wrap {
    flex: 1 0 105px;
    margin-right: 10px;
}

.vorfilter.aufgaben {
    flex: 5 0 200px;
}

.vorfilter.status {
    flex: 3 0 80px;
}

.vorfilter-wrap form>div {
    padding: 10px;
    border: 2px solid #666;
    margin-right: 10px;
    margin-bottom: 10px;
}

.vorfilter {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.vorfilter-wrap .cta-wrap {
    border: none;
    flex: 1 0 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0;
    margin-right: 0;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-top: 0;
}

.vorfilter-wrap .cta-wrap input {
    float: none;
}

.vorfilter-wrap form>div h4.text-span {
    text-align: center;
}

.heading-wrap .text-span,
.vorfilter .text-span {
    flex: 1 0 100%;
}

.cont-wrap {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    margin-right: 10px;
    flex: 1 0 100%;
}

.cont-wrap .cont {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 5px;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 0 0 200px;
    margin-right: 5px;
    font-size: 14px;
}

.cont-wrap .cont>span {
    flex: 0 0 140px;
    margin-right: 10px;
}

.cont-wrap .cont .box-wrap {
    flex: 0 0 15px;
    display: flex;
}

.const-wrap .cont .box-wrap input {
    position: absolute;
}

.vorfilter.aufgaben .cont {
    flex: 0 0 180px;
    justify-content: flex-end;
    text-align: right;
}

.box-wrap .checkmark {
    position: relative;
    top: initial;
    left: initial;
    bottom: initial;
    right: initial;
}

.box-wrap input {
    position: absolute;
}

.vorfilter-wrap h4 {
    margin-top: 0;
}

.anzahl-zeilen {
    width: 100%;
}

.vorfilter.status .cont {
    flex: 0 0 150px;
}

.vorfilter.status .cont .text-span {
    flex: 0 0 90px !important;
}

a.vorfilter-toggle {
    font-size: 11px;
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #666;
}

a.vorfilter-toggle:focus,
a.vorfilter-toggle:active {
    text-decoration: none;
    color: #666;
}

a.vorfilter-toggle i {
    margin-right: 2px;
}

/* NEW X STYLE CHECKBOX*/
/*.vorfilter.aufgaben .cont input:checked ~ .checkmark {
    background-color: #BC3E34;
}


.vorfilter.aufgaben .cont .checkmark:after {
    left: 6px;
    top: initial;
    width: 10px;
    height: 10px;
    border: solid white;
    border-width: 0px 0px 0px 0px;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
    content: "X";
    color: white;
    font-weight: bold;
}*/

@media screen and (max-width: 550px) {
    #form-vorfilter {
        align-items: initial;
    }
}

.change-all i {
    margin-right: 5px;
}

.txtinputcheck {
    /* inputfeld checkbox*/
    position: relative;
    width: 100px;
    height: 16px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    margin-left: 0%;
    padding-left: 3px;
}

.kundendienstbericht-form label input {
    width: 30px;
}

.kundendienstbericht-form label {
    width: 100%
}

.kundendienstbericht-form label:hover {
    cursor: pointer;
}

.txtinput_teile {
    /* inputfeld*/
    position: relative;
    width: 220px !important;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput_anzahl {
    /* inputfeld*/
    position: relative;
    width: 45px !important;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput_austausch {
    /* inputfeld*/
    position: relative;
    width: 365px !important;
    height: 26px;
    font-size: 17px;
    font-weight: normal;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: solid;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput_teile_kopf {
    /* inputfeld*/
    position: relative;
    width: 220px !important;
    height: 26px;
    font-size: 17px;
    font-weight: bold;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: none;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput_anzahl_kopf {
    /* inputfeld*/
    position: relative;
    width: 45px !important;
    height: 26px;
    font-size: 17px;
    font-weight: bold;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: none;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;
}

.txtinput_austausch_kopf {
    /* inputfeld*/
    position: relative;
    width: 365px !important;
    height: 26px;
    font-size: 17px;
    font-weight: bold;
    font-family: "open_sanslight";
    vertical-align: middle;
    text-align: left;
    border-color: #9e9e9e;
    border-width: 1px;
    border-style: none;
    background: #FFFFFF;
    color: #000000;
    margin-left: 0%;
    padding-left: 3px;

}

.ausgetauschteteile-form {
    /*margin-top: 25px;*/
    /*margin-bottom: 25px;*/
    /*display: inline-block;*/
    width: 750px !important;
    /*flex: 1;*/
}

#hinweistext {
    color: red;
}

/* farbe im datapicker ändern wenn der focus mit tastatur oder maus auf einem tagesdatum ist */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    /*border: 1px solid #ccc;*/
    background: #53AD5D !important;
    /*font-weight: normal;*/
    color: #FFFFFF !important;
}

.infoabstand {
    margin-top: 12px;
    margin-left: 10px;
    font-style: italic;
    font-size: 15px;
    color: #4e4e50;
}

.p_tag_radio_check {
    margin-top: 5px;
    font-size: 1.1rem;
    color: darkslategray;
}

.abschluss_bericht {
    border-left: 5px solid orange;
    padding-left: 8px;
    color: rgb(5, 25, 114);
    font-weight: bold;
    font-style: italic;
    font-family: Helvetica;
    margin-top: 10px;
}

.blaettern_links {
    position: absolute;
    top: 340px;
    left: -17px;
        width: 35px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background: #3375b5;
    color: #de142d;
    
}

.blaettern_rechts {
    position: absolute;
    top: 340px;
    left: 782px;
    width: 35px;
    height: 35px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background: #3375b5;
    color: #de142d;
}


.box_fieldsethinweis {
    position: relative;
    height: 48px;
    border: 1px solid #f5f5f5;
    background-color: #ef571f;
    margin-top: 60px;
    margin-left: -10px;
    width: 788px;
    color: #f5f5f5;
        letter-spacing: 0.1em;
}

.txtinputsystem {
    /* inputfeld*/
    position: relative;
    width: 158px;
    height: 26px;
    font-size: 16px;
    font-weight: normal;
    font-family: "open_sansregular";
    vertical-align: middle;
    text-align: left;
    border-style: none;
	color: #616161;
}

.txt_seitenmenue {
    text-decoration: none;
    font-family: cambria;
    font-size: 18px;
    margin-top: -5px;
    padding-left: 2px;
}

/*  Seitenmenue  */

#fixiert_extern {
    position: fixed;
    top: 0px;
    left: 1px;
    background-color: #F9F8F4;
    width: 385px;
    padding: 10px;
    border: 1px solid #c8c9c9;
    height: 100%;;
  }
  #fixiert1_extern {
    position: fixed;
    top: 51px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: 72px;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert2_extern {
    position: fixed;
    top: 150px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: 145px;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert3_extern {
    position: fixed;
    margin-top: 295px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: auto;;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert4_extern {
    position: fixed;
    margin-top: 547px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: auto;;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert_leitstand {
    position: fixed;
    top: 0px;
    left: 1px;
    background-color: #fff;
    width: 385px;
    padding: 10px;
    border: 1px solid #c8c9c9;
    height: 100%;;
  }
  #fixiert1_leitstand {
    position: fixed;
    top: 51px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: 72px;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert2_leitstand{
    position: fixed;
    top: 150px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: 165px;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert3_leitstand {
    position: fixed;
    margin-top: 320px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: auto;;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
  
  #fixiert4_leitstand {
    position: fixed;
    margin-top: 585px;
    left: 20px;
    background-color: #ffffff;
    width: 345px;
    padding: 10px;
    height: auto;;
    border-color: #c8c9c9;
      border-width: 1px;
      border-style: solid;
      box-shadow: 3px 3px 5px #c7c7c7;
  }
 .container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    font-family: "verdana" !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkmark_check {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #dbd9d9;
  }
  /* On mouse-over, add a grey background color */
  .container_check:hover input ~ .checkmark_check {
    background-color: #9e9e9e;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container_check input:checked ~ .checkmark_check {
    background-color: #263d86;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark_check:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container_check input:checked ~ .checkmark_check:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container_check .checkmark_check:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

/*  icon Seitenmenue  */
.fa-plus-square,
.fa-angle-double-right,
.fa-grip-horizontal,
.fa-list-alt,
.fa-pencil-alt,
.fa-buromobelexperte,
.fa-align-justify,
.fa-list-ol {
    color: #263d86;
    font-size: 1.2rem;
    padding: 10px 10px 10px 10px;
  }

  /*  icon Seitenmenue  */
.fa-list-alt,
.fa-pencil-alt {
    color: #263d86;
    font-size: 1.2rem;
    padding: 10px 10px 10px 7px;
  }
  
  /*  icon Seitenmenue  rot */
  .fa-trash-alt {
    color: #b40707;
    font-size: 1.2rem;
    padding: 10px 10px 10px 10px;
  }

  /*  icon in den Leitstand  */
  .fa-truck-moving,
  .fa-print,
  .fa-edit {
    color: #666666;
    font-size: 1.1rem;
    line-height: 1.75em !important;
  }
.fa-check {
    color: #088915;
}

/*  icon in den Tabellen  */
  .fa-sync,
  .fa-info-circle,
  .fa-info,
  .fa-random,
  .fa-trash,
  .fa-wrench,
  .fa-reply,
  .fa-copy,
  .fa-newspaper,
  .fa-file-download,
  .fa-address-card,
  .fa-external-link-alt,
  .fa-truck,
  .fa-shipping-fast,
  .fa-warehouse,
  .fa-file-signature,
  .fa-envelope,
  .fa-camera,
  .fa-dolly-flatbed,
  .fa-lock {
    color: #666666;
    font-size: 1.1rem;
  }

/*  Menueboxen   */
  .fa-university,
  .fa-cubes,
  .fa-chalkboard-teacher,
  .fa-book-reader,
  .fa-tv {
    color: #0543af;
    font-size: 1.5rem;
  }
  .fa-user-edit,
  .fa-file-pdf {
    color: #d40a0a;
    font-size: 1.1rem; 
  }

  .fa-caret-right,
  .fa-caret-down {
    color: #ea5b27;
    font-size: 1.7rem; 
  }


  
  .fa-filter {
    color: #7f7b7b;
    font-size: 0.8rem; 
  }
  .fa-times{
    color: #ff0000;
    font-size: 0.8rem; 
 
  }

  .fa-save {
    color: #ea5b27;
    font-size: 1.2rem;
    padding: 10px;
  }

/*  Topmenue  */
 .fa-house-user,
 .fa-network-wired,
 .fa-sign-out-alt {
    
    font-size: 1.1rem;
  }

  .leitstandbox {
	
	top: 100px;
	left: 50px;
	background-color: #fff;
	width: 75%;
	padding: 5px;
	margin-bottom:15px;
	height: 140px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
	box-shadow: 3px 3px 5px #c7c7c7;
	/* min-width: 1000px; */
}
.leitstandbox_minimiert {
	
	top: 100px;
	left: 50px;
	background-color: #fff;
	width: 75%;
	padding: 5px;
	margin-bottom:15px;
	height: 38px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
	box-shadow: 3px 3px 5px #c7c7c7;
	/* min-width: 1000px; */
}
.leitstandbox_header {
	
	width: 100%;
	height: 25px;
	display: flex;
}

.leitstandbox_header_ampel{
	
	width: 12%;
	height: 25px;
	padding-left: 5px;
	min-width: 170px;
	margin-bottom: 5px;
	display: flex;
}
.leitstandbox_header_aktion {
	display: flex;
	width: 13%;
	height: 25px;
	padding-left: 5px;
}

.leitstandbox_header_aktion_icon {
	width: 30px;
	height: 25px;
	padding-left: 5px;
}

.leitstandbox_header_info {

	width: 75%;
	height: 25px;
	padding-left: 5px;
}
.leitstandbox_header_color_coilF {
	background-color: #f9e954;
}
.leitstandbox_header_color_coilD {
	background-color: #263d86;
}

.leitstandbox_header_color_WA1 {
	background-color: #76C079;
}
.leitstandbox_header_color_WA2 {
	background-color: #C1E2C2;
}

.leitstandbox_header_color_WE {
	background-color: #FFCA75;
}

.leitstandbox_header_color_PU2 {
	background-color: #CFDFF8;
}

.leitstandbox_inhalt {
	display: flex;
	background-color: #fff;
	width: 100%;
	height: 103px;
}
.leitstandbox_inhalt_none {
	display: none;

}
.leitstandbox_daten {
	background-color: #fff;
	width: 25%;
	height: auto;
	padding-left: 8px;
	padding-top: 3px;
    margin-top: 5px;
	margin-right: 5px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
}
.leitstandbox_material {
	background-color: #fff;
	width: 25%;
	height: auto;
	padding-left: 8px;
	padding-top: 3px;
    margin-top: 5px;
	margin-right: 5px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
}
.leitstandbox_termin {
	background-color: #fff;
	width: 25%;
	height: auto;
	padding-left: 8px;
	padding-top: 3px;
    margin-top: 5px;
	margin-right: 5px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
}
.leitstandbox_info {
	background-color: #fff;
	width: 25%;
	height: auto;
	padding-left: 5px;
	padding-top: 10px;
    margin-top: 5px;
	margin-right: 0px;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
	

}
.leitstandbox_info_font {
	color: #ED2929;
	font-family: Verdana;
	font-size: 14px;
}

.leitstandbox_circle_eingang {
	background: #FFCA75;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}

.leitstandbox_circle_yellow {
	background: #ffcf48;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}
.leitstandbox_circle_red {
	background: #ED2929;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}
.leitstandbox_circle_green {
	background: #50F46A;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}
.leitstandbox_circle_grey {
	background: #bfb6a9;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}
.leitstandbox_circle_blue {
	background: #6bc7e4;
	border: 0.1em solid #2f5bd4;
	border-radius: 50%;
	clip-path: circle(50%);
	height: 1em;
	width: 1em;
	margin-top: 5px;
	margin-right: 5px;
}
.leitstand_spam {
    font-family: Verdana;
    font-size: 14px;
	color: #000038;
}
.leitstand_spam_ampel {
    font-family: Verdana;
    font-size: 14px;
	color: #000038;
    margin-top: 2px;
    text-align: right;
}

.tinyStyleNumberText {
    padding-left: 50px; 
    margin-top: -22px;
}

.tinyStyleNumber {
    margin-bottom: 25px;
}

.tinyStyleImages {
    padding: 10px 10px 20px 10px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 60px; 
    box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55); 
}

.tinyStyleNumberHeight {
    border: 0px;
    width: 21px;
    height: 21px;
}

.tinyStyleLink {
    color: #ea5b27;
    /* border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid; */
}

.tinyStyleMenu {
    border-left: 3px solid #ea5b27;
    padding-left: 5px;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    margin-top: 80px;
}

.tinyStyleAnchor {
    font-weight: normal;  
    font-family: Verdana;
    font-size: 1px;
}

.tinyStyleIcon {
    margin: 8px;
    margin-left: -10px;
}

.tinyStyleFontIcon {
    margin-left: 8px;
}

.tinyStyleFontIconDot {
    margin-left: 14px;  
}

.tinyStyleFontIconContent {
    padding-left: 10px;
}

.tinyStyleFontIconDotContent {
    padding-left: 4px;
}

 .tinyStyleElternbox {
    max-width: 750px;
    font-weight: normal;  
    font-family: Verdana;
    font-size: 16px;
    color: #2c2c2b;
}

 .tinyStyleTR {
    height: 19px;
}

.tinyPtagAbsatz {
    margin-bottom: 50px;
}


.tinyStyleTDContentOne {
    width: 362.5px; 
    height: 28px; 
    text-align: left;
    font-weight: normal;  
    font-family: Verdana;
    font-size: 14px;
    color: #04079c;
    border-bottom: 0.02em solid #f1f1f1;
    padding-left: 10px;
}

.tinyStyleTDContentTwo {
    width: 500px;
    height: 28px;
    text-align: left;  
    font-weight: normal;  
    font-family: Verdana;
    font-size: 14px;
    color: #81817f;
    border-bottom: 0.02em solid #f1f1f1;
    padding-left: 10px;
}

.tinyStyleTable {
    height: 353px; 
    width: auto; 
    margin-top: 20px;
    margin-bottom: 50px;
}

.tinyStyleTDHeaderOne {
    width: 362.5px; 
    height: 30px; 
    text-align: left;
    padding-left: 10px;
    font-weight: bold;  
    font-family: Verdana;
    font-size: 18px;
    border-bottom: 0.1em solid #dddddf;
}

.tinyStyleTDHeaderTwo {
    width: 500px; 
    height: 30px; 
    text-align: left;
    padding-left: 10px;
    font-weight: bold;  
    font-family: Verdana;
    font-size: 18px;
    border-bottom: 0.1em solid #dddddf;
}


.fa-exclamation {
    color: #263D86; 
    font-size: 1.5rem;
    margin: 0px 15px 0px 5px;
  }

.fa-check-circle {
    color: #4CAF50; 
    font-size: 1.5rem;
    margin: 0px 15px 0px 5px;
  }

  .fa-exclamation-triangle {
    color: #f97639; 
    font-size: 1.5rem;
    margin: 0px 15px 0px 5px;
  }

  .fa-exclamation-circle {
    color: #e20909; 
    font-size: 1.5rem;
    margin: 0px 15px 0px 5px;
  }
 
  .tinyStyle-ok-msg {
    padding: 10px 10px 10px 10px;
    display: table;
    margin-top: 5px;
    margin-bottom: 30px; 
    border-radius: 3px;
    background: rgba(250,250,250,0.5); 
    border-left: 0.51em solid #263d86;
    /* box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55);  */
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.tinyStyle-box-msg {
    padding: 15px 30px 10px 20px;
    display: table;
    margin-top: 5px;
    margin-bottom: 30px; 
    border-radius: 3px;
    background: rgba(158,158,158,0.25); 
    border-left: 0.51em solid #263d86;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.tinyStyle-success-msg {
    padding: 10px 10px 10px 10px;
    display: table;
    margin-top: 5px;
    margin-bottom: 30px; 
    border-radius: 3px;
    background: rgba(76,175,80,0.25); 
    border-left: 0.51em solid #4CAF50;
    box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55); 
}

.tinyStyle-warning-msg {
    padding: 10px 10px 10px 10px;
    display: table;
    margin-top: 5px;
    margin-bottom: 30px; 
    border-radius: 3px;
    background: rgba(249,118,57,0.25); 
    border-left: 0.51em solid #f97639;
    box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55); 
}

.tinyStyle-error-msg {
    padding: 10px 10px 10px 10px;
    display: table;
    margin-top: 5px;
    margin-bottom: 30px; 
    border-radius: 3px;
    background: rgba(226,9,9,0.25); 
    border-left: 0.51em solid #e20909;
    box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55); 
}

.tinyStyle-code {
    padding: 0px 5px 0px 5px;
    display: inline-block;
    border-radius: 2px;
    background: rgba(96,96,96,0.15); 
    border: 0.01rem solid #bfbcbc;
    text-transform: uppercase; 
    letter-spacing: 0.05rem;

}
.tooltipImages {
    background: #fff;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 60px; 
    box-shadow: 2px 5px 11px -1px rgba(0,0,0,0.55); 
} 
.tooltipHeader {
    letter-spacing: 0.04rem;
    font-size: 1.1rem;
    font-weight: bold;
    color:#080c2d;
}

.tooltipContent {
    font-size: 1rem;
    font-weight: normal;
    color:#545372
}
/* ******************************************************************** */
/* ******************************************************************** */
/* ******************************************************************** */
.tool-tip{
    min-height: 400px;
    max-height: auto;
    min-width: 650px;
	color: #000038;
	background-color: #fafafa;
	text-shadow: none;
	font-size: 1.05rem;
	visibility: hidden;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;	
	text-align: left;	
	opacity: 0;
	z-index: 999;
	padding: 3px 8px;	
	position: absolute;
	cursor: default;
	border-color: #c8c9c9;
	border-width: 1px;
	border-style: solid;
    -webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;	
}

.tool-tip,
.tool-tip.top{
	top: auto;
	bottom: 114%;
	left: 50%;		
}

.tool-tip.top:after,
.tool-tip:after{
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: rgba( 0, 0, 0, .7);	
}

/* default heights, width and margin w/o Javscript */

.tool-tip,
.tool-tip.top{
	width: 80px;
	height: 22px;
	margin-left: -43px;
}

/* tool tip position right */


.tool-tip.height{
    min-height: 250px;
}

.tool-tip.mini{
    min-height: 150px;
}

.tool-tip.big{
    min-height: 550px;
}

.tool-tip.height325{
    min-height: 325px;
}

.tool-tip.height475{
    min-height: 475px;
}

.tool-tip.right{
	top: -50%;
	right: auto;
	left: 106%;
	margin-top: -15px;
	margin-right: auto;	
	margin-left: auto;
    padding: 20px 20px 10px 20px;
   }

.tool-tip.right:after{
	left: -5px;
	top: 25%;	
	margin-top: -57px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}

.tool-tip.height:after{
	left: -5px;
	top: 25%;	
	margin-top: -21px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}
.tool-tip.mini:after{
	left: -5px;
	top: 25%;	
	margin-top: 5px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}
.tool-tip.big:after{
	left: -5px;
	top: 25%;	
	margin-top: -95px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}

.tool-tip.height325:after{
	left: -5px;
	top: 25%;	
	margin-top: -40px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}

.tool-tip.height475:after{
	left: -5px;
	top: 25%;	
	margin-top: -55px;
	bottom: auto;
	border-top-color: transparent;	
    border-right-color: #db0404;	
}

/* tool tip position left */

.tool-tip.left{
	top: 50%;
	left: auto;
	right: 105%;
	margin-top: -15px;	
	margin-left: auto;	
}

.tool-tip.left:after{
	left: auto;
	right: -12px;
	top: 50%;
	margin-top: -6px;
	bottom: auto;
	border-top-color: transparent;	
    border-left-color: rgba( 0, 0, 0, .7);	
}

/* tool tip position bottom */

.tool-tip.bottom{
	top: 115%;
	bottom: auto;
	left: 50%;
	margin-bottom: auto;	
}

.tool-tip.bottom:after{
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
    border-top-color: transparent;	
    border-bottom-color: rgba( 0, 0, 0, .6);	
}

/* tooltip on focus left and right */

.on-focus .tool-tip.left,
.on-focus .tool-tip.right{
	margin-top: -19px;
}

/* on hover of element containing tooltip default*/

/* *:not(.on-focus):hover > .tool-tip, */
.on-focus select:hover + .tool-tip,
.on-focus textarea:hover + .tool-tip,
.on-focus input:hover + .tool-tip{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 240ms ease-in-out;
	-moz-transition: all 240ms ease-in-out;
	-ms-transition: all 240ms ease-in-out;
	-o-transition: all 240ms ease-in-out;
	transition: all 240ms ease-in-out;		
}


/* tool tip slide out */

/* *:not(.on-focus) > .tool-tip.slideIn, */
.on-focus > .tool-tip{
	display: block;
}

.on-focus > .tool-tip.slideIn{
	z-index: -1;
}
.on-focus > select:hover + .tool-tip.slideIn,
.on-focus > textarea:hover + .tool-tip.slideIn,
.on-focus > input:hover + .tool-tip.slideIn{
	z-index: 1;
}

/* bottom slideIn */

/* *:not(.on-focus) > .tool-tip.slideIn.bottom, */
.on-focus > .tool-tip.slideIn.bottom{
	top: 50%;	
}

/* *:not(.on-focus):hover > .tool-tip.slideIn.bottom, */ 
.on-focus > input:hover + .tool-tip.slideIn.bottom{
	top: 115%;
}	

.on-focus > input:hover + .tool-tip.slideIn.bottom{
	top: 100%;
}

/* top slideIn */

/* *:not(.on-focus) > .tool-tip.slideIn,
*:not(.on-focus) > .tool-tip.slideIn.top, */
.on-focus > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn.top{
	bottom: 50%;
}

/* *:not(.on-focus):hover > .tool-tip.slideIn,
*:not(.on-focus):hover > .tool-tip.slideIn.top, */
.on-focus > input:hover + .tool-tip.slideIn,
.on-focus > input:hover + .tool-tip.slideIn.top{
	bottom: 110%;
}	

/* left slideIn */

*:not(.on-focus) > .tool-tip.slideIn.left,
.on-focus > .tool-tip.slideIn.left{
	right: 50%;	
}

*:not(.on-focus):hover > .tool-tip.slideIn.left,
.on-focus > input:focus + .tool-tip.slideIn.left{
	right: 105%;		
}

/* right slideIn */

 /* *:not(.on-focus) > .tool-tip.slideIn.right, */
.on-focus > .tool-tip.slideIn.right{
	left: 150%;		
}

/* *:not(.on-focus):hover > .tool-tip.slideIn.right, */
.on-focus > select:hover + .tool-tip.slideIn.right,
.on-focus > textarea:hover + .tool-tip.slideIn.right,
.on-focus > input:hover + .tool-tip.slideIn.right{
	left: 105%;
}

/* ******************************************************************** */
/* ******************************************************************** */
/* ******************************************************************** */

.tabele {
    margin-bottom: 50px;
    margin-top: 15px;
}

/* ------------------------------------------------------- */
.switch {
    position: relative;
    display: inline-block;
    width: 42px; /* 40 */
    height: 22px; /* 18 */
  }
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dbe0e0;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .slider:before {
    position: absolute;
    content: "";
    height: 16px; /* 14 */
    width: 16px; /* 14 */
    left: 3px;
    bottom: 3px; /* 2 */
    background-color: #c90c0c;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #cacece;
  }
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #0cb225;
  }
  /* Rounded sliders */
  .slider.round {
    border-radius: 3px; /* 34 */
    color: #000038;
  }
  .slider.round:before {
    border-radius: 20%; /* 50 */
  }
.handbuchenbox {
  padding-top: 80px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.handbucheninputbox {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    height: auto;
    position: relative;
}

.handbucheninputboxheader {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 30px;
}
.handbucheninputboxheaderred {
    color: #DD0000;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 30px;
}