#m_1 {
  background: url("images/ico_home.png") center left no-repeat;
}
#m_2 {
  background: url(images/ico_pman.png) center left no-repeat; /*url("images/ico_pay.png") center left no-repeat;*/
}
#m_3 {
  background: url(images/ico_site.png) center left no-repeat; /*url("images/ico_acc.png") center left no-repeat;*/
}
#m_4 {
  background: url("images/ico_requis.png") center left no-repeat; /*url("images/ico_users.png") center left no-repeat;*/
}
#m_5 {
  background: url("images/ico_inventory.png") center left no-repeat; /*url("images/ico_rep.png") center left no-repeat;*/
}
#m_6 {
  background: url("images/ico_exit.png") center left no-repeat;
}
#m_7 {
  background: url("images/ico_rep.png") center left no-repeat;
}
#m_8 {
  background: url("images/ico_acc.png") center left no-repeat;
}
#m_9 {
  background: url("images/ico_setting.png") center left no-repeat;
}
#m_10 {
  background: url("images/ico_lab.png") center left no-repeat;
}
#m_11 {
  background: url("images/ico_equip.png") center left no-repeat;
}
#m_12 {
  background: url("images/ico_pur.png") center left no-repeat;
}
#m_13 {
  background: url("images/ico_verify.png") center left no-repeat;
}
#m_21 {
  background: url("images/ico_income.png") center left no-repeat;
}
#m_22 {
  background: url("images/ico_op.png") center left no-repeat;
}
#m_33 {
  background: url("images/witholding_ico.png") center left no-repeat;
}
#m_36 {
  background: url("images/requets_ico.png") center left no-repeat;
}
#m_27 {
  background: url("images/ico_receipts.png") center left no-repeat;
}
#m_42 {
  background: url("images/icon_sup.png") center left no-repeat;
}
#m_43 {
  background: url("images/ico_plant.png") center left no-repeat;
}
#m_44 {
  background: url("images/ico_machinery.png") center left no-repeat;
}
#m_45 {
  background: url("images/ico_inventory.png") center left no-repeat;
}
#m_46 {
  background: url("images/ico_maintenance.png") center left no-repeat;
}
#m_47 {
  background: url("images/ico_transferlog.png") center left no-repeat;
}
#m_51 {
  background: url("images/ico_mrec.png") center left no-repeat;
}
#m_213 {
  background: url("images/ico_mrec.png") center left no-repeat;
}
.s_i213 {
  background: url("images/ico_mrec.png") center center no-repeat;
}
.s_i22 {
  background: url("images/ico_op.png") center center no-repeat;
}
.s_i27 {
  background: url("images/ico_receipts.png") center center no-repeat;
}
.s_i21 {
  background: url("images/ico_income.png") center center no-repeat;
}
.s_i1 {
  background: url("images/ico_home.png") center center no-repeat;
}
.s_i13 {
  background: url("images/ico_verify.png") center center no-repeat;
}
.s_i2 {
  background: url(images/ico_pman.png) center center no-repeat;
}
.s_i3 {
  background: url(images/ico_site.png) center center no-repeat;
}
.s_i4 {
  background: url("images/ico_requis.png") center center no-repeat;
}
.s_i5 {
  background: url("images/ico_inventory.png") center center no-repeat;
}
.s_i6 {
  background: url("images/ico_exit.png") center center no-repeat;
}
.s_i7 {
  background: url("images/ico_rep.png") center center no-repeat;
}
.s_i8 {
  background: url("images/ico_acc.png") center center no-repeat;
}
.s_i9 {
  background: url("images/ico_setting.png") center center no-repeat;
}
.s_i10 {
  background: url("images/ico_lab.png") center center no-repeat;
}
.s_i11 {
  background: url("images/ico_equip.png") center center no-repeat;
}
.s_i12 {
  background: url("images/ico_pur.png") center center no-repeat;
}
.s_i14 {
  background: url("images/ico_chpass.png") center center no-repeat;
}
.s_i15 {
  background: url("images/ico_setting.png") center center no-repeat;
}
.s_i16 {
  background: url("images/ico_assignuser.png") center center no-repeat;
}
.s_i30 {
  background: url("images/ico_search.png") center center no-repeat;
}
.s_i36 {
  background: url("images/requets_ico.png") center center no-repeat;
}
.s_i33 {
  background: url("images/witholding_ico.png") center center no-repeat;
}
.s_i42 {
  background: url("images/icon_sup.png") center center no-repeat;
}
.s_i31 {
  background: url("images/ico_trash.png") center center no-repeat;
}
.s_i37 {
  background: url(images/ico_deletion.png) center center no-repeat;
}
.s_i43 {
  background: url("images/ico_plant.png") center center no-repeat;
}
.s_i44 {
  background: url("images/ico_machinery.png") center center no-repeat;
}
.s_i45 {
  background: url("images/ico_inventory.png") center center no-repeat;
}
.s_i46 {
  background: url("images/ico_maintenance.png") center center no-repeat;
}
.s_i47 {
  background: url("images/ico_transferlog.png") center center no-repeat;
}
.s_i50 {
  background: url("images/ico_purchasing.png") center center no-repeat;
}
.s_i51 {
  background: url("images/ico_mrec.png") center center no-repeat;
}
#ct_2 {
  background: url(images/ic_proj.png) center center no-repeat;
}
#ct_3 {
  background: url(images/ic_sites.png) center center no-repeat;
}
#ct_10 {
  background: url(images/ic_labour.png) center center no-repeat;
}
#ct_11 {
  background: url(images/ic_equip.png) center center no-repeat;
}
#ct_4 {
  background: url(images/ic_req.png) center center no-repeat;
}
#ct_5 {
  background: url(images/ic_inventory.png) center center no-repeat;
}
#ct_7 {
  background: url(images/ic_reports.png) center center no-repeat;
}
#ct_8 {
  background: url(images/ic_users.png) center center no-repeat;
}
#ct_9 {
  background: url(images/ic_settings.png) center center no-repeat;
}
#ct_13 {
  background: url(images/ic_ver.png) center center no-repeat;
}
#ct_16 {
  background: url(images/ic_assignuser.png) center center no-repeat;
}
#ct_30 {
  background: url(images/ic_search.png) center center no-repeat;
}
#ct_31 {
  background: url(images/ic_bin.png) center center no-repeat;
}
#ct_37 {
  background: url(images/ic_deletion.png) center center no-repeat;
}
#ct_50 {
  background: url(images/ic_purchasing.png) center center no-repeat;
}
#ct_27 {
  background: url(images/ic_receipts.png) center center no-repeat;
}
#ct_52 {
  background: url(images/ic_invoice.png) center center no-repeat;
  background-size: 40px;
  background-position-y: 20px;
}
.s_i52 {
  background: url(images/ic_inv.png) center center no-repeat;
  background-size: 20px;
}
#mc_14 {
  background: url(images/chp.png) left center no-repeat;
}
#mc_15 {
  background: url(images/mysett.png) left center no-repeat;
}
#mc_6 {
  background: url(images/sout.png) left center no-repeat;
}

body {
  font-size: 0.8rem;
}
.form-select,
.custom-select,
.txtField {
  font-size: 0.8rem;
}
.ui-menu-item {
  font-size: 14px;
  padding: 9px 15px !important;
  overflow: hidden;
}
.ui-menu {
  box-shadow: 0px 0px 3px #555;
  border-radius: 3px;
  background: teal;
  color: #fff;
  padding: 5px 2px;
}
.spinner_wrap {
  padding: 20px;
}
.zpr {
  display: flex;
  justify-content: right;
}
.zpr_ps {
  background: url(images/zippe_bg.png) right center no-repeat;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.selMatPayments {
  padding: 5px 10px;
  background: #ff8b00;
  color: #fff;
  float: right;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: bold;
}
.sortType {
  border: 1px solid teal;
  padding: 9px 20px;
  text-align: center;
  font-size: 12px;
  float: left;
  border-radius: 3px;
  margin-left: 15px;
  cursor: pointer;
}
#sortActive {
  background: teal;
  color: #fff;
}
.dMore {
  background: #444;
  float: left;
  color: #fff;
  cursor: pointer;
  padding: 5px 8px;
  border-radius: 3px;
}
.selR {
  background: #5db4f7 !important;
  color: #fff !important;
}
.view-but {
  border-radius: 5px;
  background: url(images/ic_search.png) left center no-repeat #2b3d34;
  background-size: 15px;
  color: #fff;
  padding: 5px 10px 5px 25px;
  float: left;
  cursor: pointer;
}
.l_in {
  grid-area: gleft;
  height: 600px;
  overflow-y: scroll;
  border-top: 1px solid #ddd;
  box-shadow: inset 0px 0px 5px #bbb;
}
.r_in {
  top: 0px;
  position: sticky;
  grid-area: gright;
  min-height: 600px;
}
.r_in iframe {
  height: 600px !important;
}
.cviewin,
.cviewin2 {
  background: #056404;
  padding: 4px 10px;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  float: left;
  margin-left: 3px;
}
.uInvoice_wrap {
  width: 100%;
  float: left;
  min-height: 300px;
  display: grid;
  grid-template-areas: "gleft gright";
  grid-template-columns: auto 40%;
  grid-column-gap: 5px;
}
.infoDetails {
  width: 100%;
  float: left;
  padding: 20px 0px;
  text-align: center;
}
.invoice_display {
  width: 99.5%;
  background: blanchedalmond;
  border: 1px solid #ddd;
  box-shadow: inset 0px 0px 3px #000;
  height: 150px;
  float: left;
  display: none;
}
.invoiceLabel {
  background: #2b3d34;
  color: #fff;
  padding: 9px 20px;
  float: left;
  cursor: pointer;
  font-size: 12px;
  border-radius: 4px;
}
.nView {
  width: 100%;
  height: 20px;
  background: url(images/view_icon.png) center center no-repeat;
  cursor: pointer;
}
.vItem,
.selItem {
  padding: 3px 8px;
  float: left;
  background: #145075;
  color: #fff;
  border-radius: 3px;
  margin-left: 3px;
  cursor: pointer;
}
.selItem {
  background: #3a8306;
}
.phone_panel {
  width: 50%;
  float: left;
  margin: 5% 25%;
  border: 1px solid #bbb;
  min-height: 300px;
  background: #ddd;
  border-radius: 5px;
}
.xnum {
  text-align: center;
  padding: 5px 7px;
  background: #8c0b0d;
  float: none;
  color: #fff;
  border-radius: 5px;
  width: 10%;
  margin: 0px 45% 2px 45%;
}
.x_uploader,
.view_in {
  width: 100%;
  text-align: center;
  float: left;
  cursor: pointer;
}
.x_uploader {
  color: teal;
}
.x_uploader:hover {
  text-decoration: underline;
}
.view_in {
  padding: 3px 0px;
  background: teal;
  color: #fff;
}
.sNext {
  width: 40%;
  background: #122e4f;
  text-align: center;
  padding: 10px 0px;
  border-radius: 5px;
  margin: 5px 30%;
  float: left;
  color: #fff;
  margin-bottom: 20px;
  cursor: pointer;
}
.dC {
  width: 100%;
  float: left;
}
.rem-btn {
  float: left;
  padding: 6px 10px;
  cursor: pointer;
  background: #940c18;
  color: #fff;
  border-radius: 3px;
}
.rem-btn:hover {
  text-decoration: underline;
}
#aDate {
  display: none;
}
.phoneIcon {
  width: 100%;
  float: left;
  height: 120px;
  background: url(images/unlockByPhone.png) center center no-repeat;
}
.option_row {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 10px 0px;
}
.pushButton {
  padding: 10px 2%;
  border: 1px solid #bbb;
  float: left;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}
.pushButton:hover {
  box-shadow: 0px 0px 5px #000;
}
.phone_panel .form_input {
  width: 50%;
  margin: 10px 25%;
  float: left;
  padding: 10px 5px;
  font-size: 18px;
  text-align: center;
}
.leftP {
  background: url(images/left_arw.png) center center no-repeat;
}
.rightP {
  background: url(images/right_arw.png) center center no-repeat;
}
.leftP,
.rightP {
  height: 30px;
  width: 50px;
  border: 1px solid #bbb;
  float: right;
  border-radius: 2px;
  cursor: pointer;
  background-size: 40%;
  margin: 2px;
}
.phrTitle {
  width: 100%;
  background: #962224;
  font-size: 20px;
  padding: 10px 0px;
  color: #fff;
  text-align: center;
}
.rpContent {
  width: 100%;
  float: left;
  text-align: center;
  content: close-quote;
  padding: 15px 0px;
  font-style: italic;
  font-size: 12px;
  text-shadow: 0px 0px 1px #fff;
}
#ffD {
  display: none;
}
.staticCol #header_row1 {
  background: #fff;
}
.staticCol {
  border-right: none;
}
.staticCol #header_row {
  background: #000;
}
.staticCol .cells {
  width: 100%;
  float: left;
}
.staticCol .trow {
  background: #fff;
}
.staticCol .al1 {
  background: #edecec;
}
.dateDiv {
  position: absolute;
}
.nt_ico {
  position: relative;
  padding: 1px 2px;
  font-size: 10px;
  color: #fff;
  text-indent: 0px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #fff;
  margin-top: 3px;
  background: #f62c2f;
  box-shadow: 0px 0px 2px #444;
  float: right !important;
}
.dataRow {
  display: none;
  height: 300px;
  float: left;
  width: 100%;
  border: 1px solid #eee;
  box-shadow: inset 0px 0px 5px #000;
}
.staticCol .dRw {
  box-shadow: none;
  background: none;
}
.tot_released {
  float: left;
  background: url(images/tot_released.png) top left no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.tBar {
  border-bottom: 1px solid #ccc;
  padding: 5px 0px;
  min-height: 20px;
  overflow: hidden;
}
.arcTab {
  padding: 5px 10px;
  border: 1px solid #ccc;
  float: left;
  margin: 5px;
  cursor: pointer;
  border-radius: 3px;
  background: #fff;
  font-size: 14px;
}
.arcTab:hover {
  box-shadow: 0px 0px 1px #444;
}
.AddPanel {
  width: 96%;
  float: left;
  background: #eee;
  min-height: 100px;
  float: left;
  margin-left: 2%;
  display: none;
}
.showAttached {
  background: url(images/s_pin2.png) center center no-repeat;
  cursor: pointer;
}
.clsbtn {
  float: right;
  padding: 5px;
}
.clsbtn:hover {
  color: #f00;
  cursor: pointer;
}
.invoiceMain {
  width: 100%;
  float: left;
  padding: 5px 0px;
}
.selBut {
  border: 1px solid #ddd;
  padding: 5px 0px;
  float: left;
  text-align: center;
  width: 98%;
  background: #fff;
  cursor: pointer;
}
.verMp {
  background: url(images/verified_ic.png) center left no-repeat #16a308;
  padding: 6px 15px 5px 25px;
  float: left;
  color: #fff;
  margin-left: 5px;
  border-radius: 3px;
  cursor: pointer;
}
.dispatchBtn {
  border: 1px solid #ddd;
  padding: 6px 15px 6px 35px;
  float: left;
  margin-left: 10px;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  background: url(images/dispatch_ico.png) center left no-repeat #444;
}
.minTitle {
  width: 100%;
  float: left;
  background: #145075;
  color: #fff;
  padding: 10px 0px;
  text-indent: 10px;
  border-radius: 5px;
}
.edpro {
  width: 20px;
  height: 20px;
  float: right;
  background: url(images/edit_icon.png) center center no-repeat;
  cursor: pointer;
}
.q_col {
  width: 100%;
  float: left;
}
#slauncher {
  background: url(images/ic_launcher.png) center center no-repeat;
  height: 70px;
  width: 100%;
  float: left;
}
.fadeDiv,
.fadeDiv2 {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 400;
  background-color: rgb(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: none;
}
.dv_caution {
  float: left;
  padding-top: 35px;
  background: url(images/ico_caution.png) top center no-repeat;
  font-weight: bold;
}
.fnitem {
  width: 200px;
  padding: 7px 10px;
  min-height: 15px;
  border: 1px solid #bbb;
  float: left;
  border-radius: 5px;
  background: url(images/s_field.png) center right no-repeat;
  cursor: pointer;
}
.decReq,
.appReq {
  padding: 3px 0px;
  text-align: center;
  width: 94%;
  margin-left: 2%;
  float: left;
  cursor: pointer;
  border-radius: 3px;
}
.decReq {
  color: #fff;
  background: #555;
}
.appReq {
  color: #fff;
  background: #3a8306;
}
.iSearchBox {
  width: 500px;
  min-height: 20px;
  border-radius: 5px;
  border: 1px solid #bbb;
  position: absolute;
  margin: 32px 0px 0px 100px;
  padding: 10px 5px;
  background: #fff;
  box-shadow: 0px 0px 2px #bbb;
  display: none;
  z-index: 99;
}
.iSearchWrap {
  height: 0px;
  overflow: visible;
}
.fadeDiv3 {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 400;
  background: #000;
  opacity: 0.8;
  display: none;
}
.pSel {
  cursor: pointer;
}
#findSup {
  border: 1px solid #bbb;
  padding: 5px 10px;
  border-radius: 5px;
}
.ifList {
  width: 100%;
  float: left;
  margin-top: 10px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}
.conBox,
.conBox2 {
  position: fixed;
  width: 40%;
  left: 30%;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 0px 20px #444;
  border-radius: 10px;
  display: none;
  z-index: 4450;
}
.iclose {
  float: right;
  color: #f00;
  margin-right: 5px;
  cursor: pointer;
}
.conBox3 {
  position: fixed;
  width: 80%;
  left: 10%;
  height: 70%;
  top: 15%;
  padding: 1%;
  background: #fff;
  box-shadow: 0px 0px 20px #444;
  border-radius: 10px;
  display: none;
  z-index: 4450;
}
.msgTitle {
  width: 100%;
  float: left;
  font-size: 22px;
  text-align: left;
  color: #0f5e09;
  font-weight: bold;
}
.closeBxx {
  cursor: pointer;
  float: right;
  width: auto;
  color: #f00;
}
.mesCont {
  width: 100%;
  height: 90%;
  float: left;
  border: 1px solid #bbb;
  border-radius: 2px;
  margin-top: 10px;
  background: #fff;
  overflow-y: scroll;
}
.mesRow {
  width: 96%;
  margin: 3px 1%;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #eee;
  padding: 10px 1%;
  font-size: 14px;
}
.aSup:hover {
  text-decoration: underline;
}
.list_row:hover {
  background: #cbe3f8;
}
.popTitle {
  width: 96%;
  margin: 3px 1%;
  border-radius: 5px;
  background: #145075;
  padding: 10px 1%;
  font-size: 16px;
  color: #fff;
}
.halfDiv {
  background: url(images/strip.png);
  width: 100% !important;
  border-radius: 0px !important;
  border: 0px !important;
  margin: 65px 0px 0px 0px !important;
  float: left !important;
}
.halfDiv::before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background: #fff;
  z-index: -2;
  border: 1px solid #f00;
}
.offPro {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  background: url(images/officePoc.png) center center no-repeat;
}
.recIn {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  background: url(images/rec_income.png) center center no-repeat;
}
.pettyCsh {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 5px;
  background: url(images/pettycash.png) center center no-repeat;
}
.butRow {
  width: 99%;
  float: left;
  margin: 5px 0.5%;
  display: flex;
  justify-content: center;
}
.conBox .butRow {
  display: flex;
  justify-content: flex-end;
}
.okBtn,
.canBtn,
.declbtn,
.yesbtn {
  float: right;
  cursor: pointer;
  margin: 0px 2px;
}
.okBtn,
.yesbtn {
}
.supSl {
  padding: 3px 5px;
  background: #065fa0;
  color: #fff;
  float: left;
  border-radius: 3px;
  cursor: pointer;
}
.okOnly {
  text-align: center;
  float: left;
  cursor: pointer;
}
.addRF {
  padding: 5px 25px;
  background-color: #0a508b;
  color: #fff;
  float: left;
  border-radius: 3px;
  cursor: pointer;
}
.canBtn,
.declbtn {
  background: #b70a0d;
}
.excelD {
  border: 1px solid #ddd;
  padding: 7px 15px 7px 35px;
  cursor: pointer;
  float: right;
  margin-left: 10px;
  background: url(images/excel_icon.png) center left no-repeat;
}
.addPBtn {
  padding: 7px 25px;
  float: left;
  border-radius: 3px 15px;
  font-size: 14px;
  margin: 10px;
  background: #0a508b;
  color: #fff;
  cursor: pointer;
}
.add_button {
  padding: 7px 25px;
  color: #fff;
  float: left;
  border-radius: 3px;
  background: #0a508b;
  cursor: pointer;
}
.c_purchases_title {
  padding: 7px 25px;
  float: left;
  font-size: 14px;
  margin: 10px 5px;
}
.conA,
.conA2 {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
}
.vReq,
.u_more,
.xpand,
.xpand2,
.mEQ,
.shwDet,
.shwRec,
.supDet,
.whDet,
.vPro,
.veReq,
.xpnd {
  width: 20px;
  height: 20px;
  float: right;
  margin: 0px 10px;
  background: url(images/ico_rep.png) no-repeat center center;
  cursor: pointer;
}
.whDet {
}
.supDet {
  background: url(images/ico_setting.png) no-repeat center center;
}
.supDe {
  padding: 3px 5px;
  float: left;
  min-width: 150px;
  border: 1px solid #ddd;
}
#header_row {
  position: sticky;
  top: 0px;
  background: var(--gray);
  color: var(--light);
  border-radius: 5px;
}
.expAll {
  width: 15px;
  height: 15px;
  background: url(images/exAll.png) no-repeat center center;
  float: right;
  cursor: pointer;
}
.shwRec:hover {
  text-decoration: underline;
}
.selMatPay {
  border: 1px solid #bbb;
  padding: 7px 5px 7px 20px;
  font-size: 12px;
  float: left;
  border-radius: 2px;
  margin-top: 2px;
  margin-left: 10px;
  cursor: pointer;
  display: none;
}
.qrll {
  padding: 2px 5px;
  border-radius: 2px;
}
.qrll:hover {
  text-decoration: underline;
  color: blue;
  cursor: pointer;
}
.excelProlog {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  margin-top: 10%;
}
.excelImp {
  padding: 5px 15px;
  float: left;
  background: #ddd;
  color: #444;
  cursor: pointer;
}
.delFmReq {
  padding: 2px 15px;
  color: #fff;
  float: right;
  margin: 2px;
  background: #db0d10;
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px;
}
.fmRw {
  border-bottom: 1px solid #ddd;
  color: #f00;
  float: left;
  width: 100%;
}
.mpReq,
.ldiv,
.ldiv2 {
  padding: 7px 15px 7px 30px;
  background: url(images/s_pin.png) center left no-repeat #267a0d;
  color: #fff;
  float: left;
  font-size: 14px;
  margin-left: 63px;
  margin-top: 5px;
  cursor: pointer;
  border-radius: 3px;
}
.ldiv {
  background: url(images/view_icon.png) center left no-repeat #ddd;
  color: #222;
  display: none;
  padding: 7px 15px 7px 30px;
  margin-left: 5px;
}
.ldiv2 {
  background: #ddd;
  padding: 7px 15px 7px 15px;
  color: #333;
}
.exMp {
  width: 20px;
  height: 20px;
  float: left;
  cursor: pointer;
  background: url(images/split_icon.png) center center no-repeat;
}
.attachF {
  padding: 5px 10px 5px 35px;
  background: #ddd;
  float: left;
  cursor: pointer;
  margin-left: 15px;
  border-radius: 3px;
}
.noAFile {
  background: url(images/s_pin.png) center left no-repeat #208407;
  color: #fff;
  font-weight: bold;
}
.attDiv {
  padding: 10px 20px;
  border: 1px solid #bbb;
  background: url(images/s_pin2.png) center center no-repeat #ddd;
  text-align: right;
  float: right;
  cursor: pointer;
  border-radius: 3px;
}
.impRateWrap {
  width: 100%;
  float: left;
  background: #444;
  height: 260px;
  display: none;
}
.impInnerWrap {
  width: 92%;
  margin-left: 4%;
  margin-top: 10px;
  height: 240px;
  float: left;
  background: #fff;
}
.dwlBtn {
  width: 20%;
  padding: 10px;
  font-size: 15px;
  color: #fff;
  background: #097c17;
  font-weight: bold;
  margin: 20px auto;
  text-align: center;
  float: left;
  margin-left: 40%;
}
.trow:hover {
  background: #cbe3f8;
}
.trow {
  z-index: 10 !important;
}
.rateField,
.descField,
.remarkField {
  border: none;
  box-shadow: 0px 0px 2px #777;
  border-radius: 3px;
  font-size: 14px;
  padding: 5px 0px;
  text-align: center;
  text-transform: uppercase;
}
.rateWrap {
  width: #444;
  padding: 3px 15px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #ddd;
  margin-left: 10px;
}
.loadRate {
  float: left;
  border: none;
  border-radius: 3px;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 1px;
  background: #444;
  color: #fff;
  cursor: pointer;
}
.addUser {
  padding: 5px 15px;
  background: #0d7ed5;
  float: right;
  cursor: pointer;
  color: #fff;
  border-radius: 3px;
  margin-top: 5px;
}
.prevForm {
  width: 100%;
  float: left;
  border: 1px solid #f00;
  margin-top: 10px;
}
.auth {
  padding: 5px 10px;
  border-radius: 5px;
  margin: 0px 4px;
  background: #2c7747;
  color: #fff;
  float: right;
  cursor: pointer;
}
.infoDiv {
  border-radius: 5px;
  width: 96%;
  margin-left: 1%;
  float: left;
  padding: 1%;
  background: #145075; /*##06397F30A#082C761F3;*/
  margin-bottom: 20px;
  color: #fff;
  border: 2px solid #ddd;
  font-size: 14px;
}
.profWrap {
  width: 98%;
  float: left;
  border: 1px solid #ddd;
  margin: 0px 1%;
  border-radius: 5px;
  padding-top: 20px;
}
.chkB {
  border: 2px solid #ddd !important;
}
.appR,
.decL {
  border: 1px solid #ddd;
  height: 20px;
  float: left;
  margin: 0px 3px;
  padding: 2px 5px 3px 20px;
  border-radius: 3px;
  cursor: pointer;
}
.decL {
  background: url(images/decline_ico.png) center left no-repeat #fff;
}
.appR {
  background: url(images/approve_ico.png) center left no-repeat #fff;
}
.appR:hover,
.decL:hover {
  box-shadow: 0px 0px 2px #000;
}
.req_box {
  width: auto;
  border-radius: 3px;
  float: left;
  min-width: 150px;
  margin: 10px;
  text-align: center;
  overflow: hidden;
  padding: 4px;
}
.prN {
  padding: 20px 5px;
  min-width: 150px;
  float: left;
  color: #fff;
  background: #076aa3;
  margin: 0px;
  border: 4px solid #0d89d0;
  border-radius: 5px;
  cursor: pointer;
}
.tRq {
  border-radius: 4px;
  float: left;
  position: relative;
  margin-top: -10px;
  width: 100%;
  z-index: 200;
}
.tRq_inner {
  border-radius: 10px;
  float: left;
  background: #ddd;
  font-size: 14px;
  padding: 5px;
  box-shadow: 0px 0px 2px;
}
.bBut,
.genBack {
  float: right;
  background-image: url(images/back_ico.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left;
  padding-left: 25px;
  margin: 0px 1px;
  cursor: pointer;
}
.at_icon,
.at_picon {
  background: #f00;
  padding: 1px 3px;
  border-radius: 25px;
  margin-top: -10px;
  margin-left: -10px;
  font-size: 14px;
  min-width: 15px;
  text-align: center;
  float: left;
  position: absolute;
  font-weight: bold;
  color: #fff;
  display: none;
}
.cells .at_picon {
  position: relative !important;
  margin: auto;
  width: 80%;
  margin-left: 10%;
  text-align: center;
}
.cells .prN {
  float: left;
  color: #fff;
  padding: 5px 15px 5px 15px;
  border: none;
  border-radius: 3px;
  text-align: center;
  text-indent: 25px;
  min-width: 0px;
  font-weight: normal;
  background: url(images/vicon_w.png) left center no-repeat #0c79d3;
}
.men_tab2 .at_icon {
  margin-top: -20px;
  margin-left: -20px;
}
#scanImg {
  width: 100%;
  min-height: 400px;
  float: left;
  background: #444;
  overflow-y: scroll;
  max-height: 600px;
}
.delMp {
  float: right;
  margin: 0px 2px;
}
.aDelTab {
  width: 100%;
  height: 200px;
  float: left;
  background: url(images/Del_tab.png) center center no-repeat;
  margin-top: 30px;
}
.delMp:hover {
  box-shadow: 0px 0px 1px #444;
}
.dRw {
  width: 100%;
  padding: 5px 2% 10px 2%;
  float: left;
  min-height: 100px;
  background: #efefef;
  box-shadow: inset 0px 0px 5px #bbb;
  border-radius: 5px;
  display: none;
}
.Rtotal {
  width: 100%;
  float: left;
  font-size: 18px;
  text-align: right;
  margin-top: 10px;
  font-weight: bold;
}
.sites_selection {
  display: none;
}
.dCont {
  width: 96%;
  padding: 5px 2%;
  float: left;
  min-height: 50px;
  background: #fff;
  margin-left: 2%;
}
.tr_items {
  width: 20px;
  height: 20px;
  float: left;
  background: url(images/ico_share.png) center center no-repeat;
  cursor: pointer;
}
.dxBar {
  width: 96%;
  float: left;
  border-bottom: 1px solid #ddd;
  padding: 5px 1%;
  background: #fff;
  margin: 10px 2%;
}
.sys-label {
  text-transform: uppercase;
  font-weight: bold;
}
.btn {
  font-size: 0.8rem;
}
.uPanel {
  width: 100%;
  background: #e0f6e7;
  height: 100px;
  float: left;
  display: none;
}
.clM,
.clM2 {
  float: right;
  font-size: 16px;
  color: #f00;
  padding: 2px;
  cursor: pointer;
}
.fLabel,
.fUp {
  float: left;
  background: #0a508b;
  border-radius: 3px;
  padding: 10px 25px;
  color: #fff;
  cursor: pointer;
}
.fUp {
  background: #026423;
  margin-left: 20px;
  display: none;
}
.fileSpan {
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  z-index: -1;
}
.lstatus {
  width: 100%;
  float: left;
  font-style: italic;
  margin-top: 10px;
}
.cnUser {
  width: 40%;
  float: right;
  height: 30px;
  background: none;
  color: #fff;
  position: relative;
  right: 0px;
  top: 30px;
  box-shadow: 0px 0px 0px #000;
  border-radius: 0px;
}
.cnUser #label,
.cnUser .txtDiv {
  color: #fff;
  width: auto !important;
  min-width: 50px;
  padding-right: 20px;
  padding-top: 2px;
}
.cnUser .txtDiv {
  background: url(images/userOpts.png) center right no-repeat;
  margin-right: 5px;
  cursor: pointer;
  font-size: 15px;
}
.uOpts {
  width: auto;
  background: #555;
  box-shadow: 0px 0px 2px #000;
  position: absolute;
  margin-top: 31px;
  margin-left: -48px;
  margin-right: 10px;
  padding: 10px 0px 10px 0px;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  display: none;
}
.mnRow {
  width: 100%;
  float: left;
  padding: 5px 0px 5px 20px;
}
.mnRow:hover {
  text-decoration: underline;
}
.u_row {
  min-width: 0px;
}
.uWrap {
  float: right;
}
.al1 {
  background: #edecec;
}
.al2 {
  background: #fff;
}
.men_header {
  width: 96%;
  /*margin:2%;*/
  float: left;
  background: #646465; /*#646465;/*462c1f;#767674;*/
  padding: 5px 0px;
  text-align: left;
  text-indent: 50px;
  font-size: 16px;
  color: #fff; /*#ffd300;*/
  border-radius: 2px;
  margin: 10px 1%;
  box-shadow: 0px 0px 3px #ddd;
  display: none;
}
.drw {
  width: 80%;
  float: left;
  display: none;
  margin-left: 10%;
  position: relative;
}
.innerSearch {
  position: absolute;
  box-shadow: 0px 0px 4px #000;
  border-radius: 3px;
  width: 100%;
  float: left;
  margin-top: -3px;
  background: #efefef;
}
.searchRW {
  width: 98%;
  float: left;
  margin: 3px 1%;
  padding: 5px 0px;
  text-indent: 3px;
  font-size: 12px;
  border-bottom: 1px solid #fff;
}
.dvdata {
  float: left;
  overflow: hidden;
}
.dvdata:hover {
  text-decoration: underline;
}
.searchRW:hover {
  color: #0840a4;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}
.proTile {
  width: 50%;
  margin: 40px 25%;
  float: left;
  min-height: 200px;
  /*border:1px solid #bbb;*/
  background: #2b3d34;
  color: #fff;
  font-size: 18px;
  box-shadow: 0px 0px 4px #bbb;
}
.acTab {
  width: 120px;
  height: 100px;
  background: #0d87cd; /*#0c77b5; /*#076aa3;*/
  float: left;
  color: #fff;
  border-radius: 5px;
  margin: 15px;
  cursor: pointer;
  border: 2px solid #bbb; /*#076aa3;*/
  background-clip: border-box;
  transition: background 500ms ease-in-out, transform 500ms ease-in-out,
    box-shadow 500ms ease-in-out;
}
.acTab:hover {
  box-shadow: 0px 0px 30px #bbb;
  background: var(--info);
  transform: scale(1.2);
}
.tab_icon {
  width: 96%;
  height: 50px;
  margin: 2px 2%;
}
.cTxt {
  width: 96%;
  margin: 1px 2%;
  float: left;
  font-size: 13px;
  text-align: center;
  padding: 5px 0px;
}
.posDiv {
  float: right;
  margin-right: 23px;
  font-size: 15px;
}
.posDiv i {
  padding: 0px 3px;
}
.pT {
  width: 100%;
  font-size: 18px;
  float: left;
  font-weight: bold;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 2px solid #fff;
  background: #ad4c0c;
  color: #fff;
}
.trw {
  width: 100%;
  float: left;
  padding: 5px 0px;
  font-size: 12px;
}
.tlabel {
  width: 130px;
  float: left;
  padding: 5px 0px;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.PDWrap {
  width: 98%;
  float: left;
  padding: 1%;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #444;
}
.spd {
  padding: 0px 0px !important;
  color: #fff;
  background: url(images/addI.png) center center no-repeat;
  float: left;
  height: 20px;
  width: 20px;
  font-size: 30px;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 5px;
}
.txtDivT {
  font-size: 14px;
  padding: 5px 5px;
  float: left;
  width: 190px;
  margin-right: 10px;
}
.nFound {
  width: 100%;
  float: left;
  color: #e70b94;
  font-size: 18px;
  text-align: center;
  margin-top: 80px;
}
.menu_wrapp {
  width: 100%;
  background: #efefef; /*#ecf0f1;*/
  float: left;
  margin-left: 0px;
  margin-bottom: 0px;
  position: fixed;
  box-shadow: 0px 1px 1px #bbb;
  z-index: 120;
}
.inn_wrap {
  min-width: 200px;
  width: 100%;
  float: left;
}
.tggle_m {
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 3px;
  overflow: visible;
  cursor: pointer;
  background: url(images/retMen.png) center content-box no-repeat;
}
.txtField,
.schUField,
.scField,
.lField {
  width: 200px;
  padding: 7px 10px;
  border-radius: 3px;
  font-size: 14px;
  float: left;
}
.schUField {
  background: url(images/su_icon.png) center right no-repeat;
  cursor: pointer;
}
.showRepInner {
  width: 100%;
  float: left;
  min-height: 50px;
  margin-top: 20px;
}
.kindNote {
  background: #f4d6a6;
  text-align: center;
  float: left;
  margin: 10px 10%;
  width: 76%;
  padding: 5px 2%;
  border: 2px solid #f0c98a;
}
.kindNote b {
  color: #d40609;
}
.scField {
  padding: 5px;
  box-shadow: 0px 0px 2px #4b87c8;
  border: none;
  margin-left: 5px;
  background: url(images/s_field.png) center right no-repeat;
  color: #444;
}
.selC {
  padding: 5px 10px;
  background: #277ddb;
  color: #fff;
  font-size: 11px;
  float: right;
  border-radius: 5px;
  margin: 1px 5px;
  cursor: pointer;
}
.selC:hover {
  box-shadow: 0px 0px 3px #bbb;
}
.scField:focus {
  box-shadow: 0px 0px 4px #4b87c8;
}
.incon {
  width: 98%;
  margin: 2px 1%;
  min-height: 40px;
  float: left;
}
.sBar {
  width: 100%;
  float: left;
  padding: 5px 0px;
  border-bottom: 1px solid #ddd;
}
.sWrap {
  width: 350px;
  border: 1px solid #ddd;
  float: left;
  margin: 37px 0px 2px 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 3px #1063b4;
  position: absolute;
  background: #fff;
  display: none;
  overflow: auto;
}
.txtField:focus {
  box-shadow: 0px 0px 5px #ffd300;
}
.retR {
  position: absolute;
  width: 15px;
  height: 40px;
  left: -1px;
  margin-top: 30px;
  border-radius: 3px;
  /*background: #777;*/
  display: none;
  cursor: pointer;
  opacity: 0.7;
  background: url(images/retArr.png) center right no-repeat #222;
}
.retR:hover {
  opacity: 1;
}
#sum_row {
  margin-top: 10px;
  margin-bottom: 30px;
  float: left;
  font-size: 14px;
}
#content_area {
  /*background:#efefef;*/
  margin: 0px !important;
}
.innerTitle {
  float: left;
  font-size: 20px;
}
.q_col {
  float: left;
  padding: 5px 3px;
}
.quince_content {
  width: 100%;
  float: left;
  min-height: 500px;
  background: #fff;
  overflow: hidden;
}
.tabs_content {
}
.quince_bread_wrap {
  width: 99%;
  float: left;
  min-height: 30px;
  overflow: hidden;
  margin: 10px 0.5% 0px 0.5%;
  padding-bottom: 3px;
}
#quince_inner_content {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 16px;
}
#sec_image {
  width: 30px;
  height: 35px;
  float: left;
  margin-left: 3px;
  border: 1px solid #646465; /*#767674;*/
  overflow: hidden;
}
#quince_title {
  background: #646465; /*#462c1f;/*#767674;*/
  color: #fff;
  font-size: 16px;
  padding: 5px 70px 6px 20px;
  text-align: center;
  float: left;
  font-style: nomal;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#header_row1,
#header2_row1 {
  border: none;
}
#header_row {
  font-size: bold;
}
.dashWrap {
  width: 100%;
  float: left;
  min-height: 300px;
  overflow: hidden;
  padding-bottom: 20px;
  border-top: 1px solid #d8ae4e;
  margin-bottom: 2px;
}
.detSide {
  width: 47%;
  float: right;
  min-height: 200px;
  margin: 1%;
}
.mainDashTab {
  padding: 20px 0px;
  text-align: center;
  float: left;
  margin: 20px 20px;
  width: 180px;
  font-size: 14px;
  border-radius: 5px;
}
.q_row {
  width: 98%;
  float: left;
  margin: 10px 1%;
  font-size: 16px;
}
.impLabel {
  border: 1px solid #bbb;
  border-radius: 5px;
  font-size: 12px;
  margin: auto;
  background: url(images/excel_icon.png) center right no-repeat #eee;
  padding: 10px 35px 10px 5px;
  float: left;
  cursor: pointer;
}
.excSet {
  width: 24px;
  margin: auto 3px;
  height: 35px;
  background: url(images/ico_setting.png) center center no-repeat #eee;
  border: 1px solid #bbb;
  float: left;
  cursor: pointer;
  border-radius: 5px;
}
.excSetLoadWrap,
.excSetWrap {
  width: 0px;
  float: left;
  height: 35px;
  background: #eee;
  overflow: hidden;
  border: 1px solid #bbb;
  border-radius: 5px;
  display: none;
}
.excSetLoadWrap #label,
.excSetWrap #label {
  margin-left: 5px !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  float: left;
}
.excSetLoadWrap {
  margin-left: 2px;
}
.pBar {
  width: 100%;
  height: 3px;
  background: #bbb;
  float: left;
  margin-top: 3px;
}
#eProg {
  width: 100%;
  padding: 5px;
  margin-bottom: 2px;
  float: left;
}
#eProg i {
  width: 100%;
  float: left;
  text-align: center;
}
#pBarI {
  width: 10%;
  float: left;
  height: 3px;
  background: #acf7aa;
}
.ltxt {
  width: 93%;
  float: left;
  margin: 0px 3%;
  border: none;
}
.ltxt:focus {
  box-shadow: 0px 0px 3px #cbe3f8;
}
.cells,
.cells2 {
  min-height: 19px;
  font-size: 12px;
  border-right: 1px solid #edecec;
}
.al2 .cells,
.al2 .cells2 {
  border-right: 1px solid #fff;
}
.cells_top,
.cells_top2 {
  font-size: 12px;
  font-weight: bold;
}
.txtDiv {
  padding: 5px 2px;
  float: left;
  font-weight: 12px;
  min-width: 120px;
}
.proTile .txtDiv {
  font-size: 16px;
}
.sIcon {
  cursor: pointer;
  padding: 5px;
  float: left;
  width: 15px;
  height: 15px;
  background: url(images/search_button.png) center center no-repeat;
}
.sc {
  width: 40%;
  min-height: 100px;
  background: #fff;
  float: left;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #bbb;
  margin-left: 18px;
  margin-top: 0px;
  display: none;
  margin-left: 100px;
  z-index: 200;
}
.listbox #list_content {
  height: 220px !important;
}
.cls,
.addBtn {
  cursor: pointer;
}
.pdesc {
  border: 1px solid #bbb;
  float: left;
  border-radius: 3px;
  height: 80px;
  width: 200px;
  padding: 5px;
}
.cTitle {
  width: 100%;
  float: left;
  background: #bbb;
  padding: 5px 0px;
  text-indent: 5px;
  color: #fff;
}
.addBtn {
  padding: 3px 10px;
  border-radius: 5px;
  float: left;
  border: 1px solid #bbb;
  background: #ddd;
  font-size: 14px;
  float: right;
  margin-top: 10px;
}
.label {
  float: left;
  font-size: 14px;
  margin: 5px 5px;
}
.quinceInner {
  margin: 2% 5%;
  border: 1px solid #ddd;
  width: 90%;
  padding: 10px 0px;
  overflow: hidden;
  border-radius: 5px;
}
.quinceInner #label,
#quince_inner_content #label {
  font-size: 14px;
}
.quinceInner #form_row i {
  margin-top: 5px;
  font-weight: bold;
  float: left;
  width: 100%;
}
.form_row {
  padding: 10px 1%;
  width: 96%;
  margin-left: 1%;
  float: left;
}
#listrselected {
  box-shadow: 0px 0px 10px #333 !important;
  border: 2px solid #f00 !important;
}
.attach_div {
  width: 300px;
  border: 1px solid #ddd;
  display: hidden;
  border-radius: 5px;
  float: left;
  padding: 5px;
  color: #0671cb;
}
.delr {
  width: 20px;
  float: right;
  margin-right: 3px;
  background: url(images/del_icon.png) center center no-repeat;
  min-height: 20px;
  cursor: pointer;
}
.delr:hover {
  background: url(images/del_iconr.png) center center no-repeat;
}
.wait {
  width: 20px;
  float: right;
  margin-right: 3px;
  background: url(images/wai_icon.png) center center no-repeat;
  min-height: 20px;
  cursor: pointer;
}
.attach_div label {
  background: #3696f8;
  padding: 5px 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.proc {
  width: 100%;
  float: left;
  height: 5px;
  background: #ddd;
  margin-top: 20px;
}
#dsh_1 {
  background: url(images/ico_pay.png) top left no-repeat #eee; /*#f7aaf3;*/
}
#dsh_2 {
  background: url(images/ico_acc.png) top left no-repeat #acf7aa;
}
#dsh_3 {
  background: url(images/ico_users.png) top left no-repeat #b2aaf7;
}
.qlist_v {
  background: #ecf0f1;
}
#dsh_4 {
  background: url(images/ico_setting.png) top left no-repeat #f4f7aa;
}
#dsh_5 {
  border: 1px solid #ccc;
  background: url(images/write_icon.png) top left no-repeat;
}
.memo_title {
  width: 98%;
  padding: 4px 1px;
  float: left;
  font-size: 14px;
  margin: 0px 1%;
  text-indent: 25px;
  background: url(images/ico_memo.png) center left no-repeat;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}
.mainDashTab:hover {
  box-shadow: 0px 0px 5px #fd9d07;
  cursor: pointer;
}
.quince_select,
.l_select,
.inv_select,
.pur_select,
.equip_sel {
  cursor: pointer;
}
.memoCont {
  width: 98%;
  margin: 1%;
  float: left;
  height: 290px;
  overflow-y: scroll;
}
.quince_input {
  border: 1px solid #bbb;
  border-radius: 3px;
  padding: 5px 5px;
}
.ui-datepicker-year {
  border-radius: 3px;
}
.nDiv {
  width: auto;
  height: 25px;
  margin-left: 18%;
  float: right;
  margin-top: 2px;
  font-size: 14px;
}
.mNDiv {
  width: 25px;
  float: right;
  height: 25px;
  background: url(images/bell1.png) center center no-repeat;
  cursor: pointer;
  margin-right: 5px;
  opacity: 0.3;
}
.numb {
  padding: 4px 0px;
  float: left;
  display: none;
}
.mesDiv {
  width: 87%;
  min-height: 100px;
  background: #eee;
  float: left;
  margin: 3% 5%;
  border-radius: 5px;
  padding: 2%;
}
.results_wrap {
  width: 100%;
  display: none;
}
.quince_date,
.labour_date,
.trDate,
.q_date {
  border: 1px solid #bbb; /*1px solid #d8ae4e;*/
  border-radius: 3px;
  padding: 7px 5px 7px 30px;
  background: url(images/cal_bg.png) center left no-repeat;
  cursor: pointer;
  font-size: 14px;
}
.qs_wrap {
  float: left;
  overflow: hidden;
  cursor: pointer;
  margin: 0px 2px;
}
.quince_main_view {
  float: left;
  overflow: hidden;
  width: 100%;
}
.vDiv {
  width: 100%;
  min-height: 20px;
  float: left;
  background: url(images/ico_rep.png) no-repeat center;
  cursor: pointer;
}
.ch_d,
.ch_dw {
  background: url(images/unchecked.png) no-repeat left;
  padding-left: 18px;
  min-height: 20px;
  margin: auto 0px 0px 3px;
}
.ch_dw {
  background: url(images/warncheck.png) no-repeat left;
}
.ch_a {
  background: url(images/checked.png) no-repeat left;
  padding-left: 18px;
  min-height: 20px;
  margin: auto 0px 0px 3px;
}
.iprint:hover {
  box-shadow: 0px 0px 3px #bbb;
  cursor: pointer;
}
.resBtn,
.delEn,
.resButton {
  float: right;
  border-radius: 3px;
  background: url(images/reset_ico.png) center left no-repeat #940c18;
  padding: 5px 10px 5px 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.resBtn {
  background: url(images/del_iconr.png) center left no-repeat #940c18;
}
.resEnt {
  font-size: 12px;
}
.fmu_wrap {
  width: 100%;
  float: left;
  overflow: hidden;
}
.icon_text {
  width: 100%;
  margin-top: 25px;
  text-align: center;
  font: 8px;
  color: #fff;
}
.dRow {
  width: 100%;
  float: left;
  min-height: 100px;
  background: #d0cff4;
  display: none;
  border: 1px solid #f00;
}
.menu_loader {
  float: right;
  height: 40px;
}
.in_tit {
  width: 100%;
  font-weight: bold;
  text-indent: 10px;
  font-size: 14px;
}
.men_tab2 {
  margin: 0px 2px;
  text-transform: none;
  cursor: pointer;
}
.quince_bread_wrap .men_tab2 {
  float: right;
}
.men_tab,
.mpTab {
  padding: 9px 15px 9px 15px;
  background: #ddd;
  float: left;
  cursor: pointer;
  margin: 0px 3px;
  margin-top: 1px;
  box-shadow: 0px 0px 1px #777;
  border-radius: 3px;
  border: none;
  color: #5b5a59;
}
.men_tab,
.men_tab,
.mpTab {
  font-size: 14px;
}
.btn .men_tab2 {
  text-transform: none;
}
.mpTab {
  width: 100px;
  height: 30px;
  padding: 0px;
  border: none !important;
  background: url(images/print_bg.png) center center no-repeat;
}
.mpTab:hover {
  box-shadow: 0px 0px 3px #bbb;
}
.saveFList {
  background-image: url(images/save_icon.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin: 0px 1px;
}
.saveFAList,
.saveData,
.app_button,
.appOnlyBtn {
  padding: 11px 18px 11px 35px;
  cursor: pointer;
  margin: 0px 3px;
  margin-top: 1px;
  box-shadow: 0px 0px 1px #777;
  border-radius: 3px;
  border: none;
  font-weight: normal;
  font-size: 14px;
  color: #fff; /*#5b5a59;*/
  background: url(images/save_icon.png) center left no-repeat #1d99f9
    /*#74acf7*/;
}
.iprint {
}
.saveFList,
.saveFAList,
.app_button {
  float: right;
}
.app_button {
  background: url(images/ico_approve.png) center left no-repeat #1d99f9
    /*#74acf7*/;
}
.iprint {
  background-image: url(images/print_ico.png);
  background-repeat: no-repeat;
  background-position: left;
  float: right;
  padding-left: 35px;
}
.thePop {
  width: 80%;
  margin-left: 10%;
}
.thePop,
.popOptions {
  height: 70%;
  border: 1px solid #bbb;
  background: #fff;
  position: fixed;
  margin-top: 0px;
  z-index: 3010;
  top: 15%;
  display: none;
  border-radius: 5px;
  padding: 5px;
  overflow-y: scroll;
}
.loadRec {
  padding: 10px 15px;
  background: rgb(231, 75, 3);
  color: #fff;
  border-radius: 5px;
  float: left;
  cursor: pointer;
}
.popOptions {
  width: 40%;
  margin-left: 30%;
}
.title-section {
  grid-area: nLeft;
  padding: 10px 5px;
  font-size: 14px;
}
.CloseDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-area: nRight;
  background: crimson;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.OptionsHeader {
  display: grid;
  grid-template-areas: "nLeft nRight";
  grid-template-columns: 80% 30%;
  background: #444;
  color: #fff;
  width: 100%;
  overflow: hidden;
  position: sticky;
  top: 0px;
  z-index: 2000;
}
.purData {
  width: 100%;
  float: left;
  background: #f0e2cc;
  overflow: hidden;
  display: none;
}
.vDets {
  width: 95%;
  float: right;
  padding: 3px 0px;
  text-align: right;
  background: #000;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
}
.option-text {
  display: flex;
  grid-area: nRight;
  text-indent: 5px;
  padding: 15px 0px;
}
.option-icon {
  display: flex;
  grid-area: nLeft;
  width: 100%;
  height: 100%;
  background: #fff;
}
.m-options {
  display: grid;
  grid-template-areas: "nLeft nRight";
  grid-template-columns: 20% 80%;
  width: 96%;
  float: left;
  box-shadow: 0px 0px 2px #444;
  background: #ddd;
  margin: 15px 1%;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
#ticon_o1 {
  background: url(images/checked.png) center center no-repeat #fff;
}
#ticon_o2 {
  background: url(images/ico_receipts.png) center center no-repeat #fff;
}
#ticon_o3 {
  background: url(images/edit_icon.png) center center no-repeat #fff;
}
#ticon_o4 {
  background: url(images/ico_search.png) center center no-repeat #fff;
}
.m-options:hover {
  box-shadow: 0px 0px 2px #444;
  background: #eee;
}
.nframe {
  border: 1px solid #ddd;
  background: #fff;
  width: 100%;
  height: 100%;
}
.men_tab:hover,
.men_tab2:hover {
  box-shadow: 0px 0px 1px #bbb;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-radius: 70%;
  border: 3px solid #f00;
  border-color: #f00 transparent #f00 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}