.ExternalClass { width:100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
table td { border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; padding: 0; margin: 0; color: black; line-height: 100%; }
.applelinks a { text-decoration: none; color: inherit !important; }
a { color: black; text-decoration: underline; }
a, a:link, a:visited { color: blue; text-decoration: underline; }
span.MsoHyperlink { mso-style-priority: 99; color: inherit; }
span.MsoHyperlinkFollowed { mso-style-priority: 99; color: inherit; }
.outlook div { font-size: 0px !important; display: block !important; }

hr {
  border: 1px solid #888888;
}

body {
 font-family: Segoe UI, Arial, sans-serif;
 font-size: 14px;
 -webkit-text-size-adjust: none;
 -ms-text-size-adjust: none;
 -webkit-font-smoothing: antialiased;
 margin: 0;
 padding: 0;
 width: 100% !important;
}
 
button {
 border-radius: 5px;
 font-size: 14px;
 padding: 10px 30px;
 background-color: #3366ff;
 color: #fff;
 padding-left: 30px;
 margin:auto;
 cursor: pointer;
}

input[type="submit"]{
 border-radius: 5px;
 font-size: 14px;
 background-color: #3366ff;
 padding: 10px 30px;
 cursor: pointer;
}
 
input[type="text"]{
  height: 40px;
  padding: 5px 10px;
  margin: 10px 10px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  background-color: #f8f8f8;
  resize: none;
}

input[type=date] {
  width: auto;
  height: 40px;
  padding: 5px 10px;
  margin: 10px 10px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  background-color: #f8f8f8;
  resize: none;
}

input[type="password"]{
  width: auto;
  height: 40px;
  margin: 10px 15px;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  background-color: #f8f8f8;
  resize: none;
}

input[type=radio] {
  padding: 5px 0px;
  margin: 10px 0px 0px 15px;
}

.alert {
  color: red;
  font-weight: bold;
}

.button2 {
 border-radius: 5px;
 font-size: 14px;
 padding: 10px 30px;
 background-color: #3366ff;
 color: #fff;
 padding-left: 30px;
 margin:auto;
 cursor: pointer;
}

@media only screen and (max-width: 480px) {
.w100m, .column50, .column33, .column25, .column75, .column66 { width: 100% !important; }
.w90m { width: 90% !important;}
.expandm { width: 100% !important; display: block !important; }
.resizem { width: 100% !important; height: auto !important; }
.resize1m { width: 40% !important; height: auto !important; }
.hidem { display: none !important; }
.h1m { font-size: 22px !important;}
.h2m { font-size: 15px !important;}
.h3m { font-size: 13px !important;}
.tcenterm { text-align: center !important; }
.tleftm { text-align: left !important; }
.trightm { text-align: right !important; }
.height0m { height: 0 !important; }

.logo { width: 150px !important; height: auto !important; }
.borderr0m { border-right: 0px !important; }

.pad0m { padding: 0px !important; }
.padt0m { padding-top: 0px !important; }
.padt5m { padding-top: 5px !important; }
.padt10m { padding-top: 10px !important; }
.padt20m { padding-top: 20px !important; }
.padt30m { padding-top: 30px !important; }
.padb0m { padding-bottom: 0px !important;}
.padb5m { padding-bottom: 5px !important;}
.padb10m { padding-bottom: 10px !important;}
.padb20m { padding-bottom: 20px !important;}
.padb30m { padding-bottom: 30px !important;}
 .padl0m {padding-left: 0px !important}
}

@media only screen and (max-width: 711px) {
.ow100 { width: 100% !important; }
.w100 { width: 100% !important; }
.w90 { width: 90% !important; }
.hide { display: none !important; }
.resize { width: 100% !important; height: auto !important; }
.resize img { max-width: 100% !important; height: auto !important; }
.resize a { width: auto !important; height: auto !important; }
.expand { width: 100% !important; display: block !important; }
.height0 { height: 0 !important; }
.column50 { width: 50%; }
.column50a { width: 50%; }
.column33 { width: 33.33%; }
.column25 { width: 25%; }
.column75 { width: 75%; }
.column66 { width: 66%; }
.tcenter { text-align: center !important; }

.pad0 { padding: 0px !important; }
.padt0 { padding-top: 0px !important; }
.padt5 { padding-top: 5px !important; }
.padt10 { padding-top: 10px !important; }
.padt20 { padding-top: 20px !important; }
.padt30 { padding-top: 30px !important; }
.padb0 { padding-bottom: 0px !important; }
.padb5 { padding-bottom: 5px !important; }
.padb10 { padding-bottom: 10px !important; }
.padb20 { padding-bottom: 20px !important; }
.padb30 { padding-bottom: 30px !important; }
}

.fs-12 {font-size:12px;}
.fs-18 {font-size:18px;}

.header-bg {
background-color:#085055;
}

h1, .small {
font-size:35px;
font-weight:300;
}

.table-striped {
background-color:#ffffff!important;
}

.bt-alias-odd {
border-top:4px solid #ffffff;
}

.bt-alias-even{
border-top:4px solid #00AF6F;
}

.runStatusOk {color:#085055;}
.runStatusOld {color:red;}

.divider {
width:80%;
}

.limit {
max-width:80ch;
overflow-wrap:break-word;
}

.navBtns {
    float:right;
    padding-top:14px;
    padding-right:10px;
}

a.buttons {
  float: right;
  display:inline-block;
  padding:0.3em 1.8em;
  margin:0 1.3em 0.3em 0;
  border-radius:2em;
  box-sizing: border-box;
  text-decoration:none;
  font-family: Avenir, sans-serif;
  font-size: 14px; 
  font-weight:bold;
  color:#FFFFFF;
  background-color:#ef342b;
  text-align:center;
  transition: all 0.2s;
}

a.buttons:hover {
  background-color:#000000;
}

@media all and (max-width:30em){
a.buttons{
  display:block;
  margin:0.2em auto;
 }
}

#box1, #box2{
 width:180px;
 height:120px;
 margin:20px 10px 30px 10px;
 padding:30px 10px 10px 10px;
 border-radius: 10px;
 border-color:#000000;
 border-width:2px;
 border-style:solid;
 text-align:center;
 font-size:12px;
}

#box1 {
    float:left;
}

#box2 {
    float:right;
}

.reddot {
  height: 12px;
  width: 12px;
  background-color: #FF0000;
  border-radius: 50%;
  display: inline-block;
}

.orangedot {
  height: 12px;
  width: 12px;
  background-color: #FFA500;
  border-radius: 50%;
  display: inline-block;
}

.greendot {
  height: 12px;
  width: 12px;
  background-color: #689f38;
  border-radius: 50%;
  display: inline-block;
}