.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-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-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-cross {
	/*background-image: url('../images/icons/cross.png') !important;*/
	background-image: url('../images/icons/cross-white.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_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;}

/* 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; }

/* --------------------------------------------------------------- */
/* 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;
}
.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, .80); }
.box-blue:hover { background-color:rgba(62, 94, 83, 1); }
.box-orange { background-color:rgba(16, 67, 109, .80); }
.box-orange:hover { background-color:rgba(16, 67, 109, 1);}
.box-purple { background-color:rgba(141, 34, 141, 0.80); }
.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, .80); }
.box-red:hover { background-color:rgba(45, 44, 77, 1);  }
.box-blue2 { background-color:rgba(78, 154, 241, .80); }
.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, .80); }
.box-LimeGreen:hover { background-color:rgba(34, 139, 34, 1); }
.box-IndianRed { background-color:rgba(165, 42, 42, .80); }
.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.80); }
.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-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;
}

.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;
}