@font-face {
    font-family: 'ProximaNova';
    src: url('../fonts/Proxima/ProximaNova-regular.otf') format('opentype');
}

body {
    font-family: 'ProximaNova', sans-serif;
}

/* .wrapper {
    height: calc(100vh - 57px);
    min-height: unset !important;
}
.content-wrapper {
    height: calc(100vh - 57px);
    min-height: unset !important;
}
.layout-navbar-fixed .wrapper .main-header {
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 1037;
}
.layout-navbar-fixed .wrapper .brand-link {
    overflow: unset !important;
    position: fixed !important;
    top: 0 !important;
    transition: width .3s ease-in-out !important;
    width: 250px !important;
    z-index: 1035 !important;
} */

.batas-kata {
    font-size: 1.5rem;
    color: #6c757d;
    font-weight: 700;
    margin-bottom: 0px;
}
.batas-garis {
    border-top: 2px solid #d8d8d8;
}

.wrapper {
    height: 100vh;
}
.wrapper .content-wrapper {
    min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px)) !important;
}
.main-sidebar {
    height: 100% !important;
    position: fixed !important;
    top: unset !important;
    overflow: auto;
}
.content-wrapper > .content {
    padding: 0 0.5rem 3.25rem;
}



::-webkit-scrollbar {
    width: 6px;
    height: 7px;
    border-radius: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #87939c;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #636b72;
}