@font-face {
    font-family: 'shabnam';
    src: url('../../fonts/shabnam.ttf') format('truetype');
}
@font-face {
    font-family: 'shabnam';
    src: url('../../fonts/shabnam.eot') format('embedded-opentype');
}
.input-group {
    margin-bottom: 15px;
}
.input-group-addon {
    background-color: var(--input-group-addon);
    color: var(--input-group-addon-color);
}
.input-group-addon:hover {
    background-color: darkgray;
}
.jqxradio {
    font-family:  BYekan!important;
}
a,button[title]{
    font-family:BYekan!important; 
}
.fa-arrow-circle-left::before{
    font: normal normal normal 14px/1 FontAwesome;
}
.jqx-grid .rowAttribute{
    margin-bottom:5px;
    padding-top:5px;
}
.jqx-grid .rowAttribute .attElem{
    padding-top:5px;
    padding-bottom:5px;
     padding-right:5px;
    background: rgb(223, 230, 236) none repeat scroll 0% 0%;
    border-radius:5px;
    margin:0px 3px 3px 0px;
}
.jqx-grid .rowAttribute .input-group-addon{
    background-color:transparent!important;
}
.jqx-grid .rowAttribute .attributeLabel{
     padding-top: 5px; 
    padding-bottom: 5px;
   
}
.jqx-widget-content {
    font-family: BYekan;
}
jqx-grid-cell {
    direction: rtl !important;
}
.jqx-grid .rowAttribute .attributeValue {
    padding-top: 5px;
    padding-bottom: 5px;
}
   .jqx-grid .nestedInfo{
        margin: 20px;
        direction:rtl;
        border-radius:10px;
        background-color:#e9f0f7;
        padding:10px;
    }
    .jqx-grid .itemDetail div{
        padding-top:5px;
        padding-bottom:5px;
    }
   .jqx-grid .itemParams div{
        padding-top:5px;
        padding-bottom:5px;
    }
   .jqx-grid .nestedInfo span{
       white-space:pre-line;
       word-wrap:break-word;
   }
    .jqx-grid .nestedInfo img{
        border-radius: 15px;
    }
    .jqx-grid .input-group {
        margin-bottom:0px;
    }
.jqx-grid-cell-filter-row input {
    height: auto;
}
.treeBox .jstree-container-ul {
    border-style: solid !important;
    border-width: 1px !important;
    border-radius: 10px !important;
    margin: 2px !important;
    padding: 3px !important;
}
             .jstree-themeicon-custom{
        background-size: contain!important;
    }
    .jstree-default .jstree-wholerow-clicked{
        background:none!important;
    }
.fa-hover:hover {
    -moz-transition: font-size, 0.2s, ease 0s;
    -o-transition: font-size, 0.2s, ease 0s;
    -webkit-transition: font-size, 0.2s, ease 0s;
    transition: font-size, 0.2s, ease 0s;
}
    /*jqx.base.css Must Change when Update css*/
/*.jqx-tabs-title{
    float:none;
}*/

.tabbable{
    background-color: var(--tabBackColor);
}
.nav-tabs > li > a {
    color: var(--tabTitle);
}
/*grid*/
.jqx-widget-header {
    background: var(--grid-Header-Background-color);
    color:var(--grid-Header-Title);
    padding-top:3px!important;
}
 .jqx-widget-content {
     /*z-index: 99999;*/
        }
.modal.fade {
    z-index: 10000000 !important;
}
.modal-body {
    background-color: white;
}

legend label, legend {
    font-family: Shabnam;
}
.jstree-anchor {
    white-space: normal !important;
}

.jstree-default .jstree-anchor {
    height: auto !important;
}
.jqx-listbox {
    z-index: 100000 !important;
}

.jqx-listbox {
    z-index: 10000000000 !important;
}

.dropDownButton {
    z-index: 10000023 !important;
}
.modal-body {
    overflow: auto;
    max-height: 90vh;
    padding-bottom: 45px;
}
.modal-footer {
    position: fixed;
    padding:0;
    left: 0;
    bottom: 0px;
    width: 100%;
    background-color: var(--modal-Footer);
    z-index: 1000000000000000;
    text-align: center;
}
.modal-title {
    /*text-align: center;*/
    font-weight: bolder;
    font: 'SHabnam';
    color: var(--modal-Header-Title);
}
    .modal-title h1, h2, h3,h4 {
        text-align: center;
    }
    .modal-header {
        background-color: var(--modal-Header);
        padding: 10px;
    }

    .modal-header button {
      color:  #f0efef;
    }

.form-control {
    height: 30px;
}

.jqx-enableselect {
   
    user-select: auto!important;
}
.jqx-clear{
    left:0px!important;
}