html, body, p, a, div, ul, li { 
margin: 0;
padding: 0;
}
body {
color: #666;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
img {
height: auto;
}
.main {
max-width: 1160px;
height: 100%;
margin: auto;
}
.primaryfont {
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
color: white;
font-size: 18px;
}
.topbar {
width: 100%;
padding: 13px;
line-height: 17px;
font-size: 12px;
background-color: #427ed1;
}
.topbar a {
color: white;
padding-right: 7px;
}
.topleftbar {
display:inline-block;
padding-left: 10px;
}
.toprightbar {
float:right; 
display:inline-block;
font-size:16px;
}
.toprightbar a {
padding-right: 15px;
}
.logo {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
.mainbar {
position: sticky;
top: 0;
max-width: 1160px;
padding-right: 30px;
padding-left: 30px;
border-top: 1px solid #427ed1;
border-bottom: 1px solid #427ed1;
line-height: 30px;
background-color: white;
z-index: 101;
}
.mainbar ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
}
.mainbar ul li {
position: relative;
float: left;
cursor: pointer;
list-style: none;
}
.mainbar > ul > li:not(:last-child) {
padding-right: 30px;
}
.mainbar ul li a {
display: flex;
padding-top: 10px;
padding-bottom: 13px;
color: #333333;
text-align: center;
letter-spacing: 0;
text-transform: none;
border-top: 3px solid transparent;
}
.mainbar ul li a, .secondaryfont {
font-family: Oswald, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
}
.mainbar .active, .mainbar > ul > li:hover > a {
border-top: 3px solid #b12368;
color: #b12368;
}
.mainbar > ul > li > ul {
width: 325px;
display: none;
box-shadow: 1px 1px 30px rgba(0,0,0,.06);
background-color: #f2efef;
position: absolute;
left: 0;
z-index: 1;
transition: opacity .2s ease-in;
border-top: 3px solid #b12368;
}
.mainbar > ul > li:hover > ul {
display: block;
}
.mainbar > ul > li > ul > li {
width: 100%;
float: none;
}
.mainbar > ul > li > ul > li:hover {
background-color: #f8f8f8;
}
.mainbar > ul > li > ul > li > a {
width: 100%;
display: block;
padding: 7px 20px;
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
border-bottom: 1px solid #dcdadb;
text-align: left;
}
.footer {
padding: 25px 30px;
background-color: #427ed1;
font-weight: 400;
line-height: 30px;
}
.footer > div {
display: inline-block;
width: 33%;
vertical-align: top;
text-align: center;
}
.footer a {
color: white;
text-decoration: none;
font-weight:600;
}
.footer a:hover {
color: #c85391;
transition-property: color;
transition-duration: .2s;
transition-timing-function: linear;
}
.sociallinks a {
margin: 5px;
}
.access {
color: #8fac0d; 
font-weight: 600;
}
.access:hover {
color: #474747;
}


/* ----- MOBILE NAV ----- */
.mobilenav {
display: none;
cursor: pointer;
background-color: #f9f9f9;
border: 1px solid #dadada;
height: 33px;
padding-left: 12px;
}
.mobilenav > div {
display: inline-block;
float: right;
width: 50px;
background-color: #f9f9f9;
border-left: 1px solid #dadada;
text-align: center;
}
.mobilenav > div::before {
font-family: "Font Awesome 6 Pro"; 
font-weight: 900;
content: "\f0c9";
color: #dadada;
}
.mobilenavopen {
display: flex !important;
}
@media (max-width:1100px) {
.mainbar {
position: inherit;
padding-top: 10px;
padding-bottom: 10px;
}
.mobilenav {
display: block;
}
.mainbar .highlight, .mainbar > ul > li:hover > a {
border-top: inherit;
color: #333333;
}
.mainbar > ul {
display: none;
border: 1px solid #dadada;
}
.mainbar li:not(:last-child) {
border-bottom: 1px solid #dadada;
}
.mainbar li {
width: 100%;
background-color: #f9f9f9;
}
.mainbar > ul > li:not(:last-child) {
padding-right: inherit;
}
.mainbar ul li a, .secondaryfont {
font-family: "PT Sans", Arial, Helvetica, sans-serif;
}
.mainbar ul li a {
padding: 0 10px;
text-align: left;
font-size: 12px;
height: 35px;
line-height: 35px;
border-top: inherit;
}
.mainbar > ul > li > ul {
width: 100%;
box-shadow: inherit;
position: inherit;
left: inherit !important;
z-index: inherit;
border-top: inherit;
}
.mainbar > ul > li > ul > li:first-child {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.mainbar > ul > li > ul > li > a::before {
content: "-";
padding-right: 3px;
font-weight: 600;
}
.mainbar > ul > li > ul > li > a {
padding: 0 20px;
font-size: 12px;
border-bottom: inherit;
}
.submenu > a::after {
position: absolute;
right: 10px;
font-family: "Font Awesome 6 Pro"; 
font-weight: 900;
content: "\f078";
}
.submenu > a:hover::after {
content: "\f077";
}
.calendar {
top: 10px !important;
}
}
@media (max-width:550px) {
.topbar {
text-align: center;
}
.topleftbar {
width: 100%;
}
.toprightbar {
float: inherit;
padding-top: 10px;
}
}
@media (max-width:800px) {
.footer > div {
width: 100%;
padding-bottom: 20px;
}
}
.mm {
margin: 0;
padding: 0;
/*font-family: Calibri, Arial, Helvetica, sans-serif;*/
font-size: 11pt;
font-family: Open Sans,Arial,sans-serif;
font-weight: 500;
line-height: 1.5em;
}
.mm.page {
width: 99%;
margin: auto;
padding-bottom: 30px;
}
.mm a {
color: #2ea3f2;
text-decoration: none;
}
.mm a:target {
color: inherit;
text-decoration: none !important;
}
.mm a:hover {
text-decoration: underline;
}
.mm input[type="text"], .mm input[type="password"], 
.mm input[type="date"], .mm input[type="number"],
.mm input[type="datetime-local"],
.mm select, .mm textarea {
width: 100%;
}
.mm select {
background-color: white;
border: 1px solid #bbb;
padding: 2px;
}
.mm textarea {
height: 100%;
}
.mm input[type="text"]:read-only, .mm input[type="text"]:disabled, .mm textarea:read-only {
color: #666;
background-color: #EFEFEF;
}
.mm input[type="text"]:-moz-read-only, .mm textarea:-moz-read-only { /* For Firefox */
    color: #666;
background-color: #EFEFEF;
}

/* ------ NAV ------ */

.mm.nav {
position: fixed;
top: 0;
width: 100%;
z-index: 9;
background-color: #315b54;
line-height: inherit;
}
.mm.nav a, .mm.nav button, .mm.nav.navopen a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 12px 8px;
font-size: 17px;
}
.mm.nav button { 
float: none;
border: none;
outline: none;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.mm.nav:not(.navopen) > div > button::after {
padding-left: 5px;
font-size: 12pt;
font-family: "Font Awesome 6 Pro"; 
font-weight: 900;
content: "\f0d7";
}
.mm.nav:not(.navopen) > div:hover > button::after{
 content: "\f0d8";
}
.mm.nav > div {
float: left;
overflow: hidden;
}
.mm.nav:not(.navopen) > div > div {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.mm.nav a:hover, .mm.nav:not(.navopen) > div:hover > button {
  background-color: #ddd;
  color: black;
  text-decoration: none;
}
.mm.nav > div:hover > div {
display: block;
}
.mm.nav > div > div > a {
float: none;
color: black;
padding: 12px 16px;
display: block;
text-align: left;
}
.mm.nav .logo {
padding-right: 40px;
}
.mm.nav .mobilemenu {
display: none;
float: right;
}

/* ----- MOBILE NAV ----- */

@media (max-width:825px) {
.mm.nav a:not(:first-child), .mm.nav div {
display: none;
}
.mm.nav .mobilemenu {
display: block !important;
}
}
.mm.nav.navopen {
position: relative;
}*
.mm.nav.navopen a, .mm.nav.navopen div {
display: block !important;
float: none;
text-align: left;
}
.mm.nav.navopen .mobilemenu {
position: absolute;
right: 0;
top: 0;
}
.mm.nav.navopen a:not(:first-child), .mm.nav.navopen button {
padding-left: 15px;
}
.mm.nav.navopen div a {
padding-left: 30px !important;
}
.mm.nav button {
width: 100%;
text-align: left;
}

/* ----- END NAV ----- */

.mm table {
border-collapse: collapse;
border-spacing: 0;
}
.mm .datatable {
width: 100%;
max-width: 700px;
margin: auto;
table-layout: fixed;
}
.mm .datatable tr td {
border: 2px solid #999;
padding: 2px;
text-align: center;
vertical-align: middle;
}

.mm .datatable tr:first-child, .mm .header {
background-color: #EEE;
font-weight: bold;
text-align: center !important;
text-transform: uppercase;
height: 28px;
}

.mm .datatable .left {
text-align: left;
padding: 5px 8px;
}
.notop tr:first-child td {
border-top: 0;
}
.nobottom tr:last-child td {
border-bottom: 0;
}

.mm .entrytable {
width: 100%;
max-width: 400px;
margin: auto;
table-layout: fixed;
font-size: 11pt;
}
@media (max-width:600px) {
.mm .datatable, .mm .entrytable {
width: 98%;
}
}
.mm .entrytable tr {
border: 2px solid #999;
}
.mm .entrytable tr td {
margin: 0px;
padding: 3px !important;
text-align: left;
vertical-align: middle;
overflow: hidden;
}
.mm .entrytable .center {
text-align: center;
}
.mm .button {
width: 180px;
padding: 10px;
margin-top: 20px;
font-size: 18px;
box-sizing: border-box;
border: 1px solid #E0E2E3;
border-radius: 4px;
outline-offset: -2px;
display: inline-block;
-moz-appearance: none !important;
color: #FFF;
background-color: #7272ff;
cursor: pointer;
}
.mm .cancel.button {
    background-color: darkorange !important;
    margin-right: 20px !important;
}
.mm .small.button {
width: inherit;
padding: 0px 8px;
margin-top: inherit;
font-size: 11pt;
}
@media (max-width:400px) {
.mm .button {
width: 150px;
}
}
.req {
color: #F00;
font-size: 12pt;
}
.no-over {
white-space: nowrap;
overflow: hidden;
}
.mm .nohead tr:first-child {
background-color: transparent;
}
.mm .nohead tr td {
font-weight: normal;
text-transform: none;
border-top: inherit;
}
.scrollover1 {
overflow-x: scroll;
text-align: center;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.scrollover2 {
display: inline-block; 
}
.scroll {
xwidth: 100%;
max-height: 200px;
overflow-x: hidden;
overflow-y: scroll;
border-bottom: 2px dashed;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
xmargin-bottom: 30px !important;
}
.saved {
text-align: center;
padding-top: 10px; 
font-size: 18pt; 
color: red;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
  supported by Chrome, Edge, Opera and Firefox */
}

.mm :not(form) :invalid {
xborder: 1px solid red;
xborder: none;
    outline: 2px solid red;
}

.popup { 
position: relative;
overflow: auto !important;
cursor: help;
line-height: normal;
} 
.popup > div {
display: inline-block;
border-bottom: 2px dotted #AAA;
xxcolor:#AAAAAA;
}
.popup > div > span { 
display: none; 
position: absolute;
bottom: 90%;
left: 50%;
width: 80px;
margin-left: -40px;
border: 1px solid #000; 
background-color: white; 
border-radius: 6px;
padding: 3px; 
color: #000;
text-align: center;
font-weight: normal;
} 
.popup:hover > div > span { 
display: block;
} 
.popup > div > span::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.fa-trash-can-xmark {
color: red;
}





/* FONTS */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUtiZTaR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUliZTaR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v49/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptsans/v17/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}