body, html#main {
    background: #003E8F;
    background: -moz-linear-gradient(left, #003E8F 0%, #009DE0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #003E8F), color-stop(100%, #009DE0));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#003E8F', endColorstr='#009DE0', GradientType=1);
    background: -o-linear-gradient(left, #003E8F 0%, #009DE0 100%);
}
#wbody{
    background: #FFFFFF;
}

.bg-lblue{
    background: #d9f1fa;
}
.p-top{
    padding-top: 15px;
}
.p-bot{
    padding-bottom: 15px;
}
.m-bot-n{
    margin-bottom: 0px;
}

.kalender th{
    width: 125px;
}

.kalender tbody tr{
    max-height: 115px;
}
.kalender td{
    padding: 8px;
}

.btn-xs {
padding: .10rem .5rem;
font-size: .75rem;
line-height: 1.5;
border-radius: .2rem;
}
.xs{
    font-size: 70%;
    font-weight: 300;
}

.month_selected {
    width: 115pt;
    display: inline-block;
    text-align: center;
}

.kalender td {
    display: none;
}

.kalender td.containsAppointment:not(.table-secondary) {
    display: block;
    overflow: hidden;
}


.kalender thead {
    display: none;
}
/* Small devices */
@media (min-width: 576px) { 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

    .kalender td, .kalender td.containsAppointment, .kalender td.containsAppointment:not(.table-secondary) {
        display: table-cell;
        height: 100px;
        overflow: unset;
    }

    .kalender thead {
        display: table-header-group;   
    } 
}

@media print {
    table{
        font-size: 12px;
    }
    
    .nop{
        display: none;
    }
}