﻿.input-group {
    margin-bottom: 15px;
}
.input-group-addon:hover{
    background-color:darkgray;
}
.jqxradio {
    font-family:  BYekan!important;
}
a,button[title]{
    font-family:BYekan; 
}
.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;
        direction: rtl;
    }

    .jqx-grid .rowAttribute .input-group-addon {
        background-color: transparent !important;
    }

    .jqx-grid .rowAttribute .attributeLabel {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .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{
    direction:rtl!important;
}
.jqx-grid-cell-middle-align {
    direction: rtl !important;
}
.jqx-widget-content {
    font-family: BYekan !important;
    
}
.jqx-fill-state-normal {
    font-family: BYekan !important;
}
.jqx-combobox input {
    text-align: right !important;
    float: right !important;
}
    .jqx-widget-content
    {
        /*left:0px!important;*/
        /*padding:0px!important;*/*/
    }
    #treeWidget #paneltreeWidget #panelWrapperpaneltreeWidget .jqx-widget-content{
        left:0px!important;
    }
    .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;
    }*/
.jstree-default .jstree-wholerow-clicked {
    background: #e7f4f9 !important;
}
      .jstree-default   .jstree-disabled
{
       color: #d78383 !important
  }
/*.jstree-default .jstree-clicked {
    background: #e7f4f9 !important;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999;
}*/

        @media screen and (max-width:1700px)
    {
    .panel-body .titleVal{
    content : "";
    display:none;
    }
    .panel-body .btn-o
    {
        border:none;
        font-size:1.2rem;
          height: 16px;
    }
    }
                @media screen and (max-width:1700px)
    {
    .panel-body .titleVal{
    font-size:0.9rem;
    }

    }
         .jqx-widget-header{
    
    background-color: #829dac !important;
 }
         .center {
  text-align: center!important;
} 
         /*.panel-body .titleVal{
    content : "";
    display:none!important;
    }
     .panel-body .btn-o
    {
         font-size:1.2rem;
        border:none;
        height: 16px;
    }
     .panel-body .btn-o:hover{
    visibility:hidden;
}
.panel-body .btn-o:hover .titleVal{
    visibility:visible!important;
    position:relative!important;
}*/
/*.panel-body .titleVal{
    display:none!important;
}

.panel-body button:hover .titleVal{
    display:inline-block!important;
}
.panel-body button i:hover {
     animation: hideAnimation 0s ease-in 1s;
  animation-fill-mode: forwards;
}
@keyframes hideAnimation {
  to {
    visibility: hidden;
    width: 0;
    height: 0;
    
  }*/
  
/*}*/

/*#app .app-content {
    height: 85vh;
}*/
input{
    max-width:100%!important;
}

element {

}
.btn-scroll span {

    backface-visibility: hidden;
    display: inline-block;
    height: 100%;
    transition: all 0.3s ease 0s;
    width: 100%;

}
* {

    box-sizing: border-box;

}
* {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.btn-scroll {
    font-family:BYekan!important; 
}
a:hover{
        font-family:BYekan!important; 

}