*:focus {
    outline: none;
}

.tableForPrint, .tableForPrint td{
   border:1px solid black !important;
}
.tableForPrint > thead > tr > th{
    border:1px solid black !important;
}
.tableForPrint > tbody > tr > td{
    border:1px solid black !important;
}

.notification {
    position: fixed;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* give it dimensions */
    width: 300px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    font-family: iransans;
    font-size: 11pt;
    bottom: 100px;
}

.modal-header-error {
    background: rgb(213, 14, 14);
	color: whitesmoke;
	cursor: move;
}
.modal-header-warning {
    background: #FD9B25;
	color: whitesmoke;
	cursor: move;
}
.modal-header-info {
    background: rgb(14, 103, 213);
	color: whitesmoke;
	cursor: move;
}

hbadge {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.badgeN {
    background: rgba(220,0,0,1.0);
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    font-family: iransans;
    font-size: 9pt;
    font-weight: bold;
    /*padding:3px;
    padding-top: 1px;
    padding-bottom: 1px;*/
}


.nav-txt {
    font-family: IRANSans,tahoma;
    font-weight: normal;
    font-size: 16px;
}

.label-smoke {
    background-color: whitesmoke;
}

    .label-smoke:hover {
        color: black;
    }

#hesabfaStatusBar {
    font-size: 10pt;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
    background-color: rgb(230, 230, 230);
    padding-top: 2px;
    padding-left: 25px;
    padding-right: 15px;
    border-top: 1px solid silver;
	z-index: 10;
}

#hesabfaStatusBarSmall {
    font-size: 10pt;
    background-color: rgb(230, 230, 230);
    padding-top: 2px;
    padding-left: 25px;
    padding-right: 15px;
    border-top: 1px solid silver;
}

#updateTimeWarningBox {
    display: none;
    position: fixed;
    top: 60px;
    left: 20px;
    width: 300px;
    padding: 10px;
    background-color: rgb(255, 153, 153);
    background-color: rgba(255, 153, 153,0.9);
    color: black;
    border: 1px solid rgb(235, 112, 112);
    font-size: 13px;
}

input[type=text]::-ms-clear {
    display: none;
}

.tahoma {
    font-family: tahoma;
}

.iransans {
    font-family: IRANSans,tahoma;
    font-weight: normal;
}

.iransanslight {
    font-family: IRANSans,tahoma;
    font-weight: 400;
}

.iransanslight2 {
    font-family: IRANSans,tahoma;
    font-weight: 200;
}

label {
    font-weight: normal !important;
}

.input-default {
    font-size: 13pt;
}

.vertical-center {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

a:hover {
    text-decoration: none;
}

.tooltip {
    /*font-family: IRANSans,tahoma;*/
    font-weight: 200;
    font-size: 9pt;
}

.popover {
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 9pt;
    background-color: rgb(255, 255, 201);
}

.popover-red {
    background-color: red;
}

.pageHeader {
    background-color: #eee;
    padding: 0 15px 0 0;
    color: #555;
	line-height: 40px;
	margin-bottom: 20px;
}

.pageHeader blockquote { padding: 0 10px 0 0 ;margin: 0; }

.breadcrumb {
    font-size: 11pt;
	background-color: transparent;
	display: inline-block;
}

.btn-smoke {
    background-color: whitesmoke;
    color: #434343;
}


.dropdown-menu {
    font-size: 11pt;
}

.hesabfa-business-item {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid silver;
    background-color: white;
    padding: 10px;
}

    .hesabfa-business-item:hover {
        background-color: whitesmoke;
    }

.txt-normal {
    font-weight: normal;
}

.txt-bold {
    font-weight: bold;
}

.txt-gray {
    color: #5c5c5c;
}
.txt-silver {
    color: silver;
}

.txt-dark {
    color: #272727;
}

.txt-black {
    color: #000000;
}

.line-height1 {
    line-height: 25px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.hesabfa-menu1 {
}
.hesabfa-menu1:hover {
    background-color: #0072c6;
    color: white;
    cursor: pointer;
}
.hesabfa-list1{ padding-top: 2px;padding-bottom: 2px;border-bottom: 1px solid #e6e6e6;}
.hesabfa-list1-first{ border-top: 1px solid #e6e6e6;}
.hesabfa-list1:hover{background-color: whitesmoke;}

.hesabfa-select-item {
    height: 30px;
    line-height: 30px;
}

.hesabfa-txt-8 {
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 8pt;
}

.hesabfa-txt-9 {
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 9pt;
}

.hesabfa-txt-10 {
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 10pt;
}

.hesabfa-input-lg {
    font-size: 11pt;
}

.hesabfa-input-md {
    font-size: 10pt;
}

.title1 {
    font-family: IRANSans !important;
    font-weight: normal;
    font-size: 10pt;
}

.title2 {
   font-family: IRANSans,tahoma;
    font-weight: bold;
    font-size: 10pt;
}

.hesabfa-panel {
    max-width: 1000px;
    /*font-family: IRANSans,tahoma;*/
    font-weight: 500;
    font-size: 10pt;
    background-color: rgb(253, 253, 255);
}
.hesabfa-panel p{
    font-weight: 400;
    font-size: 11pt;
}

.hesabfa-panel-green {
    max-width: 1000px;
    font-family: IRANSans,tahoma;
    font-weight: 400;
    font-size: 10pt;
    background-color: rgb(252, 255, 252);
}

.canvasChart {
    width: 100%;
    height: auto;
}

.hesabfa-content-page {
    max-width: 1000px;
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 11pt;
}

.panel-title {
    font-family: IRANSans,tahoma;
    font-weight: normal;
    font-size: 10pt;
}

.hesabfa-panel-body {
    padding-left: 25px;
    padding-right: 25px;
}

.overDue {
    color: #d9534f;
}

.invoice-td
{
    height: 32px;
    max-height: 32px;
    cursor: text;
    overflow: hidden;
    color: #17a2b8 !important;
}

.invoice-td-div
{
    margin-right: 7px;
    padding-top: 7px;
    margin-bottom: 0px;
    font-size: 9pt;
    height: 27px;
    overflow: hidden;
    color: #28a745;
}
.grid-iransans-td-div {
    margin-right: 7px;
    padding-top: 7px;
    margin-bottom: 0px;
    font-size: 9pt;
    height: 32px;
    overflow: hidden;
}

/* for select multipe invoiceItem inputs by jquery */
.invoiceItem {
}

.transaction {
}

.input-grid, .input-grid-factor {
    border: 0px solid #ccc;
    width: 100%;
    height: 38px;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	background-color: transparent;
}

.input-grid-factor {
    height: 32px;
	/*font-weight: 700;*/
}

    .input-grid:hover, .input-grid-factor:hover {
        border: 0px solid rgb(36, 154, 255);
    }

    .input-grid:focus, .input-grid-factor:focus {
        border: 0px solid rgb(36, 154, 255);
    }

.close-grid-row {
    color: silver;
}

    .close-grid-row:hover {
        color: gray;
        cursor: pointer;
    }

.move-up {
    color: silver;
}

    .move-up:hover {
        color: green;
        cursor: pointer;
    }

.move-down {
    color: silver;
}

    .move-down:hover {
        color: red;
        cursor: pointer;
    }

.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}

.a-left {
    text-align: left;
}

.a-right {
    text-align: right;
}

.mr-t-5 {
    margin-top: 5px;
}

.mr-b-5 {
    margin-bottom: 5px;
}

.mr-l-5 {
    margin-left: 5px;
}

.mr-r-5 {
    margin-right: 5px;
}

.mr-t-10 {
    margin-top: 10px;
}

.mr-b-10 {
    margin-bottom: 10px;
}

.mr-l-10 {
    margin-left: 10px;
}

.mr-r-10 {
    margin-right: 10px;
}

.mr-t-20 {
    margin-top: 10px;
}

.mr-b-20 {
    margin-bottom: 10px;
}

.mr-l-20 {
    margin-left: 10px;
}

.mr-r-20 {
    margin-right: 10px;
}

.mr-2 {
    margin: 2px;
}

.mr-5 {
    margin: 5px;
}

.mr-10 {
    margin: 10px;
}

.pd-5 {
    padding: 5px;
}

.pd-10 {
    padding: 10px;
}

.pd-15 {
    padding: 15px;
}

.account-level1-code {color: black;}
.account-level2-code {color: #8a6d3b;}
.account-level3-code {color: #31708f;}

.account-level1 {
    font-weight: bold;
}

.account-level2 {
    color: #8a6d3b;
    padding-right: 30px;
}

.account-level3 {
    color: #31708f;
    padding-right: 60px;
}

.hand {
    cursor: pointer;
}

.border-btm {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding-bottom: 10px;
}

.border-lft {
    border-left: 1px solid rgb(221, 221, 221);
}

.border-topdown {
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.border-top {
    border-top: 1px solid rgb(221, 221, 221);
}

.border-info {
    border-color: #5bc0de;
}

.separator1 {
    border-bottom: 1px solid rgb(225, 225, 225);
    margin-bottom: 10px;
}



.red {
    color: red;
}

.darkred {
    color: rgb(154, 34, 34);
}

.green {
    color: green;
}

.blue {
    color: blue;
}
.darkblue {
    color: rgb(39, 39, 158);
}

.blue-info {
    color: #5bc0de;
}

.blue-light {
    color: #bbe5f1;
}

.orange {
    color: orange;
}

.orangered {
    color: orangered;
}

.bg-selected {
    background-color: rgb(255, 238, 206) !important;
}

.bg-whitesmoke {
    background-color: whitesmoke !important;
}

.bg-disabled {
    background-color: #F0F0F0;
}

.borderless td, .borderless th {
    border: none;
}

.auto-complete {
    z-index: 999;
    position: absolute;
    background: white;
    padding: 5px;
    border: 1px solid #ccc;
    display: inline-block;
    width: 260px;
    max-height: 300px;
    overflow-y: auto;
}





.hesabfa-paybox {
    color: white;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

    .hesabfa-paybox:hover .hesabfa-paybox-remove {
        display: inline-block;
    }

.hesabfa-paybox-remove {
    display: none;
    position: absolute;
    color: white;
    padding: 3px;
    margin-right: -16px;
    margin-top: -1px;
    cursor: pointer;
}

.bs-callout {
    font-family: IRANSans;
   font-weight: normal;
    color: #5c5c5c;
    line-height: 200%;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-right-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    /*border-left-color: #777;*/
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-right-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-right-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-right-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-right-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-right-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.ul-hesabfa {
}

    .ul-hesabfa li {
        margin-bottom: 8px;
        margin-top: 8px;
    }


.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }


@media (max-width: $screen-xs-max) {
    .col-xs-auto {
        width: auto;
    }
}

@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
    .col-sm-auto {
        width: auto;
    }
}

@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
    .col-md-auto {
        width: auto;
    }
}

@media (min-width: $screen-lg-min) {
    .col-lg-auto {
        width: auto;
    }
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: right;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}

.grid-context-menu {
    position: absolute;
    display: none;
    z-index: 1;
}

    .grid-context-menu a {
        font-family: IRANSans,tahoma;
        font-weight: 300;
        font-size: 9pt !important;
        cursor: pointer;
    }

.fullFavStar {
    font-size: 12pt;
    color: #428bca;
    cursor: pointer;
}

.emptyFavStar {
    font-size: 12pt;
    color: gray;
    cursor: pointer;
}

.emptyFavStart:hover {
    color: #428bca;
}

.hesabfa-link {
    color: rgb(73, 73, 73);
}

.hesabfa-page-top-help-box {
    background-color: #E7F6F0;
    padding: 12px 45px 12px 45px;
    border: 1px solid #2ab27b;
    border-radius: 6px;
    line-height: 30px;
}

.hesabfa-page-top-help-box-icon {
    position: relative;
    float: right;
    right: -30px;
    top: 5px;
}

.hesabfa-page-top-help-box-content {
    color: rgb(56, 56, 56);
}

    .hesabfa-page-top-help-box-content:before {
        content: "\f05a";
        color: #2ab27b;
        font-size: 14pt;
    }

.list-group-item-hesabfa1 {
    border-top: 1px solid #eff1f3;
    border-bottom: 1px solid #eff1f3;
    background-color: transparent;
    line-height: 32px;
    padding: 3px;
    padding-right: 5px;
    font-size: 11pt;
    font-weight: 300;
}

    .list-group-item-hesabfa1:hover {
        background-color: #F5FAFE;
        border-top: 1px solid #eff1f3;
        border-bottom: 1px solid #eff1f3;
        /*background-color: #eff1f3;*/
        line-height: 32px;
        padding: 3px;
        padding-right: 5px;
    }

.list-special .list-group-item:first-child {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.list-special .list-group-item:last-child {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


.navbar-default {
    font-family: IRANSans,tahoma;
    font-weight: 300;
    font-size: 10pt;
	background-color:#33465a;
	border-color:#005798
}

    .navbar-default .navbar-brand {
        color: #ffffff;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #ffffff;
        }

    .navbar-default .navbar-text {
        color: #ecf0f1;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ecf0f1;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #005798;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #005798;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #005798;
    }

    .navbar-default .navbar-toggle {
        border-color: #005798;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #005798;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ecf0f1;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #ecf0f1;
    }

    .navbar-default .navbar-link {
        color: #ecf0f1;
    }

        .navbar-default .navbar-link:hover {
            color: #ffffff;
        }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #005798;
    }
}

/*.table-hover tr:hover, .table-hover td:hover {
    background-color: #fffbbd !important;
}*/

.table thead td {
    text-align: center;
	vertical-align: middle!important;
}

.rg-fields-tree {
    padding-right: 10px;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ccc;
}

    .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: 10pt;
        outline: none;
        white-space: nowrap;
        line-height: 0;
        padding: 0;
        margin: 0;
    }

.rg-fields-tree-line {
    width: 10px;
    height: 25px;
    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 {
        color: orangered;
    }

.rg-fields-tree div.button {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin-right: -18px;
    top: 9px;
    border: none;
    background: url('/Content/img/rg-toolbar.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: #fff url('/Content/img/rg-toolbar.png');
    z-index: 1;
}

.rg-fields-tree div.cashbox1 {
    background-position: -72px -72px;
}

.rg-fields-tree div.good {
    background-position: -90px -72px;
}

.rg-fields-tree div.person {
    background-position: -108px -72px;
}

.rg-fields-tree div.bank {
    background-position: -126px -72px;
}

.rg-fields-tree div.cashbox2 {
    background-position: -144px -72px;
}

.rg-fields-tree div.folder {
    background-position: -18px -18px;
}

.rg-fields-tree div.info {
    color: #428bca;
}

.rg-fields-tree div.success {
    color: #5cb85c;
}

.rg-fields-tree div.warning {
    color: #f0ad4e;
}


.hesabfa-side-tab {
    font-size: 13pt;
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

    .hesabfa-side-tab:hover {
        font-size: 13pt;
        text-align: center;
        padding: 5px;
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: #428bca;
        color: white;
        cursor: pointer;
    }

.hesabfa-side-tab-active {
    font-size: 13pt;
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #5bc0de;
    color: white;
}


.help-index-jumbotron {
    margin-bottom: 0;
    background-image: url("/view/images/img-help-index2.jpg");
    background-position: center;
    border-radius: 4px 4px 0 0;
    padding: 36px 0 0 32px;
    min-height: 355px;
    max-width: 930px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


/* bootstrap datepicker minified css */
.datepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    right: auto;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069;
        }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399;
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
        background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
        background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
        background-image: -o-linear-gradient(top, #0088cc, #0044cc);
        background-image: linear-gradient(top, #0088cc, #0044cc);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #0044cc #0044cc #002a80;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc;
        }

            .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399;
            }

    .datepicker table tr td span.old {
        color: #999999;
    }

.datepicker th.switch {
    width: 145px;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
        background: #eeeeee;
    }

.input-append.date .add-on i, .input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.smsTextArea {
    width: 100% !important;
    height: 120px !important;
    padding: 5px !important;
    font-size: 13px !important;
    font-weight: bold;
    border-radius: 2px !important;
    border: none !important;
    outline: none !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#toast {
    padding: 10px;
}

#toast ul {
    text-align: center;
    list-style-type: none;
    margin: 20px 0;
}

#toast ul li {
    display: inline-block;
    width: 160px;
    margin: 10px;
}

#toast ul li img {
    width: 100px;
}

.dx-toast-content {
    min-width: 300px;
    max-width: 400px;
	font-family: IRANSans;
}

.hesabfa-dashboard-widget-item-cheque {
	
}

.hesabfa-dashboard-widget-item-cheque:hover {
	background-color: rgb(242, 237, 228);
}

#divMeasureStringWidth
{
    position: absolute;
    visibility: hidden;
    height: auto;
    width: auto;
    white-space: nowrap;
}

.mainLoadingPanel { position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 100000;background-color: #fff; }
.cssload-text { text-align: center;position: relative;top: 50%;margin-top: 10px;color: rgb(36, 88, 241);font-weight: 500; }
.cssload-fond{
	position:relative;
	top: 50%;
	margin-top: -50px;
}

.cssload-container-general
{
	animation:cssload-animball_two 1.15s infinite;
		-o-animation:cssload-animball_two 1.15s infinite;
		-ms-animation:cssload-animball_two 1.15s infinite;
		-webkit-animation:cssload-animball_two 1.15s infinite;
		-moz-animation:cssload-animball_two 1.15s infinite;
	width:43px; height:43px;
}
.cssload-internal
{
	width:43px; height:43px; position:absolute;
}
.cssload-ballcolor
{
	width: 19px;
	height: 19px;
	border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
	position: absolute;
	animation:cssload-animball_one 1.15s infinite ease;
		-o-animation:cssload-animball_one 1.15s infinite ease;
		-ms-animation:cssload-animball_one 1.15s infinite ease;
		-webkit-animation:cssload-animball_one 1.15s infinite ease;
		-moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
	background-color:rgb(203,32,37);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgb(248,179,52);
	top:0; left:23px;
}
.cssload-ball_3
{
	background-color:rgb(0,160,150);
	top:23px; left:0;
}
.cssload-ball_4
{
	background-color:rgb(151,191,13);
	top:23px; left:23px;
}





@keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}

*.icon-notification {}
i {   
    /*width:100px;*/
    /*text-align:center;*/
    /*vertical-align:middle;*/
    position: relative;
}
.notification-badge:after {
	content:"۰";
    position: absolute;
	background: red;
    height:2rem;
    top:0.3rem;
    right:0.7rem;
    width:2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.2rem;
	font-family: iransans;
    border-radius: 50%;
    color:white;
    border:1px solid red;
}
.notification-badge-1:after{ content: "۱"}
.notification-badge-2:after{ content: "۲"}
.notification-badge-3:after{ content: "۳"}
.notification-badge-4:after{ content: "۴"}
.notification-badge-5:after{ content: "۵"}
.notification-badge-6:after{ content: "۶"}
.notification-badge-7:after{ content: "۷"}
.notification-badge-8:after{ content: "۸"}
.notification-badge-9:after{ content: "۹"}
.notification-badge-10:after{ content: "۱۰"}
.notification-badge-10plus:after{ content: "۱۰+"}

hr.gray { border-top: 1px solid #ccc;}