html {
    font-family: "Noto Serif", serif;
}

body {
    font-family: "Noto Serif", serif;
    background-color: #f7f7f7;
}

.frk-sidebar {
    background-color: #180b00;
    color: #ccc9c7;
}

.frk-sidebar h1 {
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
}

.frk-sidebar h1,
.frk-sidebar h1 small,
.frk-sidebar .nav > li > a {
    color: #ccc9c7;
}

.frk-sidebar .nav > li > a:hover,
.frk-sidebar .nav > li > a:focus {
    background-color: transparent;
    color: rgba( 204, 201, 199, 0.7);
}

.frk-sidebar .page-header {
    border-color: #ccc9c7;
}


.frk-content-wrapper {
    background-color: transparent;
    background-image: url(../images/background-001.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
}

.frk-content {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 992px) {
    
    html, body, .frk-container, .frk-row {
        height: 100%;
    }

    .frk-sidebar {
        max-height: 100%;
        height: 100%;
        overflow: auto;
    }

    .frk-content-wrapper {
        max-height: 100%;
        height: 100%;
        overflow: auto;
    }

    .frk-content {
        margin-top: 40px;
        margin-bottom: 40px;
    }

}

.panel-body p:last-child,
.panel-body .form-group:last-child,
.panel-footer .form-group:last-child {
    margin-bottom: 0;
}