/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #6 BEGIN */
:root
{
    --table-cellpadding: .5rem;
    --clr-table-background: transparent;
    --clr-table-header-background: #000000;
    --clr-table-border: #000000;
    --clr-table-border-inverted: #ffffff;
    --clr-table-text: #000000;
    --clr-table-text-inverted: #ffffff;
    --clr-table-text-warning: #E3692B;
    --clr-table-text-success: #2DAA55;
    --clr-table-text-error: #9E1414;
    --clr-table-row: #ffffff;
    --clr-table-row-even: #fafafa;
    --clr-table-row-hover: #efefef;
    --clr-table-text-empty: var(--clr-table-text-error);
}

.ts__table_wrapper
{
    overflow-x: auto;
    background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0)),linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-position: 0 0,100%,0 0,100%;
    background-attachment: local,local,scroll,scroll;
}

table.ts__table
{
    background-color: unset;
    width: auto;
    min-width: 100%;
}

thead.ts__thead
{
    background-color: var(--clr-table-header-background);
}

thead.ts__head tr.ts__table_row th,
tbody.ts__tbody tr.ts__table_row td,
tfoot.ts__tfoot tr.ts__table_row td
{
    padding: var(--table-cellpadding);
    text-align: left;
    vertical-align: top;
    /*white-space: nowrap;*/
    font-size: var(--font-size-paragraph);
}

.ts__table_row th:not(:last-child)
{
    border-right-color: var(--clr-table-border-inverted);
    border-right-width: 1px;
    border-right-style: solid;
}

.ts__table_row td:not(:last-child)
{
    border-right-color: var(--clr-table-border);
    border-right-width: 1px;
    border-right-style: solid;
}

tfoot tr.ts__table_row td
{
    border-top-color: var(--clr-table-border);
    border-top-width: 1px;
    border-top-style: solid;
}

tfoot tr.ts__table_row td:not(:last-child):not(:empty)
{
    border-right-color: var(--clr-table-border);
    border-right-width: 1px;
    border-right-style: solid;
}

tbody .ts__table_row td:empty:before,
tbody .ts__table_row td div:not(.btn):empty:before
{
    /*Empty table cells should display something*/
    color: var(--clr-table-text-empty);
    content: '';
}

thead.ts__head .ts__table_row th
{
    color: var(--clr-table-text-inverted);
    font-weight: 700;
}

.ts__tbody .ts__table_row
{
    background-color: var(--clr-table-row);
}

.ts__tbody .ts__table_row:nth-child(2n)
{
    background-color: var(--clr-table-row-even);
}

.ts__tbody .ts__table_row:HOVER
{
    background-color: var(--clr-table-row-hover);
}
/* RESOURCE #6 END */
/* RESOURCE #7 BEGIN */
/***** https://www.youtube.com/watch?v=5uhIiI9Ld5M *****/
/*@import url('https://fonts.googleapis.com/css2?family=Cantata+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/

:root
{
    /***** FONTS *****/
    --font-regular: RalewayRegular;
    --font-italic: RalewayItalic;
    --font-medium: RalewayMedium;
    --font-medium-italic: RalewayMediumItalic;
    --font-bold: RalewayBold;
    --font-bold-italic: RalewayBoldItalic;
    /***** FONT SIZES *****/
    /***** https://utopia.fyi/type/calculator?c=320,16,1.25,1140,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 *****/
        
    --step--2: clamp(0.64rem, 0.6088rem + 0.1561vi, 0.72rem);
    --step--1: clamp(0.8rem, 0.761rem + 0.1951vi, 0.9rem);
    --font-size-paragraph: clamp(1rem, 0.9512rem + 0.2439vi, 1.125rem);
    --font-size-h5: clamp(1.25rem, 1.189rem + 0.3049vi, 1.4063rem);
    --font-size-h4: clamp(1.5625rem, 1.4863rem + 0.3811vi, 1.7578rem);
    --font-size-h3: clamp(1.9531rem, 1.8579rem + 0.4764vi, 2.1973rem);
    --font-size-h2: clamp(2.4414rem, 2.3223rem + 0.5955vi, 2.7466rem);
    --font-size-h1: clamp(3.0518rem, 2.9029rem + 0.7443vi, 3.4332rem);
}

h1,
h2,
h3,
h4,
h5
{
    line-height: 1.3;
    /*margin: unset;*/
    padding: unset;
    margin-block-end: var(--step--1);
}

h1
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h1);
    margin-block-end: var(--step--1)
}

h2
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h2);
}

h3
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h3);
}

h4
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h4);
}

h5
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h5);
}

p,
p.section,
ul,
ol,
li,
th,
td
{
    font-family: var(--font-regular);
    font-weight: 400;
    font-size: var(--font-size-paragraph);
    line-height: var(--font-size-h4);
}

ul,
ol
{
    list-style-position: outside;
    margin-inline-start: var(--list-indent, 2rem)
}

#mergefield_main > * + *,
:where(ul, ol) > * + *
{
    margin-top: var(--flow-space, 1em);
}

i,
em
{
    font-weight: 400;
    font-family: var(--font-italic);
}

b,
strong
{
    font-weight: 400;
    font-family: var(--font-medium);
}

i b,
em b,
i strong,
em strong,
b i,
b em,
strong i,
strong em
{
    font-weight: 400;
    font-family: var(--font-medium-italic);
}

/* RESOURCE #7 END */
/* RESOURCE #5 BEGIN */
:root
{
    --color-bg1: #3FA299;
    --color-bg2: #3F8378;
    --color1: 18, 113, 255;
    --color2: 221, 74, 255;
    --color3: 100, 220, 255;
    --color4: 200, 50, 50;
    --color5: 180, 180, 50;
    --circle-size: 80%;
    --blending: hard-light;
}

@keyframes moveInCircle
{
    0%
    {
        transform: rotate(0deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes moveVertical
{
    0%
    {
        transform: translateY(-50%);
    }

    50%
    {
        transform: translateY(50%);
    }

    100%
    {
        transform: translateY(-50%);
    }
}

@keyframes moveHorizontal
{
    0%
    {
        transform: translateX(-50%) translateY(-10%);
    }

    50%
    {
        transform: translateX(50%) translateY(10%);
    }

    100%
    {
        transform: translateX(-50%) translateY(-10%);
    }
}

.gradient-bg
{
    width: 100vw;
    min-height: 40vh;
    position: relative;
    overflow: hidden;
    background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
    top: 0;
    left: 0;
}

.gradients-container
{
    filter: blur(40px);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.g1
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    animation: moveVertical 30s ease infinite;
    opacity: 1;
}

.g2
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
    opacity: 1;
}

.g3
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;
    opacity: 1;
}

.g4
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;
    opacity: 0.7;
}

.g5
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
    opacity: 1;
}
/* RESOURCE #5 END */
/* RESOURCE #9 BEGIN */
/*****
Copy this to HEAD section of the page/site

<link rel="preconnect" href="https://fonts.googleapis.com"> 
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 
<link href="https://fonts.googleapis.com/css2?family=Cantata+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
*****/

/*@import url('https://fonts.googleapis.com/css2?family=Cantata+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/

:root
{
    /*FONTS*/
    --font-sans: RalewayRegular, sans-serif;
    --font-serif: 'Cantata One', serif;
    
    /*ICONS*/
    --icon-chevron-down: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAuMzA4MTYyIDAuNzcwNDA5QzAuNTA1NTM3IDAuNTcyNjQ1IDAuNzczMTk5IDAuNDYxNTQ4IDEuMDUyMjkgMC40NjE1NDhDMS4zMzEzOCAwLjQ2MTU0OCAxLjU5OTA0IDAuNTcyNjQ1IDEuNzk2NDEgMC43NzA0MDlMNy4wMDYzNSA1Ljk5MjE3TDEyLjIxNjMgMC43NzA0MDlDMTIuNDE0OCAwLjU3ODI1IDEyLjY4MDcgMC40NzE5MjEgMTIuOTU2NiAwLjQ3NDMyNUMxMy4yMzI2IDAuNDc2NzI4IDEzLjQ5NjYgMC41ODc2NzIgMTMuNjkxNyAwLjc4MzI1OUMxMy44ODY5IDAuOTc4ODQ2IDEzLjk5NzYgMS4yNDM0MyAxNCAxLjUyMDAyQzE0LjAwMjQgMS43OTY2MSAxMy44OTYzIDIuMDYzMDggMTMuNzA0NSAyLjI2MjA0TDcuNzUwNDggOC4yMjk2MUM3LjU1MzExIDguNDI3MzcgNy4yODU0NCA4LjUzODQ3IDcuMDA2MzUgOC41Mzg0N0M2LjcyNzI3IDguNTM4NDcgNi40NTk2IDguNDI3MzcgNi4yNjIyMyA4LjIyOTYxTDAuMzA4MTYyIDIuMjYyMDRDMC4xMTA4NDYgMi4wNjQyMSAwIDEuNzk1OTQgMCAxLjUxNjIyQzAgMS4yMzY1IDAuMTEwODQ2IDAuOTY4MjMyIDAuMzA4MTYyIDAuNzcwNDA5WiIgZmlsbD0iY3VycmVudGNvbG9yIi8+PC9zdmc+Cg==);
    --icon-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4xMjEiIGhlaWdodD0iOC45NTMiIHZpZXdCb3g9IjAgMCAxMi4xMjEgOC45NTMiPgogIDxwYXRoIGlkPSJpY29uLWNoZWNrbWFyayIgZD0iTS43NSw0LjU2LDQuMDgzLDcuODkzLDEwLjc1Ljc1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjMxMSAwLjMxKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+Cjwvc3ZnPgo=);
    --icon-dot: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIvPgo8L3N2Zz4=);
    --icon-file-upload: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzg0IDB2MTI4aDEyOEwzODQgMHpNMzUyIDEyOEwzNTIgMEgxNzZDMTQ5LjUgMCAxMjggMjEuNDkgMTI4IDQ4VjI4OGgxNzQuMWwtMzkuMDMtMzkuMDNjLTkuMzc1LTkuMzc1LTkuMzc1LTI0LjU2IDAtMzMuOTRzMjQuNTYtOS4zNzUgMzMuOTQgMGw4MCA4MGM5LjM3NSA5LjM3NSA5LjM3NSAyNC41NiAwIDMzLjk0bC04MCA4MGMtOS4zNzUgOS4zNzUtMjQuNTYgOS4zNzUtMzMuOTQgMEMyNTguMyA0MDQuMyAyNTYgMzk4LjIgMjU2IDM5MnMyLjM0NC0xMi4yOCA3LjAzMS0xNi45N0wzMDIuMSAzMzZIMTI4djEyOEMxMjggNDkwLjUgMTQ5LjUgNTEyIDE3NiA1MTJoMjg4YzI2LjUxIDAgNDgtMjEuNDkgNDgtNDhWMTYwaC0xMjcuMUMzNjYuMyAxNjAgMzUyIDE0NS43IDM1MiAxMjh6TTI0IDI4OEMxMC43NSAyODggMCAyOTguNyAwIDMxMmMwIDEzLjI1IDEwLjc1IDI0IDI0IDI0SDEyOFYyODhIMjR6Ii8+PC9zdmc+);
    --icon-file-pdf: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNODggMzA0SDgwVjI1Nkg4OEMxMDEuMyAyNTYgMTEyIDI2Ni43IDExMiAyODBDMTEyIDI5My4zIDEwMS4zIDMwNCA4OCAzMDR6TTE5MiAyNTZIMjAwQzIwOC44IDI1NiAyMTYgMjYzLjIgMjE2IDI3MlYzMzZDMjE2IDM0NC44IDIwOC44IDM1MiAyMDAgMzUySDE5MlYyNTZ6TTIyNCAwVjEyOEMyMjQgMTQ1LjcgMjM4LjMgMTYwIDI1NiAxNjBIMzg0VjQ0OEMzODQgNDgzLjMgMzU1LjMgNTEyIDMyMCA1MTJINjRDMjguNjUgNTEyIDAgNDgzLjMgMCA0NDhWNjRDMCAyOC42NSAyOC42NSAwIDY0IDBIMjI0ek02NCAyMjRDNTUuMTYgMjI0IDQ4IDIzMS4yIDQ4IDI0MFYzNjhDNDggMzc2LjggNTUuMTYgMzg0IDY0IDM4NEM3Mi44NCAzODQgODAgMzc2LjggODAgMzY4VjMzNkg4OEMxMTguOSAzMzYgMTQ0IDMxMC45IDE0NCAyODBDMTQ0IDI0OS4xIDExOC45IDIyNCA4OCAyMjRINjR6TTE2MCAzNjhDMTYwIDM3Ni44IDE2Ny4yIDM4NCAxNzYgMzg0SDIwMEMyMjYuNSAzODQgMjQ4IDM2Mi41IDI0OCAzMzZWMjcyQzI0OCAyNDUuNSAyMjYuNSAyMjQgMjAwIDIyNEgxNzZDMTY3LjIgMjI0IDE2MCAyMzEuMiAxNjAgMjQwVjM2OHpNMjg4IDIyNEMyNzkuMiAyMjQgMjcyIDIzMS4yIDI3MiAyNDBWMzY4QzI3MiAzNzYuOCAyNzkuMiAzODQgMjg4IDM4NEMyOTYuOCAzODQgMzA0IDM3Ni44IDMwNCAzNjhWMzIwSDMzNkMzNDQuOCAzMjAgMzUyIDMxMi44IDM1MiAzMDRDMzUyIDI5NS4yIDM0NC44IDI4OCAzMzYgMjg4SDMwNFYyNTZIMzM2QzM0NC44IDI1NiAzNTIgMjQ4LjggMzUyIDI0MEMzNTIgMjMxLjIgMzQ0LjggMjI0IDMzNiAyMjRIMjg4ek0yNTYgMEwzODQgMTI4SDI1NlYweiIvPjwvc3ZnPg==);
    --icon-file-word: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjI0IDEyOEwyMjQgMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHY0MTZDMCA0OTAuNSAyMS40OSA1MTIgNDggNTEyaDI4OGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjE2MGgtMTI3LjFDMjM4LjMgMTYwIDIyNCAxNDUuNyAyMjQgMTI4ek0yODEuNSAyNDBoMjMuMzdjNy43MTcgMCAxMy40MyA3LjE4IDExLjY5IDE0LjdsLTQyLjQ2IDE4NEMyNzIuOSA0NDQuMSAyNjggNDQ4IDI2Mi41IDQ0OGgtMjkuMjZjLTUuNDI2IDAtMTAuMTgtMy42NDEtMTEuNTktOC44ODNMMTkyIDMyOS4xbC0yOS42MSAxMDkuMUMxNjAuMSA0NDQuNCAxNTYuMiA0NDggMTUwLjggNDQ4SDEyMS41Yy01LjU4OCAwLTEwLjQ0LTMuODU5LTExLjY5LTkuMzA1bC00Mi40Ni0xODRDNjUuNjYgMjQ3LjIgNzEuMzcgMjQwIDc5LjA4IDI0MGgyMy4zN2M1LjU4OCAwIDEwLjQ0IDMuODU5IDExLjY5IDkuMzAxTDEzNy44IDM1MkwxNjUuNiAyNDguOUMxNjcgMjQzLjYgMTcxLjggMjQwIDE3Ny4yIDI0MGgyOS42MWM1LjQyNiAwIDEwLjE4IDMuNjQxIDExLjU5IDguODgzTDI0Ni4yIDM1MmwyMy43LTEwMi43QzI3MS4xIDI0My45IDI3NS4xIDI0MCAyODEuNSAyNDB6TTI1NiAwdjEyOGgxMjhMMjU2IDB6Ii8+PC9zdmc+);
    --icon-file-excel: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjI0IDEyOEwyMjQgMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHY0MTZDMCA0OTAuNSAyMS40OSA1MTIgNDggNTEyaDI4OGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjE2MGgtMTI3LjFDMjM4LjMgMTYwIDIyNCAxNDUuNyAyMjQgMTI4ek0yNzIuMSAyNjQuNEwyMjQgMzQ0bDQ4Ljk5IDc5LjYxQzI3OS42IDQzNC4zIDI3MS45IDQ0OCAyNTkuNCA0NDhoLTI2LjQzYy01LjU1NyAwLTEwLjcxLTIuODgzLTEzLjYzLTcuNjE3TDE5MiAzOTZsLTI3LjMxIDQ0LjM4QzE2MS44IDQ0NS4xIDE1Ni42IDQ0OCAxNTEuMSA0NDhIMTI0LjZjLTEyLjUyIDAtMjAuMTktMTMuNzMtMTMuNjMtMjQuMzlMMTYwIDM0NEwxMTEgMjY0LjRDMTA0LjQgMjUzLjcgMTEyLjEgMjQwIDEyNC42IDI0MGgyNi40M2M1LjU1NyAwIDEwLjcxIDIuODgzIDEzLjYzIDcuNjEzTDE5MiAyOTJsMjcuMzEtNDQuMzlDMjIyLjIgMjQyLjkgMjI3LjQgMjQwIDIzMi45IDI0MGgyNi40M0MyNzEuOSAyNDAgMjc5LjYgMjUzLjcgMjcyLjEgMjY0LjR6TTI1NiAwdjEyOGgxMjhMMjU2IDB6Ii8+PC9zdmc+);
    --icon-file-powerpoint: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjU2IDB2MTI4aDEyOEwyNTYgMHpNMjI0IDEyOEwyMjQgMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHY0MTZDMCA0OTAuNSAyMS40OSA1MTIgNDggNTEyaDI4OGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjE2MGgtMTI3LjFDMjM4LjMgMTYwIDIyNCAxNDUuNyAyMjQgMTI4ek0yNzkuNiAzMDguMUMyODQuMiAzNTMuNSAyNDguNSAzOTIgMjA0IDM5MkgxNjB2NDBDMTYwIDQ0MC44IDE1Mi44IDQ0OCAxNDQgNDQ4SDEyOGMtOC44MzYgMC0xNi03LjE2NC0xNi0xNlYyNTZjMC04LjgzNiA3LjE2NC0xNiAxNi0xNmg3MS41MUMyMzkuMyAyNDAgMjc1LjYgMjY4LjUgMjc5LjYgMzA4LjF6TTE2MCAzNDRoNDRjMTUuNDQgMCAyOC0xMi41NiAyOC0yOFMyMTkuNCAyODggMjA0IDI4OEgxNjBWMzQ0eiIvPjwvc3ZnPg==);
    --icon-file-generic: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMCA2NEMwIDI4LjY1IDI4LjY1IDAgNjQgMEgyMjRWMTI4QzIyNCAxNDUuNyAyMzguMyAxNjAgMjU2IDE2MEgzODRWNDQ4QzM4NCA0ODMuMyAzNTUuMyA1MTIgMzIwIDUxMkg2NEMyOC42NSA1MTIgMCA0ODMuMyAwIDQ0OFY2NHpNMjU2IDEyOFYwTDM4NCAxMjhIMjU2eiIvPjwvc3ZnPg==);
    --icon-file-lines: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjU2IDB2MTI4aDEyOEwyNTYgMHpNMjI0IDEyOEwyMjQgMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHY0MTZDMCA0OTAuNSAyMS40OSA1MTIgNDggNTEyaDI4OGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjE2MGgtMTI3LjFDMjM4LjMgMTYwIDIyNCAxNDUuNyAyMjQgMTI4ek0yNzIgNDE2aC0xNjBDMTAzLjIgNDE2IDk2IDQwOC44IDk2IDQwMEM5NiAzOTEuMiAxMDMuMiAzODQgMTEyIDM4NGgxNjBjOC44MzYgMCAxNiA3LjE2MiAxNiAxNkMyODggNDA4LjggMjgwLjggNDE2IDI3MiA0MTZ6TTI3MiAzNTJoLTE2MEMxMDMuMiAzNTIgOTYgMzQ0LjggOTYgMzM2Qzk2IDMyNy4yIDEwMy4yIDMyMCAxMTIgMzIwaDE2MGM4LjgzNiAwIDE2IDcuMTYyIDE2IDE2QzI4OCAzNDQuOCAyODAuOCAzNTIgMjcyIDM1MnpNMjg4IDI3MkMyODggMjgwLjggMjgwLjggMjg4IDI3MiAyODhoLTE2MEMxMDMuMiAyODggOTYgMjgwLjggOTYgMjcyQzk2IDI2My4yIDEwMy4yIDI1NiAxMTIgMjU2aDE2MEMyODAuOCAyNTYgMjg4IDI2My4yIDI4OCAyNzJ6Ii8+PC9zdmc+);
    --icon-file-csv: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjI0IDBWMTI4QzIyNCAxNDUuNyAyMzguMyAxNjAgMjU2IDE2MEgzODRWNDQ4QzM4NCA0ODMuMyAzNTUuMyA1MTIgMzIwIDUxMkg2NEMyOC42NSA1MTIgMCA0ODMuMyAwIDQ0OFY2NEMwIDI4LjY1IDI4LjY1IDAgNjQgMEgyMjR6TTgwIDIyNEM1Ny45MSAyMjQgNDAgMjQxLjkgNDAgMjY0VjM0NEM0MCAzNjYuMSA1Ny45MSAzODQgODAgMzg0SDk2QzExOC4xIDM4NCAxMzYgMzY2LjEgMTM2IDM0NFYzMzZDMTM2IDMyNy4yIDEyOC44IDMyMCAxMjAgMzIwQzExMS4yIDMyMCAxMDQgMzI3LjIgMTA0IDMzNlYzNDRDMTA0IDM0OC40IDEwMC40IDM1MiA5NiAzNTJIODBDNzUuNTggMzUyIDcyIDM0OC40IDcyIDM0NFYyNjRDNzIgMjU5LjYgNzUuNTggMjU2IDgwIDI1Nkg5NkMxMDAuNCAyNTYgMTA0IDI1OS42IDEwNCAyNjRWMjcyQzEwNCAyODAuOCAxMTEuMiAyODggMTIwIDI4OEMxMjguOCAyODggMTM2IDI4MC44IDEzNiAyNzJWMjY0QzEzNiAyNDEuOSAxMTguMSAyMjQgOTYgMjI0SDgwek0xNzUuNCAzMTAuNkwyMDAuOCAzMjUuMUMyMDUuMiAzMjcuNyAyMDggMzMyLjUgMjA4IDMzNy42QzIwOCAzNDUuNiAyMDEuNiAzNTIgMTkzLjYgMzUySDE2OEMxNTkuMiAzNTIgMTUyIDM1OS4yIDE1MiAzNjhDMTUyIDM3Ni44IDE1OS4yIDM4NCAxNjggMzg0SDE5My42QzIxOS4yIDM4NCAyNDAgMzYzLjIgMjQwIDMzNy42QzI0MCAzMjAuMSAyMzEuMSAzMDUuNiAyMTYuNiAyOTcuNEwxOTEuMiAyODIuOUMxODYuOCAyODAuMyAxODQgMjc1LjUgMTg0IDI3MC40QzE4NCAyNjIuNCAxOTAuNCAyNTYgMTk4LjQgMjU2SDIxNkMyMjQuOCAyNTYgMjMyIDI0OC44IDIzMiAyNDBDMjMyIDIzMS4yIDIyNC44IDIyNCAyMTYgMjI0SDE5OC40QzE3Mi44IDIyNCAxNTIgMjQ0LjggMTUyIDI3MC40QzE1MiAyODcgMTYwLjkgMzAyLjQgMTc1LjQgMzEwLjZ6TTI4MCAyNDBDMjgwIDIzMS4yIDI3Mi44IDIyNCAyNjQgMjI0QzI1NS4yIDIyNCAyNDggMjMxLjIgMjQ4IDI0MFYyNzEuNkMyNDggMzA2LjMgMjU4LjMgMzQwLjMgMjc3LjYgMzY5LjJMMjgyLjcgMzc2LjlDMjg1LjcgMzgxLjMgMjkwLjYgMzg0IDI5NiAzODRDMzAxLjQgMzg0IDMwNi4zIDM4MS4zIDMwOS4zIDM3Ni45TDMxNC40IDM2OS4yQzMzMy43IDM0MC4zIDM0NCAzMDYuMyAzNDQgMjcxLjZWMjQwQzM0NCAyMzEuMiAzMzYuOCAyMjQgMzI4IDIyNEMzMTkuMiAyMjQgMzEyIDIzMS4yIDMxMiAyNDBWMjcxLjZDMzEyIDI5NC42IDMwNi41IDMxNy4yIDI5NiAzMzcuNUMyODUuNSAzMTcuMiAyODAgMjk0LjYgMjgwIDI3MS42VjI0MHpNMjU2IDBMMzg0IDEyOEgyNTZWMHoiLz48L3N2Zz4=);
    --icon-file-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjI0IDEyOEwyMjQgMEg0OEMyMS40OSAwIDAgMjEuNDkgMCA0OHY0MTZDMCA0OTAuNSAyMS40OSA1MTIgNDggNTEyaDI4OGMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjE2MGgtMTI3LjFDMjM4LjMgMTYwIDIyNCAxNDUuNyAyMjQgMTI4ek05NiAyMjRjMTcuNjcgMCAzMiAxNC4zMyAzMiAzMlMxMTMuNyAyODggOTYgMjg4UzY0IDI3My43IDY0IDI1NlM3OC4zMyAyMjQgOTYgMjI0ek0zMTguMSA0MzkuNUMzMTUuMyA0NDQuOCAzMDkuOSA0NDggMzA0IDQ0OGgtMjI0Yy01LjkgMC0xMS4zMi0zLjI0OC0xNC4xMS04LjQ1MWMtMi43ODMtNS4yMDEtMi40NzktMTEuNTIgLjc5NDktMTYuNDJsNTMuMzMtODBDMTIyLjEgMzM4LjcgMTI3LjEgMzM2IDEzMy4zIDMzNnMxMC4zNSAyLjY3NCAxMy4zMSA3LjEyNUwxNjAgMzYzLjJsNDUuMzUtNjguMDNDMjA4LjMgMjkwLjcgMjEzLjMgMjg4IDIxOC43IDI4OHMxMC4zNSAyLjY3NCAxMy4zMSA3LjEyNWw4NS4zMyAxMjhDMzIwLjYgNDI4IDMyMC45IDQzNC4zIDMxOC4xIDQzOS41ek0yNTYgMHYxMjhoMTI4TDI1NiAweiIvPjwvc3ZnPg==);
    --icon-file-signature: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMjkyLjcgMzQyLjNDMjg5LjcgMzQ1LjMgMjg4IDM0OS40IDI4OCAzNTMuN1Y0MTZoNjIuMzRjNC4yNjQgMCA4LjM1LTEuNzAzIDExLjM1LTQuNzI3bDE1Ni45LTE1OGwtNjcuODgtNjcuODhMMjkyLjcgMzQyLjN6TTU2OC41IDE2Ny40TDUzNi42IDEzNS41Yy05Ljg3NS0xMC0yNi0xMC0zNiAwbC0yNy4yNSAyNy4yNWw2Ny44OCA2Ny44OGwyNy4yNS0yNy4yNUM1NzguNSAxOTMuNCA1NzguNSAxNzcuMyA1NjguNSAxNjcuNHpNMjU2IDB2MTI4aDEyOEwyNTYgMHpNMjU2IDQ0OGMtMTYuMDctLjI4NTItMzAuNjItOS4zNTktMzcuODgtMjMuODhjLTIuODc1LTUuODc1LTgtNi41LTEwLjEyLTYuNXMtNy4yNSAuNjI1LTEwIDYuMTI1bC03Ljc0OSAxNS4zOEMxODcuNiA0NDQuNiAxODEuMSA0NDggMTc2IDQ0OEgxNzQuOWMtNi41LS41LTEyLTQuNzUtMTQtMTFMMTQ0IDM4Ni42TDEzMy40IDQxOC41QzEyNy41IDQzNi4xIDExMSA0NDggOTIuNDUgNDQ4SDgwQzcxLjEzIDQ0OCA2NCA0NDAuOSA2NCA0MzJTNzEuMTMgNDE2IDgwIDQxNmgxMi40YzQuODc1IDAgOS4xMDItMy4xMjUgMTAuNi03LjYyNWwxOC4yNS01NC42M0MxMjQuNSAzNDMuOSAxMzMuNiAzMzcuMyAxNDQgMzM3LjNzMTkuNSA2LjYyNSAyMi43NSAxNi41bDEzLjg4IDQxLjYzYzE5Ljc1LTE2LjI1IDU0LjEzLTkuNzUgNjYgMTQuMTJDMjQ4LjUgNDEzLjIgMjUyLjIgNDE1LjYgMjU2IDQxNS45VjM0N2MwLTguNTIzIDMuNDAyLTE2LjcgOS40NTEtMjIuNzFMMzg0IDIwNi41VjE2MEgyNTZjLTE3LjY3IDAtMzItMTQuMzMtMzItMzJMMjI0IDBINDhDMjEuNDkgMCAwIDIxLjQ5IDAgNDh2NDE2QzAgNDkwLjUgMjEuNDkgNTEyIDQ4IDUxMmgyODhjMjYuNTEgMCA0OC0yMS40OSA0OC00OFY0NDhIMjU2eiIvPjwvc3ZnPg==);
    --icon-file-shield: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMCA2NEMwIDI4LjY1IDI4LjY1IDAgNjQgMEgyMjRWMTI4QzIyNCAxNDUuNyAyMzguMyAxNjAgMjU2IDE2MEgzODRWMjA3TDI5MS4yIDI0NC4yQzI2OS45IDI1Mi43IDI1NiAyNzMuMyAyNTYgMjk2LjJDMjU2IDM1Mi43IDI3NC45IDQ0NC4yIDM1MC4yIDUwNC40QzM0MS4yIDUwOS4zIDMzMC45IDUxMiAzMjAgNTEySDY0QzI4LjY1IDUxMiAwIDQ4My4zIDAgNDQ4VjY0ek0yNTYgMTI4VjBMMzg0IDEyOEgyNTZ6TTQyMy4xIDIyNS43QzQyOC44IDIyMy40IDQzNS4yIDIyMy40IDQ0MC45IDIyNS43TDU2MC45IDI3My43QzU3MCAyNzcuNCA1NzYgMjg2LjIgNTc2IDI5NkM1NzYgMzU5LjMgNTUwLjEgNDY0LjggNDQxLjIgNTEwLjJDNDM1LjMgNTEyLjYgNDI4LjcgNTEyLjYgNDIyLjggNTEwLjJDMzEzLjkgNDY0LjggMjg4IDM1OS4zIDI4OCAyOTZDMjg4IDI4Ni4yIDI5My4xIDI3Ny40IDMwMy4xIDI3My43TDQyMy4xIDIyNS43ek00MzIgMjczLjhWNDYxLjdDNTAwLjIgNDI4LjcgNTIzLjUgMzYyLjcgNTI3LjQgMzExLjFMNDMyIDI3My44eiIvPjwvc3ZnPg==);
    --icon-times-circle: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBpZD0iU3VidHJhY3Rpb25fMSIgZGF0YS1uYW1lPSJTdWJ0cmFjdGlvbiAxIiBkPSJNOCwxNmE4LDgsMCwxLDEsOC04QTguMDA5LDguMDA5LDAsMCwxLDgsMTZaTTUuNDExLDQuOGEuNjExLjYxMSwwLDAsMC0uNDMyLDEuMDQzTDcuMTQsOCw0Ljk3OSwxMC4xNjVBLjYxMS42MTEsMCwwLDAsNS40MTMsMTEuMmguMDA3YS42MDkuNjA5LDAsMCwwLC40MjMtLjE3MUw4LDguODY4bDIuMTYxLDIuMTYxYS42MDcuNjA3LDAsMCwwLC40MjIuMTcxaC4wMDdhLjYxMS42MTEsMCwwLDAsLjQzNS0xLjAzNUw4Ljg2OCw4bDIuMTYxLTIuMTYxYS42MTYuNjE2LDAsMCwwLC4xNzEtLjQzLjYxMi42MTIsMCwwLDAtLjYwNi0uNjA2LjYxMy42MTMsMCwwLDAtLjQyOS4xNzJMOCw3LjE0LDUuODQzLDQuOTc5QS42MTUuNjE1LDAsMCwwLDUuNDExLDQuOFoiIGZpbGw9IiNjYmQ1ZTEiLz4KPC9zdmc+Cg==);
    --icon-select: var(--icon-chevron-down);
    --icon-checkbox: var(--icon-checkmark);
    --icon-radio: var(--icon-dot);
    
    /*MISC*/
    --form-field-shadow: 0 .25rem .5rem rgba(0,0,0,.1);
    --form-field-shadow-focus: 0 1rem 1.125rem rgba(0,0,0,.1);
    --form-fields-flow-space: 1rem;
    --form-field-transition: all .075s ease-out;
    
    /*LABEL*/
    --form-label-font-family: var(--font-sans, sans-serif);
    --form-field-font-family: var(--font-sans, sans-serif);
    --form-label-font-size: 1rem;
    --form-label-line-height: 1;
    --form-field-font-size: 1rem;
    --form-field-line-height: 1;
    --form-field-select-line-height: calc(1.2*var(--form-field-line-height));
    --form-field-textarea-line-height: calc(1.3*var(--form-field-line-height));
    
    /*FIELD DEFAULT COLOURS*/    
    --form-field-background-color: #fafafa;
    --form-field-background-color-inverted: #010101;
    --form-field-border-color: #dddddd;
    --form-field-border-style: solid;
    --form-field-text-color: #333333;
    --form-field-text-color-inverted: #eeeeee;
    --form-field-placeholder-color: #aaaaaa;
    --form-field-border-width: .125rem;
    
    /*FIELD FOCUS*/
    --form-field-outline-style: dotted;
    --form-field-outline-offset: .125rem;
    --form-field-outline-color: #aaaaaa;
    --form-field-outline-width: .125rem;
    --form-field-focus-border-color: #cccccc;
    
    /*FIELD WARNING/ERROR*/    
    --form-field-error-border-color: #880000;
    --form-field-error-text: " Fill in this field";
    --form-field-error-text-size: calc(.75*var(--form-field-font-size));
    
    /*FIELD BORDER RADIUS + LABEL MARGIN*/
    --form-field-border-radius: 0rem;
    --form-field-border-weight: .125rem;
    --form-label-margin-inline-start: var(--form-field-border-radius, 0);
    --form-label-margin-block-end: .5rem;
    
    /*FIELD DEFAULT*/
    --form-field-padding-inline-start: 1rem;
    --form-field-padding-inline-end: 1rem;
    --form-field-padding-inline: var(--form-field-padding-inline-start) var(--form-field-padding-inline-end);
    --form-field-padding-block-start: .5rem;
    --form-field-padding-block-end: .5rem;
    --form-field-padding-block: var(--form-field-padding-block-start) var(--form-field-padding-block-end);
    --form-field-padding: var(--form-field-padding-block-start) var(--form-field-padding-inline-end) var(--form-field-padding-block-end) var(--form-field-padding-inline-start);
    --form-field-margin: 0;
    --form-field-width: 100%;
    --form-field-font-size-height-ratio: 2.75;
    --form-field-height: calc(var(--form-field-font-size-height-ratio) * var(--form-field-text-size));
    
    /*BUTTON DEFAULT COLOURS*/    
    --form-button-background-color: #010101;
    --form-button-background-color-inverted: #fafafa;
    --form-button-border-color: #010101;
    --form-button-border-style: solid;
    --form-button-text-color: #cccccc;
    --form-button-text-color-inverted: #333333;
    --form-button-border-width: .125rem;
    --form-button-padding-inline-start: 1rem;
    --form-button-padding-inline-end: 1rem;
    --form-button-padding-inline: var(--form-button-padding-inline-start) var(--form-button-padding-inline-end);
    --form-button-padding-block-start: .5rem;
    --form-button-padding-block-end: .5rem;
    --form-button-padding-block: var(--form-button-padding-block-start) var(--form-button-padding-block-end);
    --form-button-padding: var(--form-button-padding-block-start) var(--form-button-padding-inline-end) var(--form-button-padding-block-end) var(--form-button-padding-inline-start);
}

.form
{
    box-sizing: border-box;
    padding-inline: var(--form-field-padding-inline);
    padding-block: var(--form-field-padding-block);
}

.form > *+*
{
    margin-block-start: var(--form-fields-flow-space);
}

.form label
{
    display: block;
    font-family: var(--form-label-font-family);
    font-size: var(--form-label-font-size);
    font-weight: 700;
    line-height: var(--form-label-line-height);
    margin-inline-start: var(--form-label-margin-inline-start);
    margin-block-end: var(--form-label-margin-block-end);
}

.form label.uploadControl
{
    cursor: pointer;
}

.form *::placeholder
{
    color: var(--form-field-placeholder-color);
}

.form select,
.form textarea,
.form div[id*="_editor"],
.form nobr input,
.form input:where([type="text"],[type="search"],[type="number"],[type="date"],[type="datetime-local"],[type="time"],[type="password"],[type="email"],[type="tel"],[type="file"],#user_10)
{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--form-field-background-color);
    border-style: var(--form-field-border-style);
    border-width: var(--form-field-border-width);
    border-color: var(--form-field-border-color);
    border-radius: var(--form-field-border-radius-size);
    font-family: var(--form-field-font-family);
    font-size: var(--form-field-font-size);
    color: var(--form-field-text-color);
    line-height: var(--form-field-line-height);
    padding-block: var(--form-field-padding-block);
    padding-inline: var(--form-field-padding-inline);
    margin: var(--form-field-margin);
    width: var(--form-field-width);
    height: var(--form-field-height);
    transition: var(--form-field-transition);
}

.form div[id*="_editor"]
{
    border-style: var(--form-field-border-style) !important;
    border-width: var(--form-field-border-width) !important;
    border-color: var(--form-field-border-color) !important;
    border-radius: var(--form-field-border-radius-size);
}

.form textarea
{
    border-radius: var(--form-field-border-radius-size);
}

.form input[type="text"]:HOVER,
.form input[type="search"]:HOVER,
.form input[type="number"]:HOVER,
.form input[type="date"]:HOVER,
.form input[type="datetime-local"]:HOVER,
.form input[type="time"]:HOVER,
.form input[type="password"]:HOVER,
.form input[type="email"]:HOVER,
.form input[type="tel"]:HOVER,
.form input[type="file"]:HOVER,
.form input#user_10:HOVER,
.form select:HOVER,
.form textarea:HOVER,
.form div[id*="_editor"]:HOVER,
.form nobr input:HOVER
{
    box-shadow: var(--form-field-shadow);
}

.form input[type="text"]:FOCUS,
.form input[type="search"]:FOCUS,
.form input[type="number"]:FOCUS,
.form input[type="date"]:FOCUS,
.form input[type="datetime-local"]:FOCUS,
.form input[type="time"]:FOCUS,
.form input[type="password"]:FOCUS,
.form input[type="email"]:FOCUS,
.form input[type="tel"]:FOCUS,
.form input[type="file"]:FOCUS,
.form input#user_10:FOCUS,
.form select:FOCUS,
.form textarea:FOCUS,
.form .dateInnerTimeBlock span:FOCUS,
.form nobr input:FOCUS
{
    box-shadow: var(--form-field-shadow-focus);
    border-color: var(--form-field-focus-border-color);
    outline-style: var(--form-field-outline-style);
    outline-offset: var(--form-field-outline-offset);
    outline-color: var(--form-field-outline-color);
    outline-width: var(--form-field-outline-width);
}

.form div[id*="_editor"]:FOCUS
{
    box-shadow: var(--form-field-shadow-focus);
    border: var(--form-field-border-width) var(--form-field-border-style) var(--form-field-focus-border-color) !important;
    outline-style: var(--form-field-outline-style);
    outline-offset: var(--form-field-outline-offset);
    outline-color: var(--form-field-outline-color);
    outline-width: var(--form-field-outline-width);
}

.form input[type="button"],
.form input[type="submit"]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form select
{
    line-height: var(--form-field-select-line-height);
    background-image: var(--icon-select);
    background-position: calc(100% - calc(1.5*var(--form-field-font-size))) 50%;
    background-size: auto calc(.75*var(--form-field-font-size));
    background-repeat: no-repeat;
    padding-block: var(--form-field-padding-block);
    padding-inline: var(--form-field-padding-inline);
}

.form textarea
{
    height: 10em;
    line-height: var(--form-field-textarea-line-height);
}

.form div[id*="_editor"]
{
    /*height: 10em !important;*/
    border-width: var(--form-field-border-width) !important;
    padding: var(--form-field-padding-block-start) var(--form-field-padding-inline-start) !important;
    overflow-x: scroll;
}

.form input[type="text"][required],
.form input[type="search"][required],
.form input[type="number"][required],
.form input[type="date"][required],
.form input[type="time"][required],
.form input[type="password"][required],
.form input[type="email"][required],
.form input[type="tel"][required],
.form input[type="file"][required],
.form input#user_10[required],
.form select[required],
.form textarea[required],
.form input[type="text"].required,
.form input[type="search"].required,
.form input[type="number"].required,
.form input[type="date"].required,
.form input[type="time"].required,
.form input[type="password"].required,
.form input[type="email"].required,
.form input[type="tel"].required,
.form input[type="file"].required,
.form input#user_10.required,
.form select.required,
.form textarea.required,
.form input:where([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="password"], [type="email"], input[type="tel"], [type="file"]).formreq,
.form input#user_10.formreq,
.form select.formreq,
.form textarea.formreq
{
    border-color: var(--form-field-error-border-color);
}

.form span.formreq:after
{
    content: var(--form-field-error-text);
    font-size: var(--form-field-error-text-size);
}
/*Checkboxes*/
.form input[type="checkbox"]
{
    width: 0px;
    height: 0px;
    opacity: 0;
    /*position: absolute;*/
    top: calc(-1*10rem);
    left: calc(-1*10rem);
}

.form input[type="checkbox"]+label,
.form input[type="checkbox"]+span>label
{
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    font-size: var(--form-label-font-size);
    font-family: var(--form-label-font-family);
    display: flex;
    align-items: flex-start;
    line-height: calc(1.4*var(--form-field-line-height));
    position: relative;
    margin-left: .125rem;
}

.form input[type="checkbox"]+label:FOCUS,
.form input[type="checkbox"]+span>label:FOCUS,
.form input[type="checkbox"]:FOCUS+label,
.form input[type="checkbox"]:FOCUS+span>label
{
    outline-style: var(--form-field-outline-style);
    outline-offset: var(--form-field-outline-offset);
    outline-color: var(--form-field-outline-color);
    outline-width: var(--form-field-outline-width);
}

.form input[type="checkbox"]+label::before,
.form input[type="checkbox"]+span>label::before
{
    content: '';
    border-width: var(--form-field-border-width);
    border-style: var(--form-field-border-style);
    border-color: var(--form-field-border-color);
    border-radius: .125rem;
    display: inline-block;
    position: relative;
    padding: .5rem;
    background-color: var(--form-field-background-color);
    cursor: pointer;
    margin: 0 .5rem calc(-1*.125rem) 0;
}

.form input[type="checkbox"]:checked+label::after,
.form input[type="checkbox"]:checked+span>label::after
{
    position: absolute;
    content: '';
    border-width: var(--form-field-border-width);
    border-style: var(--form-field-border-style);
    border-color: transparent;
    border-radius: .125rem;
    display: inline-block;
    padding: .5rem;
    cursor: pointer;
    top: 0;
    left: 0;
    background-color: var(--form-field-text-color);
    -webkit-mask-image: var(--icon-checkbox);
    mask-image: var(--icon-checkbox);
    -webkit-mask-size: 65% 65%;
    mask-size: 65% 65%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-repeat: 50% 50%;
}

/*Radio buttons*/
.form input[type="radio"]
{
    width: 0px;
    height: 0px;
    opacity: 0;
    /*position: absolute;*/
    top: calc(-1*10rem);
    left: calc(-1*10rem);
}

.form input[type="radio"]+label
{
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    font-size: var(--form-label-font-size);
    font-family: var(--form-label-font-family);
    display: flex;
    align-items: flex-start;
    line-height: calc(1.4*var(--form-field-line-height));
    position: relative;
    margin-left: .125rem;
}

.form input[type="radio"]+label:FOCUS,
.form input[type="radio"]:FOCUS+label
{
    outline-style: var(--form-field-outline-style);
    outline-offset: var(--form-field-outline-offset);
    outline-color: var(--form-field-outline-color);
    outline-width: var(--form-field-outline-width);
}

.form input[type="radio"]+label::before
{
    content: '';
    border-width: var(--form-field-border-width);
    border-style: var(--form-field-border-style);
    border-color: var(--form-field-border-color);
    border-radius: 10rem;
    display: inline-block;
    position: relative;
    padding: .5rem;
    background-color: var(--form-field-background-color);
    cursor: pointer;
    margin: 0 .5rem calc(-1*.125rem) 0;
}

.form input[type="radio"]:checked+label::after
{
    position: absolute;
    content: '';
    border-width: var(--form-field-border-width);
    border-style: var(--form-field-border-style);
    border-color: transparent;
    border-radius: 10rem;
    display: inline-block;
    padding: .5rem;
    cursor: pointer;
    top: 0;
    left: 0;
    background-color: var(--form-field-text-color);
    -webkit-mask-image: var(--icon-radio);
    mask-image: var(--icon-radio);
    -webkit-mask-size: 40% 40%;
    mask-size: 40% 40%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-repeat: 50% 50%;
}

.form .choicegroup > div:not(:last-child)
{
    margin-right: 1rem;
}

.form nobr
{
    white-space: normal;
    display: flex;
    gap: 1rem;
}

.form span[id*="filtercontrol"]
{
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.form fieldset
{
    border-width: var(--form-field-border-width);
    border-style: var(--form-field-border-style);
    border-color: #fafafa;
    padding-block: 1.125rem;
}

.form fieldset legend
{
    padding-inline: .5rem;
    font-family: var(--form-legent-font-family);
}

/*Input type=file hack*/
.form label.uploadControl
{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--form-field-background-color);
    border-style: var(--form-field-border-style);
    border-width: var(--form-field-border-width);
    border-color: var(--form-field-border-color);
    border-radius: var(--form-field-border-radius);
    font-family: var(--form-field-font-family);
    font-size: var(--form-field-font-size);
    color: var(--form-field-text-color);
    line-height: var(--form-field-line-height);
    padding-block: var(--form-field-padding-block);
    padding-inline: var(--form-field-padding-inline);
    margin: 0;
    width: auto;
    min-height: var(--form-field-height);
    cursor: pointer;
    transition: all .1s ease-in;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.form label.uploadControl:after
{
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: currentcolor;
    -webkit-mask-image: var(--icon-file-upload);
    mask-image: var(--icon-file-upload);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    mask-repeat: 50%;
}

.form label.uploadControl:HOVER
{
    background-color: var(--form-field-background-color-inverted);
    border-color: var(--form-field-background-color-inverted);
    color: var(--form-field-text-color-inverted);
    box-shadow: var(--form-field-shadow);
}

.form input[type="file"]+div
{
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}

.form input[type="file"][name*="image"]+div
{
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
}

.form .fileItem
{
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.form .fileItem:HOVER
{
    background-color: var(--form-field-background-color);
    cursor: move;
}

.form .fileItem .uploadItemRemoveAnchor
{
    order: 10;
    display: flex;
    position: relative;
}

.form .fileItem .uploadItemRemoveAnchor img,
.form .fileItem .uploadItemRemoveAnchor img:HOVER,
.form .fileItem .uploadItemRemoveAnchor:HOVER img
{
    content: var(--icon-times-circle);
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
}

.form .fileItem .uploadItemThumbnail
{
    content: var(--icon-file-generic);
    display: block;
    width: 2rem;
    height: 2rem;
}

.form .fileItem .uploadItemThumbnail[src*='pdf']
{
    content: var(--icon-file-pdf);
}

.form .fileItem .uploadItemThumbnail[src*='word']
{
    content: var(--icon-file-word);
}

.form .fileItem .uploadItemThumbnail[src*='excel']
{
    content: var(--icon-file-excel);
}

.form .fileItem .uploadItemThumbnail[src*='zip']
{
    content: var(--icon-file-zip);
}

.form .fileItem .uploadItemThumbnail[src*='image.gif']
{
    content: var(--icon-file-image);
}

.form .fileItem .uploadItemThumbnail[src*='text']
{
    content: var(--icon-file-generic);
}

.form .fileItem .uploadItemThumbnail[src*='video']
{
    content: var(--icon-file-video);
}

.form .fileItem .uploadItemThumbnail[src*='music']
{
    content: var(--icon-file-music);
}

.form .fileItem .uploadItemThumbnail[src*='xml']
{
    content: var(--icon-file-generic);
}

.form .fileItem .fileNameWrapper
{
    width: 100%;
}

.form .fileItem progress
{
    width: clamp(1.25rem, 3vw, 4rem);
    height: .25rem;
}

.form .fileItem progress::-moz-progress-bar,
.form .fileItem progress::-webkit-progress-value,
.form .fileItem progress
{
    width: clamp(1.25rem, 50vw, 4rem);
    height: .25rem;
    background-color: var(--clr-primary-500);
}

.form .fileItem progress::indeterminate
{
    display: none;
}

.form input[type="submit"],
.form input[type="button"]
{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    background-color: var(--form-button-background-color);
    border-style: var(--form-button-border-style);
    border-width: var(--form-button-border-width);
    border-color: var(--form-button-border-color);
    border-radius: var(--form-button-border-radius-size);
    font-family: var(--form-button-font-family);
    font-size: var(--form-button-font-size);
    color: var(--form-button-text-color);
    line-height: var(--form-field-line-height);
    padding-block: var(--form-button-padding-block);
    padding-inline: var(--form-button-padding-inline);
    width: auto;
    height: var(--form-field-height);
    transition: var(--form-field-transition);
    cursor: pointer;
}

.form input[type="submit"]:HOVER,
.form input[type="submit"]:FOCUS
{
    background-color: var(--form-button-background-color-inverted);
    color: var(--form-button-text-color-inverted);
    box-shadow: var(--form-field-shadow);
}


.form input[type="button"].toolbar-item
{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    background-color: var(--form-button-background-color);
    border-style: var(--form-button-border-style);
    border-width: var(--form-button-border-width);
    border-color: var(--form-button-border-color);
    border-radius: var(--form-button-border-radius-size);
    font-family: var(--form-button-font-family);
    font-size: var(--form-button-font-size);
    color: var(--form-button-text-color);
    line-height: var(--form-field-line-height);
    padding-block: var(--form-button-padding-block);
    padding-inline: var(--form-button-padding-inline);
    width: auto;
    height: var(--form-field-height);
    transition: var(--form-field-transition);
    cursor: pointer;
}

.form input[type="button"].toolbar-item:HOVER,
.form input[type="button"].toolbar-item:FOCUS
{
    background-color: var(--form-button-background-color-inverted);
    color: var(--form-button-text-color-inverted);
    box-shadow: var(--form-field-shadow);
}



@media screen and (max-width: 40em)
{
    .form .form__date.flex__wrap table,
    .form .form__date.flex__wrap table tbody tr
    {
        flex-wrap: wrap;
        width: var(--unit-100-percent);
    }

    .form__width_half
    {
        width: 100%;
        max-width: 100%;
    }
}
/* RESOURCE #9 END */