/* width */
::-webkit-scrollbar {
    width: 4px;
}

*:hover::-webkit-scrollbar {
    width: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    border-radius: 20px;
    border: 1px white solid;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b6b6b6;
    }

.r-header {
    z-index: 3;
    background-color: #fff;
}

    .r-header img {
        padding: 7px;
        width: 60px;
        padding-left: 10px;
    }

.side-nav {
    padding-top: 58px;
    height: 100vh;
    overflow: hidden;
}

.side-nav-container {
    height: 100%;
}

    .side-nav-container .side-nav-content {
        overflow-y: auto;
        height: 100%;
        padding: 10px 20px;
        padding-bottom:100px;
    }

        .side-nav-container .side-nav-content li {
            padding: 8px 0px;
        }

        .side-nav-container .side-nav-content a {
            color: #797979;
            line-height: 1.4;
        }

            .side-nav-container .side-nav-content a:hover {
                color: #e62424;
            }

ul li {
    padding: 5px 0;
}

.text-underline {
    text-decoration: underline;
}

.card-body {
    color: gray;
}

.btn-link {
    color: #bc1020;
    white-space: normal;
}

.fw-medium {
    font-weight: 600;
}

body {
    margin-bottom: 0 !important;
}

@media (max-width:767px) {

    .side-nav-menu {
        position: fixed;
        z-index: 9;
        background-color: white;
        left: -100%;
        transition: ease-in-out .5s;
    }

        .side-nav-menu.active {
            left: 0;
        }
}