:root {
    --color-primary: #3D60BE;
    --color-neutral: #FBFCFE;
    --color-bg-gray: rgb(240, 244, 248);
    --mdb-blue-rgb: 59, 113, 202;
    --dt-row-selected: var(--mdb-blue-rgb);

    --mdb-nav-tabs-link-padding-x: var(--size-6);

    --shadow-color: 225deg 55% 40%;
    --shadow-color: 31deg 9% 15%;
    --shadow-elevation-low-top:
        0px 1px 1.3px hsl(var(--shadow-color) / 0.21),
        0px 1.8px 2.3px -0.7px hsl(var(--shadow-color) / 0.32),
        0px 4.2px 5.4px -1.4px hsl(var(--shadow-color) / 0.43);
    --shadow-elevation-medium-top:
        0px 1px 1.3px hsl(var(--shadow-color) / 0.22),
        0px 4.1px 5.3px -0.5px hsl(var(--shadow-color) / 0.3),
        0px 9.2px 11.9px -0.9px hsl(var(--shadow-color) / 0.39),
        0.1px 20.8px 26.8px -1.4px hsl(var(--shadow-color) / 0.48);
    --shadow-elevation-high-top:
        0px 1px 1.3px hsl(var(--shadow-color) / 0.2),
        0px 8.4px 10.8px -0.2px hsl(var(--shadow-color) / 0.24),
        0.1px 15.3px 19.7px -0.4px hsl(var(--shadow-color) / 0.28),
        0.1px 23.6px 30.4px -0.6px hsl(var(--shadow-color) / 0.32),
        0.1px 35.1px 45.3px -0.8px hsl(var(--shadow-color) / 0.36),
        0.2px 51.8px 66.8px -1px hsl(var(--shadow-color) / 0.4),
        0.3px 75.5px 97.4px -1.2px hsl(var(--shadow-color) / 0.44),
        0.4px 108px 139.3px -1.4px hsl(var(--shadow-color) / 0.48);

    --shadow-elevation-low-left:
        1px 0px 1.3px hsl(var(--shadow-color) / 0.21),
        1.8px 0px 2.3px -0.7px hsl(var(--shadow-color) / 0.32),
        4.2px -0.1px 5.4px -1.4px hsl(var(--shadow-color) / 0.43);
    --shadow-elevation-medium-left:
        1px 0px 1.3px hsl(var(--shadow-color) / 0.22),
        4.1px -0.1px 5.3px -0.5px hsl(var(--shadow-color) / 0.3),
        9.2px -0.1px 11.9px -0.9px hsl(var(--shadow-color) / 0.39),
        20.8px -0.3px 26.8px -1.4px hsl(var(--shadow-color) / 0.48);
    --shadow-elevation-high-left:
        1px 0px 1.3px hsl(var(--shadow-color) / 0.2),
        8.4px -0.1px 10.8px -0.2px hsl(var(--shadow-color) / 0.24),
        15.3px -0.2px 19.7px -0.4px hsl(var(--shadow-color) / 0.28),
        23.6px -0.4px 30.4px -0.6px hsl(var(--shadow-color) / 0.32),
        35.1px -0.5px 45.3px -0.8px hsl(var(--shadow-color) / 0.36),
        51.8px -0.8px 66.8px -1px hsl(var(--shadow-color) / 0.4),
        75.5px -1.2px 97.4px -1.2px hsl(var(--shadow-color) / 0.44),
        108px -1.6px 139.3px -1.4px hsl
}


table.grid-table {
    display: grid;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr;
    height: 100%;
}

thead.grid-table, tbody.grid-table, tfoot.grid-table {
    display: table;
}

tfoot.grid-table {
    align-self: end;
}

[data-paged-init] {
    transition: all .25s;
}

.nav-link {
    cursor: pointer;
}

.invisible {
    visibility: hidden
}

.pre-wrap {
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    font-family: inherit;
}

/* Text size utility classes using CSS variables */
.text-000 {
    font-size: var(--scale-000);
}

.text-00 {
    font-size: var(--scale-00);
}

.text-0 {
    font-size: var(--scale-0);
}

.text-1 {
    font-size: var(--scale-1);
}

.text-2 {
    font-size: var(--scale-2);
}

.text-3 {
    font-size: var(--scale-3);
}

.text-4 {
    font-size: var(--scale-4);
}

.text-5 {
    font-size: var(--scale-5);
}

.text-6 {
    font-size: var(--scale-6);
}

.text-7 {
    font-size: var(--scale-7);
}

.text-8 {
    font-size: var(--scale-8);
}

.text-9 {
    font-size: var(--scale-9);
}

.text-10 {
    font-size: var(--scale-10);
}

/* Margin Top */
.mt-000 {
    margin-top: var(--scale-000);
}

.mt-00 {
    margin-top: var(--scale-00);
}

.mt-0 {
    margin-top: var(--scale-0);
}

.mt-1 {
    margin-top: var(--scale-1);
}

.mt-2 {
    margin-top: var(--scale-2);
}

.mt-3 {
    margin-top: var(--scale-3);
}

.mt-4 {
    margin-top: var(--scale-4);
}

.mt-5 {
    margin-top: var(--scale-5);
}

.mt-6 {
    margin-top: var(--scale-6);
}

.mt-7 {
    margin-top: var(--scale-7);
}

.mt-8 {
    margin-top: var(--scale-8);
}

.mt-9 {
    margin-top: var(--scale-9);
}

.mt-10 {
    margin-top: var(--scale-10);
}

/* Margin Bottom */
.mb-000 {
    margin-bottom: var(--scale-000);
}

.mb-00 {
    margin-bottom: var(--scale-00);
}

.mb-0 {
    margin-bottom: var(--scale-0);
}

.mb-1 {
    margin-bottom: var(--scale-1);
}

.mb-2 {
    margin-bottom: var(--scale-2);
}

.mb-3 {
    margin-bottom: var(--scale-3);
}

.mb-4 {
    margin-bottom: var(--scale-4);
}

.mb-5 {
    margin-bottom: var(--scale-5);
}

.mb-6 {
    margin-bottom: var(--scale-6);
}

.mb-7 {
    margin-bottom: var(--scale-7);
}

.mb-8 {
    margin-bottom: var(--scale-8);
}

.mb-9 {
    margin-bottom: var(--scale-9);
}

.mb-10 {
    margin-bottom: var(--scale-10);
}

/* Margin Left */
.ml-000 {
    margin-left: var(--scale-000);
}

.ml-00 {
    margin-left: var(--scale-00);
}

.ml-0 {
    margin-left: var(--scale-0);
}

.ml-1 {
    margin-left: var(--scale-1);
}

.ml-2 {
    margin-left: var(--scale-2);
}

.ml-3 {
    margin-left: var(--scale-3);
}

.ml-4 {
    margin-left: var(--scale-4);
}

.ml-5 {
    margin-left: var(--scale-5);
}

.ml-6 {
    margin-left: var(--scale-6);
}

.ml-7 {
    margin-left: var(--scale-7);
}

.ml-8 {
    margin-left: var(--scale-8);
}

.ml-9 {
    margin-left: var(--scale-9);
}

.ml-10 {
    margin-left: var(--scale-10);
}

/* Margin Right */
.mr-000 {
    margin-right: var(--scale-000);
}

.mr-00 {
    margin-right: var(--scale-00);
}

.mr-0 {
    margin-right: var(--scale-0);
}

.mr-1 {
    margin-right: var(--scale-1);
}

.mr-2 {
    margin-right: var(--scale-2);
}

.mr-3 {
    margin-right: var(--scale-3);
}

.mr-4 {
    margin-right: var(--scale-4);
}

.mr-5 {
    margin-right: var(--scale-5);
}

.mr-6 {
    margin-right: var(--scale-6);
}

.mr-7 {
    margin-right: var(--scale-7);
}

.mr-8 {
    margin-right: var(--scale-8);
}

.mr-9 {
    margin-right: var(--scale-9);
}

.mr-10 {
    margin-right: var(--scale-10);
}

/* Margin Block (Top & Bottom) */
.mb-block-000 {
    margin-block: var(--scale-000);
}

.mb-block-00 {
    margin-block: var(--scale-00);
}

.mb-block-0 {
    margin-block: var(--scale-0);
}

.mb-block-1 {
    margin-block: var(--scale-1);
}

.mb-block-2 {
    margin-block: var(--scale-2);
}

.mb-block-3 {
    margin-block: var(--scale-3);
}

.mb-block-4 {
    margin-block: var(--scale-4);
}

.mb-block-5 {
    margin-block: var(--scale-5);
}

.mb-block-6 {
    margin-block: var(--scale-6);
}

.mb-block-7 {
    margin-block: var(--scale-7);
}

.mb-block-8 {
    margin-block: var(--scale-8);
}

.mb-block-9 {
    margin-block: var(--scale-9);
}

.mb-block-10 {
    margin-block: var(--scale-10);
}

/* Margin Inline (Left & Right) */
.m-inline-000 {
    margin-inline: var(--scale-000);
}

.m-inline-00 {
    margin-inline: var(--scale-00);
}

.m-inline-0 {
    margin-inline: var(--scale-0);
}

.m-inline-1 {
    margin-inline: var(--scale-1);
}

.m-inline-2 {
    margin-inline: var(--scale-2);
}

.m-inline-3 {
    margin-inline: var(--scale-3);
}

.m-inline-4 {
    margin-inline: var(--scale-4);
}

.m-inline-5 {
    margin-inline: var(--scale-5);
}

.m-inline-6 {
    margin-inline: var(--scale-6);
}

.m-inline-7 {
    margin-inline: var(--scale-7);
}

.m-inline-8 {
    margin-inline: var(--scale-8);
}

.m-inline-9 {
    margin-inline: var(--scale-9);
}

.m-inline-10 {
    margin-inline: var(--scale-10);
}

html {
    font-size: 16px;
}

* {
    font-family: 'Public Sans', sans-serif;
}

.min-w-25 { min-width: 25%; }
.min-w-50 { min-width: 50%; }
.min-w-75 { min-width: 75%; }
.min-w-100 { min-width: 100%; }

.min-h-25 { min-height: 25%; }
.min-h-50 { min-height: 50%; }
.min-h-75 { min-height: 75%; }
.min-h-100 { min-height: 100%; }