/* Nav */
/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */


#sidebar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    height:100%;
    /* min-height: 100vh; */
    margin-right: 0;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
    display: none;
    /*background-color: rgba(0, 78, 162, 0.9);*/
    background-color:rgba(69, 84, 95, 0.9); 
}

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

    #sidebar-wrapper .inner-wrapper {
        height:95%;
        overflow:scroll;
        position:relative;
    }
    @media (max-width: 768px) {
        #sidebar-wrapper .inner-wrapper {
            height:90%;
        }
    }

    #sidebar-wrapper .list-group {
        width: 20rem;
        background-color: rgba(0, 78, 162, 0.1);
    }

#sidebar-wrapper .list-group-item.active {
    background-color: rgba(231, 62, 151, 1) !important;
    border-color: initial !important;
}

@media (min-width: 768px) {
    #sidebar-wrapper .list-group-item-action:focus, #sidebar-wrapper .list-group-item-action:hover {
        /* background-color: rgba(0, 78, 162, 1) !important; */
        background-color: rgba(231, 62, 151, 1) !important;
    }
}


#sidebar .spacer {
    width: 100%;
    height: 200px;
    display: block;
}

/*#sidebar-wrapper .dropdown .list-group-item .list-group-item-action .collapsed {
        background-color: rgba(0, 78, 162, 0.9);
    }
*/

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

        #sidebar-wrapper .list-group {
            transition: 1s;
            width: 100%;
        }

    nav {
        padding-bottom: 0 !important;
    }
}

/* Custom ---------------- */

.navbar {
    background: #fff;
}

.navbar-brand img {
    height: 70px;
}

.sidebar-heading i {
    cursor: pointer;
}

.list-group-item {
    background-color: transparent !important;
    color: #fff !important;
}

    .list-group-item i {
        padding-top: 5px;
        float: right;
    }

.mobiletopnav {
    display: none !important;
}

.mobilenav {
    display: none !important;
    /* position:absolute;
    bottom:-25px;
    left:0; */

    width: 100%;
    text-align: center;
    font-size: 0.7em;
}

.sidemenu-sub-item {
    display: block;
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
}

    .sidemenu-sub-item:hover {
        /* background: rgba(0, 78, 162, 1); */
        background:rgba(231, 62, 151, 1);
        color: #fff;
        text-decoration: none;
    }
.topnavitem i {
    padding:0 0.25rem 0 0;
}

@media (max-width: 991px) {
    .topnavitem {
        display: none !important;
    }

    .mobiletopnav {
        display: block !important;
    }

    .mobilenav {
        display: block !important;
    }
}

.mobilenav a {
    padding: 10px;
    display: block;
    /* border-bottom: 1px #93a5a4 solid; */
    border-right: 1px #93a5a4 solid;
}

    .mobilenav a:link {
        color: #fff;
        background-color: #455560;
    }

    /* visited link */
    .mobilenav a:visited {
        color: #fff;
        background-color: #455560;
    }

    /* mouse over link */
    .mobilenav a:hover {
        color: #fff;
        background-color: #e73e97;
    }

    /* selected link */
    .mobilenav a:active {
        color: #fff;
        background-color: #455560;
    }

@media (max-width: 992px) {
    .navbar-brand img {
        height: 2em;
    }
}

@media (max-width: 385px) {
    .mobilenav a {
         font-size: 0.8em;

    }
    .mobiletopnav .nav-link {
        font-size: 0.9em;
    }
    .navbar-brand {
        padding:0.5rem;
    }

}


/* End Nav */