body{margin:0;padding:0;font-family:Arial, sans-serif;background-color:#F7F7F7; color:#333333}
header{background-color:#cfcfcf;padding:20px;text-align:center;color:#FFFFFF}
div.form{max-width:300px;margin:20px auto;padding:20px;background-color:#FFFFFF; border-radius:8px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}
div.main{max-width:85%;margin:20px auto;padding:20px;background-color:#FFFFFF; border-radius:8px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);font-size:13px}
.lm5 {margin-left:5px;} .lm10 {margin-left:10px;} .lm15 {margin-left:15px;} .lm20 {margin-left:20px;} .lm25 {margin-left:25px;}
.rm5 {margin-right:5px;} .rm10 {margin-right:10px;}  .rm15 {margin-right:15px;} .rm20 {margin-right:20px;} .rm25 {margin-right:25px;} 
.tm2 {margin-top:2px;} .tm3 {margin-top:3px;} .tm4 {margin-top:4px;} .tm5 {margin-top:5px;} .tm10 {margin-top:10px;} .tm15 {margin-top:15px;} .tm20 {margin-top:20px;} .tm25 {margin-top:25px;} 
.bm3 {margin-bottom:3px;} .bm5 {margin-bottom:5px;} .bm10 {margin-bottom:10px;} .bm15 {margin-bottom:15px;} .bm20 {margin-bottom:20px;} .bm25 {margin-bottom:25px;} .bm30 {margin-bottom:30px;} .bm40 {margin-bottom:40px;} .bm50 {margin-bottom:50px;}
.lp5 {padding-left:5px;} .lp10 {padding-left:10px;} .lp15 {padding-left:15px;} .lp20 {padding-left:20px;} .lp25 {padding-left:25px;}
.rp5 {padding-right:5px;} .rp10 {padding-right:10px;}  .rp15 {padding-right:15px;} .rp20 {padding-right:20px;} .rp25 {padding-right:25px;} 
.tp5 {padding-top:5px;} .tp10 {padding-top:10px;} .tp15 {padding-top:15px;} .tp20 {padding-top:20px;} .tp25 {padding-top:25px;} 
.bp5 {padding-bottom:5px;} .bp10 {padding-bottom:10px;} .bp15 {padding-bottom:15px;} .bp20 {padding-bottom:20px;} .bp25 {padding-bottom:25px;} 
input[type="text"],input[type="password"]{width:100%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:12px}
input[type="button"]{width:100%;background-color:#789904; color:#FFFFFF; padding:10px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}
input[type="button"]:hover{background-color:#C88E30}
footer{text-align:center;padding:0 20px 20px 20px;color:#666666; font-size:10px;position:relative;top:-5px}
.toast {text-align:center;background-position:10% !important;position:absolute;top:200px;font-size:12px}
.ReportsTbl{width:100% !important;margin-right:10px !important}
.ReportsTbl>tbody>tr>td {background-color:#fff;border:1px solid #646464;text-align:left;padding:3px 5px}
.ReportsTbl>tbody>tr:first-child>td{font-weight:500;background-color:#445603;color:#fff}
.closeIcon{width:25px;height:25px;cursor:pointer}
.ModalCloseBtn{float:right;margin-top:-24px;margin-right:-27px}
/*.modalcontent{border:solid 1px red;border-radius:10px}*/
.modal-content{border:solid 2px #758f17;border-radius:5px}
.hid{display:none}
#ProcessingImage {position:fixed;left:45%;top:45%;z-index:99999 !important;display:none; margin-left:-30px;margin-top:-75px}
@media (max-width: 768px) {#ProcessingImage>img {width:125px !important;height:125px !important}}
@media (min-width: 769px) and (max-width: 1024px) {#ProcessingImage>img {width:150px !important;height:150px !important}}
@media (min-width: 1025px) {#ProcessingImage>img {width:150px !important;height:150px !important}}