:root {
    --primary-color: #bf4036;
    --primary-border-color: #ad1205;
    --primary-color-dark: #ad1205;
    --primary-text-color: rgb(191, 64, 54);
    --gradient-to-color: #af3a31;
    --gradient-from-color: #bf4036;
    --indigo-transparent: rgba(79, 70, 229, 0);
    --primary-color-transparent: rgba(191, 64, 54, 0.8);
}

@supports not (color: oklch(0% 0 0)) {
    :root {
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #fff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000;
        --fallback-su: #00ca92;
        --fallback-suc: #000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000;
        color-scheme: light;
    }
    @media (prefers-color-scheme: dark) {
        :root {
            --fallback-p: #7582ff;
            --fallback-pc: #050617;
            --fallback-s: #ff71cf;
            --fallback-sc: #190211;
            --fallback-a: #00c7b5;
            --fallback-ac: #000e0c;
            --fallback-n: #2a323c;
            --fallback-nc: #a6adbb;
            --fallback-b1: #1d232a;
            --fallback-b2: #191e24;
            --fallback-b3: #15191e;
            --fallback-bc: #a6adbb;
            --fallback-in: #00b3f0;
            --fallback-inc: #000;
            --fallback-su: #00ca92;
            --fallback-suc: #000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000;
            color-scheme: dark;
        }
    }
}


.right-col {
    /* background: linear-gradient(to right, var(--gradient-from-color), var(--gradient-to-color));
    height: %; */
    /* background: linear-gradient(to right, #6366f100, #3b82f600); */
    background: linear-gradient(to right, #bf4036, #ad1205);
    height: 100%;
}

.tw-text-sky-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-color-rgb), var(--tw-text-opacity));
}

.tw-to-blue-500 {
    --tw-gradient-from: var(--gradient-from-color);
    --tw-gradient-to: var(--gradient-to-color);
}


.tw-text-primary-700 {
    --tw-text-opacity: 1;
    color: rgba(var(--primary-color-rgb), var(--tw-text-opacity));
}


.btn-primary {
    background: #bf4036 !important;
    border-color: #ad1205 !important;
}


.tw-dw-btn-error {
    background: #ad1205 !important;
}

.hover\:tw-bg-primary-700:hover {
    --tw-bg-opacity: 1;
    background-color: #bf4036 !important;
}

.tw-dw-btn-outline.tw-dw-btn-error {
    color: white !important;
}


.tw-dw-btn-primary {
    background: #bf4036!important;
    border-color: #bf4036 !important;
}

a.tw-dw-btn.tw-dw-btn-xs.tw-dw-btn-outline.tw-dw-btn-primary {
    color: white;
}

button.tw-dw-btn.tw-dw-btn-xs.tw-dw-btn-outline.tw-dw-btn-primary.edit_tax_rate_button {
    color: white;
}

.tw-dw-btn-outline.tw-dw-btn-primary {
    color: white;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color:var(--primary-color);
    border-color: var(--primary-border-color);
}


.vp-primary-color {
   
    background-color: var(--primary-color)!important;
}

.tw-border-primary-500\/30 {
    border-color: rgb(173 18 5)
}

.tw-bg-primary-800 {
    --tw-bg-opacity: 1;
    background-color: var(--primary-border-color);
    /* background-color: rgb(151 39 31); */
}