@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
body {
    font-family: 'Source Sans Pro', sans-serif;
}
:root {
    --color-primary: #164108;
    --color-primary-lighten: #256d0d;
    --color-primary-lightener: rgb(37, 150, 13);
    --color-primary-darken: #0c2404;
    --color-secondary: #dee728;
    --color-secondary-darken: #bcc517;
    --color-secondary-lighten: #f1fa4e;
    --color-gray: #eeeeee;
    --color-gray-lighten: #f5f5f5;
    --color-gray-darken: #ddd;
    --color-bg:#fdfdfd;
    --border-rounded: 2rem;

    --text-copyright:.5rem;
    --top-bar-height:4rem;
}
.display-2 {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.1;
}
.text-link {
    color: var(--color-primary-lighten);
}

.text-link:hover {
    color: var(--color-primary-darken);
}

.text-primary {
    color: var(--color-primary) !important;
}

.text-gray {
    color: #555;
}

.btn-simpan {
    background-color: #219931 !important;
    color: #FFFFFF;
    font-weight: 800;
    text-transform: uppercase;
    
}

.btn-simpan:hover {
    background-color:#219931 !important;
    color: #FFFFFF;
}

.bg-primary-gradient {
    background: linear-gradient(to top, var(--color-gray-darken), var(--color-gray));
}
.bg-primary{background-color: var(--color-primary-lighten) !important;}
.layout-navbar,.app-brand{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);height: var(--top-bar-height) !important;}
.nav-item>a{color: var(--color-gray-darken);}
.border-rounded {
    border-radius: var(--border-rounded);
}

.sidenav-toggle::after {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
}

/* .bg-grad {
    background: linear-gradient(to bottom, var(--color-primary-lighten), var(--color-primary-darken));
} */

@media screen and(min-width:720px) {
    .sidenav.bg-menu {
        background-color: transparent !important;
    }
}

.sidenav.bg-menu .sidenav-item.active>.sidenav-link:not(.sidenav-toggle) {
    /* background-color: var(--color-primary-lighten); */
    background-color: white;
}
.category_system{
    color:#219931 !important;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
.sidenav.bg-menu .sidenav-link,
.sidenav.bg-menu .sidenav-horizontal-prev,
.sidenav.bg-menu .sidenav-horizontal-next {
    color: #888;
}
.label_login{
    color:#219931;
}
.header_login{
    color: #009c9f;
}

.sidenav.bg-menu .sidenav-item.open:not(.sidenav-item-closing)>.sidenav-toggle {
    color: var(--color-primary-lighten);
}

/* .sidenav.bg-menu .sidenav-item.active>.sidenav-link {
    color: #4675a6;
} */

.sidenav-menu {
    /* background-color: var(--color-primary-lightener); */
    background-color: white;
}
.sidenav-link{font-size: 1rem;font-weight: 600;}
.sidenav-menu .sidenav-link{font-size: .9rem;font-weight: 500;}
.sidenav-vertical .sidenav-menu {
    padding: 0;
}

.sidenav-vertical .sidenav-menu li:first-child a {
    padding-top: .625rem;
}

.sidenav-vertical .sidenav-menu li:last-child a {
    padding-bottom: .625rem;
}

.text-copyright{font-size: var(--text-copyright);}