.transations input[type="text"], .transations select{background: #fafcff !important; border-radius: 0;border: 1px solid #cfe7ff !important; width: 100%; height: 40px; margin: 0;}
.transations label{ margin-bottom: 5px; font-size: 14px;}
.transations textarea{background: #fafcff !important; border-radius: 0;border: 1px solid #cfe7ff !important; width: 100%; margin: 0; height: 70px;}
.transations .fa-search{ position: absolute; right: 10px; top: -2px;font-size: 20px;color: #009fe8;}
.transations .fa-calendar{ position: absolute; right: 20px; top: 29px;font-size: 20px;color: #009fe8;}
.transations a.btndel{ background: none !important; padding: 0 !important;}
.transations a.adnotes:before{font-family: 'FontAwesome'; content: "\f24a"; color: #009fe8 !important;font-size: 30px !important;text-shadow: none !important;padding: 3px;}
.transations #lblcustomer p {padding: 5px;margin-bottom: 5px; font-weight: bold;}
.transations  #lblinvno{border: dashed 1px #ccc; padding: 5px; display: block; font-weight: bold;}
.transations #lblinvoice table td, .transations #lblinvoice table th{ line-height: 20px; padding: 5px !important;}
.transations #lblinvoice table th{ background: none;}
.trns-srch-pop{ top: 70px !important; width: 100%;}
.trns-srch-pop table td{ line-height: 20px !important;}
.trans-edit label{ display: block;margin-bottom: 5px; font-size: 14px;}
.trans-edit.row2 span{ margin: 0 10px 0 0; display: inline-block !important;}
.trans-edit #txtposprod{ width: 100% !important;}
.custom-border01 {border: dashed 1px #e5e4e4;padding: 5px;margin-top: 20px; height: 38px; line-height: 23px; white-space: nowrap;}
.dtl-pop01 {top: 70px !important;left: 6px !important;}
.dtl-pop01 th{ background: none;}
.ico-close01{ position: absolute;right: 10px;top: -14px;font-size: 25px;}
.user-access{ background: #F6F9FB !important;}
.user-access table th{ background: #fff !important;}
.user-access .addbtn{background: #009fe8 !important; border-radius: 0 !important; padding: 10px !important; height: inherit !important;line-height: 10px !important; display: block;width: inherit !important; margin: 5px 10px !important;}
.trans-payment .row {display: -ms-flexbox;display: flex !important;ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px; width: initial; background: none !important;}
.trans-payment input[type="text"]{ width: 100% !important; height: 40px;}
.trans-payment table.pay-tble td, .trans-payment table.pay-tble th{ padding: 10px;}
.trans-mail input[type="text"], .trans-mail select{ width: 100% !important; height: 40px; border: 1px solid #cfe7ff !important; background: #fafcff !important; border-radius: 0 !important; margin: 5px 0 !important;}
.trans-mail textarea{ width: 100% !important; border: 1px solid #cfe7ff !important; background: #fafcff !important; border-radius: 0 !important; margin: 5px 0; height: 45vh !important;}
.trns-tble01 table th:last-child{ text-align: right !important;}
.trns-tble01 table th:first-child{ text-align: left !important;}
.trns-tble01 #lblgrndtot, .trns-tble01 #lblsubtot{ display: inline !important;}
.ht-40{ height: 45vh !important;}
.trans-header label{ display: block;}
.change-position01{ position: inherit !important; height: auto !important;}
.edtmain .mstrlist{ overflow-y: auto !important;}
.porder-frm01 label{ display: block; margin-bottom: 5px; font-size: 14px;}
.porder-frm01 .row{ display: flex !important; padding: initial !important;}
.porder-frm01 .col-md-6{ margin-bottom: 10px;}
.porder-frm01 input, .porder-frm01 select{ height: 40px !important; margin: 0 !important;}
.porder-frm01 textarea{ width: 100% !important;}
.lbl-border01{ border: dashed 1px #ccc; padding: 5px; display: inline-block; width: 100%; margin-top: 10px;}
.lbl-border01 label{ display: inline-block;}
.lbl-border01 .btnEdit{ height: initial;}
.lbl-border01 #lblpo, .lbl-border01 #lblpodt{ font-size:15px; font-weight: bold; margin-right: 10px; margin-left: 10px;}
.line-ht-25 {line-height: 25px;}
.porder-frm02 #txtprodSearch{ width: 60%; height: 40px; margin: 0 !important;}
.porder-frm02 input[type="text"]{ height: 40px;}
.width-90{ width: 90% !important;}
.white-sp-nowrp{ white-space:nowrap;}
.tranmain .divlist tr:nth-child(odd) { background: #fbfbfd !important;}
.tranmain .divlist th, .edtmain .mstrlist tr th{ background: none !important;}
.tranmain .divlist td{ border-bottom: none;}
.pr-table01 td p{ text-align: center;}
.pr-table01  table th:nth-child(2), .pr-table01  table td:nth-child(2){ text-align: right !important;}
.src-pop-ordr{left: 10px !important;top: 68px !important;}
.trns-tble01 table th{ background: none !important; border-bottom: 1px dashed #c1d5f7 !important;}
.trns-tble01 table th span{ border: none !important; font-weight: bold;}
.pofltr #txtposearch{ height: 40px; margin: 0 !important;}
.fnd-ht01{ max-height: 70vh !important;}
.fnd-ht01 table th:first-child, .fnd-ht01 table td:first-child{ text-align: left !important;}
.fnd-ht01 table th:nth-child(2), .fnd-ht01 table td:nth-child(2){text-align: left !important;}
.fnd-ht01 table th:nth-child(3), .fnd-ht01 table td:nth-child(3){text-align: center !important;}
.prodrslt table td p{ padding: 5px;}
.sales-lead label{ display: block;}
.sales-lead input, .sales-lead select{ width: 100% !important;}
.stmnt-srch #lblcustlisting{ width: 100% !important;}
.bulk-pay h2{ font-size: 20px; font-weight: bold !important;}
.bulk-pay label{ margin-bottom: 5px; color: #899cb2 !important;font-size: 13px !important;}
.bulk-pay table th{ background: none;}
.pay-detl01 span {width: 100% !important; border-bottom: dashed 1px #c1d5f7 !important; padding-left: 0 !important}
.cardpay .paylist a {background: #009fe8 !important; box-shadow: none; text-shadow: none; padding: 11px 15px; font-size: 14px;font-weight: bold;cursor: pointer;display: inline-block;border-radius: 0;text-align: center;text-decoration: none;margin: 20px 0px;}
#lblpstpay h2{ text-align: center; color: #17a2b8; border: dashed 1px; padding: 10px; height: initial;}
.rpthdr01 label{ display: block;}
.rpthdr01 #txtCSVSept, .rpthdr01 #chkFloat, .rpthdr01 #DDCurr .rpthdr01 #chkPBGrp{ margin-top: 5px !important; margin-left: 0 !important;}
#divtrnlst table th{ background: none;}
.rpthdr01 input[type='text'], .rpthdr01 select{ width: 100% !important; border-radius: 0 !important; background: #fafcff !important;border: 1px solid #cfe7ff !important;}
.tablistxtn th{ background: none;}
#divtranshistP .tablistxtn{ max-height: 80vh !important;}
#divtranshistP .tablistxtn td{ line-height: 25px !important;}
.ht-cust01{ height: 60vh !important;}
.ht-cust01 table th{ background: none !important;}
.transations #lblcustcmnt {border: dashed 1px #e9e5b2;padding: 5px;display: block; background: #fffcd2;font-size: 14px;}
.ht-imgupload{ height: 35vh; overflow: auto;}
.btndownload:before, .btnDelete:before{ font-size: 30px !important;}
.reporthdr #DDCurr{ margin-top: 0 !important;}
#chkPBGrp{ margin-left: 0;}
#divhdr input, select { background: #fafcff !important;width: 100%;border-radius: 0 !important;border: 1px solid #cfe7ff !important;}
.employeework-days h2{font-size: 24px !important;}
.employeework-days select{ height: 40px !important; min-width: 20% !important; width: 20% !important;}
span#lbldtlst select {margin-bottom: 10px !important; margin-right: 5px;}
#lblemplist table th:first-child{ text-align: left !important;}
#lblemplist table td:last-child{ text-align: right !important;}
#lblemplist table td a{ box-shadow: none !important;}
.emp-form01 label, .emp-form02 label {color: #899cb2 !important;text-align: left;font-size: 13px !important;}
.emp-form01 input[type="text"], .emp-form01 select{border: 1px solid #cfe7ff !important; background: #fafcff !important; border-radius: 0 !important; height: 40px;}
.emp-form02 select{border: 1px solid #cfe7ff !important; background: #fafcff !important; border-radius: 0 !important; height: 40px; width:32% !important; margin: 5px 0;min-width: auto;}
.emp-form02 input[type=checkbox]{ width: 30px; height: 25px; margin-left: 10px;}
.emp-form02{ height: 55vh; overflow-y: scroll;}
.btn-pdng01{ padding: 10px 15px !important;}
#txtstDate, #txtenDate{border: 1px solid #cfe7ff !important; background: #fafcff !important; border-radius: 0 !important; height: 40px !important; width: 95% !important; margin-right: 10px;}
#lblemplist table td, #lblemplist table th{ border: none !important;}
.staff-wrkg table td{ padding: 3px !important;vertical-align:middle}
.txtbx-mrgin-0 input{ margin: 0 !important;}
.head.clearfix.ui-draggable-handle i{ color: #666;}
.srv-emp table{ width: 100%;}
.srv-emp table td input[type="checkbox"]{ height: 20px; width: 20px;}
.tranmain .btncss a{ text-shadow: rgba(5, 82, 122, 0.4) 0px 2px 2px;font-size: 14px !important;}
.mt-20-lineht-27{ margin-top: 20px !important;line-height: 27px;}
.trns-hstry table td{ vertical-align: middle;}
.trns-hstry table tr {border-bottom: dashed 1px #c6def7;}
.trans-header input[type="text"]{ margin-bottom: 10px !important;}
.trns-tble01 table tr:last-child td, .trns-tble01 table tr:last-child th{ color:#f18801; font-size: 16px;}
.trns-tble01 table th span{ padding: 0 !important;}
#lblpodtl a.adnotes:before {font-family: 'FontAwesome';content: "\f24a";color: #009fe8 !important;font-size: 30px !important;text-shadow: none !important; padding: 3px;}
.btncss a:before{ top: 0 !important;}
.btncss a{ font-size: 14px !important;}
.stdpopup .head ul li i {font-size: 25px !important; color: #999 !important;}
.shadow-extra{ -webkit-box-shadow: 0px 0px 22px 4px rgba(0,0,0,0.14);-moz-box-shadow: 0px 0px 22px 4px rgba(0,0,0,0.14);box-shadow: 0px 0px 22px 4px rgba(0,0,0,0.14) !important;}
.min-height-100px{ min-height: 100px !important;}
#lbldlvrycust a{ display: inline;}
p#lbldlvrycust{ text-align: center; font-size: 17px !important;}
p#lbldlvrycust i{ font-size: 26px; color: red;}
#lblcustcrdlst .btnRemove{ background: none !important; text-shadow: none; padding: 0 !important;}
#lblcustcrdlst .btnRemove:before{content: "\f00d"; font: normal normal normal 30px / 1 FontAwesome; color: #009fe8 !important;}
#invsearchrslt table td a{ display: inline-block !important;}
#invsearchrslt table td .fa-check{color: #009fe8 !important; font-size: 30px;}
.smllpop-align01 {right: 0 !important;top: 0 !important; position: absolute !important; width: 100% !important;left: auto !important;}
.smllpop-align01 table{ width: 100%;}
#divadddlvryaddr .fa-floppy-o{ display: inline-block !important;}
.brdr-space{border-bottom: dashed 2px #ccc; padding-bottom: 7px;}
.brdr-space p {display: inline;}
#lblphn p{ font-weight: bold;}
.access-height{ height: 80vh; overflow-y: auto; scrollbar-color: #88d0f1 #ffffff;scrollbar-width: thin;}
div#divschddata table td, div#divschddata table th {line-height: 22px;}
div#divschddata table th { padding: 10px 0; background: #f7f7f7;}

/* For ipad */
@media only screen and (max-width: 1024px){
    #divdatalst #lblresult table td, #divdatalst #lblresult table th{ font-size: 12px !important; padding: 5px !important;}   
}

@media only screen and (max-width: 820px){
.popfrm23medium, .popfrm23medium2, .popfrm23small{width: 90% !important;}
.popfrm .body{ width: 100% !important;}
.mainTab .mainTabContent{ height: 70% !important;}
.menu-head ul li a{ padding: 5px !important;}
.tableWrap table th, .tableWrap table td{padding: 3px !important;}
#divdatalst #lblresult table td, #divdatalst #lblresult table th{ font-size: 12px !important; padding: 5px !important; overflow-wrap: anywhere;}
.popfrm .popup-wrap input{ max-width: 100% !important;}
.tranmain{ margin-left: 20px !important; width: 95%;}
div#divitemcmnt {left: auto !important;right: 0 !important;}
.tableWrap table th{ padding: 5px !important;}
#lblresult table th{ padding: 5px !important;}
#divpaypos #divpayposbal a{ display: inline-block !important;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 10px;padding-left: 10px;}
}

.popLinkCpy{position:absolute;bottom:30vh;right:15px;}
.popLinkCpy i{font-size: 19px;border: 1px dotted #497be5;color:#fff; background: #009fe8; padding: 5px;border-radius:8px;margin-right: 10px;cursor:pointer;display:block;margin-top:5px}
.popLinkCpy i:hover {background: #00bcc9;}
.read-edit {
  display: inline;
  margin-right: 20px;
  background: #fafcff;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.14);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.14);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.14);
  border: solid 1px #ddf8ff;
}
.read-edit label {cursor: pointer; font-size: 16px !important;}

.read-frame {
  margin: 15px;
  margin-right: 15px;
  border: dashed 2px #cfe7ff;
  margin-right: 0;
}
.shadow-sm {box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.vh50 { height: 46vh;}
.mrgn-ipad01{ margin-left: 20px !important; width: 95%;}
@media screen and (max-height: 700px) {
  .vh50 {max-height: 40vh;}
}

.copyprodlbl{
  display: inline-block;
  position: absolute;
  right: 0;
  top: -60px;
  border: solid 1px #ccc;
  padding: 10px;
  color: #1295e1;
  font-weight: bold;
  font-size: 16px;
}

#lblspastck div#lbladqty{font-size: 14px;color: #222;}
#lblspastck div#lbladbttl{font-size: 14px;color: #222;}
.dw-rcrd#dw-rcrd input[type="radio"]{ width:22px !important; height: 22px; float: left; margin-right: 5px;}
.minht-140{ min-height: 140px;}