html,body,h1,h2,h3,h4,h5 {font-family: 'IRAN','STIX2Math', sans-serif}
.w3-bar-item{text-align:right!important}
.w3-bar-item:hover{text-decoration: none}
.main-menu{z-index:4;width:200px;margin-top: 10px;right:0;border-left: 1px solid cadetblue;direction: rtl}
.sidebar{z-index:3;width:250px;margin-top: 10px;left:0}
.user-menu{z-index:4;width:150px;left:0;height:120px;border:1px solid indigo;margin-top:10px}
.main-content{margin-right:200px;margin-left:250px;margin-top:36px;}
.desk{margin-right:200px;margin-top:55px;}
.brand-logo{
    background-position: right;
    direction: rtl;
    margin-right: 8px;
}
.icon-logic:before{
    content:"𝑥∀";
    font-weight: bold;
    font-family: 'STIX2Math';
}
.icon-section:before{
    content:"+§";
    font-weight: bold;
    font-family: 'STIX2Math';
}
.icon-gardanesh:before{
    content:"↶پ";
    font-weight: bold;
    font-family:'IRAN';
    font-size: 0.8em;
}
.leaf-left { 
    position: relative;
    width: 150px; height: 100px;
    -moz-border-radius: 60px 0px 30px 0px;
    -webkit-border-radius: 60px 0px 30px 0px;
    border-radius: 60px 0px 30px 0px;
    border: 1px solid #A0DE21;
    text-align: center;
    margin: 8px;
    float: left;
}
.leaf-right { 
    position: relative;
    width: 150px; height: 100px;
    -moz-border-radius:  0px 40px 0px 60px;
    -webkit-border-radius:  0px 40px 0px 60px;
    border-radius:  0px 40px 0px 60px;
    border: 1px solid #A0DE21;
    text-align: center;
    margin: 8px;
    float: right;
}
.flex-container {display:flex;flex-direction:row;flex-wrap:wrap}
#searchMain{width: 100%; position: relative;overflow: auto;margin: 0 auto;
  display: flex;  border: 1px solid silver;border-radius: 24px;padding: 4px 20px 4px 4px;max-width: 600px
}
#searchMain input[type='text']{float:right;width:100%;border: none}
#searchMain .search-button{width:40px;border-radius: 50%;border: none;padding: 8px 12px;float: left}
#searchMain .reset-button{background-color: silver; width:20px;height:20px;border-radius: 50%;border: none;padding: 4px 4px;float: left}

#searchBar {position: relative;overflow: auto;margin: 0 auto;
  display: flex;border: 1px solid silver;border-radius: 16px;padding: 2px 8px 2px 2px;width:100%;max-width: 400px;float: left}
#searchBar input[type='text']{float:right;height:24px;width:100%;border: none;padding: 0px !important;margin: 0px !important}
#searchBar input:focus {
  outline: none !important;
  border: 0px !important;
}

#searchBar .search-button{width:24px;height:24px;border-radius: 50%;border: none;padding: 3px 6px;float: left}
.select-item > span{
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;flex: 1;padding: 0px 3px;text-align: right;
}
.history { 
    /*position: relative;*/
    border: 1px solid #A0DE21;
    text-align: center;
    margin: 8px;
    float: left;
}
.tags > a{background-color:#767676;border-radius:0 2px 2px 0;color:#fff;display:inline-block;font-size:11px;font-weight:700;line-height:1.2727272727;margin:2px 4px 2px 10px;padding:3px
                 7px;position:relative;text-transform:uppercase}
.tags > a:hover{background-color:#41a62a;color:#fff}
.tags a:before{border-top:10px solid transparent;border-right:8px solid #767676;border-bottom:10px solid transparent;content:"";height:0;position:absolute;top:0;left:-8px;width:0}
.tags a:hover:before{border-right-color:#41a62a}
.tags a:after{background-color:#fff;border-radius:50%;content:"";height:4px;position:absolute;top:8px;left:-2px;width:4px}
/*.tag-links a.rem:hover{background-color:red;color:#fff}
.tag-links a.rem:hover:before{border-right-color:red}*/

#dataTable_filter input {direction: ltr}
@page {
    size: A4;
    margin: 20mm
}

@media print {
/*    thead {display: table-header-group;} 
    tfoot {display: table-footer-group;}*/
    #searchBar {display: none;}
    body {font-size: 100%; margin: 0;}
}