html, body, p, a, div, ul, li { 
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
}
img {
height: auto;
}
.mm {
margin: 0;
padding: 0;
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;
}

.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;
}


/* CUSTOM */

.mainbar {
display: block;
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
z-index: 9;
background-color: #1e73be;
}
.mblogo {
text-align: center;
}
.mblogo img {
height: 58px;
}
.mbsocial {
position: fixed;
top: 20px;
right: 12%;
}
@media (max-width:800px) {
.mbsocial {
display: none;
}
}
.mbsocial > a {
color: white;
opacity: 0.7;
transition: opacity 0.25s ease;
}
.mbsocial > a:not(:last-child) {
padding-right: 23px;
}
.mbsocial > a:hover {
opacity: 1;
}
.navbutton {
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
background: #9d3c96;
cursor: pointer;
}
.navbutton > span {
display: block;
width: 32px;
height: 2px;
margin: 0 auto 5px auto;
border-radius: 2px;
background: #fff;
transition: all 0.3s;
}
.navbutton > span:first-child {
margin-top: 20px;
position: relative;
top: 0;
}
.navbutton > span:nth-child(2) {
opacity: 1;
}
.navbutton > span:last-child {
position: relative;
 top: 0;
margin-bottom: 0;
}

.navbutton.open > span {
background: black;
}
.navbutton.open > span:first-child {
top: 7px;
transform: rotate(-45deg);
}
.navbutton.open > span:nth-child(2) {
opacity: 0;
}
.navbutton.open > span:last-child {
top: -7px;
transform: rotate(45deg);
}

.navpopup {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 100vh;
opacity: 0;
background: rgba(0, 0, 0, 0.25);
transition: opacity 0.5s ease;
}
.navpopup.open {
width: 100%;
opacity: 1;
}
.navbar {
display: block;
width: 260px;
height: 100vh;
position: fixed;
top: 0px;
left: -100%;
background: white;
transition: 0.5s ease;
transition-property: left, opacity, overflow;
opacity: 0;
overflow: hidden;
}
.navpopup.open > .navbar {
left: 0;
opacity: 1;
overflow: scroll;
scrollbar-width: none; 
-ms-overflow-style: none;
}
.navpopup > .navbar::-webkit-scrollbar {
display: none;
}

.navbar > ul {
padding-top: 100px;
list-style: none;
color: #151515;
}
@media (max-height:450px) {
.navbar > ul {
padding-top: 70px;
}
}
.navbar > ul li {
display: block;
width: 100%;
overflow: hidden;
}
.navbar > ul li > a {
display: block;
width: 100%;
padding-left: 50px;
font-family: Fira Sans Condensed, Arial;
font-size: 24px;
font-weight: 700;
font-stretch: condensed;
color: #262626;
line-height: 1.75;
letter-spacing: -0.2px;
text-transform: uppercase;
}

.navbar > ul li:hover > a {
color: white;
}

.navbar > ul li::before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 42px;
background-color: #9d3c96;
opacity: 0;
transform: scale3d(0.7, 1, 1);
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
z-index: -1;
}
.navbar > ul li:hover::before {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.navbar > ul > li > ul {
padding-bottom: 80px;
}
.navbar > ul > li > ul > li:first-child{
display: none; /* Remove Double My Account */
}
.navbar > ul > li > ul > li > a {
padding-left: 70px;
}
.mm.page {
padding-top: 60px;
}