body {
  padding-bottom: 10px;
}

.navbar {
  margin-bottom: 10px;
}

.lim {
  font-family: "Raleway";
  font-size: 1em;
  font-weight: bold;
  color: $000066;
}

.im {
  color:#33cc00;
}

.u1 {
  background-color: #ffffcc;
}

.er1 {
  background-color: #ffffff;
  padding: 2px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #660000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #660000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #660000;
  border-bottom-style: solid;
  border-bottom-color: #660000;

}
.inputform {
  font-weight: bold;
  padding: 2px;
  font-size: 12pt;
  color: #000066;
}

.invis {
display: none;
visibility:hidden;
}

.centered {
display: block;
text-align: center;
color: #555;
font-weight: bold;
}

.visible {visibility:visible}

.hidden  {visibility:hidden}


.reqInputForm {
  display: inline-block;
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  clear: both;
  margin: left;
  padding: 2px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #660000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #660000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #660000;
  border-bottom-style: solid;
  border-bottom-color: #660000;

}

.uppertext {
text-transform: uppercase;
}

.upperinput {
  display: inline-block;
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  text-transform: uppercase;
  clear: both;
  margin: left;
  padding: 2px;
}


.upperInputForm {
  display: inline-block;
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  text-transform: uppercase;
  clear: both;
  margin: left;
  padding: 2px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #660000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #660000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #660000;
  border-bottom-style: solid;
  border-bottom-color: #660000;

}


.unvInputForm {
  display: inline-block;
  background-color: #ccffcc;
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  text-transform: uppercase;
  clear: both;
  margin: left;
  padding: 2px;
  border: none;

}

.unvwInputForm {
  display: inline-block;
  background-color: #ffffff;
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  text-transform: uppercase;
  clear: both;
  margin: left;
  padding: 2px;
  border: none;

}

.iheader {
color: #bfbfbf;
text-align: left;
font-family: "Lato";
font-size: 14px;
font-weight: normal;
padding: 2px;
}

.Impotant {
  font-size: 11pt;
  color: #000066;
  font-weight: bold;
  width: auto;
  text-align: left;
  text-transform: uppercase;
  margin: left;
  padding: 2px;
}

.recinput {
  font-size: 10pt;
  color: #339933;
  font-weight: bold;
  width: auto;
  text-align: left;
  margin: left;
  padding: 2px;
}

.btnsend {
   background-color: #003366;
   border: none;
   color: white;
   padding: 12px 15px;
   text-align: center;
   margin: center;
   text-decoration: none;
   font-size: 12px;
   border-radius: 5px;
   cursor: pointer;
}

.btndel {
   background-color: #003366;
   border: none;
   color: white;
   padding: 12px 15px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 12px;
   border-radius: 5px;
   cursor: pointer;
   display:none;
}
.a1 {
  background-color: #ccffcc;
  color: #000066;
  font-weight: bold;
}

.a2 {
  background-color: #ffffcc;
  color: #000066;
  font-weight: bold;
}

.a3 {
  background-color: rgb(220,253,187);
}

.imp-icon {
  color:#993333;
}

.igray {
  color:#d3d3d3;
}

.iorange {
  color:#ff6600;
}

.c {
  padding: 5px 5px;
}

.c1 {
  background-color: #ffffcc;
}

.c2 {
  background-color: #ffffcc;
}

.c3 {
  background-color: #ffffcc;
}

.alarm {
  font-size: 11pt;
  color: #660000;
  font-weight: bold;
  width: auto;
  text-align: left;
  margin: left;
  padding: 2px;
}

table {
  display: table; }
  .table .tr {
    display: table-row; }
    .table .tr .td {
      display: table-cell; }

.table_upd {
  border-collapse: collapse;
  border: 1px solid #f2f2f2;
  @media print {
    @page {size:landscape}
    #printMe .hidden { display:none; }
    #printMe {
      font-size:14px;';
      border: 1px solid #987;';
      border-collapse: collapse;';
      border-spacing: 0;';
    }
    #printMe td,
    #printMe th {
      border: 1px solid #999;
    }
  }
}
.table_upd td {
   padding: 2px;
   border: 1px solid #f2f2f2;
}

.table_upd th {
  color: #bfbfbf;
  text-align: left;
  font-family: "Lato";
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
  background: #fff;
  border: 1px solid #f2f2f2;
  font-family: "Lato";
}

.leftheader {
  color: #bfbfbf;
  text-align: center;
  font-family: "Lato";
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
  background: #fff;
  border: 1px solid #f2f2f2;
  font-family: "Lato";
}


.TableHeader {BORDER-RIGHT: #0000ff 1px solid; BORDER-TOP: #0000ff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #0000ff 1px solid; BORDER-BOTTOM: #0000ff 1px solid; FONT-FAMILY: System; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left}

.TableH {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: #0000FF; FONT-WEIGHT: bold}

.TH1 {FONT-SIZE: 10pt; FONT-FAMILY: Arial,  Verdana, sans-serif; COLOR: #000066; BACKGROUND-COLOR: #9999FF; FONT-WEIGHT: bold}

.TH2 {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #99CCFF; FONT-WEIGHT: bold}

.TH3 {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFBB; FONT-WEIGHT: normal}

.TH4 {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold}

.TH5 {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: normal}

.TH6 {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #FF0000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: bold}

.TH7 {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #CCFF99; FONT-WEIGHT: bold}

.TH_ODD {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: normal; text-align: center; align-content:  center;}

.odd_rec {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #FFFFFF; FONT-WEIGHT: normal; text-align: left; align-content: left;}

.th_odd_sel {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #CCFFFF; FONT-WEIGHT: normal; text-align: center; align-content: center;}

.TH_EVEN {FONT-SIZE: 9pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #DADEB9; FONT-WEIGHT: normal; text-align: center;align-content: center;}

.TableTime {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #0000FF; BACKGROUND-COLOR: #CCFFFF; FONT-WEIGHT: bold}

.TableFooter {FONT-SIZE: 10pt; FONT-FAMILY: Arial, Verdana, sans-serif; COLOR: #0000FF; BACKGROUND-COLOR: #CCFFFF; FONT-WEIGHT: bold}

.SystemText {FONT-SIZE: 8pt; FONT-FAMILY: Arial, Verdana; COLOR: #000000; BACKGROUND-COLOR: #dadeb9; FONT-WEIGHT: normal}