footer{
    background-color: #131313;
    color: #ffffff;
}

.loader { 
    border-top: 1.1em solid rgba(19,19,19, 0.2);
    border-right: 1.1em solid rgba(19,19,19, 0.2);
    border-bottom: 1.1em solid rgba(19,19,19, 0.2);
    border-left: 1.1em solid #131313;  
}

.nav-side-menu {
    background-color: #2e353d;
    color: #ffffff;
}

.nav-side-menu .brand {
    background-color: #131313;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #337ab7;
    background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #337ab7;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #337ab7;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #181c20;
    border-bottom: 1px solid #23282e;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #020203;
}

.nav-side-menu li, .nav-side-menu a li {
    border-left: 3px solid #2e353d;
    border-bottom: 1px solid #23282e;
}
.nav-side-menu li a, .nav-side-menu a li{
    text-decoration: none;
    color: #ffffff;
}

.nav-side-menu li:hover {
    border-left: 3px solid #337ab7;
    background-color: #4f5b69;
}

li.logout, li.logout a{
    color: #ef5350;
}

.main-container .top-bar{
    background: #e0e0e0;
    color: #000000;
}

.modal-header{
    background-color: #131313;
    color: #ffffff;
}

.dd3-buttons>i{
    color: #333 !important;   
}

.nav-course.nav-tabs.nav-justified>li {
    background-color: #e0e0e0;
}

.nav-side-menu li.disabled{
    color: #a3a5a7;
    background-color: #bfc0c1 !important;
}

@media (max-width: 767px) {
    .nav-side-menu .toggle-btn {
        background-color: #ffffff;
        color: #000;  
    }
}