.efile {
  @media screen and (max-width: 600px) {.smcell {width: 100%; height: 1.5rem;} }
  h3 {letter-spacing: .25rem;}
}

.eupdreg {
  th {border-bottom:1px solid #FF6;}
  th, td {font-size:.75rem;}
  input, input::-webkit-input-placeholder {font-size: 11px;}
}

html {
   font-size:16px;
   overflow-x:hidden;
   height:100%;
   margin:0;
   padding:0;
}

body {
   font-size:.87rem;
   margin:0 auto 0;
   text-align:center;
   padding:1.5rem 0;
}

* {box-sizing:border-box;}

body a, html a   {text-decoration: none;}
a:link, a:active {outline:none;}
a:hover          {text-transform: uppercase;}


@keyframes ants { to { background-position: 100% 100% } }
.ants {
  padding: .1rem .2rem;
  border: 1px solid transparent;
  animation: ants 12s linear infinite;
  border-radius:.5rem;
  background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, red 0, red 25%, transparent 0, transparent 50%) 0 / .6rem .6rem;
}

.center   {text-align:center; margin:0 auto;}
.right    {text-align:right;  padding-right:.25rem;}
.left     {text-align:left;   padding-left:.25rem;}
.clear    {clear:both;height:1px;display: block;}

.cf:before .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.canvas {
   font-size: .87rem;
}

.stage, .platform {
   font-size: 1rem;
}

.canvas, .stage, .platform {
   text-align: center;
   padding: .5rem 0;
   font-weight: 600;
   line-height: 1.1;
   border-radius: .375rem;
}

.backwash {
   text-align: center;
   padding: .5rem 0;
   font-weight: 600;
   font-size: 1rem;
   line-height: 1.1;
   border-radius: .375rem;
}

.idle {
  text-align: center;
  color: #333;
  margin: 2rem auto;
  line-height: 1.4;
  font-size: 1.1rem;
  padding: 1rem;
  font-weight: bold;
  border-radius: .375rem;
}

img {overflow: hidden; border: none;}

.image-container {
   background: #fffff4;
   color: #333;
   margin: 0 auto;
   text-align: center;
   padding: .7rem;
   font-weight: bold;
   font-size: 1rem;
   border-radius: .375rem;
}

.recap {
   margin: 0 auto;
   text-align: center;
   color: #333;
   padding: .2rem;
   font-weight: bold;
   font-size: .87rem;
   border-radius: .375rem;
}

.recap-header {
   color:#036;
   font-size:.725rem;
}

.recap-data {
   color:#930007;
   font-size:.9rem;
}

.recap-container {
  margin:0 auto;
  text-align:center;
}

.disabled {
	pointer-events: none;
	background-color: #f8f8f8 !important;
	color: #000;
}

.error {font-weight: bold;}

.error-message {
   background: #fff1f2;
   color: #d6001c;
   border: 1px solid #ffd5da;
   border-radius: .25rem;
   padding: .44rem .625rem;
   margin: 1.875rem 0px .625rem;
}

.serif {font-family: Cambria, Garamond, Georgia, Times, "Times New Roman", Book Antiqua, serif;}
.sans  {font-family: Verdana, Helvetica, Tahoma, Calibri, Arial, sans-serif;}
.monospace {font-family: Consolas, monaco, "Lucida Console", Courier New, Courier, monospace;}


/*          even and odd          */
.lists tr:nth-child(even) {
  background: #f2f2f2;
  color: #101010;
}

.lists tr:nth-child(odd) {
  background: #dcdcdc;
  color: #101010;
}

.evenRow .oddRow {
  font-size: .75rem;
  font-weight: 600;
}

.evenRow {
  background: #f2f2f2;
  color: #101010;
  border:1px solid #dcdcdc;
}

.oddRow {
  background: #dcdcdc;
  color: #101010;
  border:1px solid #F8F8F8;
}

.evenRow:hover .oddRow:hover {
  font-weight: 700;
  background: #fc3;
  color: #101010;
}

.ex-it {
  background:#036;
  color:#fff;
  width:20%;
  line-height:1.5;
  text-align:center;
  margin:6rem auto 0;
  font-weight:bold;
}

tr.btmspace>td {padding-bottom: .4rem;}

/* make a <br> line height less than normal */
br.px4, br.px3, br.px2, br.px1 {display: block;  content: "";}
br.px4 {margin-top:-4px; }
br.px3 {margin-top:-3px; }
br.px2 {margin-top:-2px; }
br.px1 {margin-top: 1px; }

hr.s8 {width: 80%;}
hr.s7 {width: 70%;}
hr.s6 {width: 60%;}
hr.s5 {width: 50%;}
hr.s4 {width: 40%;}

hr.w9, hr.w7, hr.w5 {background: #FF6;   height:.25rem;   margin:.25rem auto .25rem;   border: .125rem solid #036;}
hr.w9 {width: 90%;}
hr.w7 {width: 70%;}
hr.w5 {width: 50%;}

hr.hrwp {width: 70%;   height: .125rem;   margin: 1rem auto;   border-top: .188rem solid #036;}

div.payby {
  width:fit-content;
  line-height:1.8;
  text-align:center;
  margin:12.5rem auto 0;
  font-size: 1.1rem;
  background:#FF6;
  color:#000;
  border:1px solid #000;
  font-variant:small-caps;
  padding:0 2rem;
  font-weight:bold;
}

div.tyofev {
  margin:1rem auto 0;
  text-align:center;
  font-size:.9rem;
  padding:0 .75rem;
  border-radius: .375rem;
  border:1px solid #333;
}

div span.tyofev {
  color:#F00;
  font-size:.9rem;
  line-height:1.7;
  letter-spacing:2px;
}

div.upd {
  width:fit-content;
  line-height:1.8;
  text-align:center;
  padding:0 2rem;
  margin:12.5rem auto 0;
  font-size: 1.1rem;
  font-weight:bold;
  font-variant:small-caps;
  background:#FF6;color:#000;
  border:1px solid #000;
}

.regrows .enroll .platform {margin: 1rem auto;}
.red {color:#F00; font-weight:bold;}
.required {color:#F00; font-weight:bold;}
.rust {color:#ab1906; font-weight:bold;}
.blue {color:#03F; font-weight:bold;}
.white {color: #FFF; font-weight:bold;}
.yellow {color: #FF6; font-weight:bold;}

.icircle {
  background: #930007;
  color:#fff;
  font-weight :bold;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.respond-txt .respond-data {
  padding: .9rem;
  border-radius: .375rem;
  margin: .375rem auto;
}

.respond-txt {
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.2;
}

.respond-data {
  font-size: 1rem;
  text-align: left;
  color: #333;
  border: 1px solid #036;
  line-height: 1.2;
}

.scrollhide {
  display: none;
}

.scrollbutton:hover .scrollhide {
  display: inline-block;
}

#scrolldash, #scrolldashd {
  position: fixed;
  width: 9rem;
  height: 2.7rem;
  margin-top: 0;
}

#scrolldiv, #updscroll {
  position: fixed;
  top: 40%;
  right: .4%;
  width: 9.8rem;
  height: 1.7rem;
  margin-top: 0;
  margin-right: 0;
}

  div.sticky {
  width:30%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  font-size: .77rem;
  line-height:1.3;
  background:#ff0;
  border:2px solid #AC6317;
  border-radius:.25rem;
}

#updscroll {
  position: fixed;
  top: 26%;
  right: 1%;
  width: 9.8rem;
  height: 1.7rem;
  margin-top: 0;
  margin-right: 0;
}

#updpscroll {
  position: fixed;
  top: 28%;
  left: 6.4%;
  width: 11.8rem;
  height: 1.7rem;
  margin-top: 0;
  margin-right: 0;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.blinking {
  animation:blinkingText 2.2s infinite;
}

.scrtop, .prdp {
  width: 1.5rem;
  height: 2.5rem;
  overflow: hidden;
  padding-top:.4rem;
  z-index: 999;
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 8.125rem;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  border-radius: .25rem .25rem;
}

.scrtop:hover {
  background: #036D73;
  color: #036D73;
}

@keyframes blinkingText {
    0%{color: transparent;}
   49%{color: #00f;}
   60%{color: #00f;}
   99%{color: #00f;}
  100%{color: #00f;}
}

.status-msg{
    font-size: 1.125rem;
    font-weight: 300;
}

.status-msg.error{
    color: #ff3535;
}

.status-msg.success{
    color: #FFFF66;
}