html, body, p, a, div, ul, li { 
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
.mm {
xxposition: relative;
xxmin-height: 100vh;
font-family: Open Sans,Arial,sans-serif;
font-size: 14px;
color: #666;
line-height: 1.7em;
font-weight: 500;
}
.page {
width: 99%;
margin: auto;
}
.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;
}

.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;
}
.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 {
    outline: 2px solid red;
}

.scrollover1 {
overflow-x: scroll;
text-align: center;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.scrollover2 {
display: inline-block; 
}
.scroll {
max-height: 200px;
overflow-x: hidden;
overflow-y: scroll;
border-bottom: 2px dashed;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.popup { 
position: relative;
overflow: auto !important;
cursor: help;
line-height: normal;
} 
.popup > div {
display: inline-block;
border-bottom: 2px dotted #ccc;
}
.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;
}

.delperson {
padding-left: 20px;
}

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



/* CUSTOM */
.mm .fullpage {
min-height: 100vh;
margin-bottom: -56px;
}
.mm .page {
padding-bottom: 70px;
}
.mm .nav {
width: 100%;
height: 44px; /*86px;*/
top: 0;
line-height: normal;
font-weight: 600;
background-color: white;
box-shadow: 0 1px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
transition: all .4s ease-in-out;
}
.mm .nav .navctr {
position: relative;
width: 100%;
max-width: 100%;
padding: 0 30px;
height: 100%;
margin: auto;
}
.mm .nav .logo {
display: inline-block;
height: 100%;
}
.mm .nav img {
width: auto;
height: 100%;
padding: 2px 0; /*8px 0px;*/
}
.mm .nav .links {
display: inline-block;
float: right;
height: 100%;
padding-top: 11px; /*36px;*/
transition: all .4s ease-in-out;
}
.mm .nav .links > ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
height: 100%;
}
.mm .nav .links > ul > li {
display: block;
position: relative;
float: left;
cursor: pointer;
list-style: none;
padding-left: 19px;
}
.mm .nav .links > ul > li > a {
padding-bottom: 14px; /*32px;*/
color: rgba(0,0,0,.6);
text-decoration: none;
display: block;
position: relative;
transition: all .4s ease-in-out;
}
/* SHRINK FIXED NAV */
.mm .nav.fixed {
height: 44px;
position: fixed;
z-index: 9;
}
.mm .nav.fixed img {
padding: 2px 0px;
}
.mm .nav.fixed .links {
padding-top: 11px;
}
.mm .nav.fixed .links > ul > li > a {
padding-bottom: 14px;
}
.mm .nav .links > ul > li > a:hover {
opacity: 0.7;
}
.mm .nav .submenu > a::after {
padding-left: 3px;
font-size: 8pt;
font-family: "Font Awesome 6 Pro"; 
font-weight: 900;
content: "\f107";
}
.mm .nav .submenu:hover > a::after {
 content: "\f106";
}
.mm .nav .submenu ul {
position: absolute;
padding: 5px 0;
z-index: 9;
width: auto;
background: #fff;
visibility: hidden;
opacity: 0;
border-top: 3px solid #2ea3f2;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-transform: translateZ(0);
text-align: left;
}
.mm .nav li:hover ul {
visibility: visible;
opacity: 1;
}
.mm .nav .submenu li {
display: inline-block;
position: relative;
line-height: 2em;
word-wrap: break-word;
}
.mm .nav .submenu li a {
display: block;
position: relative;
width: 200px;
padding: 6px 20px;
color: rgba(0,0,0,.6);
text-decoration: none;
transition: all .4s ease-in-out;
}
.mm .nav .submenu li a:hover {
background-color: rgba(0,0,0,.03);
opacity: 0.7;
}
.mobilenav {
display: none;
font-size: 16pt;
color: #2ea3f2;
cursor: pointer;
}
@media (max-width:975px) {
.mm .nav .navctr {
width: 80%;
max-width: 1080px;
padding: 0;
}
.mobilenav {
display: block;
padding-bottom: 8px;
}
.mm .nav .links {
padding-top: 8px;
}
.mm .nav .links > ul {
display: none;
position: absolute;
height: auto;
left: 0;
padding: 5%;
background: #fff;
width: 100%;
z-index: 9;
border-top: 3px solid #2ea3f2;
box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
.mm .nav .links > ul > li {
width: 100%;
padding-left: 0;
}
.mm .nav .links > ul > li > a {
padding: 10px 5%;
line-height: 23px;
}
.mm .nav .submenu > a {
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.03);
}
.mm .nav .submenu > a::after {
display: none;
}
.mm .nav .submenu ul {
visibility: visible;
opacity: 1;
position: initial;
padding: 0;
border-top: inherit;
box-shadow: inherit;
-moz-box-shadow: inherit;
-webkit-box-shadow: inherit;
-webkit-transform: inherit;
}
.mm .nav .submenu ul li {
width: 100%;
padding-left: 5%;
}
.mm .nav .submenu ul li a {
width: 100%;
}
}
.mobilenavopen {
display: block !important;
}
.mm .footer {
width: 100%;
xxxposition: absolute;
bottom: 0;
background-color: #222;
}
.mm .footer > div {
padding: 15px 0 15px;
width: 80%;
max-width: 1080px;
margin: auto;
}
.mm .footer > div::after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.mm .footer .copyright {
float: left;
}
.mm .footer .sociallinks {
float: right;
}
.mm .footer .sociallinks a {
margin-left: 20px;
color: #666;
font-size: 16pt;
}
.mm .footer .sociallinks a:hover {
color: #2ea3f2;
}
@media (max-width:600px) {
.mm .footer .copyright, .mm .footer .sociallinks {
float: none;
text-align: center;
}
}