.b-small-plus {
  /*background-image: url('../images/icons/plus-button.gif') !important;*/
  background-image: url("../images/icons/plus-button.png") !important;
}
.b-small-pencil {
  /*background-image: url('../images/icons/pencil.gif') !important;*/
  background-image: url("../images/icons/pencil.png") !important;
}
.b-small-minus {
  /*background-image: url('../images/icons/minus-button.gif') !important;*/
  background-image: url("../images/icons/minus-button.png") !important;
}
.b-small-save {
  /*background-image: url('../images/icons/save.jpg') !important;*/
  background-image: url("../images/icons/save-white.png") !important;
}

.b-small-qrcode {
  /*background-image: url('../images/icons/save.jpg') !important;*/
  background-image: url("../images/icons/qrcode.png") !important;
  /* background-image: url("../images/icons/save-white.png") !important; */
}

.b-small-room {
  background-image: url("../images/icons/room.ico") !important;
}
.b-small-salary {
  background-image: url("../images/icons/salary.ico") !important;
}
.b-small-bed {
  background-image: url("../images/icons/bed.ico") !important;
}
.b-small-copy {
  /*background-image: url('../images/icons/copy.png') !important;*/
  background-image: url("../images/icons/copy-white.png") !important;
}
.b-small-wizard {
  /*background-image: url('../images/icons/copy.png') !important;*/
  background-image: url("../images/icons/wizard.png") !important;
}
.b-small-boat {
  /*background-image: url('../images/icons/copy.png') !important;*/
  background-image: url("../images/icons/boat.png") !important;
}
.b-small-bin {
  /*background-image: url('../images/icons/bin.gif') !important;*/
  background-image: url("../images/icons/bin-white.png") !important;
}
.b-small-detail {
  background-image: url("../images/icons/detail.png") !important;
}
.b-small-print {
  background-image: url("../images/icons/print.png") !important;
}
.b-small-excel {
  /*background-image: url('../images/icons/excel.png') !important;*/
  background-image: url("../images/icons/excel-white.png") !important;
}
.b-small-pdf {
  background-image: url("../images/icons/pdf.png") !important;
}
.b-small-import {
  /*background-image: url('../images/icons/import.png') !important;*/
  background-image: url("../images/icons/import-white.png") !important;
}
.b-small-import2 {
  /*background-image: url('../images/icons/import.png') !important;*/
  background-image: url("../images/icons/import.png") !important;
}
.b-small-refresh {
  background-image: url("../images/icons/cross3.png") !important;
}
.b-small-navigation {
  background-image: url("../images/icons/navigation-1.png") !important;
}
.b-small-export {
  /*background-image: url('../images/icons/export.png') !important;*/
  background-image: url("../images/icons/export-white.png") !important;
}
.b-small-search {
  /*background-image: url('../images/icons/magnifier-left.gif') !important;*/
  background-image: url("../images/icons/magnifier-left.png") !important;
}
.b-small-sort {
  /*background-image: url('../images/icons/magnifier-left.gif') !important;*/
  background-image: url("../images/icons/sort.png") !important;
}
.b-small-camera {
  /*background-image: url('../images/icons/cross.png') !important;*/
  background-image: url("../images/icons/camera.png");
}
.b-small-cross {
  /*background-image: url('../images/icons/cross.png') !important;*/
  background-image: url("../images/icons/cross-white.png") !important;
}
.b-small-cross2 {
  /*background-image: url('../images/icons/cross.png') !important;*/
  background-image: url("../images/icons/cross21.png") !important;
}
.b-small-native {
  background-image: url("../images/icons/cross21.png") !important;
}
.b-small-reverse {
  background-image: url("../images/icons/cross.png") !important;
}
.b-small-agree {
  /*background-image: url('../images/icons/cross.png') !important;*/
  background-image: url("../images/icons/accept2.png") !important;
}
.b-small-key {
  background-image: url("../images/icons/key.gif") !important;
}

.b-small-money {
  background-image: url("../images/icons/money.gif") !important;
}
.b-small-money_add {
  background-image: url("../images/icons/money_add.gif") !important;
}
.b-small-money_delete {
  background-image: url("../images/icons/money_delete.gif") !important;
}
.b-small-page_edit {
  background-image: url("../images/icons/page_edit.gif") !important;
}
.b-small-page_edit2 {
  background-image: url("../images/edit2.png") !important;
}
.b-small-user_add {
  background-image: url("../images/icons/user_add.gif") !important;
}
.b-small-user_prev {
  background-image: url("../images/icons/previous.png") !important;
}
.b-small-user_next {
  background-image: url("../images/icons/next.png") !important;
}
.b-small-user_delete {
  background-image: url("../images/icons/user_delete.gif") !important;
}
.b-small-package_go {
  background-image: url("../images/icons/package_go.gif") !important;
}
.b-small-exit {
  background-image: url("../images/icons/exit.png") !important;
}
.b-small-gear {
  background-image: url("../images/icons/gear.png") !important;
}
.b-small-chart {
  background-image: url("../images/icons/document_chart.png") !important;
}
.b-small-accept {
  background-image: url("../images/icons/accept.png") !important;
}
.b-small-list {
  background-image: url("../images/icons/list-items.gif");
}

/* grid style */
.grid-disable .x-mask-msg-text {
  background-image: none;
  padding: 5px;
}
.red-bg-row td {
  background-color: #ffeeee !important;
}
.green-bg-row td {
  background-color: #b7f9b9 !important;
}

.btn-detail {
  background-color: #F2F2F2;
  color: #000;
}

/* Toolbar */
.h-invoice {
  background-image: url("../images/tb-icons/doc_add.png") !important;
}
.h-receipt {
  background-image: url("../images/tb-icons/doc_save.png") !important;
}
.h-journal {
  background-image: url("../images/tb-icons/doc_notes.png") !important;
}
.h-report {
  background-image: url("../images/tb-icons/doc_report3.png") !important;
}

.ms-comp {
  background-image: url("../images/tb-icons/doc_comp.png") !important;
}
.ms-init {
  background-image: url("../images/tb-icons/doc_information.png") !important;
}
.ms-user {
  background-image: url("../images/tb-icons/doc_user.png") !important;
}
.ms-auth {
  background-image: url("../images/tb-icons/doc_auth.png") !important;
}
.ms-empl {
  background-image: url("../images/tb-icons/doc_user2.png") !important;
}

.s-proj {
  background-image: url("../images/tb-icons/doc_excel.png") !important;
}
.s-quot {
  background-image: url("../images/tb-icons/doc_new2.png") !important;
}
.s-dep {
  background-image: url("../images/tb-icons/doc_import.png") !important;
}
.s-sale {
  background-image: url("../images/tb-icons/doc_new3.png") !important;
}
.s-delivery {
  background-image: url("../images/tb-icons/doc_delivery4.png") !important;
}
.s-inv {
  background-image: url("../images/tb-icons/doc_add.png") !important;
}
.s-scn {
  background-image: url("../images/tb-icons/doc_depin.png") !important;
}
.s-sdn {
  background-image: url("../images/tb-icons/doc_depout.png") !important;
}
.s-billto {
  background-image: url("../images/tb-icons/doc_save2.png") !important;
}
.s-recp {
  background-image: url("../images/tb-icons/doc_save.png") !important;
}

.s-cust {
  background-image: url("../images/tb-icons/doc_user1.png") !important;
}
.s-sman {
  background-image: url("../images/tb-icons/doc_user7.png") !important;
}

.p-pr {
  background-image: url("../images/tb-icons/doc_pr.png") !important;
}
.p-po {
  background-image: url("../images/tb-icons/doc_order.png") !important;
}
.p-dep {
  background-image: url("../images/tb-icons/doc_depout3.png") !important;
}
.p-gr {
  background-image: url("../images/tb-icons/doc_gr.png") !important;
}
.p-ap {
  background-image: url("../images/tb-icons/doc_ap.png") !important;
}
.p-pdn {
  background-image: url("../images/tb-icons/doc_dnout.png") !important;
}
.p-pcn {
  background-image: url("../images/tb-icons/doc_cnin.png") !important;
}
.p-billfr {
  background-image: url("../images/tb-icons/doc_open.png") !important;
}
.p-pay {
  background-image: url("../images/tb-icons/doc_payment.png") !important;
}

.p-vend {
  background-image: url("../images/tb-icons/doc_user6.png") !important;
}

.a-chart {
  background-image: url("../images/tb-icons/doc_blue4.png") !important;
}
.a-income {
  background-image: url("../images/tb-icons/doc_add2.png") !important;
}
.a-expense {
  background-image: url("../images/tb-icons/doc_minus.png") !important;
}
.a-journalt {
  background-image: url("../images/tb-icons/doc_setting.png") !important;
}
.a-journal {
  background-image: url("../images/tb-icons/doc_blue1.png") !important;
}
.a-rjournal {
  background-image: url("../images/tb-icons/doc_information.png") !important;
}
.a-rgl {
  background-image: url("../images/tb-icons/doc_connect.png") !important;
}
.a-rtb {
  background-image: url("../images/tb-icons/doc_blue3.png") !important;
}
.a-fixasset {
  background-image: url("../images/tb-icons/doc_notes.png") !important;
}
.a-rbalance {
  background-image: url("../images/tb-icons/doc_blue2.png") !important;
}
.a-rincome {
  background-image: url("../images/tb-icons/doc_blue5.png") !important;
}

.m-inv-master {
  background-image: url("../images/tb-icons/doc_purple5.png") !important;
}
.m-ser-master {
  background-image: url("../images/tb-icons/doc_purple10.png") !important;
}
.m-ass-master {
  background-image: url("../images/tb-icons/doc_purple3.png") !important;
}
.m-bank-master {
  background-image: url("../images/tb-icons/doc_purple4.png") !important;
}
.m-sale-master {
  background-image: url("../images/tb-icons/doc_user7.png") !important;
}
.m-depart-master {
  background-image: url("../images/tb-icons/doc_purple6.png") !important;
}
.m-posit-master {
  background-image: url("../images/tb-icons/doc_purple7.png") !important;
}
.m-unit {
  background-image: url("../images/tb-icons/doc_user4.png") !important;
}

.r-report1 {
  background-image: url("../images/tb-icons/report2.png") !important;
}
.r-report2 {
  background-image: url("../images/tb-icons/report3.png") !important;
}
.r-report3 {
  background-image: url("../images/tb-icons/report6.png") !important;
}
.r-report4 {
  background-image: url("../images/tb-icons/doc_reports.png") !important;
}
.r-report5 {
  background-image: url("../images/tb-icons/report5.png") !important;
}
.r-report6 {
  background-image: url("../images/tb-icons/report4.png") !important;
}
.r-report7 {
  background-image: url("../images/tb-icons/report7.png") !important;
}

.r-report8 {
  background-image: url("../images/tb-icons/note2.png") !important;
}
.r-report9 {
  background-image: url("../images/tb-icons/note3.png") !important;
}
.r-report10 {
  background-image: url("../images/tb-icons/note4.png") !important;
}
.r-report11 {
  background-image: url("../images/tb-icons/note5.png") !important;
}
.r-report12 {
  background-image: url("../images/tb-icons/note6.png") !important;
}
.r-report13 {
  background-image: url("../images/tb-icons/note7.png") !important;
}
.r-report14 {
  background-image: url("../images/tb-icons/note1.png") !important;
}
.r-report15 {
  background-image: url("../images/tb-icons/report11.png") !important;
}
.r-report16 {
  background-image: url("../images/tb-icons/doc_excel.png") !important;
}
.r-report17 {
  background-image: url("../images/tb-icons/doc_xml.png") !important;
}

.g-logout {
  background-image: url("../images/tb-icons/logout.png") !important;
}
/*.c-add { background-image: url('../images/tb-icons/payperclick.png') !important; }*/
.c-add {
  background-image: url("../images/tb-icons/diamond.png") !important;
}

.b-switch-queue {
  background-image: url("../images/icons/switch_queue_icon.png") !important;
  background-size: contain;
  height: 25px;
  width: 49px;
}

.b-skip-queue {
  background-image: url("../images/icons/skip_queue_icon.png") !important;
  background-size: contain;
  height: 25px;
  width: 49px;
}

.b-move-to-last-queue {
  background-image: url("../images/icons/move_to_last_queue_icon.png") !important;
  background-size: contain;
  height: 25px;
  width: 97px;
}

.b-play-finish {
  background-image: url("../images/icons/play_finish_icon.png") !important;
  background-size: contain;
  height: 25px;
  width: 68px;
}

.b-new-follower {
  background-image: url("../images/icons/new_follower_button.png") !important;
  background-size: cover;
  height: 25px;
  width: 90px;
  background-repeat: unset;
}

/* --------------------------------------------------------------- */
/* TREE UMS */
.tree-node-document {
  background-image: url("../images/icons/page.gif") !important;
}
.tree-node-limit {
  background-image: url("../images/icons/money.gif") !important;
}
.tree-node-user {
  background-image: url("../images/icons/user.gif") !important;
}

/* --------------------------------------------------------------- */

/* grid mask readonly */
.mask-grid-readonly .x-mask {
  background-color: #ffffff;
}
.mask-grid-readonly .x-mask-loading {
  display: none;
}
.x-form-field.x-form-text[readonly] {
  color: gray !important;
  background-color: #f7f7f7 !important;
}
.b-small-cr {
  background-image: url("../images/icons/cr-md-white.png") !important;
}
/**/

/*#center-wrap-body {
  background-color: #fff;
  background: url('../images/background1.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

.box {
  position: absolute;
  cursor: pointer;
}
.box-blue {
  background-color: rgba(62, 94, 83, 0.8);
}
.box-blue:hover {
  background-color: rgba(62, 94, 83, 1);
}
.box-orange {
  background-color: rgba(16, 67, 109, 0.8);
}
.box-orange:hover {
  background-color: rgba(16, 67, 109, 1);
}
.box-purple {
  background-color: rgba(141, 34, 141, 0.8);
}
.box-yallogold {
  background-color: rgba(204, 153, 51, 1);
}
.box-purple:hover {
  background-color: rgba(141, 34, 141, 1);
}
.box-brown {
  background-color: #8b5e3b;
}
.box-brown:hover {
  background-color: #a3734e;
}
.box-green {
  background-color: #72662c;
}
.box-green:hover {
  background-color: #8f8034;
}
.box-red {
  background-color: rgba(45, 44, 77, 0.8);
}
.box-red:hover {
  background-color: rgba(45, 44, 77, 1);
}
.box-blue2 {
  background-color: rgba(78, 154, 241, 0.8);
}
.box-blue2:hover {
  background-color: rgba(78, 154, 241, 1);
}
.box-base {
  background-color: #004d61;
}
.box-base:hover {
  background-color: #0c6177;
}
.box-green1 {
  background-color: #377217;
}
.box-green1:hover {
  background-color: #587222;
}
.box-gold {
  background-color: #daa520;
}
.box-gold:hover {
  background-color: #b8860b;
}
.box-silver {
  background-color: #999999;
}
.box-silver:hover {
  background-color: #666666;
}
.box-gold1 {
  background-color: #ffd700;
}
.box-gold1:hover {
  background-color: #daa520;
}
.box-sky {
  background-color: #00cc99;
}
.box-sky:hover {
  background-color: #009966;
}
.box-sky1 {
  background-color: #66ccff;
}
.box-sky1:hover {
  background-color: #6699ff;
}
.box-AntiqueWhite {
  background-color: #ffefd5;
}
.box-AntiqueWhite:hover {
  background-color: #faebd7;
}
.box-Seashell {
  background-color: #fff0f5;
}
.box-Seashell:hover {
  background-color: #ffe4e1;
}
.box-SlateGrey {
  background-color: #708090;
}
.box-SlateGrey:hover {
  background-color: #778899;
}
.box-LimeGreen {
  background-color: rgba(34, 139, 34, 0.8);
}
.box-LimeGreen:hover {
  background-color: rgba(34, 139, 34, 1);
}
.box-IndianRed {
  background-color: rgba(165, 42, 42, 0.8);
}
.box-IndianRed:hover {
  background-color: rgba(165, 42, 42, 1);
}
.box-Tomato {
  background-color: #ff6347;
}
.box-Tomato:hover {
  background-color: #ff4500;
}
.box-DarkViolet {
  background-color: #8a2be2;
}
.box-DarkViolet:hover {
  background-color: #9400d3;
}
.box-Pink {
  background-color: #ffc0cb;
}
.box-Pink:hover {
  background-color: #ffb6c1;
}
.box-grey-trans {
  background-color: rgba(86, 86, 86, 0.8);
}
.box-grey-trans:hover {
  background-color: rgba(86, 86, 86, 1);
}
.box {
  text-shadow: 1px 1px 2px #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
.box:hover {
  text-shadow: 1px 1px #000;
  z-index: 10;
  border: 3px solid rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: border-color 200ms ease-out;
  -moz-transition: border-color 200ms ease-out;
  -o-transition: border-color 200ms ease-out;
  transition: border-color 200ms ease-out;
}

.box-disabled {
  background-color: #cccccc !important;
  cursor: default !important;
}
.round-corners {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: bolder;
}
.x-grid-row .custom-column {
  background-color: #ecf !important;
  color: #090;
  font-weight: bold;
}
#my-grid .x-grid-cell-inner {
  font-size: 16px;
  font-weight: bolder;
}
#my-grid .x-grid3-hd-inner {
  font-size: 16px !important;
  font-weight: bold !important;
}
#my-grid .x-form-field {
  font-size: 16px !important;
  font-weight: bold !important;
}
#my-grid .x-form-text {
  font-size: 16px !important;
  font-weight: bold !important;
}
#cashier_gridi .x-grid-cell-inner {
  font-size: 16px;
  font-weight: bolder;
}
#cashier_gridi .x-grid3-hd-inner {
  font-size: 16px !important;
  font-weight: bold !important;
}
#cashier_gridi .x-form-text {
  font-size: 16px !important;
  font-weight: bold !important;
}
#cashier_gridi .x-form-field {
  font-size: 16px !important;
  font-weight: bold !important;
}
#cash_form_t .x-form-field {
  font-size: 16px !important;
  font-weight: bold !important;
}
#cashier_form .x-form-field {
  font-size: 14px !important;
  font-weight: bold !important;
}
#rec_gridi .x-grid-cell-inner {
  font-size: 16px;
  font-weight: bolder;
}

img {
  cursor: pointer;
}

.button-left {
  left: 0 !important;
  background-color: #100daf !important;
  border-color: #0000ff;
}
.button-left-voucher {
  left: 80px !important;
  background-color: #100daf !important;
  border-color: #0000ff;
}
.button-left2 {
  left: 120px !important;
  background-color: #100daf !important;
  border-color: #0000ff;
}

.button-left3 {
  left: 240px !important;
  background-color: #100daf !important;
  border-color: #0000ff;
}

.button-left4 {
  left: 0 !important;
  border-color: #000000 !important;
}

.button-left5 {
  border-color: #000000 !important;
}

.button-left6 {
  left: 80px !important;
}

.button-left7 {
  left: 0px !important;
}

.txt-payment {
  font-size: 16px;
  line-height: 16px;
  height: 28px;
  text-align: right;
  padding-top: 5px;
}

.txt-big-payment {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  height: 40px;
  text-align: right;
  padding-top: 5px;
}

.txt-blue {
  background-color: #3838ee;
  border-color: #6b6bee;
  color: #fff;
}
.txt-blue::-webkit-input-placeholder {
  color: #fff;
}

.txt-green {
  background-color: #19a100;
  border-color: #1dbc06;
  color: #fff;
}
.txt-green::-webkit-input-placeholder {
  color: #fff;
}

.txt-red {
  background-color: #e32020;
  border-color: #ff0000;
  color: #fff;
}
.txt-red::-webkit-input-placeholder {
  color: #fff;
}

.txt-cyan {
  background-color: #5d7df0;
  color: #fff;
}
.txt-cyan::-webkit-input-placeholder {
  color: #fff;
}

.txt-yellow {
  background-color: #d4b107;
  color: #fff;
}
.txt-yellow::-webkit-input-placeholder {
  color: #fff;
}

.txt-orange {
  background-color: #d46a12;
  color: #fff;
}
.txt-orange::-webkit-input-placeholder {
  color: #fff;
}

.txt-big-green {
  background-color: #19a100;
  border-color: #1dbc06;
  color: #fff;
}
.txt-big-green::-webkit-input-placeholder {
  color: #fff;
}

.txt-big-red {
  background-color: #e32020;
  border-color: #ff0000;
  color: #fff;
}
.txt-big-red::-webkit-input-placeholder {
  color: #fff;
}
.txt-big-yellow {
  background-color: #f3db2f;
  border-color: #f3db00;
  color: #fff;
}
.txt-big-yellow::-webkit-input-placeholder {
  color: #fff;
}