body, html {
  height: 100%;
  min-height: 100%;
  width: auto;
  padding: 0;
  margin: 0;
  background-color: yellow;
}
h1 {
  font-size: 3vw;
  color: white;
}
h2 {
  font-size: 2vw;
  color: white;
}
h3 {
  font-size: 1vw;
  color: white;
}
/* highlight required fields */
input:invalid {
  border: 3px solid red;
}
/*
select:invalid {
  border: 3px solid red;
}
textarea:invalid {
  border: 3px solid red;
}
*/

email-field:invalid {
  border-color: 2px solid red;
}
/* Remove Arrows or spinners from number input */
  /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
  /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*MainContainer*/
.MainContainer {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
/* Header flex */
.HFBcls {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* Header flex Box 1*/
.HFBBox1cls {
  display: flex;
  order: 1;
  width: 100%;
  height: 12vw;
  background-color: white;
  align-items: center;
  justify-content: center;
}
/* Header flex Box 1 Items */
.HFBox1SpnCtr {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 2vw;
  padding: 2vw 0 2vw 0;
}
#attlogo {
  height: 7vw;
  width: auto;
  padding: 2vw 0 2vw 0;
}
/* Header flex Box 3 (Right) */
.HFBBox3cls {
  order: 3;
  background-color: white;
}
/* Alert 1 flex Box */
.alert {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* Alert 1 flex Box 1 */
.alertBox1cls {
  order: 1;
  width: 100%;
  height: 100%;
  background-color: black;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5vw;
}
/* Alert 1 flex Box 1 Items */
.alertspan {
  color: yellow;
  font-size: 2vw;
}
/* holiday 1 flex Box */
.holiday {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* holiday 1 flex Box 1 */
.HoliBox1cls {
  order: 1;
  width: 100%;
  height: 100%;
  background-color: black;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.5vw;
}
/* holiday 1 flex Box 1 Items */
.Holispan {
  color: yellow;
  font-size: 2vw;
}
/* Alert and holiday animation */
.animate-flicker {
  animation: fadeIn 1s infinite alternate;
  color: yellow;
  margin: 1vw;
  font-size: 2vw;
}
@keyframes fadeIn { 
  from { opacity: 0; } 
}
/* Content 1 flex */
.timer {
  text-align: center;
  color:white;
  font-size: 2.5vw;
  margin: 0vw 0vw 2vw 0vw;
}
.CFBcls {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
/* Content 1 flex Box 1 */
.CFBBox1cls {
  order: 1;
  width: 100%;
  height: 100%;
  background-color: #587BF7;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.CFBBox1clsnocenter {
  order: 1;
  width: 100%;
  height: 100%;
  background-color: #587BF7;
  align-items: center;
  justify-content: center;
}
/* Content 1 flex Box 1 Items */
  /* main select items */
#MainSelectTable, .MainSelectTabletd {
  border-collapse: collapse;
  border-spacing: 20px;
  padding: 5px;
  margin: auto;
  width: 50%;
  text-align:center;
  font-size:1.5vw;
  color: white;
}
.mainselectbutton {
  background-color: black; /* Green */
  border: black;
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 15px 32px;
  border-radius:5px;
  -moz-box-shadow: 0vw 0vw .5vw white;
  -webkit-box-shadow: 0vw 0vw .5vw white;
  box-shadow: 0vw 0vw .5vw white;
}
/* Start changes 1-18-2023 */
div.output {
  margin:auto;
  padding: 2px;
  text-align:left;
  width:80%;
  font-size : 1.8vw;
  color: white;
}
.Emergoutput {
  display: none;
  margin:auto;
  padding: 2px;
  text-align:left;
  width:80%;
  font-size : 1.8vw;
  color: white;
}
.EmergSpanOutput {
  display: none;
}
.EmergSpanAck {
  display: none;
}
.Emergack {
  display: none;
  font-size: 2vw;
  height: 2vw;
  width: 2vw;
}
.PriSpanOutput {
  display: none;
}
.PriSpanAck {
  display: none;
}
.Priack {
  display: none;
  font-size: 2vw;
  height: 2vw;
  width: 2vw;
}
.animate-flicker2 {
  animation: fadeIn 1s infinite alternate;
  color: white;
  margin: 1vw;
  font-size: 2vw;
}
.IPOoutput {
  display: none;
  margin:auto;
  padding: 2px;
  text-align:left;
  width:80%;
  font-size : 1.8vw;
  color: white;
}
.IPOSpanOutput {
}
.IPOack {
  font-size: 2vw;
  height: 2vw;
  width: 2vw;
}
.IPOAckOutput {
  font-size : 1.8vw;
}
.MACOutput {
  display: none;
  margin:auto;
  padding: 2px;
  text-align:left;
  width:80%;
  font-size : 1.8vw;
  color: white;
}
.MACSpanOutput {
  display: none;
}
.MACack {
  display: none;
  font-size: 2vw;
  height: 2vw;
  width: 2vw;
}
.MACSpanAck {
  display: none;
}
/* End changes 1-18-2023 */
.robo {
  display: none;
}
#contactform {
  padding: 0vw 3vw 3vw 3vw;
}
.formtable {
  align-items: center;
  justify-content: center;
}
.pmhidden {
  display: none;
}
label {
  font-size: 1.5vw;
  color: white;
  margin: .5vw;
}
input {
  font-size: 1.5vw;
  color: black;
  margin: 0 .5vw .5vw .5vw;
}
select {
  margin: .5vw;
  font-size: 1.5vw;
  width: 25vw;
}
.smselect {
  margin: .5vw;
  font-size: 1.5vw;
  width: 13vw;
}
.textarea2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 57%;
}
option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
}
::placeholder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3vw;
}
.fname {
  margin-right: 12vw;
}
.attuid {
  margin-left: 2vw;
}
.cont {
  margin-left: 5vw;
}
.emaill {
  margin-left: 2vw;
}
.emailll {
  margin-left: 13vw;
}
.tel {
  margin-left: 0vw;
}
.altnum {
  margin-left: 8vw;
}
.stlt {
  margin-left: 0vw;
}
.snn {
  margin-left: 9vw;
}
.txtara {
  width:51%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
}
.access {
  margin-left: -3vw;
}
.cust {
  margin-left: 6vw;
}
.city {
  margin-left: 1vw;
}
.state {
  margin-left: 16vw;
}
.cust2 {
  margin-left: 2vw;
}
.nums {
  margin-left: 5vw;
}
/* START install page labels */
.icust {
  margin-left: 0vw;
}
.istonum {
  margin-left: 10vw;
}
.icity {
  margin-left: 0vw;
}
.istate {
  margin-left: 17vw;
}
.ipmfmicce {
  margin-left: 3vw;
}
.ipmfmiccev {
  margin-left: 6vw;
}
.iattuid {
  margin-left: 3vw;
}
.icont {
  margin-left: 4vw;
}
.ifname {
  margin-left: -1vw;
}
.ilname {
  margin-left: 10vw;
}
.iset {
  margin-left: 6vw;
}
.isetq {
  margin-left: 14vw;
}
.icurr {
  margin-left: 0vw;
}
.itarr {
  margin-left: 10vw;
}
.isnn {
  margin-left: -2vw;
}
.iaccess {
  margin-left: 10vw;
}
/* END install page labels */
.button {
  background-color: white;
  border: 2px solid black;
  color: black;
  text-decoration: none;
  display: inline-block;
  width: 12%;
  margin-top: 2vw;
}
.disbutton {
  background-color: grey;
  border: 2px solid black;
  color: white;
  text-decoration: none;
  display: inline-block;
  width: 8%;
  width: 12%;
  margin-top: 2vw;
}
div.a {
margin:auto;
padding: 2px;
text-align:left;
width:50%;
border:1px solid white;
font-size:1.3vw;
color: white;
}

div.b {
margin:auto;
padding: 0px;
text-align:center;
width:90%;
font-size:1.5vw;
margin-top: 1%;
color: white;
}

#nocookies {
  display: none;
  color: white;
  font-size: 1.5vw;
}
/* reCAPTCHA */
.g-recaptcha {
  display: inline-block;
  margin: 1vw 1vw 1vw 1vw;
  overflow: hidden;
  height: 80px;
}
/* FOOTER flex Box */
.FFBcls {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* FOOTER flex Box 1 */
.FFBBox1cls {
  order: 1;
  width: 100%;
  background-color: white;
}
/* FOOTER flex Box Items */
.crtext {
  margin: 1vw;
  font-size: 1vw;
  text-align: center;
}
.htext {
  margin: 1vw;
  font-size: 1.5vw;
  text-align: center;
  color: white;
}
/* Responsive */
/* Small Devices 991px and lower) */
@media screen and (max-width: 991px) {
  h1 {
    font-size: 4vw;
  }
  h2 {
    font-size: 3vw;
  }
  h3 {
    font-size: 2vw;
  }
/* Header flex Box 1*/
  .HFBBox1cls {
    height: 14vw;
  }
/* Header flex Box 1 Items */
  .HFBox1SpnCtr {
    font-size: 2.7vw;
  }
  #attlogo {
    height: 9.5vw;
  }
/* Content 1 Flex Box Items */
  .mainselectbutton {
    font-size:3vw;
    padding: 15px 32px;
  }
  .MainSelectTabletd {
    font-size:3vw;
  }
  label {
    font-size: 3vw;
    color: white;
    margin: .5vw;
  }
  input {
    font-size: 3vw;
    color: black;
    margin: 0 .5vw 1vw .5vw;
  }
  select {
    margin: 1vw;
    font-size: 2.5vw;
    width: 40vw;
  }
  .smselect {
    margin: 1vw;
    font-size: 2.5vw;
    width: 21vw;
  }
  option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5vw;
  }
  ::placeholder {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5vw;
  }
  .fname {
    margin-right: 20vw;
  }
  .attuid {
    margin-left: 7vw;
  }
  .cont {
    margin-left: 5vw;
  }
  .emaill {
    margin-left: 6vw;
  }
  .emailll {
    margin-left: 22vw;
  }
  .tel {
    margin-left: 1vw;
  }
  .altnum {
    margin-left: 15vw;
  }
  .stlt {
    margin-left: 0vw;
  }
  .snn {
    margin-left: 18vw;
  }
div.output {
  font-size : 2.8vw;
}
div.a {
width:90%;
font-size:2.9vw;
}
div.b {
width:90%;
font-size:2.9vw;
}
  .txtara {
    width:93%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5vw;
  }
  .access {
    margin-left: -5vw;
  }
  .cust {
    margin-left: 13vw;
  }
  .city {
    margin-left: 1vw;
  }
  .state {
    margin-left: 35vw;
  }
  .cust2 {
    margin-left: 3vw;
  }
  .nums {
    margin-left: 12vw;
  }
.animate-flicker2{
  font-size: 2.2vw;
}
.IPOSpanOutput, .EmergSpanOutput,.PriSpanOutput, .IPOAckOutput, .EmergSpanAck, .PriSpanAck, .MACSpanOutput, .MACSpanAck {
  font-size: 3vw;
}
.IPOack, .Emergack, .Priack, .MACack  {
  font-size: 3vw;
  height: 3vw;
  width: 3vw;
}
/* START install page labels */
.istonum {
  margin-left: 14vw;
}
.istate {
  margin-left: 27vw;
}
.ipmfmicce {
  margin-left: 5vw;
}
.iattuid {
  margin-left: 4vw;
}
.icont {
  margin-left: 7vw;
}
.ilname {
  margin-left: 15vw;
}
.isetq {
  margin-left: 20vw;
}
.itarr {
  margin-left: 15vw;
}
.isnn {
  margin-left: -2vw;
}
.iaccess {
  margin-left: 14vw;
}
/* END install page labels */
/* FOOTER flex Box Items */
  .crtext {
    font-size: 1.5vw;
  }
.htext {
  font-size: 2.5vw;
}
.timer {
  font-size: 4vw;
}
/* reCAPTCHA */
  .g-recaptcha {
    margin-top: 1.5vw;
  }
}