/**
    This file declares css color variables for branding purposes.
    Attention, "./color-adjustments.css" depends on this file to properly function.
*/

@charset "UTF-8";
:root, [data-bs-theme=light], [data-menu-theme=light] {
    --tblr-btn-hover-bg: #f8fafc;
    --tblr-gray: #4c496c;
    --tblr-gray-dark: #211d3b;
    --tblr-gray-100: #f1f5f9;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #c8d3e1;
    --tblr-gray-400: #c9c1d6;
    --tblr-gray-500: #736c91;
    --tblr-gray-600: #4c496c;
    --tblr-gray-700: #333152;
    --tblr-gray-800: #211d3b;
    --tblr-gray-900: #1a0f2a;
    --tblr-primary: #3e741b;
    --tblr-secondary: #66626c;
    --tblr-success: #42ba96;
    --tblr-info: #467fd0;
    --tblr-warning: #ffc107;
    --tblr-danger: #df4759;
    --tblr-light: #f8fafc;
    --tblr-dark: #241f2d;
    --tblr-muted: #66626c;
    --tblr-tabler: #7c69ef;
    --tblr-primary-rgb: 27, 116, 46;
    --tblr-secondary-rgb: 102, 98, 108;
    --tblr-success-rgb: 66, 186, 150;
    --tblr-info-rgb: 70, 127, 208;
    --tblr-warning-rgb: 255, 193, 7;
    --tblr-danger-rgb: 223, 71, 89;
    --tblr-light-rgb: 248, 250, 252;
    --tblr-dark-rgb: 36, 31, 45;
    --tblr-muted-rgb: 102, 98, 108;
    --tblr-tabler-rgb: 124, 105, 239;
    --tblr-primary-text-emphasis: #df4759;
    --tblr-secondary-text-emphasis: #df4759;
    --tblr-success-text-emphasis: #df4759;
    --tblr-info-text-emphasis: #df4759;
    --tblr-warning-text-emphasis: #df4759;
    --tblr-danger-text-emphasis: #df4759;
    --tblr-light-text-emphasis: #df4759;
    --tblr-dark-text-emphasis: #df4759;
    --tblr-primary-bg-subtle: #e5e1fc;
    --tblr-secondary-bg-subtle: #edeef1;
    --tblr-success-bg-subtle: #d9f1ea;
    --tblr-info-bg-subtle: #dae5f6;
    --tblr-warning-bg-subtle: #fff3cd;
    --tblr-danger-bg-subtle: #f9dade;
    --tblr-light-bg-subtle: #f8fafc;
    --tblr-dark-bg-subtle: #a09bbe;
    --tblr-primary-border-subtle: #cbc3f9;
    --tblr-secondary-border-subtle: #dbdde4;
    --tblr-success-border-subtle: #b3e3d5;
    --tblr-info-border-subtle: #b5ccec;
    --tblr-warning-border-subtle: #ffe69c;
    --tblr-danger-border-subtle: #f2b5bd;
    --tblr-light-border-subtle: #e2e8f0;
    --tblr-dark-border-subtle: #736c91;
    --tblr-body-font-size: 0.875rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #241f2d;
    --tblr-body-color-rgb: 36, 31, 45;
    --tblr-body-bg: #f1f5f9;
    --tblr-body-bg-rgb: 241, 245, 249;
    --tblr-emphasis-color: #000;
    --tblr-emphasis-color-rgb: 0, 0, 0;
    --tblr-secondary-color: rgba(36, 31, 45, .75);
    --tblr-secondary-color-rgb: 36, 31, 45;
    --tblr-secondary-bg: #e2e8f0;
    --tblr-secondary-bg-rgb: 226, 232, 240;
    --tblr-tertiary-color: rgba(36, 31, 45, .5);
    --tblr-tertiary-color-rgb: 36, 31, 45;
    --tblr-tertiary-bg: #f1f5f9;
    --tblr-tertiary-bg-rgb: 241, 245, 249;
    --tblr-link-color: #7c69ef;
    --tblr-link-color-rgb: 124, 105, 239;
    --tblr-link-hover-color: #6354bf;
    --tblr-link-hover-color-rgb: 99, 84, 191;
    /*--tblr-border-color: #27A639;*/
    --tblr-border-color-translucent: rgba(102, 98, 108, .16);
    --tblr-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --tblr-focus-ring-width: 0.25rem;
    --tblr-focus-ring-opacity: 0.25;
    --tblr-focus-ring-color: rgba(124, 105, 239, .25);
    --tblr-form-valid-color: #42ba96;
    --tblr-form-valid-border-color: #42ba96;
    --tblr-form-invalid-color: #df4759;
    --tblr-form-invalid-border-color: #df4759;
    --tblr-danger-text: var(--tblr-danger);
    /*--tblr-navbar-border-color: #27A639;*/
}

.navbar-dark {
    background: #27A639 !important;
}

.container-fluid > .navbar-nav > .nav-item > .dropdown-menu.show {
    background: #27A639 !important;
}

.pemko-color {
    background-color: #27A639 !important;
}

.pemko-text-color {
    color: #6dcf30 !important;
}

.pemko-color-border {
    border-color: rgba(39, 166, 57, 0.5) !important;
}

.pemko-form-color {
    /*background-color: #58a627 !important;*/
    background-color: rgba(88, 166, 39, 0.1) !important;

}

.pemko-menu-color {
    background-color: #1b742e !important;
    color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #3e741b !important;
    color: #fff !important;
}