:root {
    --TealThemeColor: #2D5D62;
    --SeafoamThemeColor: #84B19E;
    --BlueThemeColor: #729093;
    --HoverColor: #50767a;
    --BorderColor: #2D5D62;
    --lightgreyscrollbarcolor: rgba(0,0,0,.125);
}
#wrapper {
    margin-top: 0px;
   }

#sidebar-wrapper {
    height: calc(100vh - 67px) !important;
    position: sticky;
    top: 66px;
    min-height: 89vh;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
    background: #f8f9fa !important;
    color: #000;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        width: 16rem;
       
    }

#page-content-wrapper {
    min-width: 100%;
   
}

@media (max-width:768px) {
    #page-content-wrapper {
        width: 92%;
    }
}

@media (max-width: 740px) {
    #page-content-wrapper {
        width: 100%;
    }
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: -4rem;
    /* margin-left: 0; */
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -19.2rem;
    }
}
@media (max-width: 413px) {
    #wrapper {
        margin-left: -5px;
    }
}


.item-back-ground {
    background: rgba(248,249,250,1) !important;
}
.list-group-item {
    background: #f8f9fa !important;
    padding: 6px 0.9rem !important;
}
.list-group-item-action{
    color: black !important;
    font-size: 15px !important;
}
    .list-group-item-action:hover {
        background: var(--SeafoamThemeColor) !important;
        color: white !important;
    }
    .active .nav-text{
        color: #fff !important;
    }
.dash-text {
    margin-left: 10px;
    /*letter-spacing: -1px;*/
    font-size: 12px;
    vertical-align: middle;
    margin-top: 1px;
    font-weight: 400;
    border: 3px solid black;
    padding: 3px 20px;
    border-radius: 30px;
    cursor: pointer;
    color: black;
    overflow: hidden;
    outline: 1px solid rgba(248,249,250,1);
}

    .dash-text:hover {
        color: black;
        outline-color: black;
        transition: all .2s ease-in-out;
    }