tndsr/information.html

2213 lines
56 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#000000">
<meta name="description" content="Web site created using create-react-app">
<link rel="apple-touch-icon" href="/logo192.png">
<title>Tennesse Non-Drag Storyreader Registry</title>
<style data-jss="" data-meta="MuiCssBaseline">
html {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after {
box-sizing: inherit;
}
strong, b {
font-weight: 700;
}
body {
color: rgba(0, 0, 0, 0.87);
margin: 0;
font-size: 0.875rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 1.43;
letter-spacing: 0.01071em;
background-color: #fff;
}
@media print {
body {
background-color: #fff;
}
}
body::backdrop {
background-color: #fff;
}
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiBox">
</style><style data-jss="" data-meta="MuiTypography">
.MuiTypography-root {
margin: 0;
}
.MuiTypography-body2 {
font-size: .875rem;
/* font-family: Open Sans;*/
font-weight: 400;
line-height: 1.43;
letter-spacing: 0.01071em;
}
.MuiTypography-body1 {
font-size: 1rem;
/* font-family: Open Sans;*/
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.00938em;
}
.MuiTypography-caption {
font-size: 0.75rem;
/* font-family: Open Sans;*/
font-weight: 400;
line-height: 1.66;
letter-spacing: 0.03333em;
}
.MuiTypography-button {
font-size: 0.875rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 500;
line-height: 1.75;
letter-spacing: 0.02857em;
text-transform: uppercase;
}
.MuiTypography-h1 {
font-size: 1.5rem;
/* font-family: Open Sans;*/
font-weight: 300;
line-height: 1.167;
letter-spacing: -0.01562em;
}
.MuiTypography-h2 {
font-size: 2.0rem;
/* font-family: Open Sans;*/
font-weight: 300;
line-height: 1.2;
letter-spacing: -0.00833em;
}
.MuiTypography-h3 {
font-size: 1.25rem;
/* /* font-family: Open Sans;*/*/
font-weight: 400;
line-height: 1.167;
letter-spacing: 0em;
}
.MuiTypography-h4 {
font-size: 1.0rem;
/* font-family: Open Sans;*/
font-weight: 400;
line-height: 1.235;
letter-spacing: 0.00735em;
}
.MuiTypography-h5 {
font-size: .875rem;
/* font-family: Open Sans;*/
font-weight: 400;
line-height: 1.334;
letter-spacing: 0em;
}
.MuiTypography-h6 {
font-size: 1.25rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.0075em;
}
.MuiTypography-subtitle1 {
font-size: 1.25rem;
/* font-family: Open Sans;*/
font-weight: bold;
line-height: 1.75;
letter-spacing: 0.00938em;
}
.MuiTypography-subtitle2 {
font-size: 0.9rem;
/* font-family: Open Sans;*/
font-weight: 500;
line-height: 1.57;
letter-spacing: 0.00714em;
}
.MuiTypography-overline {
font-size: 0.75rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 400;
line-height: 2.66;
letter-spacing: 0.08333em;
text-transform: uppercase;
}
.MuiTypography-srOnly {
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
}
.MuiTypography-alignLeft {
text-align: left;
}
.MuiTypography-alignCenter {
text-align: center;
}
.MuiTypography-alignRight {
text-align: right;
}
.MuiTypography-alignJustify {
text-align: justify;
}
.MuiTypography-noWrap {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.MuiTypography-gutterBottom {
margin-bottom: 0.35em;
}
.MuiTypography-paragraph {
margin-bottom: 16px;
}
.MuiTypography-colorInherit {
color: inherit;
}
.MuiTypography-colorPrimary {
color: #1b365d;
}
.MuiTypography-colorSecondary {
color: #ee3524;
}
.MuiTypography-colorTextPrimary {
color: rgba(0, 0, 0, 0.87);
}
.MuiTypography-colorTextSecondary {
color: rgba(0, 0, 0, 0.54);
}
.MuiTypography-colorError {
color: #ff1744;
}
.MuiTypography-displayInline {
display: inline;
}
.MuiTypography-displayBlock {
display: block;
}
</style><style data-jss="" data-meta="MuiTouchRipple">
.MuiTouchRipple-root {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
position: absolute;
border-radius: inherit;
pointer-events: none;
}
.MuiTouchRipple-ripple {
opacity: 0;
position: absolute;
}
.MuiTouchRipple-rippleVisible {
opacity: 0.3;
animation: MuiTouchRipple-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1);
transform: scale(1);
}
.MuiTouchRipple-ripplePulsate {
animation-duration: 200ms;
}
.MuiTouchRipple-child {
width: 100%;
height: 100%;
display: block;
opacity: 1;
border-radius: 50%;
background-color: currentColor;
}
.MuiTouchRipple-childLeaving {
opacity: 0;
animation: MuiTouchRipple-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiTouchRipple-childPulsate {
top: 0;
left: 0;
position: absolute;
animation: MuiTouchRipple-keyframes-pulsate 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite;
}
@-webkit-keyframes MuiTouchRipple-keyframes-enter {
0% {
opacity: 0.1;
transform: scale(0);
}
100% {
opacity: 0.3;
transform: scale(1);
}
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
0% {
transform: scale(1);
}
50% {
transform: scale(0.92);
}
100% {
transform: scale(1);
}
}
</style><style data-jss="" data-meta="MuiButtonBase">
.MuiButtonBase-root {
color: inherit;
border: 0;
cursor: pointer;
margin: 0;
display: inline-flex;
outline: 0;
padding: 0;
position: relative;
align-items: center;
user-select: none;
border-radius: 0;
vertical-align: middle;
-moz-appearance: none;
justify-content: center;
text-decoration: none;
background-color: transparent;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
.MuiButtonBase-root::-moz-focus-inner {
border-style: none;
}
.MuiButtonBase-root.Mui-disabled {
cursor: default;
pointer-events: none;
}
@media print {
.MuiButtonBase-root {
-webkit-print-color-adjust: exact;
}
}
</style><style data-jss="" data-meta="MuiBackdrop">
.MuiBackdrop-root {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
z-index: -1;
position: fixed;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: transparent;
}
.MuiBackdrop-invisible {
background-color: transparent;
}
</style><style data-jss="" data-meta="MuiPaper">
.MuiPaper-root {
color: rgba(0, 0, 0, 0.87);
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: #fff;
}
.MuiPaper-rounded {
border-radius: 4px;
}
.MuiPaper-outlined {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiPaper-elevation0 {
box-shadow: none;
}
.MuiPaper-elevation1 {
box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation2 {
box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation3 {
box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation4 {
box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation5 {
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation6 {
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.MuiPaper-elevation7 {
box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
}
.MuiPaper-elevation8 {
box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.MuiPaper-elevation9 {
box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
}
.MuiPaper-elevation10 {
box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
}
.MuiPaper-elevation11 {
box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
}
.MuiPaper-elevation12 {
box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation13 {
box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation14 {
box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
}
.MuiPaper-elevation15 {
box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation16 {
box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation17 {
box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
}
.MuiPaper-elevation18 {
box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
}
.MuiPaper-elevation19 {
box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
}
.MuiPaper-elevation20 {
box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation21 {
box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation22 {
box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
}
.MuiPaper-elevation23 {
box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
}
.MuiPaper-elevation24 {
box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
}
</style><style data-jss="" data-meta="MuiDialog">
@media print {
.MuiDialog-root {
position: absolute !important;
}
}
.MuiDialog-scrollPaper {
display: flex;
align-items: center;
justify-content: center;
}
.MuiDialog-scrollBody {
overflow-x: hidden;
overflow-y: auto;
text-align: center;
}
.MuiDialog-scrollBody:after {
width: 0;
height: 100%;
content: "";
display: inline-block;
vertical-align: middle;
}
.MuiDialog-container {
height: 100%;
outline: 0;
}
@media print {
.MuiDialog-container {
height: auto;
}
}
.MuiDialog-paper {
margin: 32px;
position: relative;
overflow-y: auto;
}
@media print {
.MuiDialog-paper {
box-shadow: none;
overflow-y: visible;
}
}
.MuiDialog-paperScrollPaper {
display: flex;
max-height: calc(100% - 64px);
flex-direction: column;
}
.MuiDialog-paperScrollBody {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.MuiDialog-paperWidthFalse {
max-width: calc(100% - 64px);
}
.MuiDialog-paperWidthXs {
max-width: 444px;
}
@media (max-width:507.95px) {
.MuiDialog-paperWidthXs.MuiDialog-paperScrollBody {
max-width: calc(100% - 64px);
}
}
.MuiDialog-paperWidthSm {
max-width: 600px;
}
@media (max-width:663.95px) {
.MuiDialog-paperWidthSm.MuiDialog-paperScrollBody {
max-width: calc(100% - 64px);
}
}
.MuiDialog-paperWidthMd {
max-width: 960px;
}
@media (max-width:1023.95px) {
.MuiDialog-paperWidthMd.MuiDialog-paperScrollBody {
max-width: calc(100% - 64px);
}
}
.MuiDialog-paperWidthLg {
max-width: 1280px;
}
@media (max-width:1343.95px) {
.MuiDialog-paperWidthLg.MuiDialog-paperScrollBody {
max-width: calc(100% - 64px);
}
}
.MuiDialog-paperWidthXl {
max-width: 1920px;
}
@media (max-width:1983.95px) {
.MuiDialog-paperWidthXl.MuiDialog-paperScrollBody {
max-width: calc(100% - 64px);
}
}
.MuiDialog-paperFullWidth {
width: calc(100% - 64px);
}
.MuiDialog-paperFullScreen {
width: 100%;
height: 100%;
margin: 0;
max-width: 100%;
max-height: none;
border-radius: 0;
}
.MuiDialog-paperFullScreen.MuiDialog-paperScrollBody {
margin: 0;
max-width: 100%;
}
</style><style data-jss="" data-meta="MuiGrid">
.MuiGrid-container {
width: 100%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.MuiGrid-item {
margin: 0;
box-sizing: border-box;
}
.MuiGrid-zeroMinWidth {
min-width: 0;
}
.MuiGrid-direction-xs-column {
flex-direction: column;
}
.MuiGrid-direction-xs-column-reverse {
flex-direction: column-reverse;
}
.MuiGrid-direction-xs-row-reverse {
flex-direction: row-reverse;
}
.MuiGrid-wrap-xs-nowrap {
flex-wrap: nowrap;
}
.MuiGrid-wrap-xs-wrap-reverse {
flex-wrap: wrap-reverse;
}
.MuiGrid-align-items-xs-center {
align-items: center;
}
.MuiGrid-align-items-xs-flex-start {
align-items: flex-start;
}
.MuiGrid-align-items-xs-flex-end {
align-items: flex-end;
}
.MuiGrid-align-items-xs-baseline {
align-items: baseline;
}
.MuiGrid-align-content-xs-center {
align-content: center;
}
.MuiGrid-align-content-xs-flex-start {
align-content: flex-start;
}
.MuiGrid-align-content-xs-flex-end {
align-content: flex-end;
}
.MuiGrid-align-content-xs-space-between {
align-content: space-between;
}
.MuiGrid-align-content-xs-space-around {
align-content: space-around;
}
.MuiGrid-justify-content-xs-center {
justify-content: center;
}
.MuiGrid-justify-content-xs-flex-end {
justify-content: flex-end;
}
.MuiGrid-justify-content-xs-space-between {
justify-content: space-between;
}
.MuiGrid-justify-content-xs-space-around {
justify-content: space-around;
}
.MuiGrid-justify-content-xs-space-evenly {
justify-content: space-evenly;
}
.MuiGrid-spacing-xs-1 {
width: calc(100% + 8px);
margin: -4px;
}
.MuiGrid-spacing-xs-1 > .MuiGrid-item {
padding: 4px;
}
.MuiGrid-spacing-xs-2 {
width: calc(100% + 16px);
margin: -8px;
}
.MuiGrid-spacing-xs-2 > .MuiGrid-item {
padding: 8px;
}
.MuiGrid-spacing-xs-3 {
width: calc(100% + 24px);
margin: -12px;
}
.MuiGrid-spacing-xs-3 > .MuiGrid-item {
padding: 12px;
}
.MuiGrid-spacing-xs-4 {
width: calc(100% + 32px);
margin: -16px;
}
.MuiGrid-spacing-xs-4 > .MuiGrid-item {
padding: 16px;
}
.MuiGrid-spacing-xs-5 {
width: calc(100% + 40px);
margin: -20px;
}
.MuiGrid-spacing-xs-5 > .MuiGrid-item {
padding: 20px;
}
.MuiGrid-spacing-xs-6 {
width: calc(100% + 48px);
margin: -24px;
}
.MuiGrid-spacing-xs-6 > .MuiGrid-item {
padding: 24px;
}
.MuiGrid-spacing-xs-7 {
width: calc(100% + 56px);
margin: -28px;
}
.MuiGrid-spacing-xs-7 > .MuiGrid-item {
padding: 28px;
}
.MuiGrid-spacing-xs-8 {
width: calc(100% + 64px);
margin: -32px;
}
.MuiGrid-spacing-xs-8 > .MuiGrid-item {
padding: 32px;
}
.MuiGrid-spacing-xs-9 {
width: calc(100% + 72px);
margin: -36px;
}
.MuiGrid-spacing-xs-9 > .MuiGrid-item {
padding: 36px;
}
.MuiGrid-spacing-xs-10 {
width: calc(100% + 80px);
margin: -40px;
}
.MuiGrid-spacing-xs-10 > .MuiGrid-item {
padding: 40px;
}
.MuiGrid-grid-xs-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto;
}
.MuiGrid-grid-xs-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
}
.MuiGrid-grid-xs-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%;
}
.MuiGrid-grid-xs-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%;
}
.MuiGrid-grid-xs-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%;
}
.MuiGrid-grid-xs-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%;
}
.MuiGrid-grid-xs-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%;
}
.MuiGrid-grid-xs-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.MuiGrid-grid-xs-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%;
}
.MuiGrid-grid-xs-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%;
}
.MuiGrid-grid-xs-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%;
}
.MuiGrid-grid-xs-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%;
}
.MuiGrid-grid-xs-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%;
}
.MuiGrid-grid-xs-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
}
@media (min-width:600px) {
.MuiGrid-grid-sm-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto;
}
.MuiGrid-grid-sm-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
}
.MuiGrid-grid-sm-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%;
}
.MuiGrid-grid-sm-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%;
}
.MuiGrid-grid-sm-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%;
}
.MuiGrid-grid-sm-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%;
}
.MuiGrid-grid-sm-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%;
}
.MuiGrid-grid-sm-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.MuiGrid-grid-sm-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%;
}
.MuiGrid-grid-sm-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%;
}
.MuiGrid-grid-sm-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%;
}
.MuiGrid-grid-sm-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%;
}
.MuiGrid-grid-sm-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%;
}
.MuiGrid-grid-sm-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
}
}
@media (min-width:960px) {
.MuiGrid-grid-md-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto;
}
.MuiGrid-grid-md-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
}
.MuiGrid-grid-md-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%;
}
.MuiGrid-grid-md-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%;
}
.MuiGrid-grid-md-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%;
}
.MuiGrid-grid-md-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%;
}
.MuiGrid-grid-md-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%;
}
.MuiGrid-grid-md-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.MuiGrid-grid-md-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%;
}
.MuiGrid-grid-md-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%;
}
.MuiGrid-grid-md-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%;
}
.MuiGrid-grid-md-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%;
}
.MuiGrid-grid-md-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%;
}
.MuiGrid-grid-md-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
}
}
@media (min-width:1280px) {
.MuiGrid-grid-lg-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto;
}
.MuiGrid-grid-lg-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
}
.MuiGrid-grid-lg-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%;
}
.MuiGrid-grid-lg-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%;
}
.MuiGrid-grid-lg-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%;
}
.MuiGrid-grid-lg-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%;
}
.MuiGrid-grid-lg-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%;
}
.MuiGrid-grid-lg-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.MuiGrid-grid-lg-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%;
}
.MuiGrid-grid-lg-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%;
}
.MuiGrid-grid-lg-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%;
}
.MuiGrid-grid-lg-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%;
}
.MuiGrid-grid-lg-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%;
}
.MuiGrid-grid-lg-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
}
}
@media (min-width:1920px) {
.MuiGrid-grid-xl-auto {
flex-grow: 0;
max-width: none;
flex-basis: auto;
}
.MuiGrid-grid-xl-true {
flex-grow: 1;
max-width: 100%;
flex-basis: 0;
}
.MuiGrid-grid-xl-1 {
flex-grow: 0;
max-width: 8.333333%;
flex-basis: 8.333333%;
}
.MuiGrid-grid-xl-2 {
flex-grow: 0;
max-width: 16.666667%;
flex-basis: 16.666667%;
}
.MuiGrid-grid-xl-3 {
flex-grow: 0;
max-width: 25%;
flex-basis: 25%;
}
.MuiGrid-grid-xl-4 {
flex-grow: 0;
max-width: 33.333333%;
flex-basis: 33.333333%;
}
.MuiGrid-grid-xl-5 {
flex-grow: 0;
max-width: 41.666667%;
flex-basis: 41.666667%;
}
.MuiGrid-grid-xl-6 {
flex-grow: 0;
max-width: 50%;
flex-basis: 50%;
}
.MuiGrid-grid-xl-7 {
flex-grow: 0;
max-width: 58.333333%;
flex-basis: 58.333333%;
}
.MuiGrid-grid-xl-8 {
flex-grow: 0;
max-width: 66.666667%;
flex-basis: 66.666667%;
}
.MuiGrid-grid-xl-9 {
flex-grow: 0;
max-width: 75%;
flex-basis: 75%;
}
.MuiGrid-grid-xl-10 {
flex-grow: 0;
max-width: 83.333333%;
flex-basis: 83.333333%;
}
.MuiGrid-grid-xl-11 {
flex-grow: 0;
max-width: 91.666667%;
flex-basis: 91.666667%;
}
.MuiGrid-grid-xl-12 {
flex-grow: 0;
max-width: 100%;
flex-basis: 100%;
}
}
</style><style data-jss="" data-meta="MuiSvgIcon">
.MuiSvgIcon-root {
fill: currentColor;
width: 1em;
height: 1em;
display: inline-block;
font-size: 1.5rem;
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
flex-shrink: 0;
user-select: none;
}
.MuiSvgIcon-colorPrimary {
color: #1b365d;
}
.MuiSvgIcon-colorSecondary {
color: #ee3524;
}
.MuiSvgIcon-colorAction {
color: rgba(0, 0, 0, 0.54);
}
.MuiSvgIcon-colorError {
color: #ff1744;
}
.MuiSvgIcon-colorDisabled {
color: rgba(0, 0, 0, 0.26);
}
.MuiSvgIcon-fontSizeInherit {
font-size: inherit;
}
.MuiSvgIcon-fontSizeSmall {
font-size: 1.25rem;
}
.MuiSvgIcon-fontSizeLarge {
font-size: 2.1875rem;
}
</style><style data-jss="" data-meta="MuiIconButton">
.MuiIconButton-root {
flex: 0 0 auto;
color: rgba(0, 0, 0, 0.54);
padding: 12px;
overflow: visible;
font-size: 1.5rem;
text-align: center;
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
border-radius: 50%;
}
.MuiIconButton-root:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.MuiIconButton-root.Mui-disabled {
color: rgba(0, 0, 0, 0.26);
background-color: transparent;
}
@media (hover: none) {
.MuiIconButton-root:hover {
background-color: transparent;
}
}
.MuiIconButton-edgeStart {
margin-left: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
margin-left: -3px;
}
.MuiIconButton-edgeEnd {
margin-right: -12px;
}
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
margin-right: -3px;
}
.MuiIconButton-colorInherit {
color: inherit;
}
.MuiIconButton-colorPrimary {
color: #1b365d;
}
.MuiIconButton-colorPrimary:hover {
background-color: rgba(27, 54, 93, 0.04);
}
@media (hover: none) {
.MuiIconButton-colorPrimary:hover {
background-color: transparent;
}
}
.MuiIconButton-colorSecondary {
color: #ee3524;
}
.MuiIconButton-colorSecondary:hover {
background-color: rgba(238, 53, 36, 0.04);
}
@media (hover: none) {
.MuiIconButton-colorSecondary:hover {
background-color: transparent;
}
}
.MuiIconButton-sizeSmall {
padding: 3px;
font-size: 1.125rem;
}
.MuiIconButton-label {
width: 100%;
display: flex;
align-items: inherit;
justify-content: inherit;
}
</style><style data-jss="" data-meta="makeStyles">
.jss37 {
display: flex;
overflow: hidden;
flex-wrap: wrap;
justify-content: space-around;
background-color: #fff;
}
.jss38 {
width: 500px;
height: 450px;
}
.jss39 {
color: rgba(255, 255, 255, 0.54);
}
</style><style data-jss="" data-meta="MuiContainer">
.MuiContainer-root {
width: 100%;
display: block;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width:600px) {
.MuiContainer-root {
padding-left: 24px;
padding-right: 24px;
}
}
.MuiContainer-disableGutters {
padding-left: 0;
padding-right: 0;
}
@media (min-width:600px) {
.MuiContainer-fixed {
max-width: 600px;
}
}
@media (min-width:960px) {
.MuiContainer-fixed {
max-width: 960px;
}
}
@media (min-width:1280px) {
.MuiContainer-fixed {
max-width: 1280px;
}
}
@media (min-width:1920px) {
.MuiContainer-fixed {
max-width: 1920px;
}
}
@media (min-width:0px) {
.MuiContainer-maxWidthXs {
max-width: 444px;
}
}
@media (min-width:600px) {
.MuiContainer-maxWidthSm {
max-width: 600px;
}
}
@media (min-width:960px) {
.MuiContainer-maxWidthMd {
max-width: 960px;
}
}
@media (min-width:1280px) {
.MuiContainer-maxWidthLg {
max-width: 1280px;
}
}
@media (min-width:1920px) {
.MuiContainer-maxWidthXl {
max-width: 1920px;
}
}
</style><style data-jss="" data-meta="MuiAppBar">
.MuiAppBar-root {
width: 100%;
display: flex;
z-index: 1100;
box-sizing: border-box;
flex-shrink: 0;
flex-direction: column;
}
.MuiAppBar-positionFixed {
top: 0;
left: auto;
right: 0;
position: fixed;
}
@media print {
.MuiAppBar-positionFixed {
position: absolute;
}
}
.MuiAppBar-positionAbsolute {
top: 0;
left: auto;
right: 0;
position: absolute;
}
.MuiAppBar-positionSticky {
top: 0;
left: auto;
right: 0;
position: sticky;
}
.MuiAppBar-positionStatic {
position: static;
}
.MuiAppBar-positionRelative {
position: relative;
}
.MuiAppBar-colorDefault {
color: rgba(0, 0, 0, 0.87);
background-color: #f5f5f5;
}
.MuiAppBar-colorPrimary {
color: #fff;
background-color: #1b365d;
}
.MuiAppBar-colorSecondary {
color: #fff;
background-color: #ee3524;
}
.MuiAppBar-colorInherit {
color: inherit;
}
.MuiAppBar-colorTransparent {
color: inherit;
background-color: transparent;
}
</style><style data-jss="" data-meta="MuiToolbar">
.MuiToolbar-root {
display: flex;
position: relative;
align-items: center;
}
.MuiToolbar-gutters {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width:600px) {
.MuiToolbar-gutters {
padding-left: 24px;
padding-right: 24px;
}
}
.MuiToolbar-regular {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.MuiToolbar-regular {
min-height: 48px;
}
}
@media (min-width:600px) {
.MuiToolbar-regular {
min-height: 64px;
}
}
.MuiToolbar-dense {
min-height: 48px;
}
</style><style data-jss="" data-meta="PrivateHiddenCss">
@media (min-width:0px) and (max-width:599.95px) {
.jss40 {
display: none;
}
}
@media (min-width:0px) {
.jss41 {
display: none;
}
}
@media (max-width:599.95px) {
.jss42 {
display: none;
}
}
@media (min-width:600px) and (max-width:959.95px) {
.jss43 {
display: none;
}
}
@media (min-width:600px) {
.jss44 {
display: none;
}
}
@media (max-width:959.95px) {
.jss45 {
display: none;
}
}
@media (min-width:960px) and (max-width:1279.95px) {
.jss46 {
display: none;
}
}
@media (min-width:960px) {
.jss47 {
display: none;
}
}
@media (max-width:1279.95px) {
.jss48 {
display: none;
}
}
@media (min-width:1280px) and (max-width:1919.95px) {
.jss49 {
display: none;
}
}
@media (min-width:1280px) {
.jss50 {
display: none;
}
}
@media (max-width:1919.95px) {
.jss51 {
display: none;
}
}
@media (min-width:1920px) {
.jss52 {
display: none;
}
}
@media (min-width:1920px) {
.jss53 {
display: none;
}
}
@media (min-width:0px) {
.jss54 {
display: none;
}
}
</style><style data-jss="" data-meta="MuiList">
.MuiList-root {
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
.MuiList-padding {
padding-top: 8px;
padding-bottom: 8px;
}
.MuiList-subheader {
padding-top: 0;
}
</style><style data-jss="" data-meta="MuiListItem">
.MuiListItem-root {
width: 100%;
display: flex;
position: relative;
box-sizing: border-box;
text-align: left;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
justify-content: flex-start;
text-decoration: none;
}
.MuiListItem-root.Mui-focusVisible {
background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-selected, .MuiListItem-root.Mui-selected:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.MuiListItem-root.Mui-disabled {
opacity: 0.5;
}
.MuiListItem-container {
position: relative;
}
.MuiListItem-dense {
padding-top: 4px;
padding-bottom: 4px;
}
.MuiListItem-alignItemsFlexStart {
align-items: flex-start;
}
.MuiListItem-divider {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
background-clip: padding-box;
}
.MuiListItem-gutters {
padding-left: 16px;
padding-right: 16px;
}
.MuiListItem-button {
transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiListItem-button:hover {
text-decoration: none;
background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
.MuiListItem-button:hover {
background-color: transparent;
}
}
.MuiListItem-secondaryAction {
padding-right: 48px;
}
</style><style data-jss="" data-meta="MuiDrawer">
.MuiDrawer-docked {
flex: 0 0 auto;
}
.MuiDrawer-paper {
top: 0;
flex: 1 0 auto;
height: 100%;
display: flex;
outline: 0;
z-index: 1200;
position: fixed;
overflow-y: auto;
flex-direction: column;
-webkit-overflow-scrolling: touch;
}
.MuiDrawer-paperAnchorLeft {
left: 0;
right: auto;
}
.MuiDrawer-paperAnchorRight {
left: auto;
right: 0;
}
.MuiDrawer-paperAnchorTop {
top: 0;
left: 0;
right: 0;
bottom: auto;
height: auto;
max-height: 100%;
}
.MuiDrawer-paperAnchorBottom {
top: auto;
left: 0;
right: 0;
bottom: 0;
height: auto;
max-height: 100%;
}
.MuiDrawer-paperAnchorDockedLeft {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiDrawer-paperAnchorDockedTop {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiDrawer-paperAnchorDockedRight {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.MuiDrawer-paperAnchorDockedBottom {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
</style><style data-jss="" data-meta="MuiDivider">
.MuiDivider-root {
border: none;
height: 1px;
margin: 0;
flex-shrink: 0;
background-color: rgba(0, 0, 0, 0.12);
}
.MuiDivider-absolute {
left: 0;
width: 100%;
bottom: 0;
position: absolute;
}
.MuiDivider-inset {
margin-left: 72px;
}
.MuiDivider-light {
background-color: rgba(0, 0, 0, 0.08);
}
.MuiDivider-middle {
margin-left: 16px;
margin-right: 16px;
}
.MuiDivider-vertical {
width: 1px;
height: 100%;
}
.MuiDivider-flexItem {
height: auto;
align-self: stretch;
}
</style><style data-jss="" data-meta="MuiListItemText">
.MuiListItemText-root {
flex: 1 1 auto;
min-width: 0;
margin-top: 4px;
margin-bottom: 4px;
}
.MuiListItemText-multiline {
margin-top: 6px;
margin-bottom: 6px;
}
.MuiListItemText-inset {
padding-left: 56px;
}
</style><style data-jss="" data-meta="makeStyles">
.jss55 {
display: flex;
}
.jss56 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss56 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss56 {
min-height: 64px;
}
}
.jss57 {
display: flex;
padding: 0 8px;
min-height: 56px;
align-items: center;
justify-content: flex-end;
}
@media (min-width:0px) and (orientation: landscape) {
.jss57 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss57 {
min-height: 64px;
}
}
.jss58 {
background-color: #445c7c;
}
@media (min-width:600px) {
.jss58 {
width: calc(100%);
margin-left: 280px;
}
}
.jss59 {
width: calc(100%);
}
.jss60 {
margin-right: 16px;
}
@media (min-width:600px) {
.jss60 {
display: none;
}
}
.jss61 {
flex-grow: 1;
}
@media (min-width:600px) {
.jss62 {
flex-shrink: 0;
}
}
.jss63 {
width: 280px;
}
.jss64 {
flex-wrap: nowrap;
transform: translateZ(0);
}
.jss65 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss65 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss65 {
min-height: 64px;
}
}
.jss66 {
height: 100vh;
overflow: auto;
flex-grow: 1;
}
.jss67 {
padding-top: 32px;
padding-bottom: 32px;
}
.jss68 {
display: flex;
padding: 16px;
flex-direction: column;
}
.jss69 {
height: 240px;
}
</style><style data-jss="" data-meta="makeStyles">
.jss18 {
display: flex;
}
.jss19 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss19 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss19 {
min-height: 64px;
}
}
.jss20 {
display: flex;
padding: 0 8px;
min-height: 56px;
align-items: center;
justify-content: flex-end;
}
@media (min-width:0px) and (orientation: landscape) {
.jss20 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss20 {
min-height: 64px;
}
}
.jss21 {
background-color: #445c7c;
}
@media print {
.jss21 {
display: none;
}
}
.jss22 {
width: calc(100%);
}
.jss23 {
margin-right: 0;
}
@media (min-width:600px) {
.jss23 {
display: none;
}
}
.jss24 {
margin-right: 16px;
}
.jss24:hover {
border-top: 4px solid red;
}
.jss25 {
flex-grow: 1;
}
@media (min-width:600px) {
.jss26 {
flex-shrink: 0;
}
}
.jss27 {
width: 240px;
}
.jss28 {
flex-wrap: nowrap;
transform: translateZ(0);
}
.jss29 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss29 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss29 {
min-height: 64px;
}
}
.jss30 {
height: 100vh;
overflow: auto;
flex-grow: 1;
}
.jss31 {
padding-top: 32px;
padding-bottom: 32px;
}
.jss32 {
display: flex;
padding: 16px;
flex-direction: column;
}
.jss33 {
height: 240px;
}
.jss34 {
margin-right: 16px;
}
.jss34:hover {
border-top: 4px solid red;
}
@media print {
.jss35 {
width: 100%;
}
}
@media only screen {
.jss35 {
display: none;
}
}
@media print {
.jss36 {
display: none;
}
}
</style><style data-jss="" data-meta="MuiCollapse">
.MuiCollapse-root {
height: 0;
overflow: hidden;
transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiCollapse-entered {
height: auto;
overflow: visible;
}
.MuiCollapse-hidden {
visibility: hidden;
}
.MuiCollapse-wrapper {
display: flex;
}
.MuiCollapse-wrapperInner {
width: 100%;
}
</style><style data-jss="" data-meta="MuiAccordion">
.MuiAccordion-root {
position: relative;
transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiAccordion-root:before {
top: -1px;
left: 0;
right: 0;
height: 1px;
content: "";
opacity: 1;
position: absolute;
transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: rgba(0, 0, 0, 0.12);
}
.MuiAccordion-root.Mui-expanded {
margin: 16px 0;
}
.MuiAccordion-root.Mui-disabled {
background-color: rgba(0, 0, 0, 0.12);
}
.MuiAccordion-root.Mui-expanded + .MuiAccordion-root:before {
display: none;
}
.MuiAccordion-root.Mui-expanded:first-child {
margin-top: 0;
}
.MuiAccordion-root.Mui-expanded:last-child {
margin-bottom: 0;
}
.MuiAccordion-root.Mui-expanded:before {
opacity: 0;
}
.MuiAccordion-root:first-child:before {
display: none;
}
.MuiAccordion-rounded {
border-radius: 0;
}
.MuiAccordion-rounded:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.MuiAccordion-rounded:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
@supports (-ms-ime-align: auto) {
.MuiAccordion-rounded:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
</style><style data-jss="" data-meta="MuiAccordionSummary">
.MuiAccordionSummary-root {
display: flex;
padding: 0px 16px;
min-height: 48px;
transition: min-height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiAccordionSummary-root:hover:not(.Mui-disabled) {
cursor: pointer;
}
.MuiAccordionSummary-root.Mui-expanded {
min-height: 64px;
}
.MuiAccordionSummary-root.Mui-focused, .MuiAccordionSummary-root.Mui-focusVisible {
background-color: rgba(0, 0, 0, 0.12);
}
.MuiAccordionSummary-root.Mui-disabled {
opacity: 0.38;
}
.MuiAccordionSummary-content {
margin: 12px 0;
display: flex;
flex-grow: 1;
transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiAccordionSummary-content.Mui-expanded {
margin: 20px 0;
}
.MuiAccordionSummary-expandIcon {
transform: rotate(0deg);
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.MuiAccordionSummary-expandIcon:hover {
background-color: transparent;
}
.MuiAccordionSummary-expandIcon.Mui-expanded {
transform: rotate(180deg);
}
</style><style data-jss="" data-meta="MuiAccordionDetails">
.MuiAccordionDetails-root {
display: flex;
padding: 8px 16px 16px;
}
</style><style data-jss="" data-meta="makeStyles">
.jss180 {
display: flex;
}
.jss181 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss181 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss181 {
min-height: 64px;
}
}
.jss182 {
display: flex;
padding: 0 8px;
min-height: 56px;
align-items: center;
justify-content: flex-end;
}
@media (min-width:0px) and (orientation: landscape) {
.jss182 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss182 {
min-height: 64px;
}
}
.jss183 {
background-color: #445c7c;
}
@media (min-width:600px) {
.jss183 {
width: calc(100%);
margin-left: 240px;
}
}
.jss184 {
width: calc(100%);
}
.jss185 {
margin-right: 16px;
}
@media (min-width:600px) {
.jss185 {
display: none;
}
}
.jss186 {
flex-grow: 1;
}
@media (min-width:600px) {
.jss187 {
flex-shrink: 0;
}
}
.jss188 {
width: 240px;
}
.jss189 {
flex-wrap: nowrap;
transform: translateZ(0);
}
.jss190 {
min-height: 56px;
}
@media (min-width:0px) and (orientation: landscape) {
.jss190 {
min-height: 48px;
}
}
@media (min-width:600px) {
.jss190 {
min-height: 64px;
}
}
.jss191 {
height: 100vh;
overflow: auto;
flex-grow: 1;
padding-top: 32px;
}
.jss192 {
padding-bottom: 32px;
}
.jss193 {
display: flex;
padding: 16px;
flex-direction: column;
}
.jss194 {
height: 240px;
}
/*Main Box Content*/
.modalBox {
position:fixed;
font-family: Arial, Helvetica,sans-serif;
top:0;
right:0;
bottom:0;
left:0;
background: rgba(0,0,0,0.8);
color:black;
z-index:99999;
opacity :0;
-webkit-transition:opacity 400ms ease-in;
-moz-transition:opacity 400ms ease-in;
transition:opacity 400ms ease-in;
pointer-events:none;
}
/*When the href are clicked*/
.modalBox:target {
opacity: 1;
pointer-events: auto;
}
/*Positioning of the child box*/
.modalBox>div {
width: 100%;
/*max-width: 700px;*/
position:relative;
margin:10% auto;
padding:5px 20px 13px 20px;
border-radius:0px;
background:transparent;
}
/*Positioning and style of the close button*/
.close {
background:transparent;
color:white;
line-height:10px;
position:relative;
right:1px;
text-align:center;
top:1px;
width:35px;
text-decoration:none;
font-weight:bold;
-webkit-border-radius:12px;
-moz-border-radius:12px;
border-radius:12px;
-moz-box-shadow:1px 1px 3px #000;
-webkit-box-shadow:1px 1px 3px #000;
box-shadow:none;
border:none;
}
/*Style when mouse hovers on the close button*/
.close:hover {
background:black;
color:white;
}
/*Default style of the open pop-up button*/
.button {
background-color:transparent;
border:none;
padding:0px 0px;
margin:0px 0px;
cursor:pointer;
}
</style>
</head>
<body style=""><noscript>You need to enable JavaScript to run this app.</noscript>
<!-- BLUE BACKGROUND-->
<div id="root">
<div class="App"></div>
<div class="jss247" style="margin-top: 72px;">
<header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorPrimary jss21 mui-fixed MuiPaper-elevation4">
<div class="MuiToolbar-root MuiToolbar-regular MuiToolbar-gutters">
<button class="MuiButtonBase-root MuiIconButton-root jss23 MuiIconButton-colorInherit MuiIconButton-edgeStart" tabindex="0" type="button" aria-label="open drawer"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg></span><span class="MuiTouchRipple-root"></span></button>
<a href="index.html"><img src="images/TNDSR_seal.png" width="55 px" alt="TNDSR Seal" style="margin-right: 16px;"></a>
<!--WHITE TEXT-->
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column"><h1 class="MuiTypography-root jss25 MuiTypography-h1 MuiTypography-colorInherit" style="font-weight: 700; padding-bottom: 2px;">Tennessee Non-Drag Storyreader Registry<span style="color: rgb(187, 187, 187); font-weight: lighter;">&nbsp;&nbsp;&nbsp;</span></h1></div></div>
</header>
<main class="jss146">
<div class="MuiContainer-root jss147 MuiContainer-maxWidthLg" style="margin-top: 100px">
<div><h3 class="MuiTypography-root MuiTypography-h2" style="text-align:start">FAQs</h3></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">Am I eligible to join the registry?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">The only eligibility requirement is that you must not be a drag performer. Tennessee State Law defines "drag performer" as "male or female impersonators who provide entertainment that appeals to a prurient interest."</p></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">Is there a registration fee?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">No! Registration is free!</p></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div aria-labelledby="panel1a-header" id="panel1a-content" role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">How do I join the registry?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">Registration is simple. Just gather all of the necessary materials and head over to the <a href="registration.html">Registration</a> page, which is also accessible from the homepage.</p></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">What documents do I need to apply?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">In order to certify that you are not a drag performer, we will need to verify that your appearance, gender, and biological sex all match. As such, we will need documentation of your assigned sex at birth and your current gender identity, as well as a current headshot AND a photograph of your genitalia. <br><br>The most efficient way to provide this information is by submitting a copy of your birth certificate, as well as a photo in which your head, your gentialia, and a valid government-issued ID is visible. <a class="button" href="#open" rel="nofollow">Click Here to See Example</a></p>
<div id="open" class="modalBox">
<div>
<p><a class="close" title="Close" href="#close" rel="nofollow">X</a></p>
<p><img src="/images/samplephoto.jpg" alt="" style="width:60%;"/></p>
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">Will my verification photo appear in the registry?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">No. Your photo will be used exclusively for back end verification. Once approved, your verification photo will be permanently deleted and you will be asked you submit a headshot for the registry.</p></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root">
<div class="MuiGrid-root MuiGrid-container MuiGrid-direction-xs-column">
<div class="MuiPaper-root MuiAccordion-root Mui-expanded MuiAccordion-rounded MuiPaper-elevation1 MuiPaper-rounded">
<div class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded" tabindex="0" role="button" aria-disabled="false" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded"><h3 class="MuiTypography-root MuiTypography-h3">Are there other options besides the verification photo?</h3></div>
<div class="MuiButtonBase-root MuiIconButton-root MuiAccordionSummary-expandIcon Mui-expanded MuiIconButton-edgeEnd" aria-disabled="false" aria-hidden="true"><span class="MuiTouchRipple-root"></span></div></div>
<div class="MuiCollapse-root MuiCollapse-entered" style="min-height: 0px; height: auto; transition-duration: 272ms;">
<div class="MuiCollapse-wrapper">
<div class="MuiCollapse-wrapperInner">
<div role="region">
<div class="MuiAccordionDetails-root"><div class="MuiBox-root jss246" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">Not yet. We will soon accept chromosomal blood test results. However, we will require that the test be done in our own lab in order to prevent fraud. Additionally, the applicant will agree to cover the lab fees, which, because they are elective, will likely not be covered by insurnace. </p></div>
</div></div></div></div></div></div></div></div></div></div></div></div>
<div class="MuiBox-root jss277"><div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-4" style="background-color: rgb(238, 238, 238); margin-top: 8px;"><div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-grid-sm-4"><h3 class="MuiTypography-root MuiTypography-h3">Storyreader Registry Contact</h3>
<div class="MuiBox-root jss278" style="background-color: transparent;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;"></p>
<p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">Email: <a href="mailto:webmaster@example.com">contact@tndsr.org</a></p>
</div></div>
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-align-items-xs-center MuiGrid-grid-sm-4"><img src="images/TNDSR_seal.png" alt="TNDSR seal" style="width: 120px; height: 120px;"><h6 class="MuiTypography-root MuiTypography-subtitle1" style="text-align: center; font-style: italic;">"That Books Shall Not Go Unread Nor Shall Drag Queens Read Them"</h6></div>
<!--
<div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column MuiGrid-grid-sm-4"><h3 class="MuiTypography-root MuiTypography-h3">Tennessee Bureau of Investigation</h3>
<div class="MuiBox-root jss86" style="background-color: transparent;"><h3 class="" style="margin: 15px 0px 8px; text-align: left;">Director David B. Rausch</h3><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">901 R.S. Gass Boulevard</p><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">Nashville, TN 37216</p><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">(615) 744-4000</p></div>
</div>
-->
<div class="MuiGrid-root">
<div class="MuiBox-root jss87" style="background-color: transparent; padding-left: 16px; padding-right: 16px;"><p class="" style="margin: 5px 0px; text-align: left; cursor: default; font-size: 0.875rem;">This project is run via private donations by a group of concerned citizens throughout the United States of America. The opinions, findings, and conclusions or recommendations expressed in this publication are those of the author(s) and do not necessarily reflect those of the entire organization.</p></div></div>
<div class="MuiGrid-root"></div><div class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-direction-xs-column"><hr class="MuiDivider-root"><span class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextPrimary MuiTypography-alignCenter">Founded 2022</span><hr class="MuiDivider-root">
</div></div></div></div></main></div></div></body></html>