/* Handale table head theme Light */

body.light.theme-orange th{
       background-color: var(--color-orange-100) !important;
       color: var( --color-gray-900) !important;
}

body.light.theme-black th{
       background-color: var(--color-gray-100) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-white th{
       background-color: var(--color-blue-600) !important;
       color: var(--color-gray-200) !important;
}

body.light.theme-purple th {
       background-color: var(--color-purple-100) !important;
       color: var(--color-gray-900) !important;
}


body.light.theme-blue th {
       background-color: var(--color-skyblue-100) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-cyan th {
       background-color: var(--color-teal-100) !important;
       color: var(--color-gray-900) !important;
}


body.light.theme-green th {
     background-color: var(--color-green-100) !important;
     color: var(--color-gray-900) !important;
}

/* Handale table head theme dark */

body.dark.theme-orange th{
       background-color: var(--color-orange-dark) !important;
       color: var( --color-gray-200) !important;
}

body.dark.theme-black th{
       background-color: var(--color-gray-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-white th{
       background-color: var(--color-gray-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-purple th {
       background-color: var(--color-purple-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-purple th {
       background-color: var(--color-purple-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-blue th {
       background-color: var(--color-skyblue-dark) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-cyan th {
       background-color: var(--color-teal-dark) !important;
       color: var(--color-gray-200) !important;
}
body.dark.theme-green th {
       background-color: var(--color-green-dark) !important;
       color: var(--color-gray-200) !important;
}

/* data table row light  theme*/

body.light.theme-orange td{
       background-color: var(--color-orange-50) !important;
       color: var( --color-gray-900) !important;
}

body.light.theme-black td{
       background-color: var(--color-white) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-purple td {
       background-color: var(--color-purple-50) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-green td {
       background-color: var(--color-green-50) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-blue td {
       background-color: var(--color-skyblue-50) !important;
       color: var(--color-gray-900) !important;
}

body.light.theme-cyan td {
       background-color: var(--color-teal-50) !important;
       color: var(--color-gray-900) !important;
}

/* data table row dark  theme*/

body.dark.theme-orange td{
       background-color: var(--color-orange-900) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-black td{
       background-color: var(--color-gray-700) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-purple td {
       background-color: var(--color-purple-900) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-green td {
       background-color: var(--color-green-900) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-blue td {
       background-color: var(--color-skyblue-900) !important;
       color: var(--color-gray-200) !important;
}

body.dark.theme-cyan td {
       background-color: var(--color-teal-900) !important;
       color: var(--color-gray-200) !important;
}


body.light tr.row-expired td,
body.light.theme-black tr.row-expired td,
body.light.theme-white tr.row-expired td {
    background-color: #cb5276 !important;
    color: var(--color-gray-300) !important;
}

body.light tr.row-active td {
    background-color: rgb(108, 200, 143) !important;
    color: var(--color-gray-700) !important;

}

body.light tr.row-expiring td  {
    background-color: #ccc567 !important;
    color: var(--color-gray-700) !important;
}

body.dark tr.row-expired td {
    background-color: #cb5276 !important;
    color: var(--color-gray-300) !important;

}

body.dark tr.row-active td {
    background-color: rgb(108, 200, 143) !important;
    color: var(--color-gray-700) !important;

}

body.dark tr.row-expiring td  {
    background-color: #ccc567 !important;
    color: var(--color-gray-700) !important;
}