:root {
    --menu-bg-color: #49C5B1;
    --menu-txt-color: #ffffff;
    --primary-bg-color: #49C5B1;
    --primary-txt-color: #ffffff;
}

.sidebar {
    background-color: var(--menu-bg-color);
}

.sidebar .user .user-icon {
    color: var(--menu-txt-color);
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    margin-left: 23px;
}

.sidebar .user .user-icon i {
    margin: 8px;
    font-size: 18px;
}

.sidebar .nav .nav-item .nav-link {
    color: var(--menu-txt-color);
}
    
.sidebar .nav .nav-item i {
    color: var(--menu-txt-color);
    opacity: 0.8;
}

.sidebar .nav li.active>a,
.sidebar .nav li.active>a i {
    background-color: var(--menu-txt-color) !important;
    color: var(--menu-bg-color) !important;
}

.sidebar .nav li.active > [data-toggle="collapse"] {
    background-color: var(--menu-txt-color) !important;
    color: var(--menu-bg-color) !important;
}

.sidebar .user a,
.sidebar .user i,
.sidebar .client a,
.siderbar .client i {
    color: var(--menu-txt-color);
}

.sidebar .user:after {
    background-color: var(--menu-txt-color);
}

.sidebar .simple-text,
.sidebar .logo .simple-text {
    color: var(--menu-txt-color);
}

.sidebar .logo:after {
    background-color: var(--menu-txt-color);
}

.sidebar .sidebar-background:after {
    background: var(--menu-bg-color);
    opacity: 0.8;
}

.sidebar .nav li .dropdown-menu .dropdown-item {
    color: var(--menu-txt-color);
}

.btn-theme {
    color: var(--primary-txt-color);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn-theme:hover {
    color: var(--primary-txt-color);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn-theme.disabled,
.btn-theme:disabled {
    color: var(--primary-txt-color);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.btn-theme:not(:disabled):not(.disabled):active,
.btn-theme:not(:disabled):not(.disabled).active,
.show > .btn-theme.dropdown-toggle {
    color: var(--primary-txt-color);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

.card .card-header-primary .card-title a,
.card .card-header-primary .card-title,
.card .card-header-primary .icon i,
.card .bg-primary .card-title a,
.card .bg-primary .card-title,
.card .bg-primary .icon i {
    color: var(--primary-txt-color);
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .bg-primary,
.card .card-rotate .bg-primary .front,
.card .card-rotate .bg-primary .back {
    background: linear-gradient(90deg, var(--primary-bg-color), var(--primary-bg-color));
    color: var(--primary-txt-color);
}

.card .card-header-theme .card-title a,
.card .card-header-theme .card-title,
.card .card-header-theme .icon i,
.card .bg-primary .card-title a,
.card .bg-primary .card-title,
.card .bg-primary .icon i {
    color: var(--primary-txt-color);
}

.card .card-header-theme .card-icon,
.card .card-header-theme .card-text,
.card .card-header-theme:not(.card-header-icon):not(.card-header-text),
.card .bg-primary,
.card .card-rotate .bg-primary .front,
.card .card-rotate .bg-primary .back {
    background: linear-gradient(90deg, var(--primary-bg-color), var(--primary-bg-color));
    color: var(--primary-txt-color);
}

.table-profile {
    background-color: var(--primary-bg-color);
    color: var(--primary-txt-color);
}

.ct-chart .ct-series-a .ct-point, .ct-chart .ct-series-a .ct-line, .ct-chart .ct-series-a .ct-bar, .ct-chart .ct-series-a .ct-slice-donut, .ct-chart .ct-series-a .ct-slice-pie, .ct-chart .ct-series-a .ct-slice-donut-solid, .ct-chart .ct-series-a .ct-area {
    stroke: var(--primary-bg-color);
}

.nav-pills.nav-pills-theme .nav-item .nav-link.active,
.nav-pills.nav-pills-theme .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-theme .nav-item .nav-link.active:hover {
    background-color: var(--primary-bg-color);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6);
    color: var(--primary-txt-color);
}