body {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    background-color: #FF9800;
    font-size: 0.96em;
}

.mdl-layout__drawer .mdl-navigation a.mdl-navigation__link {
    padding-right: 25px;
}

.mdl-layout__drawer .mdl-navigation a.mdl-navigation__link.withTickets {
    padding-bottom: 0;
}

.ticketLinks {
    padding-left: 55px;
    text-align: left;
    color: #909090;
}

.mdl-navigation a.ticketLink {
    display: inline;
    color: #909090;
}

.mdl-navigation a.ticketLink:hover {
    color: black;
}

.info {
    float: right;
    text-align: right;
    color: white;
}

.header {
    padding: 10px 20px;
}

div.description, div.description p, div.description li {
    line-height: 1em;
    margin: 8px 0;
}

div.description a {
    color: rgb(63, 81, 181);
}

div.description a:hover {
    color: white;
}

div.descriptionWrapper {
    padding: 7px;
}

div.description {
    padding: 7px;
    border: 10px solid #5C3211;
    background-color: #F8B178;
}

table h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin: 0;
}

table h2 a {
    font-weight: bold;
}

.outerBox {
    width: 100%;
    display: block;
}

.breadcrumb .breadcrumb-item {
    font-size: 0.8em;
}

.breadcrumb a {
    color: white;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.mdl-menu__item a {
    color: inherit;
    text-decoration: none;
    display: block;
}

.mdl-navigation a {
    color: inherit;
    text-decoration: none;
}

@media only screen and (min-width: 1200px) {
    .preview-page .outerBox {
        float: left;
        position: relative;
    }

    .preview-page .outerBox_1 {
        width: 100%;
    }

    .preview-page .outerBox_2 {
        width: 50%;
    }

    .preview-page .outerBox_3 {
        width: 33.33%;
    }

    .preview-page .outerBox_4 {
        width: 25%;
    }

    .preview-page .outerBox_5 {
        width: 20%;
    }

    .preview-page .outerBox_6 {
        width: 16.66%;
    }

    .preview-page .outerBox_7 {
        width: 14.28%;
    }

    .preview-page .outerBox_8 {
        width: 12.5%;
    }

    .preview-page .outerBox_9 {
        width: 11.11%;
    }

    .preview-page .outerBox_10 {
        width: 10%;
    }
}

.root {
    vertical-align: top;
}

.reload {
    clear: both;

    text-align: right;
    padding: 10px 20px;
}

.reload a {
    font-size: 0.9em;
    color: white;
}

.category-box {
    padding: 7px;
    vertical-align: top;
}

table, table td, table th {
    /*border: 1px solid black;*/
}

table.category {
    border-collapse: collapse;
    width: 100%;
    border: 10px solid white;
}

table.category th {
    text-align: center;
    padding: 2px 10px;
}

table.category td {
    text-align: right;
    padding: 2px 10px;
}

table.category td.name {
    text-align: left;
}

table.category td.name .number {
    display: inline-block;
    min-width: 2em;
    text-align: right;
}

table.category td.name .numberDelimiter {
    padding-left: 5px;
    padding-right: 3px;
    text-align: center;
    color: rgba(255, 255, 255, 0.2);
}


td, th {
    background-color: #363377;
    color: white;
}

th.title {
    color: #363377;
    background-color: #AFADD1;
}

.member-row.first {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.left-border {
    border-left: 1px solid white;
}

table.category h2 a {
    text-decoration: none;
}

table.category h2 a:hover {
    text-decoration: underline;
}

table.category th.discipline-name a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

table.category th.discipline-name a:hover {
    text-decoration: underline;
}

.loadExceptionIcon {
    color: #ff2c03;
}

.codeInfoWrapper {
    padding: 1em;
}

pre.code {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.4);
    font-size: 0.85em;

    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.adminPage {
    padding: 1em;
}


div.adminPage a {
    color: black;
}

div.adminPage .section {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.4);
}

div.presentationPage {
    padding: 1em;
}


div.presentationPage a {
    color: black;
}

div.presentationPage .section {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.4);
}

/* 1 -------------------------------------- */
/*
#F6767A
#A8383B
#5B1113
 */

table.category-0 {
    border-color: #5B1113;
}

table.category-0 th.title, table.category-0 th.title a {
    color: #5B1113;
    background-color: #F6767A;
}

table.category-0 td, table.category-0 th {
    background-color: #A8383B;
}

table.category-0 .member-row.first {
    border-top-color: #F6767A;
}

table.category-0 .left-border {
    border-left-color: #F6767A;
}

/* 2 -------------------------------------- */
/*
#F8B178
#AA6B39
#5C3211
 */

table.category-1 {
    border-color: #5C3211;
}

table.category-1 th.title, table.category-1 th.title a {
    color: #5C3211;
    background-color: #F8B178;
}

table.category-1 td, table.category-1 th {
    background-color: #AA6B39;
}

table.category-1 .member-row.first {
    border-top-color: #F8B178;
}

table.category-1 .left-border {
    border-left-color: #F8B178;
}

/* 3 -------------------------------------- */
/*
#499794
#226765
#0A3836
 */

table.category-2 {
    border-color: #0A3836;
}

table.category-2 th.title, table.category-2 th.title a {
    color: #0A3836;
    background-color: #499794;
}

table.category-2 td, table.category-2 th {
    background-color: #226765;
}

table.category-2 .member-row.first {
    border-top-color: #499794;
}

table.category-2 .left-border {
    border-left-color: #499794;
}

/* 4 -------------------------------------- */
/*
#66C961
#328A2E
#114A0E
 */

table.category-3 {
    border-color: #114A0E;
}

table.category-3 th.title, table.category-3 th.title a {
    color: #114A0E;
    background-color: #66C961;
}

table.category-3 td, table.category-3 th {
    background-color: #328A2E;
}

table.category-3 .member-row.first {
    border-top-color: #66C961;
}

table.category-3 .left-border {
    border-left-color: #66C961;
}

@media print {
    body {
        font-size: 0.9em;
    }

    table.category {
        border-width: 2px;
    }

    table.category .left-border, table.category .member-row.first {
        border-color: gray;
    }

    td, th {
        background-color: transparent;
        color: black;
    }

    a[href]:after {
        content: none !important;
    }

    .mdl-layout__header-row {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mdl-layout__drawer-button {
        display: none !important;
    }

    .mdl-layout__header-row .mdl-button {
        display: none !important;
    }
}