:root {
    --dark-bg-color : #151F2C;
    --dark-content-bg : #182433;
    --dark-border : rgba(72, 110, 149, 0.14);
    --white-color : #DCE1E7;
}
body[data-bs-theme="dark"]{
    background-color: var(--dark-bg-color) !important;
    border : 1px solid var(--dark-border) !important;
}

.invoice-form , .tooltip .tooltiptext{
    background-color: var(--dark-content-bg);
    border : 2px solid var(--dark-border);
    color: var(--white-color);
}
.invoice-form form .fields select:not(.btn), .invoice-form form .fields input:not(.btn) {
    background-color: var(--dark-bg-color);
    border: 1px solid var(--dark-border);
    color: var(--white-color);
}
.tooltip .tour {
    background-color: var(--dark-content-bg);
    color: var(--white-color);
    border: 1px solid var(--dark-border);
    box-shadow: 0px 7px 18px -8px var(--dark-border);
}
.tooltip .tooltiptext::after {
    border-color: transparent #00000000 #1f2f41 transparent ;
}
.invoice-form form .fields label {
    color: var(--white-color);
}
select option, .tour-section p {
    background-color: #121b2e;
    color: var(--white-color) !important;
}