body {
    color: #d1d3e2;
}

body.header-login {
    background-color: #474a4f;
    background-image: url('../../img/bg_login.png');
    background-repeat: no-repeat;
    background-size: 101% 100%;
}

a {
    color: #ffffff;
}

.navbar {
    background-color: #474a4f;
    border-bottom: 1px solid #777777;
}

#accordionSidebar {
    background-color: #121212 !important;
    /* background-image: linear-gradient(65deg, #121212 62%, #494949 100%); */
    /*
    background: #121212;
    background: -moz-linear-gradient(45deg,  #121212 68%, #494949 69%);
    background: -webkit-linear-gradient(45deg,  #121212 68%,#494949 69%);
    background: linear-gradient(45deg,  #121212 68%,#494949 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#494949',GradientType=1 );
    */
    background-image: none;
}

.navbar-nav .sidebar-brand{
    background: #fff;
}
.navbar-nav .sidebar-brand img{
    width: 60px;
    height: 50px;
}
.sidebar-dark .nav-item .nav-link {
    color: #b5b7ba;
}

.sidebar-dark .nav-item .nav-link i {
    color: #cacaca;
}

.sidebar .nav-item .collapse .collapse-inner {
    background-color: #2d2d2d;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    color: #c5c5c5;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: #121212;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
    background-color: #121212;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #b5b7ba;
}

#wrapper #content-wrapper {
    background-color: #474a4f;
}

.topbar #sidebarToggleTop {
    background-color: #323232;
    color: #d1d3e2;
}

.topbar #sidebarToggleTop:active {
    background-color: #323232;
    color: #d1d3e2;
}

.topbar #sidebarToggleTop:hover {
    background-color: #323232;
    color: #d1d3e2;
}

footer {
    background-color: #323232;
}

.title h1 {
    color: #b5b7ba;
}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
    color: #b5b7ba;
}

body.header-login .card {
    background-color: transparent;
}

.card {
    background-color: #323232;
}

.card-header {
    background-color: #121212;
    border-bottom: none;
}

.card a {
    color: #fafafa;
}

.card .card-header h1,
.card .card-header h2,
.card .card-header h3,
.card .card-header h4,
.card .card-header h5,
.card .card-header h6 {
    color: #b5b7ba;
}

.btn-primary {
    color: #b5b7ba;
    background-color: #121212;
    border-color: #121212;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #b5b7ba;
    background-color: #1e2124;
    border-color: #1e2124;
}