.rg-image-removefilter i{ background-position: 0px 0px;}
.rg-image-filter i{ background-position: -18px 0px;}
.rg-image-group i{ background-position: -36px 0px;}
.rg-image-formula i{ background-position: -54px 0px;}
.rg-image-summary i{ background-position: -72px 0px;}
.rg-image-sortaz i{ background-position: -90px 0px;}
.rg-image-sortza i{ background-position: -108px 0px;}
.rg-image-fields i{ background-position: -126px 0px;}
.rg-image-chart i{ background-position: -144px 0px;}
.rg-image-reportparameter i{ background-position: -162px 0px;}
.rg-image-parameter i{ background-position: -180px 0px;}
.rg-image-reload i{ background-position: -198px 0px;}

.rg-image-new i{ background-position: 0px -18px;}
.rg-image-open i{ background-position: -18px -18px;}
.rg-image-save i{ background-position: -36px -18px;}
.rg-image-preview i{ background-position: -54px -18px;}
.rg-image-print i{ background-position: -72px -18px;}
.rg-image-cut i{ background-position: -90px -18px;}
.rg-image-copy i{ background-position: -108px -18px;}
.rg-image-paste i{ background-position: -126px -18px;}
.rg-image-delete i{ background-position: -144px -18px;}
.rg-image-undo i{ background-position: -162px -18px;}
.rg-image-redo i{ background-position: -180px -18px;}
.rg-image-saveas i{ background-position: -198px -18px;}

.rg-image-pointer i{ background-position: 0px -36px;}
.rg-image-rectangle i{ background-position: -18px -36px;}
.rg-image-line i{ background-position: -36px -36px;}
.rg-image-circle i{ background-position: -54px -36px;}
.rg-image-text i{ background-position: -72px -36px;}
.rg-image-image i{ background-position: -90px -36px;}
.rg-image-pagesetting i{ background-position: -108px -36px;}
.rg-image-barcode i{ background-position: -126px -36px;}
.rg-image-table i{ background-position: -144px -36px;}
.rg-image-excel i{ background-position: -162px -36px;}
.rg-image-print-batch i{ background-position: -180px -36px;}

.rg-image-tatopleft i{ background-position: 0px -54px;}
.rg-image-tatopcenter i{ background-position: -18px -54px;}
.rg-image-tatopright i{ background-position: -36px -54px;}
.rg-image-tamiddleleft i{ background-position: -54px -54px;}
.rg-image-tamiddlecenter i{ background-position: -72px -54px;}
.rg-image-tamidlleright i{ background-position: -90px -54px;}
.rg-image-tabottomleft i{ background-position: -108px -54px;}
.rg-image-tabottomcenter i{ background-position: -126px -54px;}
.rg-image-tabottomright i{ background-position: -144px -54px;}

.rg-image-bringtofront i{ background-position: 0px -72px;}
.rg-image-sendforward i{ background-position: -18px -72px;}
.rg-image-sendbackward i{ background-position: -36px -72px;}
.rg-image-sendtoback i{ background-position: -54px -72px;}
.rg-image-pdf i{ background-position: -72px -72px;}
.rg-image-deletepage i{ background-position: -90px -72px;}

.rg-image-samesize i{ background-position: 0px -90px;}
.rg-image-sameheight i{ background-position: -18px -90px;}
.rg-image-samewidth i{ background-position: -36px -90px;}
.rg-image-alignleft i{ background-position: -54px -90px;}
.rg-image-aligncenter i{ background-position: -72px -90px;}
.rg-image-alignright i{ background-position: -90px -90px;}
.rg-image-aligntop i{ background-position: -108px -90px;}
.rg-image-alignmiddle i{ background-position: -126px -90px;}
.rg-image-alignbottom i{ background-position: -144px -90px;}

.rg-image-vsincrease i{ background-position: 0px -108px;}
.rg-image-vsdecrease i{ background-position: -18px -108px;}
.rg-image-vsremove i{ background-position: -36px -108px;}
.rg-image-vsequal i{ background-position: -54px -108px;}
.rg-image-hsincrease i{ background-position: -90px -108px;}
.rg-image-hsdecrease i{ background-position: -72px -108px;}
.rg-image-hsremove i{ background-position: -108px -108px;}
.rg-image-hsequal i{ background-position: -126px -108px;}

.rg-image-bold i{ background-position: 0px -126px;}
.rg-image-italic i{ background-position: -18px -126px;}
.rg-image-underline i{ background-position: -36px -126px;}
.rg-image-ltr i{ background-position: -54px -126px;}
.rg-image-rtl i{ background-position: -72px -126px;}
.rg-image-forecolor i{ background-position: -90px -126px;}
.rg-image-backcolor i{ background-position: -108px -126px;}
.rg-image-bordercolor i{ background-position: -126px -126px;}
.rg-image-borderstyle i{ background-position: -144px -126px;}
.rg-image-borderwidth i{ background-position: -162px -126px;}

.rg-image-1page i{ background-position: 0px -144px;}
.rg-image-2page i{ background-position: -18px -144px;}
.rg-image-3page i{ background-position: -36px -144px;}
.rg-image-4page i{ background-position: -54px -144px;}
.rg-image-6page i{ background-position: -72px -144px;}
.rg-image-preview2 i{ background-position: -90px -144px;}
.rg-image-first i{ background-position: -108px -144px;}
.rg-image-previous i{ background-position: -126px -144px;}
.rg-image-next i{ background-position: -144px -144px;}
.rg-image-last i{ background-position: -162px -144px;}
.rg-image-zoomout i{ background-position: -180px -144px;}
.rg-image-zoomin i{ background-position: -198px -144px;}

.rg-image-up i{ background-position: 0px -162px;}
.rg-image-down i{ background-position: -18px -162px;}
.rg-image-plus i{ background-position: -36px -162px;}




.tooltip{ font-family: tahoma; }

.rg-container { position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;}
.rg-header{ background-color: #f9f7ec;border-bottom: 1px solid #ccc;overflow: hidden;height: 113px;}

.rg-sidebar{right: 0px;top: 113px;bottom: 0px; border-left: 1px solid #ccc;width: 250px;position: fixed;overflow: auto;}

.rg-view{ position: fixed;left: 0px;top: 113px;right: 250px;bottom: 0px; overflow: auto;background-color: #f1f1f1;overflow: auto;text-align: center;}
.rg-paper {position: relative; margin: 10px 0px 30px 0px;border: 1px solid #ccc;background-color: #bbb;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .2);display: inline-block;text-align: right;}


.rg-section-header { height: 30px;line-height: 30px;background-color: #f1f1f1;position: relative;padding: 0 5px;box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, .1) inset; cursor:row-resize}
.rg-section-body { position: relative;background-color: #fff;}

.rg-toolbar {}
.rg-toolbar-row { padding: 0px 10px;display: block;margin: 0px;line-height: 0;height: 28px;box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, .1) inset;}
.rg-toolbar-btn { border: none;background-color: transparent;margin: 0px;padding: 5px;display: block;float: right; overflow: hidden;line-height: 0;cursor: pointer;font-size: 0pt;}
.rg-toolbar-btn.active {border: 1px solid rgba(0, 0, 0, .3);background-color: rgba(0, 0, 0, .1);padding: 4px;}

.rg-toolbar-row select { border: none;font-family: tahoma;font-size: 8pt;margin: 1px 5px;display: block;float: right; position: relative;padding: 5px;}
.rg-toolbar-row input { border: none;font-family: tahoma;font-size: 8pt;margin: 2px 5px 1px 5px;display: block;float: right; position: relative;padding: 6px;text-align: center;}

.rg-toolbar-btn:hover { background-color: rgba(0, 0, 0, .1); }
.rg-toolbar-btn i { background-image: url('/css/images/app/rg-toolbar.3.png');width: 18px;height: 18px;display: block;margin: 0px;padding: 0px;}

.rg-toolbar-splitter {border: none;background-color: transparent;margin: 0px;padding: 5px 0px;display: block;float: right;overflow: hidden;line-height: 0;}
.rg-toolbar-splitter i {background: url('/css/images/app/rg-toolbar.3.png') no-repeat;width: 6px;height: 18px;display: block;margin: 0px;padding: 0px; background-position: -60px -162px}


.rg-shape { position: absolute;z-index: 0;overflow: hidden;-moz-user-select: none; }
.rg-shape.selected { box-shadow: 0px 0px 1px 1px rgba(0, 155, 255, .5) inset, 0px 0px 1px 1px rgba(0, 155, 255, .5); }
.rg-shape.active { box-shadow: 0px 0px 1px 1px rgba(246, 165, 0, .5) inset, 0px 0px 1px 1px rgba(246, 165, 0, .5) ;}

.rg-selection { position: absolute; background-color: rgba(0, 155, 255, 0.3); border: 1px dashed rgba(0, 155, 255, 1);z-index: 1;}

.rg-dialog-modal{ position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, .1);display: none;z-index: 10;}
.rg-dialog { position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #f1f1f1;border: 1px solid #ccc;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, .2);}
.rg-dialog input, .rg-dialog select, .rg-dialog textarea, .rg-dialog button {font-family: tahoma; border: 1px solid #ccc;padding: 3px;outline: none;}
.rg-dialog input:hover, .rg-dialog select:hover, .rg-dialog textarea:hover, .rg-dialog button:hover {border: 1px solid #9fafc5;}
.rg-dialog input:focus, .rg-dialog select:focus, .rg-dialog textarea:focus, .rg-dialog button:focus {border: 1px solid #9fafc5;}
.rg-dialog input[type=checkbox] {border: none;padding: 0px;}
.rg-dialog input[type=radio] {border: none;padding: 0px;}
.rg-dialog input:disabled, .rg-dialog select:disabled, .rg-dialog textarea:disabled, .rg-dialog button:disabled {border: 1px solid #ccc;background-color: #eee;}
.rg-dialog-title {font-family: naskh;font-size: 12pt;padding: 5px;color: #666;border-bottom: 1px solid #ccc;background-color: #ddd;text-align: center;cursor: move;}
.rg-dialog-body {padding: 10px;}
.rg-dialog-footer {padding: 10px;text-align: left;}
.rg-dialog-footer button {min-width: 80px;padding: 5px;background-color: #ddd;}
.rg-dialog-footer button:active{ background-color: #eee;}
.rg-dialog-cancel {}
.rg-dialog table td { padding: 3px;}
.rg-dialog-table-button { cursor: pointer;padding: 0px 3px;}
.rg-dialog-table-button.blue { color: rgb(137, 161, 234);}
.rg-dialog-table-button.blue:hover { color: royalblue;}
.rg-dialog-table-button.green { color: rgb(127, 203, 127);}
.rg-dialog-table-button.green:hover { color: rgb(59, 178, 59);}
.rg-dialog-table-button.red { color: rgb(234, 137, 137);}
.rg-dialog-table-button.red:hover { color: red;}

.sp-replacer{ padding-top: 6px;}
.sp-preview {width: 18px;height: 18px;border: none;padding: 2px;}
.sp-preview-inner {background: url('/css/images/app/rg-toolbar.3.png') no-repeat;width: 18px;height: 18px;}
.rg-backcolor .sp-preview-inner { background-position: -108px -126px;}
.rg-forecolor .sp-preview-inner { background-position: -90px -126px;}
.rg-bordercolor .sp-preview-inner { background-position: -126px -126px;}
.rg-preview-border { border: 1px solid #ccc;}

.rg-sidebar{ }
.rg-fields-tree{ padding-right: 10px;background-color: rgb(246, 246, 218);overflow: hidden;overflow-y: auto;}
.rg-fields-tree>ul{ position: relative;}
.rg-fields-tree ul{ padding: 0px;margin: 0px;}
.rg-fields-tree li{position: relative;display: block; list-style: none;cursor: default;font-size: 8pt;outline: none;white-space: nowrap;line-height: 0;padding: 0;margin: 0;}

.rg-fields-tree-line{ width: 10px;height: 18px;margin-right: 10px;display: inline-block;}

.rg-fields-tree-line.bf { width: 10px;}
.rg-fields-tree-line.bbr {border-bottom: 1px dotted #aaa;border-right: 1px dotted #aaa;}
.rg-fields-tree-line.br {border-right: 1px dotted #aaa;}
.rg-fields-tree-line.bb {border-bottom: 1px dotted #aaa;}
.rg-fields-tree-line.bnone {border-right: 1px dotted transparent;}

.rg-fields-tree div.text {display: inline-block; position: relative;top: 2px; cursor: pointer;background-color: rgb(246, 246, 218);z-index: 1;}
.rg-fields-tree div.text.selected { font-weight: bold;}

.rg-fields-tree div.button { width: 18px;height: 18px;display: inline-block;position: relative;margin-right: -18px;top: 9px; border: none;background: url('/css/images/app/rg-toolbar.3.png') -72px -162px;outline: none;cursor: pointer; z-index: 1}
.rg-fields-tree li.expanded>div.button { background-position: -90px -162px;}
.rg-fields-tree div.button.none{background: none; cursor: default;}

.rg-fields-tree div.image { width: 18px;height: 18px;position: relative;top: 8px;margin-left: 3px; display: inline-block; background: rgb(246, 246, 218) url('/css/images/app/rg-toolbar.3.png');z-index: 1;}
.rg-fields-tree div.fields { background-position: -126px 0px;}
.rg-fields-tree div.formula { background-position: -54px 0px;}
.rg-fields-tree div.summery { background-position: -72px 0px;}
.rg-fields-tree div.parameter { background-position: -180px 0px;}
.rg-fields-tree div.report-parameter { background-position: -162px 0px;}
.rg-fields-tree div.sort { background-position: -90px 0px;}
.rg-fields-tree div.filter { background-position: -18px 0px;}
.rg-fields-tree div.category { background-position: -108px -162px;}
.rg-fields-tree div.field { background-position: -126px -162px;}
.rg-fields-tree div.sortAsc { background-position: 0px -162px;}
.rg-fields-tree div.sortDesc { background-position: -18px -162px;}

.rg-draggable { position: fixed;width: 160px;height: 20px;background-color: #ccc;z-index: 2;opacity: .4;border: 1px solid #000;color: #000;overflow: hidden;font-size: 7pt;}

.rg-dialog-body .grid {overflow: hidden;overflow-y: auto;border: 1px solid #ccc;}
.rg-dialog-body .grid table{ border-spacing: 0px;border-collapse: collapse;width: 100%;}
.rg-dialog-body .grid tr{ border-bottom: 1px solid #ccc;}
.rg-dialog-body .grid th{font-family: naskh;font-weight: normal; border-left: 1px solid #ccc;background-color: #eee;padding: 5px 0px;text-align: center;white-space: normal;}
.rg-dialog-body .grid td{ border-left: 1px solid #ccc;padding: 3px;text-align: right;background-color: #fff;white-space: normal;}
.rg-dialog-body .grid th:last-child{ border-left: none;}
.rg-dialog-body .grid td:last-child{ border-left: none;}

.rg-dialog-body .frame { margin: 15px 2px 0px 2px;border: 1px solid #ccc;padding: 0px 5px 5px 5px;}
.rg-dialog-body .frame-title {font-family: naskh; display: inline-block;position: relative;top: -12px;right: 10px; background-color: #f1f1f1;padding: 0px 5px;}
.rg-dialog-body .select-field-link {cursor: pointer;color: rgb(59, 178, 59);display: inline-block;background-color: #fff;border: 1px solid #ccc;padding: 3px;}
.rg-dialog-body .select-field-link:hover {cursor: pointer;color: rgb(127, 203, 127);}
.rg-dialog-body .select-field-link[disabled] {cursor: default;color: #999;}
.rg-dialog-body .select-field-link[disabled]:hover { text-decoration: none;}


#treeSort, #treeFilter, #treeGroup, #treeParameters , #treeSummery, #treeBarcode, #treeFieldValues, #treeFormula { border: 1px solid #ccc;}

#gridGroup table td:nth-child(2){ text-align: center;}
#gridGroup table td:nth-child(3){ text-align: center;}
#gridGroup table td:nth-child(4){ text-align: center;}
#gridParameters table td:nth-child(2){ text-align: center;}
#gridSummeries table td:nth-child(2){ text-align: center;}
#gridFormulas table td:nth-child(2){ text-align: center;}
#gridReports table td:nth-child(3){ text-align: center;}
#gridReportTypes table td:nth-child(2){ text-align: center;}

.rg-filterRow input, .rg-filterRow select, .rg-filterRow input:hover, .rg-filterRow select:hover, .rg-filterRow input:focus, .rg-filterRow select:focus { border: none;}
.rg-filterRow{ background-color: #fff;border: 1px solid #ccc;margin-bottom: 3px;padding: 3px}
.rg-filterRow-field{ width: 200px;display: inline-block;cursor: pointer; color: rgb(59, 178, 59)}
.rg-filterRow-field:hover{ text-decoration: none;color: rgb(127, 203, 127);}
.rg-filterRow input:not([type=checkbox]) { width: 400px;}
.rg-filterRow input[type=checkbox] { margin-right: 10px;outline: none;}
.rg-filterRow label { margin-left: 10px;}
.rg-filterRow-Empty { font-style: oblique;color: #aaa;}
.rg-filterRow-delete { color: rgb(234, 137, 137);cursor: pointer;}
.rg-filterRow-delete:hover { color: red;cursor: pointer;}

#dlgReportOpen table td>div:first-child{ height: 30px;line-height: 30px;font-family: Naskh;background-color: #f5f5f5;}
#dlgReportOpen table button{ width: 10px;height: 10px;margin-left: 5px;display: inline-block; border: none;background: url('/css/images/app/rg-toolbar.3.png') -76px -166px;outline: none;}
#dlgReportOpen table button.expanded{ background-position: -94px -166px;}
#dlgReportOpen table table{ border: none;}
#dlgReportOpen table table td{ border: 1px solid #ccc;}
#dlgReportOpen table table td:first-child{ width: 76px;}
#dlgReportOpen table table td:last-child{ width: 56px;}


.rg-formula-table { background-color: #fff;border-spacing: 0px;border-collapse: collapse;width: 100%;}
.rg-formula-table td { border: 1px solid #ccc;cursor: pointer;}
.rg-formula-table td:first-child { direction: ltr;text-align: center;}
.rg-formula-table th { border: 1px solid #ccc;background-color: #ddd;text-align: center;padding: 5px;}
.rg-formula-table tr:hover { background-color: #f1f1f1;}



.rg-preview{ position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;}
.rg-preview-header{ background-color: #f9f7ec;border-bottom: 1px solid #ccc;overflow: hidden;height: 29px;}
.rg-preview-view{ position: fixed;left: 0px;top: 30px;right: 0px;bottom: 0px; overflow: auto;background-color: #f1f1f1;overflow: auto;text-align: center;}
.rg-preview-paper {position: relative; margin: 10px 0px 30px 0px;border: 1px solid #ccc;background-color: #bbb;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .2);display: inline-block;text-align: right;background-color: #fff;}



.loading-panel { position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;background-color: rgba(255, 255, 255, .5);z-index: 2;}
.loading-panel span{ font-size: 100pt;color: rgba(98, 128, 215, 0.8);position: absolute;right: 50%;margin-right: -50px; top: 50%;margin-top: -50px;display: block;}

.progress-bar{ transition: none;-webkit-transition: none; -moz-transition: none;-o-transition: none;}

.dontdismiss{}

.qb-designer-thumbnail{ cursor: pointer;background-color: #fff;border: 1px solid #aaa;margin: 20px 0px;box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, .2);}
.qb-designer-thumbnail.selected{ border: 2px solid royalblue;}
#dlgBookletSetting table td { vertical-align: top;}
#dlgBookletSetting label { cursor: pointer;}
#dlgBookletSetting input[type=checkbox] { margin: 5px;}
#dlgBookletSetting hr { margin: 5px;border-bottom: 2px solid #bbb;}

.qb-preview { background-color: #fff;font-family: iransans-web;font-size: 10pt;color: #000;overflow: auto;}
.qb-preview p { font-family: inherit;font-size: inherit; margin: 0; padding: 0; border: 0;color: inherit;line-height: 2;}
.qb-size-calculator { display: inline-block; font-family: iransans-web;font-size: 10pt; position: fixed;left: -1000px}
.qb-size-calculator p { font-family: inherit;font-size: inherit; margin: 0; padding: 0; border: 0;line-height: 2;}

.rg-container-qb { }
.rg-header-qb{position: fixed; background-color: #f9f7ec;border-bottom: 1px solid #ccc;overflow: hidden;height: 113px;z-index: 2;left: 0;right: 0;}
.rg-view-qb { position: relative;top: 113px;background-color: #f1f1f1;text-align: center;}
.rg-paper-qb {position: relative; margin: 10px;border: 2px solid #ccc;background-color: #fff;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .2);display: inline-block;text-align: right;}
.rg-paper-qb.hilight {border: 2px solid #4cabe6;}

@media print {
    body {-webkit-print-color-adjust: exact;}
    .rg-view-qb{ top: 0px;background-color: #fff;text-align: initial;}
    .rg-header-qb{ display: none;}
    .rg-paper-qb{ border: none;margin: 0mm 0mm 0mm 0mm;box-shadow: none;size: 210mm 297mm;}
    .rg-paper-qb.hilight {border: none;}
    .body{ margin: 0mm 0mm 0mm 0mm;}
    .rg-shape.selected { box-shadow: none; }
    .rg-shape.active { box-shadow: none ;}
}