﻿:root {
    --background-main: #ffffff;
    --background-item1: #184E77;
    --text-main: #000000;
    --icon-color: white;
    --btn-bg: #3f93f1;
    --btn-text: white;
    --btn-border: none;
    --active-bg: #6c757d;
    --nav-link-color: black;
    --general-btn-bg: #0866ff;
    --general-btn-text: white;
    --general-btn-border: none;
    --general-btn-hover-bg: white;
    --general-btn-hover-text: #0866ff;
    --hover-opacity: 0.5;
}

[data-theme="light"] {
    --background-main: #ffffff;
    --background-item1: #184E77;
    --text-main: black;
    --icon-color: white;
    --btn-bg: #3f93f1;
    --btn-text: white;
    --btn-border: none;
    --active-bg: #6c757d;
    --nav-link-color: black;
    --general-btn-bg: #0866ff;
    --general-btn-text: white;
    --general-btn-border: none;
    --general-btn-hover-bg: white;
    --general-btn-hover-text: #0866ff;
    --hover-opacity: 0.5;
}
[data-theme="dark"] {
    --background-main: #252728;
    --background-item1: #cfdce8;
    --text-main: white;
    --icon-color: #184E77;
    --btn-bg: white;
    --btn-text: #2985f1;
    --btn-border: 1px solid blue;
    --active-bg: #6c757d;
    --nav-link-color: white;
    --general-btn-bg: #0866ff;
    --general-btn-text: white;
    --general-btn-border: 1px solid blue;
    --general-btn-hover-bg: white;
    --general-btn-hover-text: #0866ff;
    --hover-opacity: 0.9;
}
.erp-body {
    background-color: var(--background-main);
}

.item1 {
    background-color: var(--background-item1);
    min-height: 140px;
}

.icon-style {
    color: var(--icon-color);
    font-size: 30px;
}

.anchor-style {
    text-decoration: none;
    color: var(--icon-color);
    cursor: pointer;
}

.style-click {
    border-radius: 8px;
}

    .style-click:hover {
        opacity: var(--hover-opacity);
    }

.account-label, .text-primary {
    color: var(--text-main) !important;
}

.add-btn {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border: var(--btn-border);
}

.edit-btn {
    background-color: var(--btn-text);
    color: var(--btn-bg);
}

.account-list-table,
.bank-table,
.treasuries-list-tabel,
.lib-table {
    background-color: var(--background-main);
}

.summary,
.pagination-text,.notifications,.prof-img,
label, h1, h2, h3, h4, h5, h6, span {
    color: var(--text-main);
}

.go-next,
.go-last {
    color: var(--text-main);
}

.header-btn {
    color: var(--text-main);
}

.active[b-zsasc0whsj] {
    background-color: var(--active-bg) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.nav-link[b-zsasc0whsj] {
    color: var(--nav-link-color) !important;
}

.general-btn {
    height: 70px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--general-btn-bg);
    color: var(--general-btn-text);
    border: var(--general-btn-border);
}

    .general-btn:hover {
        background-color: var(--general-btn-hover-bg);
        color: var(--general-btn-hover-text);
        border: var(--general-btn-border);
    }

.edit-btn:hover {
    background-color: var(--btn-text);
    color: var(--btn-bg);
}







/*.item1 {
    background-color: #184E77;
    min-height: 140px
}
.icon-style {
    color: white;
    font-size: 30px
}
.style-click {
    border-radius: 8px
}

    .style-click:hover {
        opacity: .5
    }

.anchor-style {
    text-decoration: none;
    color: white;
    cursor: pointer
}*/
/*AccountAddEdite*/
/*.account-label {
    color: black
}*/
/*AccountList*/
/*.add-btn {
    background-color: #3f93f1;
    color: white;
}
.account-list-table{
    background-color:white
}
.summary {
    color: black
}
.pagination-text {
    color: black
}
.edit-btn {
    background-color: #3f93f1;
    color: white;
}*/
/*BankAddEdit*/
/*label {
    color: black
}
.bank-table {
    background-color: white
}*/
/*treasuries-list*/
/*.treasuries-list-tabel {
    background-color: white
}*/
/**/
/*.lib-table {
    background-color: white
}*/
/*Res Invoice*/

/*.header-btn {
    color: white
}
.active[b-zsasc0whsj] {
    background-color: #6c757d !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.nav-link[b-zsasc0whsj] {
    color: black !important;
}
.general-btn {
    height: 70px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    background-color: #0866ff;
    color: #fff
}
    .general-btn:hover {
        border: 1px solid #0866ff;
        
        color: black
    }*/
