:root {
    --hover-bg-dark: #5c636b;
    --red-color: #ff8489;
    --green-color: #45CC8C;
    --purple-color: #B3B9EF;
    --text-dark: #000;
    --text-light: #4B5157;
    --sidebar-bg: #2F2562;
    --sidebar-text: #000;
    --path: #fff;
    --path-dark: #404040;
    --dark-sidebar-text: #404040;
}

.sidebar-wrapper {
    background: #FCFCFC !important;
}

.topbar .navbar {
    /* background-color: #E6E6E6 !important; */
    background-color: #2F2562 !important;
}

.sidebar-header {
    /* background: #E6E6E6 !important; */
    background: #2F2562 !important;
}

.light-dark-mode .dark-svg path {
    fill: var(--path-dark);
}

.light-dark-mode .light-mode-text {
    color: var(--dark-sidebar-text);
}

.fillter-layer svg path {
    fill: var(--dark-sidebar-text);
}

.light-dark-mode {
    border-top: 1px solid #000000;
}

.sidebar-wrapper .metismenu a .menu-title {
    color: #000;
}

.sidebar-wrapper .metismenu a .parent-icon .bx,
.sidebar-wrapper .metismenu a .parent-icon .fa {
    color: #000;
}

.sidebar-wrapper .metismenu li.mm-active a .parent-icon .bx,
.sidebar-wrapper .metismenu li.mm-active a .parent-icon .fa {
    color: #fff;
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
    background: #2F2562;
}

.sidebar-wrapper .metismenu .mm-active>a .menu-title,
.sidebar-wrapper .metismenu .mm-active>a .parent-icon .bx {
    color: #fff;
}

.sidebar-wrapper .metismenu a:hover .menu-title {
    color: #fff;
}

.sidebar-wrapper .metismenu a:hover .parent-icon .bx,
.sidebar-wrapper .metismenu a:hover .parent-icon .fa {
    color: #fff;
}

.sidebar-wrapper .metismenu li a .parent-icon svg {
    width: 18px !important;
    height: 18px !important;
    /* margin-top: -5px; */
    vertical-align: baseline;
}

body .sidebar-wrapper .metismenu li a .parent-icon svg path {
    fill: #000 !important;
    stroke: unset !important;
}

.sidebar-wrapper .metismenu li a:hover .parent-icon svg path {
    fill: #fff !important;
    stroke: unset !important;
}

.sidebar-wrapper .metismenu .mm-active>a .parent-icon svg path {
    fill: #fff !important;
    stroke: unset !important;
}

.admin-name a::after,
.user-info .user-name {
    color: #fff !important;
}

.lng-changer i {
    color: #000;
}

.topBar_user-img {
    background-color: #fff;
    border: 1px solid #fff;
}

.topBar_user-img h6 {
    color: #000;
}

.mobile-toggle-menu i {
    color: #000 !important;
}

.mobile-search-icon a i {
    color: #000 !important;
}

.user-profile-img .user_upload_pimg .topBar_user-img {
    color: #000 !important;
}

.sidebar-wrapper .metismenu .new-agreement .add_contract__sidebar {
    background: #FED065 !important;
    border: 1px solid #FED065;
    border-radius: .3rem !important;
    color: #393354 !important;
}

.sidebar-wrapper .metismenu .new-agreement .add_contract__sidebar {
    transition: all .3s ease-out;
}

.sidebar-wrapper .metismenu .new-agreement .add_contract__sidebar:hover {
    background: #FED065 !important;
    border: 1px solid #FED065;
    border-radius: .3rem !important;
    color: #393354 !important;
    transition: all .3s ease-out;
    transform: scale(1.05);
}

.sidebar-wrapper .metismenu .new-agreement .add_contract__sidebar:hover .parent-icon i {
    color: #000 !important;
}

.sidebar-wrapper .metismenu .new-agreement .theme-light-btn {
    background-color: #2F2562 !important;
    pointer-events: none;
    color: #fff !important;
}

.sidebar-wrapper .metismenu .new-agreement .special-class.active {
    background-color: #2F2562 !important;
    border-color: #2F2562 !important;
}

.sidebar-wrapper .metismenu .new-agreement .special-class.active .parent-icon i,
.sidebar-wrapper .metismenu .new-agreement .special-class.active .menu-title {
    color: #fff !important;
}

.sidebar-wrapper .metismenu .new-agreement .theme-light-btn .parent-icon i,
.sidebar-wrapper .metismenu .new-agreement .theme-light-btn .menu-title {
    color: #fff !important;
}

.custom__color__arrow {
    color: #fff !important;
}

.dropdown_item-setting i {
    color: #fff !important;
}

.ai-btn img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    filter: invert(1);
}