@charset "utf-8";
/* CSS Document */

.form-style-1 {
    margin:10px auto;
    max-width: 400px;
    padding: 20px 12px 10px 20px;
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=password], 
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    box-shadow: 0 0 2px #004378;
    border: 1px solid #00437857;
}
.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    padding: 8px 15px 8px 15px;
/*    background: #5a9e77;
    border: none;
    color: #fff;*/
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    /*background: #4e8967;*/
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 span.required{
    color:#F44336;
}










 .form-style-5{
     max-width: 500px;
     padding: 10px 20px;
     background: #f4f7f8;
     margin: 10px auto;
     padding: 20px;
     background: #f4f7f8;
     border-radius: 8px;
     font-family: Georgia, "Times New Roman", Times, serif;
 }
 .form-style-5 fieldset{
     border: none;
 }
 .form-style-5 legend {
     font-size: 1.4em;
     margin-bottom: 10px;
 }
 .form-style-5 label {
     display: block;
     margin-bottom: 8px;
 }
 .form-style-5 input[type="text"],
 .form-style-5 input[type="date"],
 .form-style-5 input[type="datetime"],
 .form-style-5 input[type="email"],
 .form-style-5 input[type="number"],
 .form-style-5 input[type="search"],
 .form-style-5 input[type="time"],
 .form-style-5 input[type="url"],
 .form-style-5 textarea,
 .form-style-5 select {
     font-family: Georgia, "Times New Roman", Times, serif;
     background: rgba(255,255,255,.1);
     border: none;
     border-radius: 4px;
     font-size: 16px;
     margin: 0;
     outline: 0;
     padding: 7px;
     width: 100%;
     box-sizing: border-box; 
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box; 
    background-color: #e8eeef;
     color:#8a97a0;
     -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
     box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
     margin-bottom: 30px;
     
}
 .form-style-5 input[type="text"]:focus,
 .form-style-5 input[type="date"]:focus,
 .form-style-5 input[type="datetime"]:focus,
 .form-style-5 input[type="email"]:focus,
 .form-style-5 input[type="number"]:focus,
 .form-style-5 input[type="search"]:focus,
 .form-style-5 input[type="time"]:focus,
 .form-style-5 input[type="url"]:focus,
 .form-style-5 textarea:focus,
 .form-style-5 select:focus{
     background: #d2d9dd;
 }
 .form-style-5 select{
     -webkit-appearance: menulist-button;
     height:35px;
 }
 .form-style-5 .number {
     background: #1abc9c;
     color: #fff;
     height: 30px;
     width: 30px;
     display: inline-block;
     font-size: 0.8em;
     margin-right: 4px;
     line-height: 30px;
     text-align: center;
     text-shadow: 0 1px 0 rgba(255,255,255,0.2);
     border-radius: 15px 15px 15px 0px;
 }
 
.form-style-5 input[type="submit"],
 .form-style-5 input[type="button"]
 {
     position: relative;
     display: block;
     padding: 19px 39px 18px 39px;
     color: #FFF;
     margin: 0 auto;
     background: #1abc9c;
     font-size: 18px;
     text-align: center;
     font-style: normal;
     width: 100%;
     border: 1px solid #16a085;
     border-width: 1px 1px 3px;
     margin-bottom: 10px;
 }
 .form-style-5 input[type="submit"]:hover,
 .form-style-5 input[type="button"]:hover
 {
     background: #109177;
 }









































@charset "utf-8";

body {
  font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background:#e2e2e2;
}

.progress_bar {
    border-radius: 3px;
    background-color: #F7F7F7;
    background-color: #f0f0f0;
    /* background-color: #CECBCB; */
    /* border: solid 1px #C3C1C1; */
    height: 35px;
    margin-top:20px;
    margin-bottom:40px;
    box-sizing:border-box !important;
}

.progress_label {
  display: inline-block;
  position: absolute;
  width: 100%;
  text-align: left;
  color:#929292;
  -display:none;
}

.days_remaining {
  display: inline-block;
  width: 100%;
  text-align: right;
  color:#929292;
  -display:none;
}

.progress_bar .label {
    -line-height: 35px;
    -margin-top: -35px;
    text-align: right;
    -margin-left: -10px;
    color: #ffffff;
    width:0px;
    display:none;
}

.progress_bar .remaining {
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: -35px;
    -padding-left: 10px;
    -margin-right: -10px;
    -line-height: 35px;
    color:#2B2B2B;
    width:100%;
    display:none;
}

.progress_bar .percent {
	/* -webkit-text-stroke: 1px #F8F8F8; */
	/* text-shadow: -1px 0px 0px #ffffffc7, 1px 0px 0px #ffffffc7, 0px -1px 0px #ffffffc7, 0px 1px 0px #ffffffc7; */
  /* font-size:14px; */
  
}

.progress_bar .progress {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #cee9ff;
    background: #cee9ff;
    border-right: solid 1px #ffffffb3;
    margin: 0px;
    width:0px;
    height: 35px;


  background: 
    linear-gradient(to right, rgb(155 196 227),rgb(173 206 233), rgb(205 221 233)), 
    url("your-image.jpg") no-repeat center center fixed;
  background-size: cover;  
}



.report_date {
  text-align: right;
  margin-top: -30px;  
}

.hidden, desc, pgs {
 display:none;
}

.msg {
 color:#777777;
 margin-bottom:20px;
 font-weight:normal;
 font-size: 14px;
}

.info {
 color:#000000;
 margin-bottom:20px;
 font-weight:normal;
 font-size: 14px;
}

.i-info {
  font-size: 14px;
  font-weight:normal;
  color: #850000;
  background-color: #E0ECF7;
  padding: 5px;
  display:none;
}

.oops {
 color:#777777;
 -display:block;
 margin-bottom:20px;
 font-weight:normal;
 font-size: 14px;
}

.error {
 color:#a40021; 
 margin-bottom:20px;
 font-size: 14px;
 font-weight:normal;
}

.warn {
 color:#a40021;
 margin-bottom:20px;
 -font-weight:bold;
 font-size: 14px;
}

center div {
 text-align: left;
}

/*input.required{
 border-color:#1304c6!important;
}*/

li.attention label {
 color:#c90101!important;
}

.attention > div {
 color:#c90101!important;
}

input.attention, textarea.attention {
 border-color:#c90101!important;
}

.center-screen {
    display: inline-block;
    background-color: #f3f3f3;
    width: 450px;
    max-width: 100%;
    background:#ffffff;
    /* background: url('/imgs/header-tile.png') repeat-x #FFFFFF; */
    border-radius: 10px;
    overflow:hidden;
    box-shadow: 0 0 15px -10px #000000;
}

.center-screen h1 {
    margin: 10px auto;
    min-height: 80px;
    max-width: 100%;
    padding: 20px;
    line-height: 1.2!important;
    background:#004378;
    /* border-radius:15px 15px 0 0 ; */
    /* padding: 20px 12px 10px 175px; */
    /* background: url('/imgs/logo.png') 7px 7px no-repeat; */
    color: #ffffff;
    margin: 0px;
    font: 26px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight:600;
    /* text-align:center; */
}

.center-screen h1 img {
  border:none;
  position:absolute;
  margin-top:-10px;
  margin-left:-165px;
}

.footer {
    display: inline-block;
    width: 100%;
}

.footer > center {
  display: inline-block;
  width: 100%;
  border-top: solid 2px #E4E4E4;
  background-color: #F0F0F0;
  /* border-bottom-left-radius: 15px; */
  /* border-bottom-right-radius: 15px; */
}

.footer center div {
  display: inline-block;
    width: 90%;
}

.footer center div center {
  display: inline-block;
    padding-top:20px;
    padding-bottom:20px;
    font-size: 13px;
}

.center-screen h1 {
  position:relative;
}

.center-screen .subheading {
  font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-weight:500;
  color:#ffffff;

  position:absolute;
  bottom:10px;
}

.center-screen form {
  margin: 0px;
}



.center-screen form h2 {
  -margin-left: 20px;
  -margin-right: 20px;
  font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#333333;
}

.center-screen form > table {
  margin-left: 20px;
  margin-right: 20px;
}

.center-screen form ul {
  margin-top: -20px!important;
  -margin-right: 5px;
  min-width: 90%;
}

.center-screen form .pretext {
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:dotted 1px #808080;
}

.center-screen.small form {
  padding-left:10px;
  padding-right:10px;
}

.center-screen.med {
  width: 600px;
}

.center-screen.wide {
  width: 800px;
}

.center-screen.full {
  width: 800px;
}






.btn-links {
  display: inline-block;
  font-size: 13px;
}

a {
  color:#0067b9;
}

.btn-links a {
  -font-size:16px;
  color: #0067b9;
}

.center-screen.med .form-style-1, .center-screen.wide .form-style-1 {
  max-width:auto;
}

.center-screen.med .form-style-1 li, .center-screen.wide .form-style-1 li {
  margin-right:5px;
}

.form-style-1 {
  margin: 10px auto;
  padding: 20px 12px 10px 12px;
}

.form-style-1 input {
  -font-size:16px;
}

.form-style-1 input[type="radio"] {
  cursor:pointer;
}

.form-style-1 input[type="button"],
.form-style-1 input[type="submit"],
.form-style-1 input[type="password"],
.form-style-1 input[type="text"] {
  /* font-size:16px; */
  /* cursor:pointer; */
  border-radius:3px;
}



.form-style-1 input[type=submit], .form-style-1 input[type=button] {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 8px 15px 8px 15px;
  border: unset;
  background:#005599;
  color:#fff;
}



.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover {
  cursor:pointer;
  background:#005599;
  box-shadow:inset 0 0 15px -5px #004378;
}

.safety-footer {
 color:#9f9f9f;
}

/*table.reports.list {
 width:100%;
 border-right:solid 1px #d7d7d7;
 border-bottom:solid 1px #d7d7d7;
}
table.reports.list th, table.reports.list td {
 background-color:#ffffff;
 padding:5px;
 text-align:left;
 border-left:solid 1px #d7d7d7;
 border-top:solid 1px #d7d7d7; 
}
table.reports.list th, table.main th {
 background-color:#c8c8c8;
}*/

.form-style-1 li label {
  min-width:99%;
  display: inline-block;
  margin-top:10px!important;
  font-weight:bold;
  color:#333333;
}

li div.input {
  float:left;
  margin-left:5px;
  margin-right:50px;
  margin-top:10px!important;
  margin-bottom:10px!important;
  white-space: nowrap;
}

.explaination textarea{
  max-height:50px;
}

.explaination div{
  min-width:99%;
  display: inline-block;
}

li div.input.explaination {
  width:90%;
  white-space:normal;
}

li div.report-form {
  margin-top:20px;
  border-top:dotted 1px #b1b1b1;
  padding-top:20px;
  display: inline-block;
  width: 99%;
}

.report-form-fields h3 {
  font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#333333;  
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:dotted 1px #b1b1b1;
}

.report-form-fields label {
  font-weight:normal;
}

.report-tomorrow {
  margin-top:50px;
  margin-bottom:100px;
}

.option-checkbox {
  padding-top: 10px;
}

.download-controls{
  -margin-top:50px; 
  -margin-bottom:50px; 
  float:right;
}

.big-btn {
  font-size: 16px;
  padding:5px;
  padding-left:25px;
  padding-right:25px;
}



    
.wrap-options .input {
  white-space:normal;
  margin-left:30px;
  position:relative;
}    

/* .wrap-options .input:hover {
  background:#f5f5f5;
  cursor:pointer;
}  */

.wrap-options .input input {
  position:absolute;
  left:-30px;
}