@import url('variables.css');
/* Shadows */
.shadow-xs { box-shadow: var(--drop-shadow-xs);}
.shadow-sm { box-shadow: var(--drop-shadow-sm);}
.shadow-md { box-shadow: var(--drop-shadow-md);}
.shadow-lg { box-shadow: var(--drop-shadow-lg);}
.shadow-xl { box-shadow: var(--drop-shadow-xl);}
.shadow-2x { box-shadow: var(--drop-shadow-2x);}
.shadow-0  { box-shadow: var(--drop-shadow-none)}
/* Text Color */
.PrimaryColor {color: var(--PrimaryColor) !important;}
.PrimaryDarkColor {color: var(--PrimaryDarkColor) !important;}
.PrimaryLightColor {color: var(--PrimaryLightColor) !important;}
.SecondaryColor {color: var(--SecondaryColor) !important;}
.SecondaryDarkColor {color: var(--SecondaryDarkColor) !important;}
.SecondaryLightColor {color: var(--SecondaryLightColor) !important;}
.BorderColor {color: var(--BorderColor) !important;}
.TColor {color: var(--TColor) !important;}
.bg-TColor {background: var(--TColor) !important;}
/* BG Colors */
.text-bg-primary {background: var(--PrimaryColor) !important;color:#fff !important;}
.text-bg-primary-light {background: var(--PrimaryLightColor) !important;color:#fff !important;}
.text-bg-primary-dark {background: var(--PrimaryDarkColor) !important;color:#fff !important;}
/* Borders */
.border-0 { border: 0px solid var(--BorderColor);}
.border-1 { border-color: var(--BorderColor);}
/* TAble */
.custom-table > thead > tr > th {
    background-color: var(--PrimaryLightColor); /* match your green */
    color: white;
    border: none;
    text-align: center;
    padding: 1rem;
}
.custom-table > thead > tr:first-child > th:first-child {
    border-top-left-radius: 6px;
}
.custom-table > thead > tr:first-child > th:last-child {
    border-top-right-radius: 6px;
}
.custom-table {
    margin-bottom: 0;
    max-height: 30rem !important;
    overflow: auto;
}
.custom-table > tbody > tr > td {
    border: 1px solid var(--BorderColor);
    padding: 1.25rem 1rem;
    text-align: center;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background:#F4F7F4 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background:#FFF !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.custom-table.table-striped > tbody > tr {
    border-right: 1px solid var(--BorderColor);
    border-left: 1px solid var(--BorderColor);
}
.custom-table.table-striped > tbody > tr:last-child > td,
.custom-table.table-striped > tbody > tr:last-child > th {
    border-bottom: 1px solid var(--BorderColor);
}
/* .custom-table.table-striped > tbody > tr:last-child > td:first-child,
.custom-table.table-striped > tbody > tr:last-child > th:first-child {
    border-radius: 0 0 0 0.5rem;
}
.custom-table.table-striped > tbody > tr:last-child > td:last-child,
.custom-table.table-striped > tbody > tr:last-child > th:last-child {
    border-radius: 0 0 0.5rem 0;
} */
.custom-table.table-striped > tbody > tr > td {
    border: 0px solid var(--BorderColor);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: var(--BorderColor);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--TColor);
}