﻿: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;
}

.table-column-small {
    width: 75px;
}

.icon-button-size {
    max-width: 3rem;
}

.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;
}