:root {
    --primary-color: #E87723;
    --primary-color-highlight: #E38427;

    --color-almost-white: #faf9f9;
    --color-extra-light-gray: #f7f7f7;
    --color-light-gray: #eaebe9; //#CECEC6;
    --color-light-gray-no2:#e0e2de;
    --color-medium-gray: #A2A298;
    --color-less-dark-gray: #8a8a84;
    --color-shadow-gray: #696963;
    --color-dark-gray: #525B5C;
    --color-extra-dark-gray: #2f3434;

    --color-white: #fff;
    --color-black: #000;

    --color-medium-green: #1cbca4;
    --color-dark-green: #3bab1d;
    --color-light-orange: #ff9900;
    --color-dark-orange: #d26c05;
    --color-dark-red: #ef3800;
    --color-medium-yellow: #ffbe00;
    --color-light-yellow: #fef0c4;


    --checkbox-checked-color: var(--primary-color);

    --primary-text-color: var(--color-shadow-gray);
    --disabled-color: var(--color-medium-gray);

    --checkbox-size: 1.375rem;
    --border-radious: 0.25rem;
    --font-awesome: "Font Awesome 6 Free";
    --10px: 0.625rem;
    --12px: 0.75rem;
    --13px: 0.8125rem;
    --14px: 0.875rem;
    --16px: 1rem;
    --20px: 1.25rem;
    --40px: 2.5rem;
}

html {
    font-size: 16px; /* Base font size */
}

body {
    background-color: var(--color-extra-light-gray);
}

.not-allowed {
    cursor: not-allowed !important;
}

.main-container {
    background-color: var(--color-extra-light-gray);
}

.body-wrapper {
    padding: 1rem;
}

.table-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.max-width-200px {
    max-width: 200px;
}

.max-width-20rem {
    max-width: 20rem;
}