/*

Colors

#fbf7ff
#f6dcff
#e7b7f7
#9664A0
#7636a5
#5f1d80
#530064

*/

@font-face
{
	font-family:"Helvetica";
	src: url("fonts/Helvetica.ttf");
	font-weight: normal;
	font-style: normal;
}
	
@font-face
{
	font-family:"Helvetica";
	src: url("fonts/Helvetica-Oblique.ttf");
	font-weight: normal;
	font-style:italic;
}

@font-face
{
	font-family:"Helvetica";
	src: url("fonts/Helvetica-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face
{
	font-family:"Helvetica";
	src: url("fonts/Helvetica-BoldOblique.ttf");
	font-weight: bold;
	font-style:italic;
}

html
{
    font-family: "Helvetica",Arial;
    color:#530064;
    -webkit-text-size-adjust:none;
}



input:read-only
{
    /*
    background-color: #555;
    color: #ababab;
    */
}

textarea
{
    height: 5em;
}

select
{
    font-family: "Helvetica",Arial;
    border: solid 0.1em #f6dcff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #9664A0;
    color: #FFF;
    text-align-last:center;
    background-image: url(images/caret-down-solid.svg);
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

option
{
    text-align: center;
}

.button
{
    text-align: center;
    margin: auto;
    width: fit-content;
}

.spanLabel
{
    text-align: center;
    margin: auto;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

a,
a:hover,
a:visited
{
    text-decoration: none;
}

a,
a:visited,
.spanHighlight
{
    color: #7636A5;
    font-weight: bold;
}

a:hover
{
    color: #9664A0;
    font-weight: bold;
}

body
{
    margin: 0em;
}

form
{
    text-align: center;
}



.mainDIV
{
    position: absolute;
    width: 100vw;
    height: 100vh;
}

.mainDIV
#successDIV,
#errorDIV,
#successDIV2,
#errorDIV2,
#errorDIV3,
#successDIV3
{
    text-align: center;
}



#errorDIV
{
    position: relative;
}

.rAlign
{
    text-align: right !important;
}












input[type="submit"],
label
{
    cursor: pointer;
    font-weight: bold;
}

input,
textarea,
.button,
.smallSquareButton,
.medSquareButton
{
    font-family: "Helvetica",Arial;
    -webkit-appearance: none;
    border: solid thin #E7B7F7 !important;
    background-color: #5f1d80 !important;
    color: #FFF !important;
    text-decoration: none;
    cursor: pointer;
    outline: none;
}





*:disabled,
.disabled
{
    cursor: unset !important;
    pointer-events: none !important;
    filter: contrast(0.5) !important;
}

.dbImportOptionLabel1,
.dbImportOptionLabel2
{
    cursor: unset !important;
    pointer-events: none !important;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.highlight
{
    filter: sepia(1) hue-rotate(180deg) brightness(0.8);
}

.selected
{
    filter: brightness(0.9) contrast(0.9);
}

.selected2
{
    background-color: #e7b7f7 !important;
}

.hidden
{
    display:none !important;
}

.italic
{
    font-style: italic;
}






.searchDIV::after
{
    content: url(images/magnifying-glass-solid.svg);
    display: block;
    position: absolute;
    filter: brightness(10);
}

.editableButtonLabel,
.buttonLabel
{
    padding: 0;
    background-color: rgba(0,0,0,0) !important;
    border: none !important;
    width: 100%;
}

.pageLoaderGIF
{
    position: fixed;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(255,255,255,0.96);
    display: flex;
}

.pageLoaderGIF img
{
    margin: auto;
}



html
{
    font-size: clamp(0.1em, 1.2vw, 1.3em);
}

input,
textarea,
input:-webkit-autofill
{
    font-size: clamp(0.1em, 1.2vw, 1em);
    padding: clamp(0.1em, 0.6vw, 0.5em);
    width: 100%;
}

input[type="checkbox"]
{
    padding: 1vw;
}

.button
{
    height: clamp(0.1em, 8vw, 6em);
    width: clamp(0.1em, 20vw, 15em);
    font-size: clamp(0.1em, 1.2vw, 1.2em);
}

.button,
.smallSquareButton,
.medSquareButton
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.smallSquareButton
{
    width: clamp(0.2em, 1.2vw, 1em);
    height: clamp(0.2em, 1.5vw, 1.15em);
    font-size: clamp(0.2em, 1.2vw, 1em);
    line-height: clamp(0.2em, 1.2vw, 1em);
}

.medSquareButton
{
    width: clamp(0.2em, 2.5vw, 1.5em);
    height: clamp(0.2em, 2.5vw, 1.5em);
    font-size: clamp(0.2em, 1.7vw, 1.3em);
    line-height: clamp(0.1em, 0.3vw, 0.5em);
    display: flex;
    align-items: center;
}

#errorDIV,
#successDIV,
.multiFieldDIV
{
    margin: clamp(0.1em, 2vw, 1.5em) clamp(0.1em, 1.5vw, 1em);
    word-break: break-word;
    line-height: clamp(0.1em, 2.5vw, 2em);
}

#errorDIV2,
#successDIV2
{
    font-size: clamp( 0.1em, 2vw, 1.4em);
}

#errorDIV3,
#successDIV3
{
    margin-top: clamp( 0.1em, 1.4vw, 1.1em);
}



select
{
    font-size: 2vw;
    padding: 0.7em;
    min-width: 30vw;
    background-position-x: right;
    background-origin: content-box;
    background-size: 1.2vw;
    outline: none;
}

body
{
    background-color: #FFF;
}



.backArrow
{
    background: url(images/angle-left-solid.svg);
    cursor: pointer;
}

.hDIV
{
    display: inline-flex;
    align-items: center;
}

.listDIV
{
    width: fit-content;
    text-align: left;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    font-size: 0.8em;
}

.lettered-list,
.numbered-list,
.upper-alpha-dot-list
{
    list-style: none;
    counter-reset: item;
}

.lettered-list > li,
.numbered-list > li,
.upper-alpha-dot-list > li
{
    counter-increment: item;
    position: relative;
    padding-left: 2em;
}

.lettered-list > li:before,
.numbered-list > li:before,
.upper-alpha-dot-list > li:before
{
    position: absolute;
    left: 0;
    width: 2em;
}

.lettered-list > li:before
{
    content: counter(item, lower-alpha) ")";
}

.numbered-list > li:before
{
    content: counter(item) ")";
}

.upper-alpha-dot-list > li:before
{
    content: counter(item, upper-alpha) ".";
}

.classicTable
{
    display: inline-grid;
    margin-bottom: 4em;
}

.classicTableRow
{
    display: inline-flex;
}

.classicTableCol
{
    text-align: left;
    border: solid thin #530064;
    padding: 0.5em;
    align-content: center;
    font-size: 0.8em;
}

.tableHeader
{
    text-align: center;
    font-weight: bold;
}

.tableRow1
{
    width: 30%;
}

.tableRow2
{
    width: 70%;
}

.generalMessageDIV
{
    width: clamp(10em, 80vw, 40em);
    margin: clamp(1em, 6vw, 6em) auto;
    font-size: clamp(0.5em, 1.3vw, 1.1em);
}

.title
{
    font-weight: 400;
    text-transform: uppercase;
}

#cookiesInstructionsDIV
{
    text-align: center;
}

#cookiesAcceptSubmit
{
    font-size: 0.8em;
    width: 13vw;
    max-width: 11em;
}

.emptyList
{
    font-style: italic;
    font-size: clamp(0.2em, 0.8vw, 0.6em);
    color: #555;
    margin: 1em 0;
}

.smallMarginRight
{
    margin-right: clamp(0.4em, 1.7vw, 1.3em);
}

.medMarginTop
{
    margin-top: clamp(2em, 4vw, 5em);
}

.purple
{
    color: #530064;
}

.teal
{
    color: #006579;
}

.gray
{
    color: #555;
}

.smallLabel
{
    font-size: clamp(0.1em, 1vw, 0.7em);
}

.dropShadow
{
    box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
}