ul.navbar-nav li {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}

ul.navbar-nav li.red a span.name {
        color: #ff0000;
    }

    ul.navbar-nav li.dark-orange a span.name {
        color: #e45813;
    }

     ul.navbar-nav li.dark-magenta a span.name {
        color: #BB0050;
    }


    ul.navbar-nav li.green a span.name {
        color: #008000;
    }

    ul.navbar-nav li.orange a span.name {
        color: #ffa500;
    }

    ul.navbar-nav li.light-blue a span.name {
        color: #07c5ff;
    }

    ul.navbar-nav li.peter-river a span.name {
        color: #3498db;
    }

    ul.navbar-nav li.royal-blue a span.name {
        color: #4183D7;
    }

    ul.navbar-nav li.blue a span.name {
        color: #034CA9;
    }
    
    ul.navbar-nav li.purple a span.name {
        color: #551a8b;
    }

    ul.navbar-nav li.red a span.name:hover {
        color: #e10000;
    }

    ul.navbar-nav li.dark-orange a span.name:hover {
        color:  #d34f0e;
    }

    ul.navbar-nav li.dark-magenta a span.name:hover {
        color: #990042;
    }

    ul.navbar-nav li.green a span.name:hover {
        color: #006f00;
    }

    ul.navbar-nav li.orange a span.name:hover {
        color: #f59e00;
    }

    ul.navbar-nav li.light-blue a span.name:hover {
        color: #05b0e4;
    }

    ul.navbar-nav li.peter-river a span.name:hover {
        color: #328ac4;
    }

    ul.navbar-nav li.royal-blue a span.name:hover {
        color: #3a75c1;
    }

    ul.navbar-nav li.purple a span.name:hover {
        color: #3b1261;
    }

    ul.navbar-nav li.ul.navbar-nav li.red a span.name {
        color: #ff0000;
    }

    .navbar-nav > li.active > a:hover {
        color: #ffffff !important;
        background-color: transparent;
    }

.navbar-nav > li > a:hover {
    color: var(--secondary-color) !important;
    background-color: transparent;
}

@media (max-width: 991px) {

    ul.navbar-nav li:not(:last-child) {
            border-bottom: 1px solid #dcdcdc;
        }
}

.left-menu {
    padding-left: 0;
    padding-right: 0;
}

.link-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .link-item:not(:last-child) {
        border-bottom: 1px solid var(--secondary-color);
    }

    /*.link-item:only-child {
        border-bottom: 1px solid #dcdcdc;
    }*/

    .link-item .icon {
        color: #e2822d;
        width: 20px;
    }

    .link-item .text {
        color: #3c3c3c;
    }

    .link-item > a {
        text-decoration: none;
    }

    .link-item .text:not(.training-videos):hover {
        color: #c80000;
    }

    .link-item .training-videos {
        font-weight: bold;
        color: #ec6b18;
    }

    .link-item.log-out {
        padding-top: 14px;
    }

    .link-item.sub-item {
        padding-left: 20px;
    }

    
    .mbutton-item {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}

.mbutton-item > a {
        text-decoration: none;
    }

.navbar-brand {
    padding: 0px 0px;
    height: auto;
}

.general-menu .navbar-nav > li > a {
    color: #ffffff;
    padding-left: 12px;
    padding-right: 12px;
}

.navbar-brand:hover {
    color: var(--secondary-color) !important;
}

.navbar-toggler:focus, .navbar-toggler:hover {
    background-color: var(--secondary-color);
}

.navbar-inverse .navbar-toggle {
    border-color: #ccc;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #dcdcdc;
}

.navbar-nav > .navbar-item > .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav > .navbar-item.active > a, .navbar-nav > .navbar-item.active > a:focus, .navbar-nav > .navbar-item.active > a:hover {
    color: #000000;
    background-color: var(--secondary-color);
    background-image: none;
}

.vt-icon {
    pointer-events: none;
}

.navSidebar {
    color: black; 
    padding-top: 1rem;
}

    .navSidebar a {
        color: black;
        text-decoration: none;
        padding: 0.5rem 1rem;
        display: block;
        border-bottom: 1px solid #e7b68b;
    /*    border-radius: 5px;*/
    }

    .navSidebar i {
        color: #e7b68b;
    }

    .navSidebar a:hover {
        background-color: #495057; 
    }

    .navSidebar a {
        color: #e7b68b;
    }