/*sidebar-wrapper menu*/
#sidebar-wrapper {
    position: fixed;
    width: 200px;
    top: 0px;
    right: -200px;
    height: 100%;

    padding-bottom: 60px;
    overflow-y: scroll;
    background: #333;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*margin-top:70px;*/
}
    /*sidebar-wrapper menu item*/
    #sidebar-wrapper .nav-link {
        color: #fff;
        display: block;
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }


.navbar-forall {
    background-color: #333;
    color: #fff;
}

.navbar-authenticated {
    background-color: #333;
    color: #fff;
}

#navibar .nav-link.active {
/*    background-color: #808080;*/
    color: #fff;
}

#navibar .nav-link.login {
    color: #fff;
}

#navibar .nav-link:hover {
    color: blue;
}


/* desktop*/
@media (min-width: 1200px) {
    #sidebar-wrapper {
        top: 0px;
        left: 0px;
        width: 100%;
        padding-bottom: 0px;
        position: relative;
        background-color: #fff;
        overflow-y: hidden;
    }

        #sidebar-wrapper .nav-link {
            color: #4d4d4d;
            display: block;
            /*padding: 1rem 0.5rem;*/
            font-size: 0.85rem;
        }

    .navbar-userinfo, .navbar-forall, .navbar-authenticated {
        background-color: #fff;
        color: #4d4d4d;
    }

    #navibar .nav-link {
        border-bottom: solid 4px #fff;
    }

        #navibar .nav-link.active {
            border-bottom: solid 4px #0071bc;
           /* background-color: #fff;*/
            color: #0071bc;
        }

        #navibar .nav-link.login {
            color: #29abe2;
        }
}

@media (min-width: 1280px) {
    #sidebar-wrapper .nav-link {
        /*padding: 0.5rem 0.65rem;*/
        font-size: 0.9rem;
    }
}

@media (min-width: 1380px) {
    #sidebar-wrapper .nav-link {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }
}








#sidebar-wrapper.toggled {
    /* this is doing animation*/
    right: 0px;
}



.navbar-userinfo .badge {
    font-size: 100%;
}



.iConHolder {
    position: relative;
    color: #000;
}

.iConHolder .info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: -webkit-translate(-50%, -50%);
    font-size: 12pt;
}
/* default*/
/*.iConHolder-Level {
    color: #abc;
}*/

.iConHolder-Level-icon, .iConHolder-Classes-icon {
    font-size: 1.2em;
}

.iConHolder-Bars-icon {
    font-size: 1.0em;
}

@media (min-width: 292px) {
    .iConHolder-Level-icon, .iConHolder-Classes-icon {
        font-size: 1.5em;
    }
}

@media (min-width: 332px) {
    .iConHolder-Level-icon, .iConHolder-Classes-icon {
        font-size: 2.4em;
    }

    .iConHolder-Bars-icon {
        font-size: 1.5em;
    }
}

@media (min-width: 364px) {
    .iConHolder-Level-icon, .iConHolder-Classes-icon {
        font-size: 3em;
    }

    .iConHolder-Bars-icon {
        font-size: 2em;
    }
}


@media (min-width: 1200px) {
    #logo {
        margin-top: -28px;
    }
}




.accounttype_0 {
    /*color: rgba(55, 55, 55, 0.5) !important;*/
    color: #23c6c8;
}
 





.accounttype_2 { 
    color: #8a2be2; /* #4800ff; /*dr.pd*/
}

.accounttype_1 { 
    color: #1974d2 /*#f4bbff /*#333399; /*Highlight;*/
}

.accounttype_3 {
    color: #d4af37; /*orange; /*Mentor*/
}

.accounttype_4 { 
    color: #009925; /*#ff6a00; /*MentorPD*/
}