body
{
    padding: 0px;
    text-align: right;
    direction: rtl;
    font: 12px 'Tahoma';
}
textarea {
    resize: none;
}
#container
{
    margin: 0 auto;
    width: 807px;
}

.filed-address
{
    background: url("/SubSystem/Mali/Account/Media/Images/cart_design.png") no-repeat;
    width: 380px;
    height: 35px;
}
.edit-box
{
    margin: 0 auto;
    background: url("/SubSystem/Mali/Stock/Media/Images/edit-box.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
    float:left;
    margin-top:3px;
}
.edit-box:hover
{
    margin: 0 auto;
    background: url("/SubSystem/Mali/Stock/Media/Images/edit-boxHover.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
    float:left;
    margin-top:3px;
}
.plus_small
{
    margin: 0 auto;
    background: url("../Images/Plus_Small.png") center top no-repeat;
    width: 12px;
    height: 12px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top:6px;
    margin-right:6px;
    
}
ul.MxTreeStyle a.loading
{
    background:#fff url(/SubSystem/Mali/Stock/Media/Images/loading.gif) no-repeat;
    display:block;
    float:right;
    width:15px;
    height:15px;
    margin:4px 0px 0px 5px;
}
.limite-grid
{
  margin: 0 auto;
  background: url(../Images/limite.png) center top no-repeat;
  width: 30px;
  height: 30px;
  border: 0px solid red;
  text-align: center;
  cursor: pointer;
}
.specialOffer-grid
{
  margin: 0 auto;
  background: url(../Images/unit__.png) center top no-repeat;
  width: 30px;
  height: 30px;
  border: 0px solid red;
  text-align: center;
  cursor: pointer;

}

.Subset-Stock-icon-grid
{
    margin: 0 auto;
    background: url("../../Media/Images/SubStockGrid.png") center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

#NumberVoucher_Img
{
    height: 30px;
    margin-bottom: 5px;
    margin-right: 9px;
    margin-top: 2px;
    width: 30px;
    background: url("/SubSystem/Mali/Stock/Media/Images/number_sanad.png") no-repeat;
}

.Subset-Stock-icon-grid-desable
{
    margin: 0 auto;
    background: url("../../Media/Images/SubStockGrid-Disable.png") center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: default;
}

.Design-icon-grid
{
    margin: 0 auto;
    background: url("../Images/cart_design.png") center top no-repeat;
    width: 50px;
    height: 35px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.receiptNoNumber
{
    margin-top: -23.5px;
    margin-left: 7px;
    float: left;
    display: inline-block;
    cursor: pointer;
    background: url("/SubSystem/Mali/Stock/Media/Images/number_sanad.png") no-repeat;
    width: 25px;
    height: 19px;
    border: none;
}

.receiptNoNumber:hover
{
    background: url("/SubSystem/Mali/Stock/Media/Images/number_sanad_Hover.png") no-repeat;
    margin-top: -23.5px;
    margin-left: 7px;
    float: left;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 19px;
}

.listView, listView:hover
{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../Images/grid.png") no-repeat scroll center top transparent;
    cursor: pointer;
    float: left;
    margin-top: -3px;
    border: none;
}

.listView:hover
{
    background: url("../Images/grid_hover.png") no-repeat scroll center top transparent;
}

.listView_selected
{
    background: url("../Images/grid_selected.png") no-repeat scroll center top transparent;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;
    margin-top: -3px;
    border: none;
}

.treeView, treeView:hover, treeView_selected
{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../Images/tree.png") no-repeat scroll center top transparent;
    cursor: pointer;
    float: left;
    margin-top: -3px;
    margin-right: 5px;
    border: none;
}

.treeView:hover
{
    background: url("../Images/tree_hover.png") no-repeat scroll center top transparent;
}

.treeView_selected
{
    background: url("../Images/tree_selected.png") no-repeat scroll center top transparent;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;
    margin-top: -3px;
    margin-right: 5px;
    border: none;
}

.plus_
{
    margin: 0 auto;
    background: url("../Images/Plus_.png") center top no-repeat;
    width: 20px;
    height: 33px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -26px !important;
    margin-right: 2px;
}

.plus_:hover
{
    background: url("../Images/Plus_hover.png") center top no-repeat;
}

.plus_disable
{
    margin: 0 auto;
    background: url("../Images/Plus_Voucher_Disable.png") center top no-repeat;
    width: 20px;
    height: 33px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -26px !important;
    margin-right: 2px;
}

.delete_
{
    margin: 0 auto;
    background: url("../Images/delete_.png") center top no-repeat;
    width: 16px;
    height: 18px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 2px;
    padding-top: 9px;
}

.Edit_
{
    margin: 0 auto;
    background: url("../Images/edit-voucher.png") center top no-repeat;
    width: 16px;
    height: 18px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 2px;
    padding-top: 9px;
}

.tracing_
{
    margin: 0 auto;
    background: url("../Images/tracing_.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.grid-pointer
{
    margin: 0 auto;
    background:url("../Images/gridPointer.png") center top no-repeat;
    width: 16px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    float:left;

}

.plus_voucher-grid
{
    margin: 0 auto;
    background: url("../Images/Plus_Voucher.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -5px;
}

.plus_voucher-grid-disable
{
    margin: 0 auto;
    background: url("../Images/Plus_Voucher_Disable.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: default;
    margin-top: -5px;
}

.plus_codingSmall-grid
{
    margin: 0 auto;
    background: url("../Images/NewCodingSmall_1.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -1px;
}

.plus_codingSmall-grid:hover
{
    background: url("../Images/NewCodingSmall_Hover_1.png") center top no-repeat;
}

.plus_coding-grid
{
    margin: 0 auto;
    background: url("../Images/NewCodingSmall_.png") center top no-repeat;
    width: 30px;
    height: 28px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -1px;
}

.plus_coding-grid:hover
{
    background: url("../Images/NewCodingSmall_Hover.png") center top no-repeat;
}

.edit_voucher-grid
{
    margin: 0 auto;
    background: url("../Images/edit-voucher.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -5px;
}

.edit_voucher-grid-disable
{
    margin: 0 auto;
    background: url("../Images/edit-voucher-disable.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: default;
    margin-top: -5px;
}
.delete-voucher-grid-disable
{
    margin: 0 auto;
    background: url("../Images/delete-voucher-disable.png") center top no-repeat;
    width: 16px;
    height: 17px;
    border: 0px solid red;
    text-align: center;
    cursor: default;
    margin-top: -11px;
}

.req-AddSub
{
    margin: 0 auto;
    background: url("../Images/reqAddSub.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Access-stock-icon
{
    margin: 0 auto;
    background: url("../Images/access-icon.png") center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -3px;
    margin-left: 4px;
}

a.Access-stock-icon:hover
{
    background: url("../Images/access-icon_hover.png") center top no-repeat;
}

.edit_voucher-grid
{
    margin: 0 auto;
    background: url("../Images/edit-voucher.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -5px;
}
.delete-voucher-grid
{
    margin: 0 auto;
    background: url("../Images/delete-voucher.png") center top no-repeat;
    width: 16px;
    height: 17px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -11px;
}
.stockCheckBox-grid
{
    margin: 0 auto;
    background: url("../../Media/Images/SCheckBox.png") center top no-repeat;
    width: 30px;
    height: 27px;
    border: 0px solid red;
    text-align: center;
    cursor: defualt;
    margin-top: 2px;
}
.stockCheckBox-desable-grid
{
    margin: 0 auto;
    background: url("../../Media/Images/SUnCheckBox.png") center top no-repeat;
    width: 30px;
    height: 27px;
    border: 0px solid red;
    text-align: center;
    cursor: defualt;
    margin-top: 2px;
}
input.address
{
    width: 360px;
    margin-right: 10px;
}
.drp
{
    width: 220px;
    height: 25px;
    padding-right: 3px;
    margin-left: 5px;
    margin-right: 10px !important;
    font: 13px tahoma;
}
.form-image-library
{
    background: url(../images/form-image-library.png) no-repeat;
}

.form-image-library_larg
{
    background: url(../images/LargePage/form-image-library-large.png) no-repeat;
}
.HeaderTitle
{
    float: right;
    margin-right: 20px;
    margin-top: 10px;
    font: bold 16px 'B Nazanin';
    color: #000f89;
    border-style: none;
    background-color: transparent;
    width: 500px;
}
.field-form label
{
    font: bold 14px 'B nazanin' tahoma;
    margin-left: 10px;
}
.field-form-small
{
    float: right;
    width: 272px;
    margin-bottom: 5px;
    height: 35px;
}
.field-title, .field-title-small
{
    float: right;
    width: 155px;
    padding-top: 5px;
    text-align: left; /*font: bold 12px B nazanin !important;*/
    padding-left: 10px;
    direction: ltr !important;
}
.field-title-small
{
    width: 80px;
}
.field-content-small
{
    float: right;
    background-position: -609px -140px;
    width: 140px;
    height: 31px;
    overflow: hidden;
}
.Header
{
    background-position: 0px -2px;
    width: 807px;
    height: 64px;
    overflow: hidden;
}

.Header img
{
    float: right;
    width: 41px;
    height: 41px;
    margin: 5px 20px 0 20px;
}

#form_title
{
    float: right;
    width: 500px;
    margin: 15px 0px 0 0;
    font: bold 14px 'B Nazanin';
}

#form_title span
{
    font: bold 14px 'B Nazanin';
    color: Black;
}

#form_content
{
    background: url(../images/form-center.png) left top repeat-y;
    width: 807px;
    direction: ltr;
}

#form_content_larg
{
    background: url(../images/LargePage/form-center.png) left top repeat-y;
    width: 975px;
    direction: ltr;
}

#footer
{
    background-position: 0px -89px;
    width: 807px;
    height: 12px;
    overflow: hidden;
}

.clearer
{
    height: 0px;
    clear: both;
    line-height: 0px;
}

.field-form
{
    width: 390px;
    float: right;
    margin-bottom: 5px;
    height: 35px;
}


.field-form1
{
    width: 765px;
    float: right;
}
.field-form_comment
{
    width: 203px;
    float: right;
}

.field-title
{
    direction: ltr;
    float: right;
    font: 12px Tahoma;
    height: 18px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 100px;
}

.field-content
{
    float: right;
    background-position: -607px -106px;
    width: 207px;
    height: 31px;
    overflow: hidden;
    direction: ltr;
}

option, select
{
    font: 11px tahoma;
    color: Green;
    direction: rtl;
    text-align: right;
}
.field-content-des1 textarea
{
    margin: 3px 7px 0 0;
    font: 12px 'Tahoma';
    color: Green;
    text-align: right;
    padding-top: 1px;
    width: 570px;
    height: 55px;
}

.field-content-Comment textarea
{
    background: url(../images/Comment.png) left top repeat-y;
    width: 203px;
    margin: 3px 7px 0 0;
    font: 12px 'Tahoma';
    color: Green;
    text-align: right;
    padding-top: 1px;
    height: 55px;
}

.field-content input, .field-content select, .field-content textarea, .field-content-large select
{
    margin: 3px 7px 0 0px;
    font: 12px tahoma;
    text-align: right;
    direction: rtl;
    width: 192px !important;
    float: right;
    height: 25px;
}
.field-content input
{
    margin: 1px 7px 0 0 !important;
    color: Green;
}

.field-content span, .view, .field-content-des1 span, .field-content-large span, .field-content-large input, .field-content-large select
{
    display: block;
    float: right;
    margin: 8px 10px 0 0;
    font: bold 11px tahoma;
    color: green;
    text-align: right;
    direction: rtl;
}

.field-content-large input, .field-content-large select
{
    width: 579px;
}

.field-content-large select
{
}

span a
{
    color: Green;
    margin-top: 0;
}

.transparent-btn
{
    border: 0px solid transparent;
    background-color: transparent;
    cursor: pointer;
    float: right;
    direction: rtl;
}


.field-content-des
{
    float: right;
    background-position: -6px -183px;
    width: 205px;
    height: 68px;
    overflow: hidden;
}

.field-content-des1
{
    float: right;
    background-position: -2px -106px;
    width: 596px;
    height: 68px;
    overflow: hidden;
    margin-bottom: 9px;
}
.field-content-large
{
    float: right;
    background: url(../Images/large3.png) left top no-repeat;
    width: 599px;
    height: 35px;
    margin-bottom: 9px;
}
.field-content-small
{
    float: right;
    background: url(../Images/small.png) left top no-repeat;
    width: 106px;
    height: 35px;
}
.field-content-small input
{
    width: 87px;
    height: 28px;
    direction: rtl;
    text-align: right;
    margin: -1px 5px;
    font: bold 14px 'B nazanin';
    color: Green;
}
.field-content-small select
{
    width: 87px;
    height: 28px;
    direction: rtl;
    text-align: right;
    margin: 3px 5px;
    font: bold 14px 'B nazanin';
    color: Green;
}
.des
{
    min-height: 10px;
    clear: both;
    text-align: right;
    direction: rtl;
    font: 12px 'B nazanin';
    padding: 3px 20px 3px 0px;
    width: 620px;
    background: url(../Images/arrow.png) right center no-repeat;
    float: left;
    color: #989899;
}

.validation
{
    min-height: 10px;
    color: Red;
    float: right;
    width: 5px;
    margin-top: 10px;
}

fieldset
{
    border: none;
}

.btn
{
    margin: 10px !important;
}

.btnRight
{
    float: right;
    height: 26px;
    width: 10px;
    background: url(../images/bottonRight.png) left top no-repeat;
    margin-right: 10px;
}

.btnCenter
{
    float: right;
    height: 26px;
    background: url(../images/bottonCenter.png) left top repeat-x;
}

.btnCenter input
{
    padding-top: 3px;
    height: 23px;
    font: bold 13px 'B nazanin';
    cursor: pointer;
}

.answer
{
    font: bold 14px 'B nazanin';
    display: block;
    float: right;
    color: #007b0c;
    margin: 0px 3px 0 0;
    height: 17px;
}
.btnLeft
{
    float: right;
    width: 7px;
    height: 26px;
    background: url(../images/bottonLeft.png) left top no-repeat;
}

.btnCenter input
{
    margin: 0 7px;
}

#divMessageBox
{
    font: bold 12px tahoma !important;
}


/*table.mxgrid input
{
   
    border: 0px solid transparent; background-color: transparent;
    width:100px;
    background-color:#FFBB3E;
    border:1px solid #FF9900;
    font:bold 14px 'B nazanin';
    cursor:pointer;
    cursor:hand;
    padding:3px 5px;
    margin:5px!important;
}*/

.readonly
{
    background-color: #f6f6f6;
    cursor: default;
    height: 22px;
}

.box
{
    width: 600px;
    margin: 10px auto;
    border: 1px solid #99c2f3;
    background-color: #d2e1f3;
    font: bold 14px 'B nazanin';
    margin-bottom: 0;
}
.box-item
{
    float: right;
    width: 300px;
    height: 25px;
    text-align: center;
}

.box-item1
{
    float: right;
    height: 25px;
    text-align: center;
    width: 80px;
    border-left: 1px solid #99c2f3;
}

.box-title
{
    display: block;
    float: right;
    font: bold 14px 'B nazanin';
    padding: 10px;
    color: Green;
}

.button
{
    background-color: #ffd96a;
    border: 1px solid #f89737;
    margin-right: 0px;
    margin-bottom: 10px;
    padding: 3px 7px;
    width: 70px;
    float: right;
}
input.button
{
    cursor: hand;
    cursor: pointer;
    min-width: 60px;
    height: 25px !important;
    margin-left: 2px;
    margin-right: 3px !important;
}
.button:hover
{
    background-color: #fde49a;
    border: 1px solid #f89737;
}

#button_holder
{
    background-color: #eaf1fb;
    border: 1px solid #cfdef1;
    float: right;
    height: 24px;
    margin: 0px 11px 10px;
    padding: 7px 4px;
    width: 762px;
}
.button_holder
{
    background-color: #EAF1FB;
    border: 1px solid #CFDEF1;
    height: 24px;
    padding: 7px;
    width: 764px;
    margin: 0px 10px 0px 10px;
}


.fullname
{
    font: bold 12px B nazanin;
    color: Green;
    margin-right: 40px;
}

input.readonly, select.readonly
{
    font: 12px Tahoma;
    color: green;
    margin-top: 2px !important;
    height: 25px !important;
    width: 180px;
}

.box1
{
    float: right;
    width: 393px;
}

#pic
{
    width: 80px;
    height: 100px;
    border: 2px solid #b0d3ff;
    margin-right: 150px;
    margin: 10px 150px 10px 0;
}

.self-field, .self-Content
{
    width: 270px;
    float: right;
    height: 23px;
    font: bold 14px 'B nazanin';
}

.self-Content
{
    width: 50px;
}

.self
{
    border: 1px solid #b0d3ff;
    padding: 4px;
}
#self-title
{
    border: 1px solid #b0d3ff;
    border-bottom: none;
    height: 23px;
    font: bold 14px 'B nazanin';
    padding: 4px 20px 0 0;
    background-color: #edf4ff;
}

#CheckBoxList1
{
    width: 100%;
}

hr
{
    width: 710px;
    margin: 10px auto;
    color: #f6f6f6;
}
/*------------------------------Zeton Sale------------------------*/
#pnl_customer
{
    width: 773px;
    margin: 0 auto;
    padding: 10px;
    background-color: #e8e6fb;
    height: 30px;
}

#pnl_CustomInfo, #info, .info
{
    width: 790px;
    margin: 0 auto;
    padding: 5px 0px;
}
#info
{
    /* border:1px dashed #b59ffd;*/
}
.ChkUse
{
    font: bold 14px 'B nazanin';
}

table.mxgrid_header
{
    float: right;
}

table.mxgrid_header th
{
    text-align: center !important;
    font: bold 14px 'B Nazanin';
    color: Green;
    padding-left: 3px !important;
}

table.mxgrid td
{
    text-align: center !important;
}

.button
{
    -moz-border-radius: 5px;
    font: bold 14px 'B Nazanin';
    border: 1px solid #ff8c1c;
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    background: #ffb76b; /* Old browsers */
    background: #ffb76b; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
    background: linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}
.button:hover
{
    border: 1px solid #cc0000;
    background: #feccb1; /* Old browsers */
    background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}

.button1
{
    -moz-border-radius: 5px;
    font: bold 14px 'B Nazanin';
    border: 1px solid #999;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    background: rgb(226,226,226); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.button1:hover
{
    border: 1px solid #ccc;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}
.delet-grid, .Retro-grid, .D-grid, .G-grid, .delet-disable
{
    margin: 0 auto;
    background: url(../Images/delet-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.delet-disable
{
    background: url(../Images/delet-disable.png) center top no-repeat;
    cursor: default;
}

.Retro-grid
{
    background: url(../Images/Retro-grid.png) center top no-repeat;
}

.D-grid
{
    background: url(../Images/D.png) center top no-repeat;
}

.G-grid
{
    background: url(../Images/G.png) center top no-repeat;
}

.shop-grid
{
    margin: 0 auto;
    background: url(../Images/shopping-cart.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.tahvil-grid
{
    margin: 0 auto;
    background: url(../Images/tahvil.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.tagstoke_Grid
{
    margin: 0 auto;
    background: url(/SubSystem/Mali/Stock/Media/Images/tag_stock.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.counterstoke_Grid
{
    margin: 0 auto;
    background: url(/SubSystem/Mali/Stock/Media/Images/counter_stock.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Sj_Grid
{
    margin: 0 auto;
    background: url(/SubSystem/Mali/Stock/Media/Images/SouratJalase.png) center top no-repeat;
    width: 30px;
    height: 28px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.detail-grid, .model-grid, .detail-disable
{
    margin: 0 auto;
    background: url(../Images/detail-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.budgetdetail-grid
{
    margin: 0 auto;
    background: url(../Images/budget_detail_grid.png) center top no-repeat;
    width: 25px;
    height: 25px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.detailInfo-grid
{
    margin: 0 auto;
    background: url(../Images/down_div.png) center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.detailInfo-grid:hover
{
    background: url(../Images/down_divHover.png) center top no-repeat;
}
.addGrid
{
    margin : 0 auto;
    background: url(../Images/addGrid.png) center top no-repeat;
    width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

.subGrid_
{
    margin : 0 auto;
    background: url(../Images/subGrid.png) center top no-repeat;
    width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

.isRead-grid
{
    margin: 0 auto;
    background: url(../Images/isReade.png) center top no-repeat;
    width: 30px;
    height: 23px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

.isRead-dis-grid
{
    margin: 0 auto;
    background: url(../Images/isRead_disable.png) center top no-repeat;
    width: 30px;
    height: 29px;
    border: 0px solid red;
    text-align: center;
    cursor: pointer;
}

.Barcode-grid
{
    margin: 0 auto;
    background: url(../Images/barcode.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Budget-grid
{
    margin: 0 auto;
    background: url(../Images/budget-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Semilar-grid
{
    margin: 0 auto;
    background: url(../Images/same.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.workFlowconfirm_grid
{
    margin: 0 auto;
    background: url(../Images/stock-workFlowconfirm_grid.png) center top no-repeat;
    width: 30px;
    height: 29px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.addMember_grid
{
    margin: 0 auto;
    background: url(../Images/addMember.png) center top no-repeat;
    width: 37px;
    height: 33px;
    border: 0px solid red;
    cursor: pointer;
    float:left;
    margin:5px -7px;
}

.addMember_grid:hover{
    filter: contrast(0.5);
}

.Unit-grid
{
    margin: 0 auto;
    background: url(../Images/unit_.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.Barcode-grid-disable
{
    margin: 0 auto;
    background: url(../Images/barcode_disable.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Budget-grid-disable
{
    margin: 0 auto;
    background: url(../Images/budget-grid_disable.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Semilar-grid-disable
{
    margin: 0 auto;
    background: url(../Images/same_disable.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Unit-grid-disable
{
    margin: 0 auto;
    background: url(../Images/unit_disable.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}


.dataentry-grid
{
    margin: 0 auto;
    background: url(../Images/detail-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.dep-icon-grid
{
    margin: 0 auto;
    background: url(../Images/tehran-uni.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.detail-disable
{
    background: url(../Images/detail_disable.png) center top no-repeat;
    cursor: default;
}
.model-grid
{
    background: url(../Images/cellphone.png) center top no-repeat;
}

.detail
{
    margin: 0 auto;
    background: url(../Images/detail.png) center top no-repeat;
    width: 30px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.Access
{
    margin: 0 auto;
    background: url(../Images/access.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.material-grid
{
    margin: 0 auto;
    background: url(../Images/Material1.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.icon_Name, .icon_Family, .icon_code, .icon_date, .icon_time, .icon_Day, .icon_Term, .icon_clock
{
    float: right;
    width: 20px;
    height: 20px;
    background-position: -620px -146px;
    margin: 0px 2px 0 0;
}
.icon_clock
{
}
.icon_Term
{
    background-position: -795px -147px;
}
.icon_Day
{
    background-position: -721px -147px;
}
.icon_time
{
    background-position: -747px -147px;
}
.icon_date
{
    background-position: -698px -147px;
}
.icon_Family
{
    background-position: -647px -144px;
}

.icon_code
{
    background-position: -672px -146px;
}

#Iq_container
{
    padding: 0 7px;
    text-align: right;
    direction: rtl;
    font: 12px tahoma;
    min-width: 995px;
    margin: 5px auto;
}

#sidebar
{
    float: right;
    width: 18%;
    min-width: 160px;
}

#mainbar
{
    float: right;
    min-width: 817px;
    width: 70%;
    min-height: 200px;
    text-align: left;
    padding-top: 10px;
}

.menu_body a
{
    display: block;
    color: #006699;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    font: 12px tahoma;
    width: 85%;
    background-color: #daebfa;
    margin: 2px;
}
.menu_body a:hover, .menu_body input:hover
{
    color: #000000;
    background-color: #ffefba;
}
.menu_body a.selected
{
    background-color: #9cace7;
}


/*****************************************for TAB****************************************/
.tab-top
{
    float: right;
    max-width: 111px;
    height: 31px;
    margin-left: 5px;
}
.tab-top a
{
    float: right;
    background: url(/SubSystem/Mali/Account/Media/Images/btn_holder_hover.png);
    width: 111px;
    height: 24px;
    text-align: center;
    font: bold 11px tahoma;
    padding-top: 7px;
}

.tab-top a:hover, .tab-top a.selected
{
    float: right;
    background: url(/SubSystem/Mali/Account/Media/Images/b_holder.png);
    width: 111px;
    height: 24px;
    padding-top: 7px;
}
.tab-top a.selected
{
    background: url(/SubSystem/Mali/Account/Media/Images/btn_holder.png);
}
input.plus
{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: 0px;
    top: 5px;
}

input.minus
{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: 0px;
    top: 5px;
}
/*****************************Expanded Div***************************************/
.layer1
{
    margin: 0;
    padding: 0;
}

.heading
{
    margin: 10px 1px 1px 0;
    padding: 3px 30px;
    cursor: pointer;
    position: relative;
    top: 0px;
    right: 0px;
    height: 25px;
    font: bold 11px tahoma;
}
.content
{
    padding: 5px 0px;
    background-color: #fafafa;
    border: 1px dashed #ccc;
}

/**************************************************************************************/
.writter
{
    width: 780px;
    margin: 10px auto;
    border: 1px solid #aacdfe;
}
.writer_Header
{
    background-color: #d6ffbb;
    height: 20px;
    padding: 10px 20px;
    color: #000;
    font: bold 11px tahoma;
    border-bottom: 1px solid #cdffac;
}

#writer-content
{
    padding: 10px 0;
}

span#confirm_lbl
{
    color: Red;
}

.box_content
{
    width: 365px;
    margin: 5px;
    border: 1px solid #d7d7d7;
    float: right;
    background-color: #fff;
}

span.box_content_title
{
    background: #f5f5f5;
    height: 30px;
    display: block;
    font: bold 14px 'B nazanin';
    padding-right: 10px;
    border-bottom: 1px solid #d7d7d7;
}
/**************************************************************************************/
.Access_Box, .Access_Title
{
    float: right;
    width: 350px;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    margin: 2px 10px 10px 10px;
    height: 300px;
}
.Access_btn
{
    float: right;
    width: 50px;
    margin-top: 10px;
    height: 300px;
}

.Access_Title
{
    height: 20px;
    padding: 10px;
    background-color: #cffbc6;
    width: 333px;
    border: 1px solid #4a7b41;
    color: #2c5824;
    font: bold 14px 'B nazanin';
}

.Acc_Btn_Add, .Acc_Btn_back
{
    background: url(/SubSystem/Mali/Account/Media/Images/add.png);
    width: 50px;
    height: 40px;
}

.Acc_Btn_back
{
    background: url(/SubSystem/Mali/Account/Media/Images/back.png);
}

.Acc_Btn_Add:hover
{
    background: url(/SubSystem/Mali/Account/Media/Images/add-hover.png);
}

.Acc_Btn_back:hover
{
    background: url(/SubSystem/Mali/Account/Media/Images/back-hover.png);
}

.AccAll_Btn
{
    background: url(/SubSystem/Mali/Account/Media/Images/add-all.png);
    width: 50px;
    height: 48px;
}

.AccAll_Btn:hover
{
    background: url(/SubSystem/Mali/Account/Media/Images/add-all-hover.png);
}

.AccAll_Btn_back
{
    background: url(/SubSystem/Mali/Account/Media/Images/back-all.png);
    width: 50px;
    height: 48px;
}

.AccAll_Btn_back:hover
{
    background: url(/SubSystem/Mali/Account/Media/Images/back-all-hover.png);
}
/**************************************************/

span.fee, span.absent, span.register, span.offer, span.lecture, span.Other
{
    background: url(/SubSystem/Mali/Account/Media/Images/Fee.png) left center no-repeat;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-left: -27px;
}
span.absent
{
    background: url(/SubSystem/Mali/Account/Media/Images/absent.png) left center no-repeat;
}
span.register
{
    background: url(/SubSystem/Mali/Account/Media/Images/register.png) left center no-repeat;
}
span.offer
{
    background: url(/SubSystem/Mali/Account/Media/Images/group_New.png) left center no-repeat;
}
span.lecture
{
    background: url(/SubSystem/Mali/Account/Media/Images/Lecture.png) left center no-repeat;
}
span.Other
{
    background: url(/SubSystem/Mali/Account/Media/Images/other.png) left center no-repeat;
}

.insert-grid
{
    margin: 0 auto;
    background: url(../Images/insert.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.field-title-large
{
    float: right;
    width: 190px;
    padding-top: 5px;
    font: 12px tahoma;
}
.field-content-small2
{
    float: right;
    background: url(../Images/small-60.png) left top no-repeat;
    width: 60px;
    height: 30px;
}

.field-content-small2 input
{
    width: 50px;
    height: 28px;
    direction: rtl;
    text-align: right;
    margin: 2px 3px;
    font: bold 14px 'B nazanin';
    color: Green;
}
/*****************************************for TAB****************************************/
.tab-top, ul li.tab-top
{
    float: right;
    max-width: 111px;
    height: 31px;
    margin-left: 5px;
    list-style: none;
}
.tab-top a, ul li.tab-top a
{
    float: right;
    background: url(/SubSystem/Mali/Account/Media/Images/btn_holder_hover.png);
    width: 111px;
    height: 24px;
    text-align: center;
    font: bold 11px tahoma;
    padding-top: 7px;
}

.tab-top a:hover, .tab-top a.selected
{
    float: right;
    background: url(/SubSystem/Mali/Account/Media/Images/b_holder.png);
    width: 111px;
    height: 24px;
    padding-top: 7px;
}

.tab-top a.selected
{
    background: url(/SubSystem/Mali/Account/Media/Images/btn_holder.png);
}
input.plus
{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: 0px;
    top: 5px;
}
input.minus
{
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    right: 0px;
    top: 5px;
}
.insertBranch-grid
{
    margin: 0 auto;
    background: url(../Images/bankbranches_Insert.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.insertAccountNo-grid
{
    margin: 0 auto;
    background: url(../Images/openaccount_Insert.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.accounting-grid
{
    margin: 0 auto;
    background: url(../Images/accounting-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.print-grid
{
    margin: 0 auto;
    background: url(../Images/Printer.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.design-grid
{
    margin: 0 auto;
    background: url(../Images/checkDesign.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.scan-grid
{
    margin: 0 auto;
    background: url(../Images/Scan.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.form_title_acc
{
    float: right;
    width: 200px;
    margin: 17px 0px 0 0;
    font: bold 14px 'B nazanin';
}

.section_acc
{
    float: left;
    position: absolute;
    top: 19px;
    width: 640px;
    left: 410px;
    height: 38px;
}
table.mxgrid td
{
    text-align: center !important;
}

option
{
    background-color: White;
    height: 20px;
}

.parentnode-grid
{
    margin: 0 auto;
    background: url(../Images/parent-node.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.select-grid
{
    margin: 0 auto;
    background: url(../Images/select-grid.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.childnode-grid
{
    margin: 0 auto;
    background: url(../Images/child-node.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}

.parentnode-grid-desible
{
    margin: 0 auto;
    background: url(../Images/parent-node_Desible.png) center top no-repeat;
    width: 30px;
    height: 30px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
}
.select2div {
    width: 70%;
    float: right;
}
/*--------------------------------------- MX Component--*/
div#mxgrid_table_container
{
    margin: 0px;
    padding: 0px;
    display: block;
    overflow: auto;
    width: 789px;
    direction: rtl;
    float: right !important;
    height: 351px;
}


/*************************************************************** REPORT *******************************************************************/
input[name="chk_dis"] + label
{
    margin-top: -18px !important;
    margin-right: 20px !important;
    display: block;
    float: right;
}
input[name="chk_EN"] + label
{
    margin-top: -17.5px !important;
    margin-right: 20px !important;
    display: block;
    float: right;
    width: 30px;
}
#makeMeScrollable
{
    width: 700px;
    padding-right: 15px;
    margin-right: -15px;
    margin-bottom: 0px;
    float: right;
}

.tab-top, ul li.tab-top
{
    float: right;
    height: 31px;
    list-style: outside none none;
    margin-left: 5px;
    max-width: 111px;
}
.tab-top, ul li.tab-top
{
    float: right;
    height: 31px;
    list-style: outside none none;
    margin-left: 5px;
    max-width: 111px;
}

label, input, .field-title, select, option
{
    font: 12px tahoma !important;
}

span
{
    color: Green;
    font: bold 11px tahoma;
}

.tab-top a.selected
{
    background: url("/SubSystem/Mali/Account/Media/Images/btn_holder.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tab-top a:hover, .tab-top a.selected
{
    background: url("/SubSystem/Mali/Account/Media/Images/b_holder.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 24px;
    padding-top: 7px;
    width: 111px;
}
.tab-top a, ul li.tab-top a
{
    background: url("/SubSystem/Mali/Account/Media/Images/btn_holder_hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font: bold 11px tahoma;
    height: 24px;
    padding-top: 7px;
    text-align: center;
    width: 111px;
}
.tab-top a, ul li.tab-top a
{
    background: url("/SubSystem/Mali/Account/Media/Images/btn_holder_hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    font: bold 11px tahoma;
    height: 24px;
    padding-top: 7px;
    text-align: center;
    width: 111px;
}
.TabContains
{
    background-color: rgb(249, 249, 249);
    border: 4px solid rgb(160, 191, 237);
    float: right;
    height: auto;
    margin: 0px -20px 0px 0px;
    padding: 10px 0;
    width: 786px;
}
.delete-item
{
    margin: 0 auto;
    background: url("../Images/delete_item.png") center top no-repeat;
    width: 16px!important;
    height: 17px!important;
    border: 0px solid red!important;
    text-align: center!important;
    cursor: pointer;
    margin-top: 4px!important;
    margin-right: 5px!important;
    float:left;
}
.delete-item:hover
{
    background: url("../Images/delete_item_Hover.png") center top no-repeat;
}
.delete-item-small
{
    margin: 0 auto;
    background: url("../Images/delete-item-small.png") center top no-repeat;
    border: 0px solid red;
    cursor: hand;
    cursor: pointer;
    margin-top: -9px;
    float:left;
    height:10px;
}
.attach {
    margin: 0 auto;
    background: url("../Images/Attach.png") center top no-repeat;
    width: 20px !important;
    height: 20px !important;
    border: 0px solid red !important;
    text-align: center !important;
    cursor: pointer;
    margin-top: 4px !important;
    margin-right: 5px !important;
    float: right;
}
.plus-grid
{
    margin: 0 auto;
    background: url("../Images/plus-grid.png") center top no-repeat;
    width: 20px;
    height: 20px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: -5px;
}
.add-Seller
{
    margin: 0 auto;
    background: url("../Images/addSeller.png") center top no-repeat;
    width: 35px!important;
    height: 35px!important;
    border: 0px solid red!important;
    text-align: center;
    cursor: pointer;
    margin-top: -1px;
    float:left;
}
.add-NewCodingSmall
{
    margin: 0 auto;
    background: url("../Images/NewCodingSmall_.png") center top no-repeat;
    width: 29px!important;
    height: 30px!important;
    border: 0px solid red!important;
    text-align: center;
    cursor: pointer;
    margin-top: -1px;
    float:left;
}
.add-NewCodingSmall:hover
{
    background: url("../Images/NewCodingSmall_Hover.png") center top no-repeat;
}
.save-
{
    margin: 0 auto;
    background: url("../Images/save.png") center top no-repeat;
    width: 22px;
    height: 24px;
    border: 0px solid red;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    margin-top: 1px;
}


ul.pager li a.last
{
    background: url('/SubSystem/Mali/Stock/Media/Images/Last-icon.png') no-repeat center top;
    float: right;
    margin-left: 0px;
    margin-bottom: 2px;
    min-width: 25px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    border: 1px solid #99c2f3;
    padding-top: 0px;
    background-color: #d2e1f3;
    font: 18px b nazanin;
    color: #0091bf;
    background-position: center bottom;
}
ul.pager li a.first
{
    background: url('/SubSystem/Mali/Stock/Media/Images/First-icon.png') no-repeat center top;
    float: right;
    margin-left: 0px;
    margin-bottom: 2px;
    min-width: 25px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    border: 1px solid #99c2f3;
    padding-top: 0px;
    background-color: #d2e1f3;
    font: 18px b nazanin;
    color: #0091bf;
    background-position: center bottom;
}
ul.pager
{
    list-style-type: none;
    width: 61%;
    height: 24px;
    margin: 0;
    float: right;
    margin-right: -6px;
}
ul.pager li
{
    float: right;
    margin-left: 2px;
    margin-bottom: 2px;
    min-width: 25px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    padding-top: 0px;
    font: 18px b nazanin;
    color: #0091bf;
    cursor: pointer;
}
ul.pager li:hover
{
    background-color: #ebf2fa;
    color: #1ac8ff;
    cursor: pointer;
}
#pagerContainer_
{
    width: 100%;
    height: 24px;
    float: right; /* border: 1px solid rgb(204, 204, 204);*/
    background-color: rgb(249, 249, 249);
    margin-top: -5px;
    float: right;
    margin-bottom: 5px;
    padding: 1px;
}
ul.pager li a
{
    float: right;
    margin-left: 0px; /*margin-bottom: 2px;*/
    min-width: 33px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    border: 1px solid #99c2f3;
    padding-top: 0px;
    background-color: #d2e1f3;
    font: 18px b nazanin;
    color: #0091bf;
}
ul.pager li a:hover
{
    background-color: #ebf2fa;
    color: #1ac8ff;
}
ul.pager li a.next
{
    background: url('/SubSystem/Mali/Stock/Media/Images/next.png') no-repeat center top;
    float: right;
    margin-left: 0px; /*margin-bottom: 2px;*/
    min-width: 25px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    border: 1px solid #99c2f3;
    padding-top: 0px;
    background-color: #d2e1f3;
    font: 18px b nazanin;
    color: #0091bf;
    background-position: center bottom;
}
ul.pager li a.next:hover
{
    background-position: center bottom;
    background-color: #ebf2fa;
}
ul.pager li a.prev
{
    background: url('/SubSystem/Mali/Stock/Media/Images/prev.png') no-repeat center top;
    float: right;
    margin-left: 0px; /*margin-bottom: 2px;*/
    min-width: 25px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    color: blue;
    border: 1px solid #99c2f3;
    padding-top: 0px;
    background-color: #d2e1f3;
    font: 18px b nazanin;
    color: #0091bf;
    background-position: center bottom;
}
ul.pager li a.prev:hover
{
    background-position: center bottom;
    background-color: #ebf2fa;
}

.rowPerPage_
{
    /*border: 1px solid black; */
    width: 13%;
    height: 24px;
    float: left;
    margin-left: -1.85px;
}

.rowPerPage_ span
{
    color: Black !important;
    font: 14px b nazanin;
    direction: ltr;
}

.rowPerPage_ input
{
    width: 30px;
    height: 20px;
    border: 1px solid #99c2f3;
    text-align: center;
    background-color: #ebf2fa;
    font: 16px B Nazanin !important;
}
#right
{
    width: 24px;
    position: absolute; /*top: 5px; right: 0;*/
    height: 598px;
    float: right;
    margin-right: -51px !important;
    cursor: pointer;
    height: 100px;
}
#right:hover
{
    opacity: 0.5;
}
#left
{
    width: 12px; /*position: absolute;*/
    top: -1;
    left: 0;
    height: 598px;
    margin-top: -1px;
    float: right;
    margin-right: 6px !important;
    cursor: pointer;
    height: 100px;
}
.spanRed
{
    color: Red;
    margin-top: 10px;
    display: block;
}
[data-tooltip]
 {
	position:relative;
 }
[data-tooltip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #A0BFED;	
	position:absolute;
	top:-5px;
	left:20px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}

[data-tooltip]:after {
	display:none;
	content:attr(data-tooltip);
	position:absolute;
	top:-32px;
	left:0px;
	padding:5px 8px;
	background:linear-gradient(to top, #FFF, #E1EEF6, #C7DDF3);
	border:1px solid #A0BFED;
	color:#000;
	z-index:9;
	height:15px;
	line-height:18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space:nowrap;
	word-wrap:normal;
	font:13px 'Arial';
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	display:block;
}

.selectAuto {
    width: 720px;
    height:35px;
    float: right;
}

.selectAutoSpan {
    width: 100px;
    height: 22px;
    float: right;
    font: 11px tahoma;
    color: Black;
    padding-top: 7px;
    direction: ltr;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
}

.comboTreeWrapper {
    width: 600px !important;
    margin-right: 11px;
}

.comboTreeInputBox {
    font: 16px 'B Nazanin' !important;
    color: green !important;
    box-shadow: -1px 1px 0px #b3b3b3 !important;
}

:root {
    --ct-border-color: #bfbfbf !important;
    --ct-selection: #b3b3b3 !important;
}