body 
 {  
 margin:0;
 margin-top: 250px;
 margin-bottom:200px;
 padding:0;
 background:#ecf4cd;
 //background: url("Images/null") no-repeat center center fixed;
 background-image-height:100%;
 background-size:cover;
 }
 header
 {
 background-color:#604020;
 color:#000000;
 font-size: 38px;
 width:100%;
 height:80px;
 top:0px;
 padding-left: 0%;
 padding-bottom: 1px;
 position:fixed;
 color: #ffffff;
 }
 .goog-te-banner-frame.skiptranslate
 {
  display: none;
 }
 footer
 {
 position:fixed;
 bottom:0;
 width:100%;
 height:50px;
 background-color:#604020;
 padding:0px;
 margin:0px;
 margin-top:-50px;
 color: #ffffff;
 padding-top:12px;
 font-size:14px;
 overflow:hidden;
 }
 google_translate_element
 {
 white-space: nowrap;
 }
 table
 {
 margin-top: 0px;
 }
 passwordReq
 {
 background-color:#d9e0bc;
 position: absolute;
 z-index:1;
 white-space: nowrap;
 font-size: 15px;
 padding:5px;
 margin-left:10px;
 display:none;
 }
 ratioConvert
 {
 text-align:center;
 background-color:#d9e0bc;
 white-space: nowrap;
 font-size: 25px;
 padding:5px;
 }
 ul
 {
 display:inline-block;
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #b3cc4d;
 width:100%;
 height:21px;
 }
 li
 {
 text-decoration:none;
 display:inline-block;
 float: left;
 width:120px;
 font-size: 40%;
 }
 li a
 {
 display: block;
 color: black;
 text-align: center;
 padding: 2px;
 text-decoration: none;
 }
 li a:hover
 {
 background-color: #c3dd56;
 }
 .Button1
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 margin-top:0px;
 margin:7px;
 padding:0px;
 width: 150px;
 height: 150px;
 text-align: center;
 font-size: 150%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button1:hover
 {
 background-color: #999966;
 margin:0px;
 padding:0px;
 height:164px;
 width:164px;
 transition: 0.4s;
 }
 .Button1:hover + .icon
 {
 height:144px;
 width:144px;
 }
 .Button2
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 390px;
 margin-top:10px;
 text-align: center;
 font-size: 150%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button2:hover
 {
 background-color: #999966;
 }
 .Button3
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 margin-top:10px;
 text-align: center;
 font-size: 120%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button3:hover
 {
 background-color: #999966;
 }
 .Button4
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 text-align: center;
 font-size: 100%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button4:hover
 {
 background-color: #999966;
 }
 .Button5
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 0px;
 height:30px;
 width: 250px;
 margin-top:10px;
 text-align: center;
 font-size: 90%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button5:hover
 {
 background-color: #999966;
 }
 .Button6
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 0px;
 height:50px;
 width: 250px;
 margin-top:10px;
 text-align: center;
 font-size: 100%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button6:hover
 {
 background-color: #999966;
 }
 .Button7
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 text-align: center;
 font-size: 100%;
 border: none;
 outline: none;
 display: none;
 transition: 0.4s;
 }
 .Button7:hover
 {
 background-color: #999966;
 }
 .Button8
 {
 background-color: #604020;
 color: #444;
 cursor: pointer;
 float:right;
 z-index:1;
 margin:10px 15px 10px 15px;
 padding:0px;
 width: 30px;
 height: 30px;
 text-align: center;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button8:hover
 {
 background-color: ##604020;
 margin:8px 14px 0px 13px;
 padding:0px;
 height:33px;
 width:33px;
 }
 .Button9
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 810px;
 margin-top:10px;
 text-align: center;
 font-size: 120%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button9:hover
 {
 background-color: #999966;
 }
 .Button10
 {
 background-color: #adad85;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 text-align: center;
 font-size: 100%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .Button10:hover
 {
 background-color: #999966;
 }
 .ButtonRemove
 {
 background-color: #b8b894;
 color: #444;
 margin:0px;
 padding:0px;
 cursor: pointer;
 width: 20px;
 height: 20px;
 text-align: center;
 font-size: 100%;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .ButtonRemove:hover
 {
 background-color: #999966;
 height:20px;
 width:20px;
 }
 .GPSButton
 {
 background-color: #b8b894;
 color: #444;
 cursor: pointer;
 margin:0px;
 padding:0px;
 margin-top:5px;
 width: 30px;
 height: 30px;
 text-align: center;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .GPSButton:hover
 {
 background-color: #999966;
 height:30px;
 width:30px;
 transition: 0.4s;
 }
 .icon
 {
 padding:0px;
 margin:0px;
 height:120px;
 width:120px;
 transition: 0.4s;
 }
 .Button1:hover .icon
 {
 height:133px;
 width:133px;
 }
 
 .icon2
 {
 padding:0px;
 margin:0px;
 height:30px;
 width:30px;
 transition: 0.4s;
 }
 .icon2:hover
 {
 padding:0px;
 margin:0px;
 height:33px;
 width:33px;
 }
 .LoginTable
 {
 width: 390px;
 border-top: 4px solid #800000;
 border-bottom: 4px solid #800000;
 font-size:25px;
 text-align:right;
 }
 .LoginTable2
 {
 width: 390px;
 font-size:20px;
 text-align:right;
 }
 .LoginInput
 {
 height:30px;
 width:200px;
 font-size:20px:
 }
 .SearchUserTable
 {
 width: 390px;
 border-top: 4px solid #800000;
 border-bottom: 4px solid #800000;
 font-size:20px;
 text-align:right;
 border-spacing:5px 15px;
 }
 .SearchUserInput
 {
 height:25px;
 width:200px;
 font-size:15px:
 white-space: nowrap;
 }
 .SearchUserInput2
 {
 display:none;
 height:25px;
 width:200px;
 font-size:15px:
 white-space: nowrap;
 }
 .AddChemTable
 {
 width: 810px;
 border-top: 4px solid #800000;
 border-bottom: 4px solid #800000;
 font-size:15px;
 text-align:right;
 border-spacing:5px 15px;
 }
 .AddChemInput
 {
 height:30px;
 width:170px;
 font-size:10px:
 white-space: nowrap;
 }
 .AddChemInput_2
 {
 height:30px;
 width:90px;
 font-size:10px:
 white-space: nowrap;
 }
 .headTable
 {
 background:#3d3d29;
 width: 100%;
 font-size:20px;
 text-align:center;
 }
 .headCell
 {
 width:100px;
 white-space: nowrap;
 display:inline-block;
 padding:5px;
 }
 .headCell a
 {
 padding:5px;
 transition: 0.4s;
 color: black;
 color:#ffffff;
 }
 .headCell a:hover
 {
 padding:5px;
 background-color: #5c5c3d;
 }
 .accordionValid
 {
 background-color: #5cd65c;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 1100px;
 text-align: left;
 font-size: 35px;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .accordionValid:hover
 {
 background-color: #85e085;
 }
 .accordionInvalid
 {
 background-color: #ff6633;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 1100px;
 text-align: left;
 font-size: 35px;
 border: none;
 outline: none;
 transition: 0.4s;
 }
 .accordionInvalid:hover
 {
 background-color: #ff794d;
 }
 .panel
 {
 background-color: #b8b894;
 width:1100px;
 font-size: 120%;
 display:none;
 overflow: hidden;
 transition: 0.8s;
 }
 .panel2
 {
 background-color: #b8b894;
 width:1100px;
 font-size: 120%;
 display:block;
 overflow: hidden;
 transition: 0.8s;
 }
 .JobTable
 {
 width:1000px;
 }
 .JobTable2
 {
 width:600px;
 }
 .LogoutHead
 {
 margin:0px;
 margin-top:0px;
 font-size:20px;
 padding:14px;
 text-decoration:none;
 color:black;
 float:right;
 cursor:pointer;
 transition: 0.4s;
 }
 
 .ViewJobTable
 {
 table-layout:fixed;
 border-spacing:15px;
 border-collapse:collapse;
 width:85%;
 background:#bfbfbf;
 border:1px solid black;
 font-size:19px;
 text-align:center;
 }
 .ViewJobTable td
 {
 width:15%;
 border-left:1px solid black;
 border-right:1px solid black;
 }
 .ViewJobTable tr
 {
 border-bottom:1px solid black;
 }
 .ViewJobTable th
 {
 border-left:1px solid black;
 border-right:1px solid black;
 background:#a1a89c;
 border-bottom:1px solid black;
 }
 .ReportTable
 {
 width:900px;
 font-size:23px;
 }
 .ReportTable td,th
 {
 padding-left:20px;
 }
 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="number"] {
    -moz-appearance: textfield;
}
 
 
 *
 {
 font-family: Arial;
 //font-family: ravie;
 }
 
 
 
.tooltip {
    display: inline-block;
    position: relative;
}

.tooltip:hover:after {
    background: #333;
    background: rgba(0, 0, 0, .8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 250px;
}

.tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}