:root {
    --white: 255, 255, 255;
    --orange-200: 255, 171, 145;
    --orange-200-rgb: rgb(var(--orange-200));
    --orange-300: 255, 138, 101;
    --orange-300-rgb: rgb(var(--orange-300));
    --orange-500: 255, 87, 34;
    --orange-500-rgb: rgb(var(--orange-500));
    --green-400: #66BB6AFF;
    --green-400-rgb: rgb(var(--green-400));
    --green-500: 76, 175, 80;
    --green-500-rgb: rgb(var(--green-500));
    --green-600: #2E7D32FF;
    --green-700: #388E3CFF;
    --green-800: #2E7D32FF;
    --green-900: #1B5E20FF;
    --light-green-200: 197, 225, 165;
    --light-green-200-rgb: rgb(var(--light-green-200));
    --light-green-300: 174, 213, 129;
    --light-green-300-rgb: rgb(var(--light-green-300));
    --light-green-500: 139, 195, 74;
    --light-green-500-rgb: rgb(139, 195, 74);
    --light-green-700: #689F38FF;
    --horizontal-spacing: 8px;
    --horizontal-spacing-min: 4px;
    --vertical-spacing: 8px;
    --border-color: #d3d3d3;
    --border-stroke: 1px;
    --border-stroke-strong: 2px;
    --button-radius: 4px;
    --input-border-radius: 4px;
    --input-border-color: #777777;
    --table-border-stroke: 1px;
    --table-border-radius: 4px;
    --table-border-color: #d3d3d3;
    --table-input-border-stroke: 1px;
    --table-input-border-radius: 0;
    --table-input-border-color: #777777;
    --app-main-color: rgb(var(--green-500));
    --app-main-color-rgb: var(--green-500);
    --app-main-emphasis-color: rgb(var(--white));
    --app-main-emphasis-color-rgb: var(--white);
    --app-main-color-alt: rgb(var(--light-green-500));
    --app-main-color-alt-rgb: var(--light-green-500);
    --app-main-color-dark-1: var(--green-600);
    --app-main-color-dark-2: var(--green-700);
    --app-main-color-dark-3: var(--green-800);
    --app-main-color-dark-4: var(--green-900);
    --app-sub-color: #43A047FF;
}

/*
.btn-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: white;
    --bs-btn-bg: var(--app-main-color);
    --bs-btn-border-color: var(--app-main-color);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--app-main-color-dark-2);
    --bs-btn-hover-border-color: var(--app-main-color-dark-2);
    --bs-btn-focus-shadow-rgb: var(--bs-btn-hover-color);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--app-main-color-dark-4);
    --bs-btn-active-border-color: var(--app-main-color-dark-4);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

.btn-outline-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--app-main-color);
    --bs-btn-border-color: var(--app-main-color);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--app-main-color-dark-2);
    --bs-btn-hover-border-color: var(--app-main-color-dark-2);
    --bs-btn-focus-shadow-rgb: var(--bs-btn-hover-color);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--app-main-color);
    --bs-btn-active-border-color: var(--app-main-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

.table-primary {
    font-size: 0.85rem;
    --bs-table-color: var(--app-main-emphasis-color);
    --bs-table-bg: var(--app-main-color);
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg-factor: .05;
    --bs-table-striped-bg: rgba(var(--app-main-emphasis-color-rgb), var(--bs-table-striped-bg-factor));
    --bs-table-hover-color: var(--bs-table-color);
    --bs-table-hover-bg-factor: .075;
    --bs-table-hover-bg: rgba(var(--app-main-emphasis-color-rgb), var(--bs-table-hover-bg-factor));
}

    .table-primary > * .col-title {
        color: var(--app-main-emphasis-color);
    }
 
    */

.table-column-small {
    width: 75px;
}

.icon-button-size {
    max-width: 3rem;
}

/*
.pagination {
    --bs-pagination-color: var(--app-main-color);
    --bs-pagination-hover-color: var(--bs-pagination-color);    
    --bs-pagination-active-color: var(--app-main-emphasis-color);
    --bs-pagination-active-bg: var(--app-main-color);
    --bs-pagination-active-bg: var(--app-main-color);
    --bs-pagination-active-border-color: var(--app-main-color);
}

.text-bg-primary {
    background-color: var(--app-main-color) !important;
}
*/

.light-green-200-background {
    --bs-table-bg: var(--light-green-200-rgb);
    --bs-table-striped-bg: var(--light-green-300-rgb);
    --bs-table-hover-bg: var(--light-green-500-rgb);
}

.light-green-500-background {
    --bs-table-bg: var(--light-green-500-rgb);
}

.orange-200-background {
    --bs-table-bg: var(--orange-200-rgb);
    --bs-table-striped-bg: var(--orange-300-rgb);
    --bs-table-hover-bg: var(--orange-500-rgb);
}

.orange-500-background {
    --bs-table-bg: var(--orange-500-rgb);
}

.btn-xsm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .75rem;
}

.dropdown-menu-sm {
    min-width: 200px;
}

.dropdown-menu-lg {
    min-width: 350px;
}

.dropdown-menu-xl {
    min-width: 500px;
}