footer{
    background-color: #050708;
    color: #cecece;
}

.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;   
}

.pre-footer{
    background-color: #1c1c1c;
    color: #cecece;
}

hr{
    /*border-top: 1px solid grey;*/
}

.pre-footer a{
    color: inherit;
}

.pre-footer a:hover{
    color: #cc1f42;
}

.background-overlay .breadcrumbs a{
    color: #ffffff;
    /*font-weight: bold;*/
}

.background-overlay .breadcrumbs a:hover{
    color: #cc1f42;
}

a.grey-a{
    color: inherit;
}

a.grey-a:hover{
    color: #29348f;
}

.grey-grey{
    color: #98a1a7;
}

.btn-custom-blue-search{
    background-color: #29348f !important;
    color: #fff;
}

.btn-custom-blue-search:hover, .btn-custom-blue-search:active, .btn-custom-blue-search:focus, .btn-custom-blue-search:active:focus{
    background-color: #0b187d !important;
    color: #fff !important;
}

.btn-custom-blue{
    background-color: #29348f;
    border: none;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-custom-blue:hover, .btn-custom-blue:active, .btn-custom-blue:focus, .btn-custom-blue:active:focus{
    background-color: #0b187d;
}

.btn-custom-red{
    background-color: #cc1f42;
    border: none;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-custom-red:hover, .btn-custom-red:active, .btn-custom-red:focus, .btn-custom-red:active:focus{
    background-color: #b51434;
}

.container-grey{
    background-color: #f3f3f3;
    color: #050708;
    padding-top: 30px;
    padding-bottom: 30px;
}

.text-red{
    color: #cc1f42;
}

.text-blue{
    color: #29348f;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #29348f;
    border-color: #29348f;

}

.pagination>li>a, .pagination>li>span, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #29348f;
}


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