/* BETA */
.beta {
    position: fixed;
    bottom:10px;
    right:50px;
    padding: 10px 10px 10px 10px;
}
.beta a {
    color:#aaa;
}
.beta a:hover {
    color:#fff;
}
@media screen and (max-width: 768px) {
    .beta {
        bottom:0px;
        padding: 10px 10px 2px 10px;
    }
}
@media screen and (max-width: 320px) {
    .beta {
        display: none;
    }
}
/* BETA */
/* BODY */
body {
    padding-top: 110px !important;
    padding-bottom: 0;
}
/* BODY */
/* COOKIE */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 1100;
    opacity: 0;
    border-radius: 0;
    background: #212327 url("/img/cubes.png");
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
/* COOKIE */
/* TEXT */
a.danger p {
    color:#a94442;
}
/* TEXT */
/* LOADDIV */
#loaddiv {
    position:fixed;
    top:0px;
    left:0px;
    z-index:9999;
    width:100%;
    height:100%;
    opacity: .65;
    background-color: #999;
    background:
    url("/img/load.gif") center no-repeat,
    radial-gradient(#999 0%, #000 100%);
}
/* LOADDIV */
/* BLINK */
.blink {
    animation: blink 1.5s infinite;
}
.blink-danger {
    animation: blink .75s infinite;
}
@keyframes blink {
    0%{opacity:.35;}
    50%{opacity:1;}
    90%{opacity:1;}
    100%{opacity:.35;}
}
/* BLINK */
/* SITE-COVER */
.site-cover {
    min-width:100%;
    min-height: 100vh;
    margin-top:-110px;
    padding-top:110px;
    background: #86214b;
    background: -moz-linear-gradient(left, #3e3f83 0, #86214b 100%);
    background: -webkit-linear-gradient(left, #3e3f83 0, #86214b 100%);
    background: linear-gradient(to right, #3e3f83 0, #86214b 100%);
}
.site-cover .col-xs-12.col-sm-8.col-md-6 center.logo {
    background: rgba(255,255,255,.75);
    width:100%;
    margin-bottom:20px;
    padding:20px 0 20px 0;
    border-radius: 4px;
}
.site-cover .col-xs-12.col-sm-8.col-md-6 img.logo {
    max-width: 90%;
}
.hsite-100 {
    min-height: calc(100vh - 110px);
}
/* SITE-COVER */
/* MODAL */
.modal-backdrop {
    background-color: #999;
    background-image: radial-gradient(#999 0%, #000 100%);
}
.modal-backdrop.in {
    opacity: .85;
}
/* MODAL */
/* HR */
.hr-success {
    height:2px;
    margin:5px 0 5px 0;
    border:none;
    background-image: -webkit-linear-gradient(left, rgba(15, 157, 88,0), rgba(15, 157, 88,.85), rgba(15, 157, 88,0));
}
.hr-primary {
    height:2px;
    margin:5px 0 5px 0;
    border:none;
    background-image: -webkit-linear-gradient(left, rgba(66, 133, 244,0), rgba(66, 133, 244,.85), rgba(66, 133, 244,0));
}
.hr-warning {
    height:2px;
    margin:15px 0 15px 0;
    border:none;
    background-image: -webkit-linear-gradient(left, rgba(200,105,30,0), rgba(200,105,30,.85), rgba(200,105,30,0));
}
.hr-danger {
    height:2px;
    margin:5px 0 5px 0;
    border:none;
    background-image: -webkit-linear-gradient(left, rgba(244,67,54,0), rgba(244,67,54,.85), rgba(244,67,54,0));
}
/* HR */
/* NAVI */
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
span.badge#mobile-badge {
    position:relative;
    float:right;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
    span.badge#mobile-badge {
        display:none;
    }
}
/* NAVI */
/* SCROLL SCHATTEN */
.scrollschatten {
    background-color:transparent;
    background-image:linear-gradient(to bottom, rgba(30,30,30,0) 0%, rgba(30,30,30,.06) 50%, rgba(30,30,30,.12) 100%);
    position:absolute;
    width:100%;
    height:20px;
    left:0px;
    bottom:0px;
    z-index:996;
}
.jumbotron#meldungen .scrollschatten {
    width:calc(100% - 150px);
    left:75px;
    bottom:78px;
}
.kdwzlist .scrollschatten {
    width:calc(100% - 30px);
    margin-left:15px;
}
@media screen and (min-width: 768px) {
    @media screen and (max-width: 1200px) {
        .jumbotron#meldungen .scrollschatten {
            bottom:55px;
            width:calc(100% - 80px);
            left:40px;
        }
    }
}
@media screen and (max-width: 767px) {
    .jumbotron#meldungen .scrollschatten {
        bottom:60px;
        width:calc(100% - 30px);
        left:15px;
    }
}
/* SCROLL SCHATTEN */
/* TOOLTIP */
.tooltip {
    z-index: 996;
}
/* TOOLTIP */
/* NET */
span.net svg {
    margin-bottom:-5px;
}
/* NET */
/* COLOR RENTED BUTTON */
.btn-primary.rented {
    background-color: #337ab7 !important;
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important;
    border-color: #245580 !important;
    background-position:inherit;
}
.btn-primary.rented:hover, .btn-primary.rented:focus,  {
    background-color:#337ab7;
    background-image:linear-gradient(to bottom,#337aff 0%,#337ab7 100%);
}
.btn-primary.rented.active, .btn-primary.rented.active:hover, .btn-primary.rented:active:hover, .btn-primary.rented.active:focus {
    background-color: #204d74 !important;
    border-color: #122b40 !important;
}
.label-primary.rented {
    background-color: #337ab7 !important;
}
.progress-bar-primary.rented {
    background-color: #337ab7 !important;
}
/* COLOR RENTED BUTTON */
/* SWITCH */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #3c763d;
}
input:focus + .slider {
    box-shadow: 0 0 1px #3c763d;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
/* SWITCH */
/* ON/OFF */
/*https://proto.io/freebies/onoff/*/
.dropdown .onoffswitch {
    position: relative; width: 35px; margin-top: 10px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.dropdown .onoffswitch-checkbox {
    display: none;
}
.dropdown .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.dropdown .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.dropdown .onoffswitch-inner:before, .dropdown .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 5px; padding: 0; line-height: 5px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.dropdown .onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: #398439; color: #FFFFFF;
}
.dropdown .onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #AC2925; color: #FFFFFF;
    text-align: right;
}
.dropdown .onoffswitch-switch {
    display: block; width: 23px; margin: -7.5px;
    background: #CCCCCC;
    position: absolute; top: 0; bottom: 0;
    right: 26px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.dropdown .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.dropdown .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/* ON/OFF */
/* ON/OFF WZ POWER */
.wz-power .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-power .onoffswitch-checkbox {
    display: none;
}
.wz-power .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-power .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-power .onoffswitch-inner:before, .wz-power .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-power .onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-power .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-power .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-power .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-power .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:70%;
}
/* ON/OFF WZ POWER */
/* ON/OFF WZ ON */
.wz-onw .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-onw .onoffswitch-checkbox {
    display: none;
}
.wz-onw .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-onw .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-onw .onoffswitch-inner:before, .wz-onw .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-onw .onoffswitch-inner:before {
    content: "MONITOR ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-onw .onoffswitch-inner:after {
    content: "MONITOR OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-onw .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-onw .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-onw .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ ON */
/* ON/OFF WZ ONAKTIV */
.wz-ona .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-ona .onoffswitch-checkbox {
    display: none;
}
.wz-ona .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-ona .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-ona .onoffswitch-inner:before, .wz-ona .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-ona .onoffswitch-inner:before {
    content: "CONTROL ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-ona .onoffswitch-inner:after {
    content: "CONTROL OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-ona .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-ona .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-ona .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ ONAKTIV */
/* ON/OFF WZ SMS */
.wz-sms .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-sms .onoffswitch-checkbox {
    display: none;
}
.wz-sms .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-sms .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-sms .onoffswitch-inner:before, .wz-sms .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-sms .onoffswitch-inner:before {
    content: "SMS ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-sms .onoffswitch-inner:after {
    content: "SMS OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-sms .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-sms .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-sms .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ SMS */
/* ON/OFF WZ OEL */
.wz-oel .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-oel .onoffswitch-checkbox {
    display: none;
}
.wz-oel .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-oel .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-oel .onoffswitch-inner:before, .wz-oel .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-oel .onoffswitch-inner:before {
    content: "OEL ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-oel .onoffswitch-inner:after {
    content: "OEL OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-oel .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-oel .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-oel .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ OEL */
/* ON/OFF WZ OEL EXTERN */
.wz-ext-oel .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-ext-oel .onoffswitch-checkbox {
    display: none;
}
.wz-ext-oel .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-ext-oel .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-ext-oel .onoffswitch-inner:before, .wz-ext-oel .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-ext-oel .onoffswitch-inner:before {
    content: "OELTANK ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-ext-oel .onoffswitch-inner:after {
    content: "OELTANK OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-ext-oel .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-ext-oel .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-ext-oel .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ OEL EXTERN */
/* ON/OFF WZ EAP */
.wz-eap .onoffswitch {
    position: relative; width: 100%;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin:0;
}
.wz-eap .onoffswitch-checkbox {
    display: none;
}
.wz-eap .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    margin:0;
}
.wz-eap .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.wz-eap .onoffswitch-inner:before, .wz-eap .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.wz-eap .onoffswitch-inner:before {
    content: "EAP ON";
    padding-left: 10px;
    background-color: #398439; color: #FFFFFF;
}
.wz-eap .onoffswitch-inner:after {
    content: "EAP OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.wz-eap .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    left: 0px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.wz-eap .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.wz-eap .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left:85%;
}
/* ON/OFF WZ EAP */
/* ON/OFF INTERN/EXTERN */
.input-group.KDanlegen .onoffswitch {
    position: relative; width: 150px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.input-group.KDanlegen .onoffswitch-checkbox {
    display: none;
}
.input-group.KDanlegen .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #333333; border-radius: 20px;
}
.input-group.KDanlegen .onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.input-group.KDanlegen .onoffswitch-inner:before, .input-group.KDanlegen .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.input-group.KDanlegen .onoffswitch-inner.internextern:before {
    content: "INTERN";
    padding-left: 10px;
    background-color: #DFF0D8; color: #333333;
}
.input-group.KDanlegen .onoffswitch-inner.internextern:after {
    content: "EXTERN";
    padding-right: 10px;
    background-color: #EEEEEE; color: #333333;
    text-align: right;
}
.input-group.KDanlegen .onoffswitch-inner.admin:before {
    content: "ADMIN";
    padding-left: 10px;
    background-color: #DFF0D8; color: #333333;
}
.input-group.KDanlegen .onoffswitch-inner.admin:after {
    content: "NO ADMIN";
    padding-right: 10px;
    background-color: #EEEEEE; color: #333333;
    text-align: right;
}
.input-group.KDanlegen .onoffswitch-switch {
    display: block; width: 22px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 116px;
    border: 2px solid #333333; border-radius: 11px;
    transition: all 0.3s ease-in 0s;
}
.input-group.KDanlegen .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.input-group.KDanlegen .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/* ON/OFF INTERN/EXTERN */
/* TABLE SCROLL */
.table-scroll {
    display:none;
}
@media screen and (max-width: 1199px) {
    .table-scroll {
        position: -webkit-sticky;
        position: sticky;
        display:block;
        background:url("/img/scroll_hand.png");
        background-repeat:no-repeat;
        background-position:center;
        background-size:80px 80px;
        top:0;
        left:0;
        width:100%;
        height:100px;
        opacity:.15;
    }
}
/* TABLE SCROLL */
/* TABLE HEADER */
.data.collapse.in thead {
    position: sticky;
    position: -webkit-sticky;
    top: 90px;
    background: white;
    z-index: 10;
    opacity: .85;
}
/* TABLE HEADER */
/* TABLE TD */
.table > tbody > tr > td {
    vertical-align: middle;
}
/* TABLE TD */
/* TABLE DATA */
@media screen and (min-width: 1025px) {
    .table-responsive.data.collapse {
        display:block;
        min-height:115px;
        max-height:115px;
        opacity:.35;
    }
    .table-responsive.data.collapse.in {
        display:unset;
        min-height:unset;
        max-height:unset;
        opacity:unset;
    }
}
/* TABLE DATA */
/* KARUSELL */
/* INDEX */
.index .carousel-caption, .index .carousel-indicators {
    display:none;
}
@media screen and (min-width: 768px) {
    .index .carousel-caption {
        display:block;
        padding-bottom: 50px;
        left: inherit;
        right: inherit;
        text-align: inherit;
    }
    .index .carousel-caption span.h2 {
        line-height:45px;
        padding: 8px 30px 12px 100px;
    }
    .index .carousel-caption span.h4 {
        line-height:30px;
        padding: 4px 20px 8px 100px;
    }
    .index .carousel-indicators {
        display:block;
        bottom: 10px;
    }
    .index .carousel-indicators li {
        width: 16px;
        height: 16px;
        margin-top:inherit;
        margin-bottom:inherit;
        border-color: #008bd2;
    }
    .index .carousel-indicators .active {
        margin-top:inherit;
        margin-bottom:inherit;
        background-color: #008bd2;
    }
}
/* INDEX */
/* DASH */
ul.dropdown-menu li p.brennerinfo {
    margin-left: 10px;
    margin-right: 10px;
}
.dash-statistik .carousel-control {
    width: 7.5%;
}
.dash-statistik .carousel-caption {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0 40px 0;
}
.dash-statistik .carousel-caption h3 {
    margin: 0;
}
.dash-statistik .carousel-indicators {
    bottom: -10px;
}
.dash-statistik .carousel-indicators li {
    width:25px;
    height:25px;
    border-radius:0;
    border:none;
    text-indent:0;
    color:#999999;
}
.dash-statistik .carousel-indicators li:hover {
    color:#FFFFFF;
}
.dash-statistik .carousel-indicators li.boiler {
    background:url("/img/boiler_999999.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators li.boiler:hover {
    background:url("/img/boiler_white.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators li.boiler.active {
    background:url("/img/boiler_white.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators li.smoke {
    background:url("/img/smoke_999999.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators li.smoke:hover {
    background:url("/img/smoke_white.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators li.smoke.active {
    background:url("/img/smoke_white.png");
    background-repeat:no-repeat;
    background-position:center top;
    background-size:auto 20px;
    margin-bottom: -8px;
}
.dash-statistik .carousel-indicators .active {
    color:#FFFFFF;
    background:none;
}
.dash-statistik .carousel-control.right {
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.25) 100%);
}
.dash-statistik .carousel-control.left {
    background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.25) 100%);
}
.alert.alert-danger .breadcrumb.text-center, .list-group .list-group-item .breadcrumb {
    margin-bottom:0;
}
.list-group .list-group-item.list-group-item-info:hover {
    background:#abe1fc;
}
.list-group .list-group-item.list-group-item-info.ausgewaehlt, .list-group .list-group-item.list-group-item-info.ausgewaehlt:hover {
    background:#008bd2;
}
/* DASH */
/* KARUSELL */
/* PICKADATE */
.picker__holder {
    overflow: hidden !important;
}
.picker__weekday {
    text-align: center;
}
.panel-body.calendar .picker__table {
    margin:0;
}
.panel-body.calendar .outfocus {
    opacity:.35;
}
.panel-body.calendar .picker__day--infocus:hover {
    background:none;
    cursor: not-allowed !important;
}
.picker__day--disabled:hover {
    color: #c12e2a !important;
    background: #d9534f !important;
}
.panel-body.calendar .table.table-bordered {
    margin-bottom:0;
}
.panel-body.calendar .picker__header {
    margin-top:.25em;
    margin-bottom:.25em;
}
.panel-footer.calendar {
    margin:0;
}
.panel-footer.calendar .breadcrumb {
    margin:0;
    padding:0;
}
/* PICKADATE */
/* BADGE WZ EAP */
.badge.eap {
    position: relative;
    right:-10px;
    bottom:-10px;
    min-width:unset;
    margin-left:-16px;
    padding: 2px 2px;
    font-size: 10px;
    font-weight:unset;
    background-color: #b92c28;
    border-radius: 8px;
}
#eap.outfocus {
    opacity: .5;
}
.badge.eap.outfocus {
    background-color: #777;
    opacity: 1;
}
#eap.picker__day.picker__day--infocus {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
    color:#FFF;
}
#eap.picker__day.picker__day--infocus:hover {
    background-image:none;
    background-color: #28a4c9;
}
/* BADGE WZ EAP */
/* DROPDOWN */
.dropdown-menu {
    z-index:997;
}
/* DROPDOWN */
/* BLOCK */
@media screen and (min-width: 768px) {
    @media screen and (max-width: 1200px) {
        .jumbotron {
            padding-top: 25px !important;
            padding-bottom: 25px !important;
            padding-left: 25px !important;
            padding-right: 25px !important;
        }
    }
}
/* BLOCK */
/* UPLOAD */
.upload form {
    width: 100%;
    height: 125px;
    border: 3px dashed #31708f;
    border-radius: 15px;
    background: url('/img/doku/placeholder.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.upload form p {
    margin-top:25px;
}
.upload form input.file {
    position: absolute;
    margin: 0;
    padding: 0;
    width: calc(100% - 200px);
    height: 119px;
    outline: none;
    opacity: 0;
}
/* UPLOAD */
/* FORM INPUT */
/* Ein Plichtfeld:  */
/* Eine korrekte Eingabe:  */
input[required]:valid.pattern {
    color:#3c763d;
    background: #dff0d8;
}
/* Eine fehlerhafte Eingabe:  */
input[required]:invalid.pattern {
    color: #a94442;
    background: #f2dede;
}
/* FORM INPUT */
/* SMARTPHONE */
@media screen and (max-width: 767px) {
    .no-handy {
        display: none;
    }
}
.row.only-handy {
    display: none;
}
@media screen and (max-width: 1024px) {
    .row.only-handy {
        display: block;
    }
}
@media screen and (max-width: 374px) {
    .page-footer h1 {
        font-size:20pt;
    }
    .btn.btn-primary.btn-lg.facebook {
        margin-top:20px;
        margin-left:0px;
    }
}
/* SMARTPHONE */
/* LEAFLET - KARTE */
.leaflet-top, .leaflet-bottom {
    z-index:996 !important;
}
img.leaflet-marker-icon {
    
}
/* LEAFLET - KARTE */
/* BACK TO TOP */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    z-index:997;
    bottom: -480px;
    right: 20px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    z-index:997;
    bottom: 20px;
    right: 20px;
}
@media screen and (max-width: 1000px) {
    #top-link-block.affix-top {
        position: absolute; /* allows it to "slide" up into view */
        z-index:997;
        bottom: -580px;
        right: 2px;
    }
    #top-link-block.affix {
        position: fixed; /* keeps it on the bottom once in view */
        z-index:997;
        bottom: 2px;
        right: 2px;
    }
    #top-link-block a {
        opacity:.75;
        padding: 10px 20px;
    }
}
/* BACK TO TOP */