:root {
    /* --- Base Body --- */
    --body-f: #000;
    --body-bg: #f3f6fd;
    --mode-bg: #fff;
    --mode-c: #000;
    /* --- Footer --- */

    --footer-bg: #fff;
    --footer-c: #767676;
    /* --- Theme Colors --- */
    --theme-color: #057d51;
    --f-theme: #fff;
    --theme-color2: #1d9ee0;
    --f-theme2: #fff;
    --grad: linear-gradient(340deg, #039E65 0%, #1F7E5C 100%);
    /* --- Neutral Colors --- */
    --black: #000;
    --white: #fff;
    --white-smoke: #f3f6fd;
    --border-color: #e0e4f1;
    --l-grey: #e0e4f1;
    --grey: #50586c;
    --grey2: #50586c;
    --d-grey: #111111;
    /* --- Blues --- */
    --l-blue: #cfecf9;
    --blue: #2680eb;
    --d-blue: blue;
    /* --- Purples --- */
    --l-purple: #cdb3fa;
    --purple: #6f42c1;
    --d-purple: #6610f2;
    /* --- Pinks --- */
    --l-pink: #fedeec;
    --pink: #fb59a0;
    --d-pink: #ff4747;
    /* --- Reds --- */
    --l-red: #fd808c47;
    --red: #dc3545;
    --d-red: #dc3545;
    /* --- Oranges --- */
    --l-orange: #ffdfc3;
    --orange: #fd7e14;
    --d-orange: #fd7e14;
    /* --- Yellows --- */
    --l-yellow: #faf1e3;
    --yellow: #fbb040;
    --d-yellow: #fbb040;
    /* --- Greens --- */
    --l-green: #ddfce6;
    --green: #28a745;
    --d-green: #42d352;
    --c-green: #17a2b8;
    /* --- Shadows & Effects --- */
    --box-shadow-light: 0 4px 12px #d0d0d0;
    --credit-color: linear-gradient(207deg, #f7dd95 0%, #E9A000 100%);
    /* --- Typography Weights --- */
    --l-bold: 300;
    --r-bold: 400;
    --m-bold: 500;
    --s-bold: 500;
    --e-bold: 700;
    /* --- ERP Status Colors --- */
    --product-bg: #DFF0FE;
    --product-c: #0A66C2;
    --nonproduct-bg: #FFF3CD;
    --nonproduct-c: #F96004;
    --draft-bg: #dbdbdb;
    --draft-c: #3d3939;
    --close-bg: #d0e7ff;
    --close-c: #508cff;
    --pending-bg: #ffe9d5;
    --pending-c: #f55434;
    --partial-bg: #cdefff;
    --partial-c: #048080;
    --modify-bg: #fbbcee;
    --modify-c: #ff00ef;
    --inprogress-bg: #d6d8ff;
    --inprogress-c: #2933f5;
    --approved-bg: #ddfce6;
    --approved-c: #059d25;
    --rejected-bg: #ffc3c3;
    --rejected-c: #f70000;
    /* --- Payment Status Colors --- */
    --color-paid: #70d5c8;
    --color-partially-paid: #9fea8e;
    --color-pending-payment: #f98a8a;
    --text-paid: #103d4d;
    --text-partially-paid: #2bc13f;
    --text-pending-payment: #ea4c89;
    /* --- Tooltip Tokens --- */
    --tooltip-bg: rgba(0,0,0,.9);
    --tooltip-fg: #fff;
    --tooltip-border: rgba(255,255,255,.08);
    --tooltip-radius: 10px;
    --tooltip-shadow: 0 8px 24px rgba(0,0,0,.18);
    --tooltip-padding: 5px 10px;
    --tooltip-z: 9999;
    --tooltip-maxw: 260px;
    --tooltip-font: "Inter", sans-serif;
    --tooltip-size: 11px;
    --tooltip-gap: 8px;
}


/*---------------------all background color----------------------------*/

.no-bg {
    background: none !important;
}

.amtech-bg {
    background: var(--am-color) !important;
}

.grad-bg {
    background: var(--grad) !important;
}


.lgt-theme-bg {
    background: var(--lgt-theme) !important;
}

.theme-bg {
    background: var(--grad) !important;
}

.theme-bg2 {
    background: var(--theme-color2) !important;
}

.black-bg {
    background: var(--black) !important;
}

.white-bg {
    background: var(--white) !important;
}

.white-smoke-bg {
    background: var(--white-smoke) !important;
}

.l-grey-bg {
    background: var(--l-grey) !important;
}

.grey-bg {
    background: var(--grey) !important;
}

.d-grey-bg {
    background: var(--d-grey) !important;
}

.l-blue-bg {
    background: var(--l-blue) !important;
}

.blue-bg {
    background: var(--blue) !important;
}

.d-blue-bg {
    background: var(--d-blue) !important;
}

.l-purple-bg {
    background: var(--l-purple) !important;
}

.purple-bg {
    background: var(--purple) !important;
}

.d-purple-bg {
    background: var(--d-purple) !important;
}

.l-pink-bg {
    background: var(--l-pink) !important;
}

.pink-bg {
    background: var(--pink) !important;
}

.d-pink-bg {
    background: var(--d-pink) !important;
}


.l-red-bg {
    background: var(--l-red) !important;
}

.red-bg {
    background: var(--red) !important;
}

.d-red-bg {
    background: var(--d-red) !important;
}


.l-orange-bg {
    background: var(--l-orange) !important;
}

.orange-bg {
    background: var(--orange) !important;
}

.d-orange-bg {
    background: var(--d-orange) !important;
}


.l-yellow-bg {
    background: var(--l-yellow) !important;
}

.yellow-bg {
    background: var(--yellow) !important;
}

.d-yellow-bg {
    background: var(--d-yellow) !important;
}


.d-green-bg {
    background: var(--d-green) !important;
}

.green-bg {
    background: var(--green) !important;
}

.l-green-bg {
    background: var(--l-green) !important;
}

.c-green-bg {
    background: var(--c-green) !important;
}



/*------------------------------------------all color borders----------------------------------------------*/
.sep-l {
    border-left: solid 1px var(--l-grey);
}

.sep-r {
    border-right: solid 1px var(--l-grey);
}

.border {
    border: solid 1px var(--l-grey) !important;
}

.border2 {
    border: solid 1px #ccc !important;
}


.no-border {
    border: none !important;
}



.theme-bd {
    border-color: var(--theme-color) !important;
}


.black-bd {
    border-color: var(--black) !important;
}

.white-bd {
    border-color: var(--white) !important;
}

.white-smoke-bd {
    border-color: var(--white-smoke) !important;
}

.l-grey-bd {
    border-color: var(--l-grey) !important;
}

.grey-bd {
    border-color: var(--grey) !important;
}

.d-grey-bd {
    border-color: var(--d-grey) !important;
}

.l-blue-bd {
    border-color: var(--l-blue) !important;
}

.blue-bd {
    border-color: var(--blue) !important;
}

.d-purple-bd {
    border-color: var(--d-purple) !important;
}

.purple-bd {
    border-color: var(--purple) !important;
}

.pink-bd {
    border-color: var(--pink) !important;
}

.red-bd {
    border-color: var(--red) !important;
}

.orange-bd {
    border-color: var(--orange) !important;
}


.yellow-bd {
    border-color: var(--yellow) !important;
}

.green-bd {
    border-color: var(--green) !important;
}

.l-green-bd {
    border-color: var(--l-green) !important;
}

.c-green-bd {
    border-color: var(--c-green) !important;
}


/*----------------------------------------------all fonts colors-------------------------------------------------------*/

.theme-c {
    color: var(--theme-color) !important;
}

.theme-c2 {
    color: var(--theme-color2) !important;
}

.amtech-c {
    color: var(--am-color) !important;
}

.f-theme {
    color: var(--f-theme) !important
}

.f-theme2 {
    color: var(--f-theme2) !important
}

.lgt-theme-c {
    color: var(--lgt-theme) !important;
}

.black-c {
    color: var(--black) !important;
}

.white-c {
    color: var(--white) !important;
}

.white-smoke-c {
    color: var(--white-smoke) !important;
}

.l-grey-c {
    color: var(--l-grey) !important;
}

.grey-c {
    color: var(--grey) !important;
}

.grey2-c {
    color: var(--grey2) !important;
}

.d-grey-c {
    color: var(--d-grey) !important;
}

.l-blue-c {
    color: var(--l-blue) !important;
}


.blue-c {
    color: var(--blue) !important;
}

.d-purple-c {
    color: var(--d-purple) !important;
}

.purple-c {
    color: var(--purple) !important;
}

.pink-c {
    color: var(--pink) !important;
}

.red-c {
    color: var(--red) !important;
}

.l-orange-c {
    color: var(--l-orange) !important;
}

.orange-c {
    color: var(--orange) !important;
}

.d-orange-c {
    color: var(--d-orange) !important;
}


.yellow-c {
    color: var(--yellow) !important;
}

.green-c {
    color: var(--green) !important;
}

.l-green-c {
    color: var(--l-green) !important;
}

.c-green-c {
    color: var(--c-green) !important;
}


/*----------------------------------------------all svg colors-------------------------------------------------------*/

.theme-fill {
    fill: var(--theme-color) !important;
}

.theme-fill2 {
    fill: var(--theme-color2) !important;
}

.lgt-theme-fill {
    fill: var(--lgt-theme) !important;
}

.black-fill {
    fill: var(--black) !important;
}

.white-fill {
    fill: var(--white) !important;
}

.white-smoke-fill {
    fill: var(--white-smoke) !important;
}

.l-grey-fill {
    fill: var(--l-grey) !important;
}

.grey-fill {
    fill: var(--grey) !important;
}

.d-grey-fill {
    fill: var(--d-grey) !important;
}

.l-blue-fill {
    fill: var(--l-blue) !important;
}


.blue-fill {
    fill: var(--blue) !important;
}

.d-purple-fill {
    fill: var(--d-purple) !important;
}

.purple-fill {
    fill: var(--purple) !important;
}

.pink-fill {
    fill: var(--pink) !important;
}

.red-fill {
    fill: var(--red) !important;
}

.l-orange-fill {
    fill: var(--l-orange) !important;
}

.orange-fill {
    fill: var(--orange) !important;
}

.d-orange-fill {
    fill: var(--d-orange) !important;
}


.yellow-fill {
    fill: var(--yellow) !important;
}

.green-fill {
    fill: var(--green) !important;
}

.l-green-fill {
    fill: var(--l-green) !important;
}

.c-green-fill {
    fill: var(--c-green) !important;
}



/*----------------------------------------------all svg stroke-------------------------------------------------------*/

.theme-stroke {
    stroke: var(--theme-color) !important;
}

.theme-stroke2 {
    stroke: var(--theme-color2) !important;
}

.lgt-theme-stroke {
    stroke: var(--lgt-theme) !important;
}

.black-stroke {
    stroke: var(--black) !important;
}

.white-stroke {
    stroke: var(--white) !important;
}

.white-smoke-stroke {
    stroke: var(--white-smoke) !important;
}

.l-grey-stroke {
    stroke: var(--l-grey) !important;
}

.grey-stroke {
    stroke: var(--grey) !important;
}

.d-grey-stroke {
    stroke: var(--d-grey) !important;
}

.l-blue-stroke {
    stroke: var(--l-blue) !important;
}


.blue-stroke {
    stroke: var(--blue) !important;
}

.d-purple-stroke {
    stroke: var(--d-purple) !important;
}

.purple-stroke {
    stroke: var(--purple) !important;
}

.pink-stroke {
    stroke: var(--pink) !important;
}

.red-stroke {
    stroke: var(--red) !important;
}

.l-orange-stroke {
    stroke: var(--l-orange) !important;
}

.orange-stroke {
    stroke: var(--orange) !important;
}

.d-orange-stroke {
    stroke: var(--d-orange) !important;
}


.yellow-stroke {
    stroke: var(--yellow) !important;
}

.green-stroke {
    stroke: var(--green) !important;
}

.l-green-stroke {
    stroke: var(--l-green) !important;
}

.c-green-stroke {
    stroke: var(--c-green) !important;
}








/*-----------------------profile  by alpha----------------------------------*/


.alpha-a {
    background: #FF8652
}

.alpha-b {
    background: #6A2352
}

.alpha-c {
    background: #461234
}

.alpha-d {
    background: #91A2C2
}

.alpha-e {
    background: #A12F2F
}

.alpha-f {
    background: #9A133E
}

.alpha-g {
    background: #4F4450
}

.alpha-h {
    background: #81291F
}

.alpha-i {
    background: #7945BF
}

.alpha-j {
    background: #CC9E08
}

.alpha-k {
    background: #83A944
}

.alpha-l {
    background: #FFE03D
}

.alpha-m {
    background: #381F19
}

.alpha-n {
    background: #BF0D0D
}

.alpha-p {
    background: #203763
}

.alpha-p {
    background: #B76A61
}

.alpha-q {
    background: #29879C
}

.alpha-r {
    background: #E4BCAD
}

.alpha-s {
    background: #5ACB65
}

.alpha-t {
    background: #B54E16
}

.alpha-u {
    background: #94E0CF
}

.alpha-v {
    background: #7184A5
}

.alpha-w {
    background: #758C92
}

.alpha-x {
    background: #5D998B
}

.alpha-y {
    background: #7FD1AE
}

.alpha-z {
    background: #E96310
}