@font-face {
    font-family: 'Cerebri Sans';
    src: url(../fonts/cerebrisans/cerebrisans-regular.eot);
    src: url(../fonts/cerebrisans/cerebrisans-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/cerebrisans/cerebrisans-regular.woff) format("woff"), url(../fonts/cerebrisans/cerebrisans-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url(../fonts/cerebrisans/cerebrisans-medium.eot);
    src: url(../fonts/cerebrisans/cerebrisans-medium.eot?#iefix) format("embedded-opentype"), url(../fonts/cerebrisans/cerebrisans-medium.woff) format("woff"), url(../fonts/cerebrisans/cerebrisans-medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url(../fonts/cerebrisans/cerebrisans-semibold.eot);
    src: url(../fonts/cerebrisans/cerebrisans-semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/cerebrisans/cerebrisans-semibold.woff) format("woff"), url(../fonts/cerebrisans/cerebrisans-semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

:root {
    --border-color: rgb(227, 235, 246);
    --bs-body-font-family: "Cerebri Sans", sans-serif;
}

html, body {
    height: 100%;
    margin: 0;
}

.nav-link {
    display: flex;
}

.nav-link > .fe {
    line-height: var(--bs-body-line-height);
}

.nav-link > span {
    padding-left: 0.5rem;
}

#sidebar {
    border-color: var(--border-color);
    border-style: dashed;
    border-right-width: 1px;
}

#sidebar hr {
    color: var(--border-color);
    border-top-width: 1px;
    border-top-style: solid;
}