body {
    background: #fcfcfc;
    color: #111;
}
nav a{
font-size: 12px;

}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px !important;
}
nav a:not(:first-child) {
    color: #111;
    padding-top: .5rem;
}

nav a.active:not(:first-child), nav a:hover:not(:first-child) {
    background-color: #014378;
    color: white;
    font-weight: bold;
    border-radius: 3px;
    padding-top: .5rem;
    padding-bottom: .3rem;
}

.sidebar li, .sidebar a {
    color: #111;
    padding: .2rem .5rem;
    display: block;
}
.sidebar li:first-child, .height-from-top {
    margin-top: 24px;
}

.sidebar a {
    border-left: 3px solid transparent;
}
.sidebar a:hover {
    font-weight: bold;
    border-left: 3px solid #395770;
}
.sidebar li > a.active {
    border-left: 3px solid #014378;
    font-weight: bold;
}

#cursisten-details a {
    border-bottom: 3px solid transparent;
}
#cursisten-details a:hover {
    font-weight: bold;
    border-bottom: 3px solid #395770;
}
#cursisten-details li.active > a{
    border-bottom: 3px solid #014378;
    font-weight: bold;
}

.alfabet {
    height: calc(100vh - 310px);
    overflow-y: auto;
}
.alfabet li > a.active, .alfabet li > a:hover {
    font-weight: bold;
    text-decoration: none;
}

#cursisten-details a {
    padding: .3rem .6rem;
    font-size: small;
}

#cursisten-details a,
#cursisten-details .material-icons {
    color: #111;
}

#cursisten-details .active, #cursisten-details li:hover, #cursisten-details .active a, #cursisten-details a:hover {
    text-decoration: none;
}

.unfinishedCourses .progress-bar {
    background: #014378;
}

.month-overview > li > ul > li:not(:first-child) {
    border-top: 1px solid #dee2e6;
}

.month-overview .active-week {
    background: #EEE;
}

.month-overview ul li a {
    color: #111;
}

.hide-toggle, .hide-letter, .hide-color {
    display: none;
}

.project-details {
    font-size: .9rem;
}
.project-details .material-icons, .var-dates .material-icons {
    font-size: 1.1rem;
}

.status .material-icons {
    font-size: 1rem;
    vertical-align: middle;
}
.status .completed {
    color: green;
}
.status .uncompleted {
    color: red;
}

.btn .material-icons {
    vertical-align: middle;
    font-size: 1.3rem;
}

section {
    min-height: 100vh;
}

footer {
    background: #555;
    color: #fcfcfc;
    position: sticky;
    bottom: 0;
}