.headerlogo {
    max-width: 400px;
    max-height: 100px;
}
.navbar-front-header {
    border-bottom: 5px solid rgb(134, 188, 37);
}

table.align-middle td {
    vertical-align: middle !important;
}

.ecoGruen {
    color: rgb(134, 188, 37);
}

.pagination a.page-link {
    color: #000 !important;
}
.pagination .active a.page-link {
    color: #FFF !important;
}


.input-group-text-pwd {
    padding: .15rem .5rem
}

img.profilpic {
    max-width: 150px;
    max-height: 150px;
}
img.profilpic-list {
    max-width: 40px;
    max-height: 40px;
}
img.client-list, img.site-list {
    max-width: 100px;
    max-height: 40px;
}

.msg li {
    margin-left: 10px;
}

.tooltip-inner {
    text-align:left;
    max-width: 400px;
    max-height: 600px;
    overflow: hidden;
}

/* Colors for Scale-Items */
.ecoSuccess.active { background: #86bc24 !important; color: black !important; }
.ecoWarning.active { background: #ffc107 !important; color: black !important; }
.ecoDanger.active { background: #dc3545 !important; }
.ecoYellow.active { background: yellow !important; color: black !important; }
.ecoLightgray.active { background: lightgray !important; color: black !important; }
.ecoGray.active { background: gray !important; color: white !important; }
.ecoDarkgray.active { background: #343a40 !important; color: white !important; }
.btn-outline-dark:hover { background: lightgray !important; color: black !important; }

.slider.slider-horizontal {
    width: 100% !important;
}
.slider.slider-horizontal .slider-track,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-high {
    background: #86bc24;
    height: 100px;
}

.slider.slider-horizontal .slider-tick {
    background: #86bc24;
    opacity: 1;
}
.slider.slider-horizontal .slider-handle {
    background: #3c5510;
}

.codeinput {
    font-size: 2rem;
    font-family: 'Consolas', arial, sans-serif;
    font-weight: 700;
}
.codeinputNn {
    font-family: 'Consolas', arial, sans-serif;
}

.might-overflow {
    text-overflow: ellipsis;
    overflow : hidden;
    white-space: nowrap;
}

.might-overflow:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}

ul.eco { list-style-type:none;}
ul.eco li::before { 
    color:#86bc24; 
    font-size: 1em;
    font-weight: bold;
    content: "» "; 
}

span.missing {
    color: red;
    font-weight: bold;
}

@media screen and (max-height: 1000px) {
    .scrollable-menu {
        height: auto;
        max-height: 380px;
        overflow-x: hidden;
    }
    .scrollable-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;        
    }    
    .scrollable-menu::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: lightgray;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
    }
}