.bg-login-image {
    background: url("../img/api-img.jpg");
    /* background: url("../img/logo_unj.png"); */
    background-position: center;
    background-size: cover;
    /* background-size: 60%; */
    background-repeat: no-repeat;
}

.bg-maintenance {
    background: url("../img/maintenance.jpg");
    /* background: url("../img/logo_unj.png"); */
    background-position: center;
    background-size: cover;
    /* background-size: 60%; */
    background-repeat: no-repeat;
}

.background-login {
    background-image: url("../img/background.jpg");

    /* Full height */

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    background-color: #006f45;
    background-blend-mode: screen;
    background-attachment: fixed;
}

#content-wrapper {
    background-image: url("../img/background.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent !important;
    background-blend-mode: screen;
    background-attachment: fixed;
}

.font-mono {
    font-family: "Inconsolata", monospace;
}

.text-color-unj {
    color: #006f45 !important;
}

.text-sm {
    font-size: 0.75rem !important;
}

.bg-gradient-unj {
    background-size: cover;
    background: rgb(0, 111, 69);
    background: radial-gradient(
        circle,
        rgba(0, 111, 69, 1) 0%,
        rgba(0, 111, 69, 1) 53%,
        rgba(10, 69, 46, 1) 100%
    );
}

.bg-lightgreen {
    background-color: #f2fff7 !important;
}

/* Custom css for fixed topbar and sibebar */

.sidebar {
    height: 100%;
    /* Full-height: remove this if you want "auto" height */
    position: fixed;
    /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1030 !important;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    left: 0;
}

.sidebar-content {
    overflow: hidden;
}

.sidebar-content:hover {
    overflow-y: auto;
}

#page-top #wrapper #content-wrapper {
    margin-left: 6.5rem;
}

#page-top .topbar {
    margin-left: 6.5rem;
}

#page-top.sidebar-toggled #wrapper #content-wrapper {
    margin-left: 0;
}

#page-top.sidebar-toggled .topbar {
    margin-left: 0;
}

#content-wrapper #content {
    padding-top: 4rem;
    min-height: calc(100vh - 3.175rem);
}

.sidebar .sidebar-brand {
    height: 3.175rem;
}

@media (min-width: 768px) {
    #page-top #wrapper #content-wrapper {
        margin-left: 14rem !important;
    }

    #page-top .topbar {
        margin-left: 14rem !important;
    }

    #page-top.sidebar-toggled #wrapper #content-wrapper {
        margin-left: 6.5rem !important;
    }

    #page-top.sidebar-toggled .topbar {
        margin-left: 6.5rem !important;
    }
}

.topbar {
    height: 3.175rem;
    /* background-color: #008f91 !important; */
}

.topbar .tahun {
    width: 4em !important;
}

/* ./ Custom css for fixed topbar and sibebar */

/* Custom scrollbar start */

.sidebar-content {
    scrollbar-width: thin;
    scrollbar-color: #6fab94 #006f45;
}

.sidebar-content::-webkit-scrollbar {
    width: 12px;
}

.sidebar-content::-webkit-scrollbar-track {
    background: #006f45;
}

.sidebar-content::-webkit-scrollbar-thumb {
    background-color: #6fab94;
    border-radius: 20px;
    border: 3px solid #006f45;
}

.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner {
    margin-bottom: 0;
}
/* Custom scrollbar end */

/* global */

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 0.75rem;
}

/* hr {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
} */

body #content {
    font-size: 0.85rem;
}

.toast-top-center {
    top: 30px !important;
    text-align: center;
    white-space: nowrap;
}

/* modal */
.modal-content {
    font-size: 0.85rem;
}

.dropdown-menu {
    z-index: 1025 !important;
}

.nav-tabs > .nav-item > .nav-link.active {
    font-weight: bold;
    color: black;
}

:disabled {
    cursor: not-allowed;
}

/* button colors */
.btn-purple {
    background-color: #c3a5ea;
    color: #ffffff;
}

/* give glow animation */
.glow {
    animation: glow 2s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #f8fae1,
            0 0 4px #f8fae1;
    }

    to {
        text-shadow: 0 0 1px #fff, 0 0 2px #ff4da6, 0 0 3px #158f34,
            0 0 4px #158f34;
    }
}