: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 .metismenu a .menu-title {
    color: #fff;
}

.logo-icon {
    filter: brightness(0) saturate(100%) !important;
    image-rendering: -webkit-optimize-contrast !important;
}

.sidebar-wrapper {
    /* background: #604fc1 !important; */
    background: #2F2562 !important;
}

.topbar .navbar {
    /* background-color: #2f2562 !important; */
    /* background-color: #E6E6E6 !important; */
    background-color: #fff !important;
    border-bottom: 1px solid #ababab;
}

.sidebar-header {
    /* background: #2f2562 !important; */
    background: #fff !important;
    border-bottom: 1px solid #ababab !important;
    ;
}

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

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

.light-fillter-layer svg path {
    fill: var(--path);
}

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

.light-user-box .user-info p {
    color: #413c3c !important;
}

.light-user-box a::after {
    display: none !important;
}

.light-lng-changer i,
.light-lng-changer .user-info p {
    color: #413c3c !important;
}

.light-user-box a .topBar_user-img {
    border: 1.6px solid #413c3c !important;
    background-color: #fff;
}

.light-user-box a .topBar_user-img h6 {
    color: #413c3c !important;
}


/* .sidebar-wrapper .metismenu a:hover .parent-icon .bx {
    color: #776abe;
} */

.sidebar-wrapper .metismenu.light-menuText li a:hover {
    background-color: #fff;
}

.sidebar-wrapper .metismenu .mm-active>a,
.sidebar-wrapper .metismenu a:active,
.sidebar-wrapper .metismenu a:focus,
.sidebar-wrapper .metismenu a:hover {
    /* background: #E8DEFF; */
    background: #fff;
}

.sidebar-wrapper .metismenu.light-menuText li a:hover .menu-title,
.sidebar-wrapper .metismenu.light-menuText li a:hover .parent-icon i {
    color: #413c3c;
}

.sidebar-wrapper .metismenu .mm-active>a .menu-title {
    color: #413c3c;
}

.sidebar-wrapper .metismenu.light-menuText .mm-active>a .parent-icon i {
    color: #413c3c;
}

.sidebar-wrapper .metismenu.light-menuText li a .parent-icon i {
    color: #fff;
}

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

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

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

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

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

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

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

.new-agreement .add_contract__sidebar:hover .parent-icon i {
    color: #393354 !important;
}

.new-agreement .theme-dark-btn {
    background-color: #fff !important;
    pointer-events: none;
}

.new-agreement .special-class.active {
    background-color: #fff !important;
}

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

.custom__color__arrow {
    color: #000 !important;
}