/* ***********************************************************************/

/*                         CSS for Shared Content                        */

/* ***********************************************************************/
* {
    font-family: "Outfit", "Segoe UI", sans-serif;
    font-optical-sizing: auto;
	font-size: 100%;
    font-weight: 300;
	line-height: 150%;
    font-style: normal;
	text-rendering: optimizeLegibility;
    color:#444444;
}

a, a:visited, a i, a:visited i {
    font-weight: 500;
	text-decoration: none;
	color: #47A9A7;
}
a:active, a:hover, a:active i, a:hover i {
	text-decoration: underline;
    color: #FFA500;
}

img { border: 0; }
.imgLeft { 
    float: left;
    margin: 0 25px 15px 0;
}
.imgRight {
    float: right;
    margin-left: 0 0 15px 25px;
}

p, a, ul, li, textarea {
	font-size: 0.9rem;
}
p, ul, li {
    font-weight: 400;
}
li { line-height: 175%; }
.unfloat { display: inline-block; }
h1, h2, h3, h4, h5, h6 {
    font-family: "Lexend Deca", sans-serif;
    font-weight: 400;
    margin: 1rem 0;
}
h1 { font-size: 1.5rem; font-weight: 500; margin-left: 30px; }
h2 { font-size: 1.4rem; font-weight: 500; }
h3 { font-size: 1.2rem; font-weight: 500; }
h4 { font-size: 1.2rem; font-weight: 500; color: #32327A; }
h5 { font-size: 1.15rem; font-weight: 500; }
h6 { font-size: 1.1rem; font-weight: 500; }
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top { margin-top: 0; }

textarea, select {
    border: 1px solid #DDDDDD;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
    font-weight: 500;
}
canvas {
    border: 2px solid #DDDDDD;
    margin: 10px 0;
}

hr { 
    background-color: #EAEAEA;
    height: 1px;
    border: 0 none;
    margin: 30px 0;
}

.contentCollapsed h1 { margin-left: 0; }

strong { font-weight: 600; }

p.highlight {
    font-weight: 600;
    font-size: 1rem;
    color:#5C5C5C;
}
p.highlight a { font-size: 1.1rem; }
a.highlight {
    font-size: 1rem; 
    font-weight: 600; 
}
span.highlight {
    font-weight: 600;
    color: #32327A;
}
ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
    font-size: 1.3rem;
    font-weight: 500;
}
ul.spotlight, ol.spotlight {
    display: inline-block;
}
ul.linkList, .downloadButton {
    padding-left: 10px;
}
ul.linkList li, .downloadButton button {
    list-style-type: none;
    border: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    margin-bottom: 10px;
}
ul.floatLinks li {
    float: left;
    width: 350px;
    margin-right: 20px;
}
ul.linkList li:hover, .downloadButton button:hover {
    border: 1px solid #8CC1C1;
}
ul.linkList li, ul.linkList a, ul.linkList a:visited, ul.linkList a i, ul.linkList a:visited i, .downloadButton button, .downloadButton i, .linkButton {
    line-height: 260%;
    font-size: 20px;
    font-weight: 500;
    color: #444444;
    white-space: nowrap;
}
ul.linkList a {
    padding: 14px 75px 14px 25px;
}
ul.linkList a:hover, ul.linkList a:active, ul.linkList li:hover i, ul.linkList li:hover a, .downloadButton button:hover, .downloadButton button:active, .downloadButton button:hover i {
    color: #47A9A7;
    text-decoration: none;
}
.downloadButton {
    margin: 20px 0;
    display: inline-block;
}
.downloadButton button {
    border-radius: 0;
    text-transform: none;
    padding: 0 75px 0 25px;
    font-size: 18px; /* No idea why this needs to be set; at 20px on linkList and this class, the sizes aren't the same. 18px here -> 20px there makes it the same for some unknown, evil reason. */
}
.downloadButton button:hover {
    background-color: #F9F9F9;
}

ul i, .downloadButton i {
    margin: 0 15px 0 0;
}
div.pageButton {
    margin: 30px auto 40px auto;
    text-align: center;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.noBR {
    white-space: nowrap;
}
p.smallBreak {
    padding: 0;
    margin: 0;
    height: 5px;
    line-height: 0;
}

.arrowLink { 
    line-height: 1.5rem;
    margin-bottom: 15px;
}
.arrowLink a { 
    font-size: 1.15rem;
    text-decoration: none;
}
.arrowIcon { 
    font-size: 24px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}
.showRed { color: #C00004; }
.showGreen { color: #096509; }
.showYellow { color: #D9C811; }
.noBorder { border: 0 none !important; } 
.hidden { display: none !important; }

button { cursor: pointer; }

@media (max-width: 768px) {  
    h1 { font-size: 1.4rem; }
    h2 { font-size: 1.3rem; }
    h3 { font-size: 1.15rem; }
    h4 { font-size: 1.15rem; }
    h5 { font-size: 1.1rem; }
    h6 { font-size: 1.05rem; }
    p, a, ul, li, textarea { 
        font-size: 0.85rem;
    }
    p.highlight, p.highlight a, a.highlight {
        font-size: 0.9rem;
    }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
        font-size: 1.25rem;
    }
    ul.linkList li, ul.linkList a {
        font-size: 1.25rem;
    }
}
@media (max-width: 600px) { 
    h1 { 
        font-size: 1.3rem;
        margin-left: 0; 
    }
    h2 { font-size: 1.2rem; }
    h3 { font-size: 1.1rem; }
    h4 { font-size: 1.1rem; }
    h5 { font-size: 1.05rem; }
    h6 { font-size: 1rem; }
    p, a, ul, li, textarea { 
        font-size: 0.8rem;
    }
    p.highlight, a.highlight {
        font-size: 0.85rem;
    }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a {
        font-size: 1.15rem;
    }
    ul.linkList li, ul.linkList a {
        font-size: 1.15rem;
    }
    ul {
        padding-left: 25px;
    }
    .imgLeft { 
        margin: 0 12px 5px 0;
    }
    .imgRight {
        margin-left: 0 0 5px 12px;
    }
    .arrowLink a { font-size: 1.1rem; }
    .arrowIcon {
        font-size: 21px;
        top: 1px;
    }
}
@media (max-width: 480px) { 
    h1 { font-size: 1rem; }
    h2 { font-size: 0.95rem; }
    h3 { font-size: 0.9rem; }
    h4 { font-size: 0.9rem; }
    h5 { font-size: 0.85rem; }
    h6 { font-size: 0.8rem; }
    ul.linkList { padding-left: 0; }
    ul.spotlight li, ul.spotlight a, ol.spotlight li, ol.spotlight a { font-size: 1rem; }
    ul.linkList li, ul.linkList a { font-size: 1rem; }
    ul.linkList li, ul.linkList a, ul.linkList a i { 
        line-height: 240%; 
    }
    ul.linkList a { 
        padding: 12px 25px 12px 20px; 
        position: relative;
        top: -2px;
    }
    ul i { 
        position: relative;
        top: 2px;
    }
    .arrowLink a { font-size: 0.9rem; }
    .arrowIcon {
        font-size: 18px;
        top: 1px;
    }
    .downloadButton button {
        font-size: 16px;
        line-height: 220%;
        padding: 0 50px 0 20px;
    }
    .downloadButton i {
        font-size: 18px;
        line-height: 220%;
    }

}

.scrollSection {
    width: 100%;
    overflow-x: scroll;
    scrollbar-color: #64ACAA #DDDDDD;
    margin-bottom: 50px;
}
.scrollSection::-webkit-scrollbar-thumb {
    height: 25px;
}
.scrollSection {
    scrollbar-width: auto;
}
.dataTable.scrollTable td, .dataTable.scrollTable td:first-child, .dataTable.scrollTable th, .scrollTable td, .scrollTable th { 
    white-space: nowrap; 
    padding: 8px 12px;
}
/*
.dataTable.scrollTable tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}
.dataTable.scrollTable tbody tr:nth-child(even) {
    background-color: #F2F2F2;
}
*/
.scrollTable tr:nth-child(odd) {
    background-color: #FFFFFF;
}
.scrollTable tr:nth-child(even) {
    background-color: #F2F2F2;
}

@media (max-width: 600px) {  
    .dataTable.scrollTable td, .dataTable.scrollTable th, .scrollTable td, .scrollTable th { padding: 8px 10px; }
}
@media (max-width: 600px) {  
    .dataTable.scrollTable td, .dataTable.scrollTable th, .scrollTable td, .scrollTable th { padding: 6px 8px; }
}

/* *************************** Forms ********************************/
.formHeader, .centeredDataTable thead {
    font-family: 'Lexend Deca';
    background-color: #666666;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    font-size: 1.05rem;
    font-weight: 400;
    text-align: left;
    min-width: 300px;
    letter-spacing: 0.2px;
}
.formHeaderError {
    background-color: red;;
}
.centeredForm, .centeredDataTable {
    max-width: 768px;
    margin: 0 auto;
    padding: 40px 0 50px 0;
    display: table;
}
.centeredTable {
    width: 100%;
    background-color: #EEEEEE;
}
fieldset {
    background-color: #EEEEEE;
    border: 0;
    margin: 0;
    padding: 40px 2.5vw 50px 2.5vw;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: table;
    min-width: 300px;
}
fieldset p {
    font-weight: 400;
}
fieldset hr {
    background-color: #DDD;
    margin: 24px 0;
}
fieldset p.highlight {
    font-weight: 700;
    letter-spacing: 0.1px;
}
.formGroup, .formField, .formGroup label {
    line-height: 50px;
}
.formGroup {
    display: table-row;
    min-height: 50px;
}
.formField, .formGroup label, .fieldError {
    display: table-cell;
    vertical-align: middle;
}
.formGroup .radioButtons label {
    display: inline-block;
    min-width: 0;
    padding: 0 12px 0 4px;
}
.formGroup, .formGroup label, input, select, option {
    font-family: 'Segoe UI';
    font-weight: 600;
}
.formGroup label {
    min-width: 110px;
    padding-right: 15px;
    white-space: nowrap;
    vertical-align: middle;
}
input {
    font-size: 1rem;
    margin: 5px auto;
    padding: 6px 10px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    font-size: 0.9rem;
    color: #444444;
    outline: #AAAAAA;
}
input::placeholder {
    color: #DDDDDD;
}
select {
    font-size: 0.9rem;
    padding: 7px 10px;
}


.formButton {
    width: 100%;
    text-align: center;
    margin: 30px auto 10px auto;
    display: inline-block;
}
.multiButton .formButton {
    margin-bottom: 0;
}
.centeredButton {
    text-align: center;
}
a.linkButton, a.linkButton:visited, button {
    font-family: 'Lexend Deca';
    padding: 10px 30px;
    background-color: #8CC1C1;
    border: 1px solid #6CB0AF;
    border-radius: 5px;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    text-decoration: none;
    white-space: nowrap;
}
a.linkButton {
    padding: 12px 30px;
}
a.linkButton:active, a.linkButton:hover, button:hover {
    background-color: #FFA500;
    border-color: #D08900;
    text-decoration: none;
}
.formError, .formMessage {
    border: 1px solid #FF0000;
    border-radius: 5px;
    background-color: #FFC7C1;
    color: #FF0000;
    margin: 0 0 35px 0;
    padding: 20px;
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 1rem;
    line-height: 180%;
}
.formError {
    border: 1px solid #FF0000;
    background-color: #FFC7C1;
    color: #FF0000; 
}
.formError a, .formError a:visited {
	text-decoration: underline;
	color: #A52A2A;
}
.formError a:active, .formError a:hover {
	text-decoration: underline;
    color: #FFA500;
}
.formMessage {
    border: 1px solid #64ACAA;
    background-color: #F5F5F5;
    color: #64ACAA; 
}
.formMessage a, .formMessage a:visited {
	text-decoration: underline;
	color: #64ACAA;
}
.formMessage a:active, .formMessage a:hover {
	text-decoration: underline;
    color: #8CC1C1;
}
.fieldError {
    color: #FF0000;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 0.8rem;
    display: none;
    padding-left: 15px;
    line-height: 110%;
    vertical-align: middle;
    min-width: 150px;
}
.formFooter {
    border-top: 1px solid #E1E1E1;
    padding: 25px 0 5px 0;
    margin-top: 25px;
    text-align: left;
}
.formFooter a {
    font-size: 1rem;
    font-weight: 500;
    display: block;
    line-height: 2.2rem;
}
.formFooter a, .formFooter a:visited {
	text-decoration: none;
	color: #64ACAA;
}
.formFooter a:active, .formFooter a:hover {
	text-decoration: none;
    color: #FFA500;
}
.formFooter a::before, .formFooter a:visited::before  {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%2364ACAA" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.74 15.53L14.26 12L10.74 8.46997" stroke="%2364ACAA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 25px;
    width: 33px;
    vertical-align: -7px;
}
.formFooter a:active::before, .formFooter a:hover::before  {
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%23FFA500" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.74 15.53L14.26 12L10.74 8.46997" stroke="%23FFA500" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
}
input[type=file] {
    border-radius: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
    font-size: 16px;
    color: #444444;
    background-color: #F9F9F9;
    padding: 8px 15px 8px 10px;
    margin: 0 15px 0 0;
    min-width: 500px;
}
input[type="file"]::file-selector-button {
    border: 1px solid #6CB0AF;
    border-radius: 5px;
    background-color: #8CC1C1;
    text-transform: uppercase;
    padding: 4px 8px;
    font-family: 'Lexend Deca', sans-serif;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 14px;
    margin-right: 15px;
}
input[type="file"]::file-selector-button:hover {
    background-color: #FFA500;
    border-color: #D08900;
}
.fileUpload {
    white-space: nowrap;
}

input.disabled { 
    background-color: #F2F2F2;
}

input.foundError, textarea.foundError, select.foundError {
    color: #D9272A;
    border-color: #E0BABB;
    background-color: #FEFBF8;
}

@media (min-width: 1440px) {  
    fieldset {
        padding: 40px 30px 60px 30px;
    }
    .searchCriteriaForm fieldset { padding-top: 15px; }
}
@media (max-width: 1024px) {  
    input[type=file] {
        min-width: 400px;
    }
}
@media (max-width: 768px) {  
    fieldset {
        padding: 35px 3.25vw 50px 3.25vw;
    }
    .searchCriteriaForm fieldset { padding-top: 10px; }
    .centeredForm {
        padding-top: 40px;
    }
    .fieldError {
        min-width: 110px;
    }
    .fileUpload button {
        display: block;
        margin: 10px auto;
    }
    input[type=file] {
        font-size: 15px;
        min-width: 360px;
    }
    input[type="file"]::file-selector-button {
        font-size: 12px;
    }
}
@media (max-width: 600px) {  
    a.linkButton, a.linkButton:visited, button {
        padding: 8px 20px;
        font-size: 0.9rem;
    }
    a.linkButton {
        padding: 10px 20px;
    }
    .formHeader {
        font-size: 1rem;
    }
    input {
        font-size: 0.8rem;
        padding: 5px 8px;
    }
    select {
        font-size: 0.8rem;
        padding: 6px 8px;
    }
    label {
        font-size: 0.85rem;
    }
    .centeredForm {
        padding-top: 30px;
    }
    .formField {
        display: block;
        padding: 0 0 6px 0;
        text-align: left;
    }
    .formGroup label {
        display: block;
        line-height: 24px;
        text-align: left;
    }
    .fieldError {
        padding-left: 0;
    }
    .formGroup, .formField, .formGroup label {
        line-height: 38px;
    }
} 
@media (max-width: 480px) {  
    fieldset {
        padding: 30px 15px 40px 15px;
    }
    .searchCriteriaForm fieldset { padding-top: 10px; }
    .centeredForm {
        padding-top: 20px;
    }
    .fieldError {
        min-width: 70px;
    }
    input[type=file] {
        font-size: 14px;
        min-width: initial;
        width: 100%;
    }
    input[type="file"]::file-selector-button {
        font-size: 10px;
    }
}


/* ************************ Form Plain Text  ****************************/
.formNotes {
    margin-bottom: 30px;
}
.formNotes, .formNotes span, .formNotes div {
    text-align: left;
}
.formNotes .dataLabel { 
	font-size: 1rem;
    font-weight: 400;
    white-space: nowrap;
    color: #328281;
    margin-right: 10px;
}
.formNotes .dataContent { 
	font-size: 1rem;
    font-weight: 400;
}
.formNotes .dataContent a { font-size: 1rem; }
.formNotes a, .formNotes a:visited, .formNotes a i, .formNotes a:visited i {
	text-decoration: none;
	color: #32327A;
}
.formNotes a:active, .formNotes a:hover, .formNotes a:active i, .formNotes a:hover i {
	text-decoration: none;
    color: #EB7637;
}

@media (max-width: 768px) { 
    .formNotes .dataLabel, .formNotes .dataContent, .formNotes .dataContent a { font-size: 0.9rem; }
}
@media (max-width: 480px) { 
    .formNotes .dataLabel, .formNotes .dataContent, .formNotes .dataContent a { font-size: 0.8rem; }
}


/* *************************** Data Tables ********************************/
.dataTable {
    width: 100%;
    margin: 25px 0 20px 0;
}
.dataTable.dataTablePadded {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.dataTableCentered, .dataTableHeaderCentered {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.dataTableHeader {
    font-family: "Lexend Deca", sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    border-bottom: 1px solid #DDD;
    margin-top: 30px;
    margin-bottom: 20px;
}
.dataTable thead, .dataTable thead th {
    font-family: 'Lexend Deca', sans-serif;
    background-color: #666666;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    border: 1px solid #666666;
}
.dataTable tr {
    background-color: #EEEEEE;
    margin: 0;
    border: 1px solid #DDD;
    border-top: none;
}
.alternateRowColor tr {
    background-color: #FFFFFF;
}
.alternateRowColor tr:nth-child(2n) {
    background-color: #F2F2F2;
}
.dataTableLarge th, .dataTableLarge td {
    padding: 10px;
}
.dataTableLarge td:first-child, .dataTableMedium th:first-child {
    padding-left: 12px;
}
.dataTableLarge td:last-child, .dataTableMedium th:last-child {
    padding-left: 12px;
}
.dataTableMedium th, .dataTableMedium td {
    padding: 10px 8px;
}
.dataTableMedium td:first-child, .dataTableMedium th:first-child {
    padding-left: 10px;
}
.dataTableMedium td:last-child, .dataTableMedium th:last-child {
    padding-right: 10px;
}
.dataTableSmall th, .dataTableSmall td {
    padding: 8px 6px;
}
.dataTableSmall td:first-child, .dataTableSmall th:first-child {
    padding-left: 10px;
}
.dataTableSmall td:last-child, .dataTableSmall th:last-child {
    padding-right: 10px;
}
.dataTableLarge td, .dataTableLarge td span {
    font-size: 1.2rem;
    font-weight: 400;
}
.dataTableMedium td, .dataTableMedium td span {
    font-size: 1.1rem;
    font-weight: 400;
}
.dataTableSmall td, .dataTableSmall td span {
    font-size: 1rem;
    font-weight: 400;
}
.dataTable select, .dataTable option {
    font-size: 0.9rem;
    padding: 5px 10px;
    font-weight: 600;
    font-family: 'Segoe UI';
    text-align: center;
}

.dataTable button, .tableButton {
    padding: 6px 20px;
    font-size: 0.85rem;
}

.dataTableSubText {
    font-size: .9rem;
    font-weight: 400;
}
.centeredContent thead, .centeredContent thead th, .centeredContent tr, .centeredContent tr td {
    text-align: center;
}
.centered, .dataTable thead th.centered, .dataTable tbody td.centered { text-align: center; }
.greyedOut { color: #BBBBBB; }
.redNote { color: maroon; }
.dataTable .boldCell { font-weight: 700; }


.dataTable tr.dataTableTotals, .dataTable.scrollTable tr.dataTableTotals {
    background-color: #E2E2E2;
    border-color: #CCCCCC;
}
.dataTableTotals td {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 170%;
}
.dataTableTotals td:first-child {
    text-align: right;
    margin-right: 10px;
}

@media (max-width: 1024px) {  
    .dataTableMedium thead, .dataTableMedium thead th { font-size: 0.9rem; }
    .dataTableSmall thead, .dataTableSmall thead th { font-size: 0.9rem; }
    .dataTableMedium td, .dataTableMedium td span { font-size: 0.9rem; }
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.8rem; }
} 
@media (max-width: 800px) {  
    .hideLarge { display: none; }
} 
@media (max-width: 768px) {  
    .dataTable.dataTablePadded { width: 95%; }
    .hideMedium { display: none; }
} 
@media (max-width: 600px) {  
    .dataTableHeader { font-size: 1.1rem; }
    .dataTableSubText { font-size: .8rem; }
    .hideSmall { display: none; }
    .dataTableTotals td { font-size: 0.9rem; }
} 
@media (max-width: 480px) { 
    .dataTableHeader { font-size: 0.9rem; }
    .dataTableLarge thead, .dataTableLarge thead th { font-size: 0.8rem; }
    .dataTableMedium thead, .dataTableMedium thead th { font-size: 0.8rem; }
    .dataTableSmall thead, .dataTableSmall thead th { font-size: 0.8rem; }
    .dataTableLarge td, .dataTableLarge td span { font-size: 0.9rem; }
    .dataTableMedium td, .dataTableMedium td span { font-size: 0.8rem; }
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.8rem; }
    .dataTableMedium th, .dataTableMedium td { padding: 8px 6px; }
    .dataTableMedium td:first-child { padding-left: 8px; }
    .dataTableSmall th, .dataTableSmall td { padding: 8px 4px; }
    .dataTableSmall td:first-child { padding-left: 6px; }
    .dataTableLarge button {
        padding: 6px 10px;
        font-size: 0.7rem;
    }
    .dataTableSubText { font-size: .7rem; }
    .dataTable select, .dataTable option {
        font-size: 0.75rem;
        padding: 4px;
    }
    .hideTiny { display: none; }
}
@media (max-width: 400px) { 
    .dataTableSmall td, .dataTableSmall td span { font-size: 0.7rem; }
    input[type="checkbox"] {
        height: 18px;
        width: 18px;
    }
}