td.kalender{border:thin solid black; padding: 2px; font-size:70%; text-align:center}
td.jkal_head{border:thin solid black; font-size:80%;}
td.jkal_day{font-size:80%; text-align:center}
td.jkal_hour{font-size:80%; text-align:center;vertical-align:top;}
span.nutzer{background-color:#ffffcc}
span.user{background-color:#003366;color:#ffffff; padding-left: 5px; padding-right: 5px;}
span.error{color:red}
a.jkal_link{text-decoration:none;color:#000000; border: none}
a.event{text-decoration:none;color:#000000; border:none}
a.next{text-decoration:none;color:#000000; border:thin solid black}

.timetable-ee0000{background-color: #ee0000 !important}
.timetable-ff4000{background-color: #ff4000 !important}
.timetable-ffee00{background-color: #ffee00 !important; color: #4a4a4a !important;}
.timetable-F5DA81{background-color: #F5DA81 !important; color: #4a4a4a !important;}
.timetable-33ff00{background-color: #33ff00 !important; color: #4a4a4a !important;}
.timetable-99ff00{background-color: #99ff00 !important; color: #4a4a4a !important;}
.timetable-5882FA{background-color: #5882FA !important}
.timetable-0099ff{background-color: #0099ff !important}
.timetable-CC2EFA{background-color: #CC2EFA !important}
.timetable-ee2222{background-color: #ee2222 !important}

.dropbtn {
    background-color: #ffffff;
    color: black;
    border: thin solid black;
    cursor: pointer;
    font-size:100%;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #ffffff;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ccccff;
    min-width: 180px;
    z-index: 100;
}

.dropdown-content a {
    color: black;
    padding: 2px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #aaaaff}

.show {display:block;}


.timetable-cont {
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 30px;
}

.timetable {
    width: 1460px;
}

.timetable > section {
    overflow-x: auto;
    width: 1258px;
}

.timetable > aside {
    width: 200px;
}

.time-label {
    -ms-transform: rotate(-45deg) !important; /* IE 9 */
    -webkit-transform: rotate(-45deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(-45deg) !important;
}

.center-content {
     align-items: center;
     justify-content: center;
}

.mdl-small-margin-bottom {
    margin-bottom: 0px;
}

.mdl-navigation > img {
    height: 50px;
    margin-right: 50px;
}

.mddtp-prev-handle,
.mddtp-next-handle {
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.timetable_entry {
    border: 0px !important;
    padding: 2px !important;
    line-height: 100%;
    font-size: 80%;
    text-overflow: ellipsis;
    text-decoration: none;
}

.timetable_entry:hover {
    filter: brightness(90%);
    text-decoration: none;
}

.settings-box {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 15px;
    padding: 10px;
    z-index: 10000;
    background-color: #fff;
}

.mdl-switch-padding-left {
    margin-left: 18px;
}

body.dark {
    background-color: #434343;
    color: #cdcdcd;
}

body.dark .settings-box {
    background-color: #4d4d4d;
}

.center-header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.center-block {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.pad-top {
    padding-top: 20px;
}

.mdl-shadow--4dp {
    box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}

.display-5 {
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.05;
}