/* 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: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

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%;
}

.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;
    }
}