a {  color: #005ca1; }
a:hover {   color: #000; text-decoration: none;  }
.hmpart {  max-width: 880px; margin: 10px auto 0; border: 1px solid #dddddd; padding: 20px; border-radius: 10px; background-color: #fff;}
.hmpart2 {  max-width:1080px; margin: 10px auto 0; border: 1px solid #dddddd; padding: 20px; border-radius: 10px; background-color: #fff;}
.btmbld{color: #005ca1;}
.hmheader{ margin-bottom: 20px;}
.hmlogo {  display: flex;  }
.hmlogo small {  padding: 20px 0 0 20px;  font-size: 24px;  font-family: 'Roboto Condensed', sans-serif;  color: #999999;  text-transform: uppercase;  font-weight: 300; }
.sgtitle { background-color: rgb(222, 238, 248); }
.tit1 {  color: #005ca1;  font-size: 18px;  padding: 15px;  margin: 0; }
.tit2 {  color: #555555; font-size: 14px; padding: 15px; border-top: 1px solid #fff; background-color: #eee;  }
.address{ color: #222; padding: 0;}
.list1{ margin: 0; padding: 0; list-style: none;}
.list1 li{ margin: 0; padding:5px 0; list-style: none; display: flex; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
.list1 li:last-child{border-bottom: 1px solid #ddd;}
.list1 li.ltit{ padding: 10px 0; border:0 none;}
.list1 li span{ width: 40%; padding: 5px 10px; border-right: 3px solid #eee;}
.list1 li b{ width: 60%; padding: 5px 10px; color: #005ca1;}
.list1 li b input{color: #005ca1; background-color: #fff; border: 1px solid #ddd; padding: 4px 10px;}
.empblock{ display: flex; margin-top: 40px;}
.iemp{ width: auto; padding-right: 10px;}
.name1{ width: 300px; color: #005ca1; text-align: center;}
.name1 small{ display: block; border-top: 1px solid #000; font-size: 12px; color: #999999;}
.nric{width: auto; padding: 0 5px;}
.num1{width: 190px; color: #005ca1; text-align: center;}
.num1 b{border-bottom: 1px solid #000; font-weight: normal; display: block;}
.name2 input{color: #005ca1; background-color: #fff; border: 1px solid #ddd; padding: 4px 10px; margin-top: 10px; width: 300px;}
.name2 small{ display: block; font-size: 12px; color: #999999;}
.btname{color: #005ca1; display: inline-block;}
.btname small{ display: block; border-top: 1px solid #000; font-size: 12px; color: #777; padding: 0 2px;}
.rowtit{ padding: 10px; background-color: rgb(222, 238, 248); margin-top: 20px; text-align: center;}
.ftrow{display: flex; margin-top: 20px;}
.ftrow .col-6{ width: 50%; margin-bottom: 15px;}
.form-group{margin-bottom: 10px;}
.frm-input{color: #222; background-color: #eee; border: 1px solid #ddd; padding: 4px 10px; width: 280px;}
.control-label{ text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px;}
.description{ display: block; background-color: #ddd; padding:10px;}
.btn-clear{ color: #ffffff; background-color: #ff0000; border: 1px solid #ff0000; border-radius: 4px; cursor: pointer; float: right;}
.frm-date{color: #005ca1; background-color: #fff; border: 1px solid #ddd; padding: 4px 10px; width: 280px;}
.col-ftr{ border-top: 2px solid #ddd; padding: 30px 20px 10px; text-align: center;}
.btn-save{ font-size: 18px; background-color: #005ca1; color: #ffffff; padding: 6px 20px; border: 1px solid #005ca1; border-radius: 6px; cursor: pointer;}
.btn-save:hover{ background-color: #444; border: 1px solid #444;}
.btn-reset{ font-size: 18px; background-color: #999999; color: #ffffff; padding: 6px 20px; border: 1px solid #999999; border-radius: 6px; cursor: pointer;}
.btn-reset:hover{ background-color: #444; border: 1px solid #444;}
.cust-ipt{min-width: 40px;}
.card-collection-tbl td{ border: 1px solid #ddd; padding: 5px;}
.card-collection-tbl td input{width: 100%;}
.bdr-line {    border-bottom: 3px solid #000;}
td.bdr-box {    border:1px solid #000; padding: 10px;}
.bdr-bottom {    border-bottom:1px solid #000;}
.fill-txt2{ color: #005ca1;}

.eop{ font-family:Helvetica; color:#222;}
.eop td{padding: 3px 5px;}
.eop-fnt1{ font-size:14px;}
.eop-border{border:1px solid #000;}
.eop-bg{ background-color:#f2f2f2;}
.eop-bdr{ border-bottom:1px solid #bfbfbf; border-left:1px solid #bfbfbf;}
.eop-bdr1{ border-top:1px solid #bfbfbf;}
.eop-bdr2{ border-right:1px solid #bfbfbf;}
.eop-bdr3{ border-bottom:1px solid #bfbfbf;}
.icn{ font-family:zapfdingbats;}

/*Form12b */
.form-12b td{ padding: 3px 5px;}
.frm-tbl{ border-top:1px solid #222;  border-right:1px solid #222;  border-left:1px solid #222;}
.rht{ border-right:1px solid #222;}
.frm-tbl1{ border-top:1px solid #222;  border-right:1px solid #222;}
.btmb1{ border-bottom:1px solid #222;}

.fdwlcf td{padding: 3px 5px;}

.langfrm td{ padding: 3px 5px;}


@media (max-width: 575.98px) {
body{ background-color: #fff;}
.hmpart{width: 100% !important; max-width: 100% !important; border: 0px  none;}
.hmpart2{width: 100% !important; max-width: 100% !important; border: 0px  none;}
.list1 li{ display: block;}
.list1 li span{ width: 100%; display: block;}
.list1 li b{ width: 100%; display: block;}
.ftrow{display: block;}
.ftrow .col-6{ width: 100%;}
.empblock{ display: block;}
.name1{ width: 80%;}
.num1{width: 80%;}
.name2 input{width: 270px;}
.mobitab{ width: 320px;  max-width: 100% !important; overflow: auto;}
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}