/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 1px;
    padding-bottom: 20px;
}


/* Korrekturen für Jquery 1.xx. Netphone Client (Browser IE7) */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-header {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

a {
    color: #888;
}

.navbar-toggle {
    background-color: #ddd;
}

.navbar-toggle .icon-bar {
    background-color: #888;
}
    /* Carousel */
    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

/* Table ActiveCalls -> not working*/
TABLE.dataTable TBODY TD {
    padding: 0px;
}
.table > TBODY > TR > TD {
    vertical-align: middle;
    padding: 0px;
}

table {
    text-align: center;
    
}

thead {
    /* background-color: lightgray; */
    background-color: #5b96ad; /* lightgray; */
    color: white;
}

/* Buttons und Background und Table Anpassungen */
.table-name {
    width: 50%;
}

.table-status {
    width: 10%;
}

.table-button {
    width: 40%;
}

.text-right {
    float: right;
}

.backgroundonline {
    background-color: yellowgreen;
}

.backgroundoffline {
    background-color: lightcoral;
}

.offline {
    background: url("/images/status_abgemeldet.png") no-repeat;
    font-size: 0px;
    border: hidden;
}

.online {
    background: url("/images/status_frei.png") no-repeat;
    font-size: 0px;
    border: none;
}

.calling {
    background: url("/images/status_besetzt.png") no-repeat;
    font-size: 0px;
    border: hidden;
}

.dnd {
    background: url("/images/status_nichtstoeren.png") no-repeat;
    font-size: 0px;
    border: none;
}

.away {
    background: url("/images/status_termin.png") no-repeat;
    font-size: 0px;
    border: hidden;
}

#pick {
    background: url("/images/status_nichtstoeren.png") no-repeat;
    font-size: 0px;
    border: none;
}

.none {
    background: url("/images/status_keineinfo.png") no-repeat;
    font-size: 0px;
    border: none;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}