html[dir=rtl] .alert-dismissable,html[dir=rtl] .alert-dismissible{
    padding-right:15px;
    padding-left:35px
}
html[dir=rtl] .alert-dismissable .close,html[dir=rtl] .alert-dismissible .close{
    right:auto;
    left:-21px;
    float:left
}
html[dir=rtl] button.list-group-item{
    text-align:right
}
html[dir=rtl] .close{
    float:left
}
html[dir=rtl] .dropdown-menu{
    text-align:right
}
html[dir=rtl] .input-group-addon:first-child{
    border-right:1px solid #ccc;
    border-left:none
}
html[dir=rtl] .input-group-addon:last-child,html[dir=rtl] .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,html[dir=rtl] .input-group-btn:first-child>.btn:not(:first-child),html[dir=rtl] .input-group-btn:last-child>.btn,html[dir=rtl] .input-group-btn:last-child>.btn-group>.btn,html[dir=rtl] .input-group-btn:last-child>.dropdown-toggle,html[dir=rtl] .input-group .form-control:last-child{
    border-top-left-radius:4px !important;
    border-bottom-left-radius:4px !important;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
html[dir=rtl] .input-group-addon:first-child,html[dir=rtl] .input-group-btn:first-child>.btn,html[dir=rtl] .input-group-btn:first-child>.btn-group>.btn,html[dir=rtl] .input-group-btn:first-child>.dropdown-toggle,html[dir=rtl] .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,html[dir=rtl] .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),html[dir=rtl] .input-group .form-control:first-child{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
html[dir=rtl] .list-group-item>.badge{
    float:left
}
html[dir=rtl] .nav-tabs>li{
    float:right
}
html[dir=rtl] .nav-tabs.nav-justified>li{
    float:none
}
html[dir=rtl] .nav-pills>li{
    float:right
}
html[dir=rtl] .nav-stacked>li{
    float:none
}
html[dir=rtl] .progress-bar{
    float:right
}
html[dir=rtl] .col-xs-1,html[dir=rtl] .col-xs-2,html[dir=rtl] .col-xs-3,html[dir=rtl] .col-xs-4,html[dir=rtl] .col-xs-5,html[dir=rtl] .col-xs-6,html[dir=rtl] .col-xs-7,html[dir=rtl] .col-xs-8,html[dir=rtl] .col-xs-9,html[dir=rtl] .col-xs-10,html[dir=rtl] .col-xs-11,html[dir=rtl] .col-xs-12{
    float:right
}
@media (min-width:768px){
    html[dir=rtl] .col-sm-1,html[dir=rtl] .col-sm-2,html[dir=rtl] .col-sm-3,html[dir=rtl] .col-sm-4,html[dir=rtl] .col-sm-5,html[dir=rtl] .col-sm-6,html[dir=rtl] .col-sm-7,html[dir=rtl] .col-sm-8,html[dir=rtl] .col-sm-9,html[dir=rtl] .col-sm-10,html[dir=rtl] .col-sm-11,html[dir=rtl] .col-sm-12{
        float:right
    }
}
@media (min-width:992px){
    html[dir=rtl] .col-md-1,html[dir=rtl] .col-md-2,html[dir=rtl] .col-md-3,html[dir=rtl] .col-md-4,html[dir=rtl] .col-md-5,html[dir=rtl] .col-md-6,html[dir=rtl] .col-md-7,html[dir=rtl] .col-md-8,html[dir=rtl] .col-md-9,html[dir=rtl] .col-md-10,html[dir=rtl] .col-md-11,html[dir=rtl] .col-md-12{
        float:right
    }
}
@media (min-width:1200px){
    html[dir=rtl] .col-lg-1,html[dir=rtl] .col-lg-2,html[dir=rtl] .col-lg-3,html[dir=rtl] .col-lg-4,html[dir=rtl] .col-lg-5,html[dir=rtl] .col-lg-6,html[dir=rtl] .col-lg-7,html[dir=rtl] .col-lg-8,html[dir=rtl] .col-lg-9,html[dir=rtl] .col-lg-10,html[dir=rtl] .col-lg-11,html[dir=rtl] .col-lg-12{
        float:right;
        font-family: "IRANSansWeb";
    }
}
html[dir=rtl] th{
    text-align:right
}
html[dir=rtl] ul{
    padding-right:0
}
html[dir=rtl] .btn.btn-icon-left{
    padding-left:15px;
    padding-right:57px
}
html[dir=rtl] .btn.btn-icon-left.btn-lg{
    padding-right:73px;
    padding-left:30px
}
html[dir=rtl] .btn.btn-icon-left .ico{
    right:0;
    left:auto
}
html[dir=rtl] .btn.btn-icon-left.btn-sm{
    padding-right:53px;
    padding-left:15px
}
html[dir=rtl] .btn.btn-icon-left.btn-xs{
    padding-right:47px;
    padding-left:15px
}
html[dir=rtl] .btn.btn-icon-right{
    padding-right:15px;
    padding-left:57px
}
html[dir=rtl] .btn.btn-icon-right.btn-lg{
    padding-left:73px;
    padding-right:30px
}
html[dir=rtl] .btn.btn-icon-right .ico{
    right:auto;
    left:0
}
html[dir=rtl] .btn.btn-icon-right.btn-sm{
    padding-right:15px;
    padding-left:53px
}
html[dir=rtl] .btn.btn-icon-right.btn-xs{
    padding-right:15px;
    padding-left:47px
}
html[dir=rtl] .btn .ico{
    display:inline-block
}
html[dir=rtl] .btn .ico-left{
    margin-right:0px;
    margin-left:8px
}
html[dir=rtl] .btn .ico-right{
    margin-left:0px;
    margin-right:8px
}
html[dir=rtl] .row-inline-block{
    text-align:right
}
html[dir=rtl] .row-inline-block>*{
    float:none
}
html[dir=rtl] .mCS-dir-rtl>.mCSB_inside>.mCSB_container{
    margin-left:0
}
html[dir=rtl] .main-menu{
    left:auto;
    right:0;
    position: fixed;
}
html[dir=rtl] .main-menu .mCSB_inside>.mCSB_container{
    margin-left:0
}
html[dir=rtl] .main-menu .header .logo{
    left:auto;
    right:0
}
@media (max-width:799px){
    html[dir=rtl] .main-menu{
        transform:translate(110%, 0);
        -moz-transform:translate(110%, 0);
        -webkit-transform:translate(110%, 0)
    }
}
@media (max-width:799px){
    html[dir=rtl].menu-active .main-menu{
        transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -webkit-transform:translate(0, 0)
    }
}
html[dir=rtl] .fixed-navbar{
    left:0;
    right:260px;
    padding:0 80px 0 20px
}
html[dir=rtl] .fixed-navbar .pull-right{
    float:left!important
}
html[dir=rtl] .fixed-navbar .pull-left{
    float:right!important
}
html[dir=rtl] .fixed-navbar .menu-mobile-button{
    left:auto;
    right:0
}
html[dir=rtl] .fixed-navbar .ico-item{
    margin-left:0;
    margin-right:15px
}
html[dir=rtl] .fixed-navbar .ico-item .ico-item{
    margin-right:0
}
html[dir=rtl] .fixed-navbar .ico-item.toggle-hover .toggle-content{
    left:-10px;
    right:auto
}
html[dir=rtl] .fixed-navbar .searchform{
    right:auto;
    left:-3px;
    margin-left:0
}
html[dir=rtl] .fixed-navbar .searchform .input-search{
    padding-left:40px;
    padding-right:20px
}
html[dir=rtl] .fixed-navbar .searchform .button-search{
    right:auto;
    left:11px
}
@media (max-width:599px){
    html[dir=rtl] .fixed-navbar .searchform{
        right:0
    }
}
@media (max-width:799px){
    html[dir=rtl] .fixed-navbar{
        right:0
    }
}
html[dir=rtl] .main-content{
    margin-left:20px;
    margin-right:280px
}
@media (max-width:799px){
    html[dir=rtl] .main-content{
        margin-right:20px
    }
}
html[dir=rtl] .navigation .menu>li>a{
    padding-right:53px;
    padding-left:30px
}
html[dir=rtl] .navigation .menu>li>a .menu-arrow{
    right:auto;
    left:20px
}
html[dir=rtl] .navigation .menu .menu-icon{
    left:auto;
    right:0
}
html[dir=rtl] .navigation .menu .notice{
    right:auto;
    left:20px
}
html[dir=rtl] .navigation .menu .sub-menu a{
    padding-right:53px;
    padding-left:20px
}
html[dir=rtl] .user{
    padding-left:40px;
    padding-right:100px
}
html[dir=rtl] .user .avatar{
    left:auto;
    right:20px
}
html[dir=rtl] .user .control-list{
    left:0;
    right:auto
}
html[dir=rtl] .user .control-list a{
    text-align:right
}
html[dir=rtl] .user .control-wrap{
    right:auto;
    left:15px
}
@media (min-width:800px){
    html[dir=rtl].menu-active .fixed-navbar{
        right:75px
    }
    html[dir=rtl].menu-active .main-content{
        margin-right:95px
    }
    html[dir=rtl].menu-active .navigation .menu>li>a{
        padding-left:30px;
        padding-right:30px
    }
    html[dir=rtl].menu-active .navigation .menu>li:hover>a{
        padding-left:0;
        padding-right:90px
    }
    html[dir=rtl].menu-active .navigation .menu .sub-menu{
        left:auto;
        right:75px
    }
    html[dir=rtl].menu-active .navigation .menu .sub-menu a{
        padding-left:15px;
        padding-right:15px
    }
}
html[dir=rtl] .activity-item{
    padding-right:35px;
    padding-left:0
}
html[dir=rtl] .activity-item .bar{
    left:auto;
    right:10px
}
html[dir=rtl] .box-content .dropdown.js__drop_down{
    right:auto;
    left:20px
}
html[dir=rtl] .box-content .dropdown.js__drop_down .sub-menu{
    right:auto;
    left:100%
}
html[dir=rtl] .box-content .box-title .ico{
    margin-left:8px;
    margin-right:0
}
html[dir=rtl] .box-content .box-title.with-control .controls{
    right:auto;
    left:20px
}
html[dir=rtl] .checkbox label{
    padding-right:25px;
    padding-left:0
}
html[dir=rtl] .checkbox label:before{
    left:auto;
    right:0
}
html[dir=rtl] .checkbox label:after{
    left:auto;
    right:2px
}
html[dir=rtl] .radio label{
    padding-left:0;
    padding-right:25px
}
html[dir=rtl] .radio label:before{
    left:auto;
    right:0
}
html[dir=rtl] .radio label:after{
    right:3px;
    left:auto
}
html[dir=rtl] .switch label{
    padding-right:40px;
    padding-left:0
}
html[dir=rtl] .switch label:before{
    left:auto;
    right:0
}
html[dir=rtl] .switch label:after{
    right:0;
    left:auto
}
html[dir=rtl] .switch input[type=checkbox]:checked+label:after{
    right:14px
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate{
    text-align:left;
    float:left
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button{
    margin-left:0;
    margin-right:10px
}
html[dir=rtl] div.dataTables_wrapper div.dataTables_filter{
    text-align:left;
    float:left
}
html[dir=rtl] div.dataTables_wrapper .dataTables_length{
    float:right
}
html[dir=rtl] div.dataTables_wrapper .dataTables_info{
    float:right
}
html[dir=rtl] table.dataTable thead>tr td.sorting,html[dir=rtl] table.dataTable thead>tr td.sorting_asc,html[dir=rtl] table.dataTable thead>tr td.sorting_desc,html[dir=rtl] table.dataTable thead>tr th.sorting,html[dir=rtl] table.dataTable thead>tr th.sorting_asc,html[dir=rtl] table.dataTable thead>tr th.sorting_desc{
    padding-right:8px;
    padding-left:30px
}
html[dir=rtl] table.dataTable thead .sorting,html[dir=rtl] table.dataTable thead .sorting_asc,html[dir=rtl] table.dataTable thead .sorting_asc_disabled,html[dir=rtl] table.dataTable thead .sorting_desc,html[dir=rtl] table.dataTable thead .sorting_desc_disabled{
    background-position:center left
}
html[dir=rtl] table.dataTable thead .sorting:after,html[dir=rtl] table.dataTable thead .sorting_asc:after,html[dir=rtl] table.dataTable thead .sorting_asc_disabled:after,html[dir=rtl] table.dataTable thead .sorting_desc:after,html[dir=rtl] table.dataTable thead .sorting_desc_disabled:after{
    right:auto;
    left:8px
}
html[dir=rtl] table.dataTable.table-bordered td,html[dir=rtl] table.dataTable.table-bordered th{
    border-left-width:1px;
    border-right-width:0
}
html[dir=rtl] table.dataTable.table-bordered td:last-child,html[dir=rtl] table.dataTable.table-bordered th:last-child{
    border-left-width:0
}
html[dir=rtl] .dropcap,html[dir=rtl] .dropcap-circle,html[dir=rtl] .dropcap-square{
    float:right;
    margin-left:6px;
    margin-right:0
}
html[dir=rtl] .form-control-feedback{
    right:auto;
    left:0
}
html[dir=rtl] .form-with-icon .form-control{
    padding-right:14px;
    padding-left:50px
}
html[dir=rtl] .form-with-icon .item-icon-right{
    left:0;
    right:auto
}
html[dir=rtl] .invoice-box table{
    text-align:right
}
html[dir=rtl] .invoice-box table tr td:nth-child(2){
    text-align:left
}
html[dir=rtl] .ui-tabs .ui-tabs-nav li{
    float:right
}
html[dir=rtl] .frm-single .a-link i{
    margin-left:5px;
    margin-right:0
}
html[dir=rtl] .frm-single .frm-input .frm-ico{
    left:auto;
    right:3px
}
html[dir=rtl] .frm-single .frm-input .frm-inp{
    padding-right:30px;
    border-left:1px solid #ccc;
    border-right:3px solid #999
}
html[dir=rtl] .frm-single .frm-submit i{
    margin-left:0;
    margin-right:5px
}
html[dir=rtl] .knob-wrap{
    direction:ltr
}
html[dir=rtl] .box .box-header .box-tools{
    right:auto;
    left:20px
}
html[dir=rtl] .mailbox-attachments li{
    float:right
}
html[dir=rtl] .mailbox-attachment-info:after{
    content:'';
    clear:both;
    display:block
}
html[dir=rtl] .mailbox-controls{
    padding-left:20px;
    padding-right:15px
}
html[dir=rtl] .mailbox-controls .inbox-text{
    margin-left:8px;
    margin-right:0
}
html[dir=rtl] .mailbox-messages .unread>td:first-of-type{
    border-left-width:0;
    border-right:5px solid #304ffe
}
html[dir=rtl] .notice-popup{
    left:20px;
    right:auto
}
@media (max-width:550px){
    html[dir=rtl] .notice-popup{
        left:0px!important;
        right:0
    }
}
html[dir=rtl] .notice-list a{
    padding-right:85px;
    padding-left:15px
}
html[dir=rtl] .notice-list .avatar{
    right:15px;
    left:auto
}
html[dir=rtl] .notice-list .time{
    right:auto;
    left:20px
}
html[dir=rtl] #message-popup{
    right:auto;
    left:60px
}
html[dir=rtl] .prj-header .btn-submit-prj{
    left:0;
    right:auto
}
html[dir=rtl] .prj-header .result-count{
    left:auto;
    right:0
}
html[dir=rtl] .prj-header .filters a:before{
    left:auto;
    right:0
}
html[dir=rtl] .prj-item .bottom-project-section .points{
    float:right;
    margin-left:10px;
    margin-right:0
}
html[dir=rtl] .prj-item .bottom-project-section .views{
    float:right;
    margin-left:10px;
    margin-right:0
}
html[dir=rtl] .prj-item .bottom-project-section .feedable-time{
    float:left
}
html[dir=rtl] .review-item .top .star-rating{
    float:left
}
html[dir=rtl] .task-item .metas .meta{
    float:right;
    margin-left:10px;
    margin-right:0
}
html[dir=rtl] .task-item .metas .meta .ico{
    margin-left:4px;
    margin-right:0
}
@media only screen and (min-width:1170px){
    html[dir=rtl] .cd-timeline-block:nth-child(even) .cd-timeline-content{
        float:left
    }
}
html[dir=rtl] .cd-timeline-img img{
    margin-left:0;
    margin-right:-12px;
    left:auto;
    right:50%
}
html[dir=rtl] .treeview span.icon{
    margin-left:5px;
    margin-right:0
}
html[dir=rtl] .main-content.container{
    margin:0 auto
}
html[dir=rtl] .header-top .notice-popup{
    right:auto!important;
    left:0!important
}
html[dir=rtl] .header-top .searchform{
    left:-3px;
    right:auto
}
html[dir=rtl] .header-top .searchform .button-search{
    right:auto;
    left:8px
}
html[dir=rtl] .header-top .searchform .input-search{
    padding-left:40px;
    padding-right:20px
}
html[dir=rtl] .header-top .ico-item.toggle-hover .toggle-content{
    right:auto;
    left:-10px
}
html[dir=rtl] .user-status{
    right:auto;
    left:0
}
html[dir=rtl] .user-status .avatar{
    float:right;
    margin-left:15px;
    margin-right:0
}
@media (min-width:1025px){
    html[dir=rtl] .nav-horizontal .menu>li>a .ico{
        margin-left:8px;
        margin-right:0
    }
    html[dir=rtl] .nav-horizontal .menu .sub-menu{
        right:0;
        left:auto
    }
    html[dir=rtl] .nav-horizontal .menu .sub-menu.mega>li{
        float:right
    }
}
@media (max-width:1024px){
    html[dir=rtl] .nav-horizontal{
        left:auto;
        right:0;
        transform:translate(101%, 0);
        -moz-transform:translate(101%, 0);
        -webkit-transform:translate(101%, 0)
    }
    html[dir=rtl] .nav-horizontal.active{
        transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -webkit-transform:translate(0, 0)
    }
    html[dir=rtl] .nav-horizontal .menu-close i{
        margin-left:4px;
        margin-right:0
    }
    html[dir=rtl] .nav-horizontal .menu>li>a{
        padding-right:53px;
        padding-left:30px
    }
    html[dir=rtl] .nav-horizontal .menu>li>a .ico{
        left:auto;
        right:0
    }
    html[dir=rtl] .nav-horizontal .menu .has-sub>.title:before,html[dir=rtl] .nav-horizontal .menu .has-sub>a:before{
        left:12px;
        right:auto
    }
    html[dir=rtl] .nav-horizontal .menu .child-list .title,html[dir=rtl] .nav-horizontal .menu .child-list a,html[dir=rtl] .nav-horizontal .menu .sub-menu .title,html[dir=rtl] .nav-horizontal .menu .sub-menu a{
        padding-left:15px;
        padding-right:53px
    }
    html[dir=rtl] .nav-horizontal .menu .child-list ul a,html[dir=rtl] .nav-horizontal .menu .sub-menu ul a{
        padding-right:70px
    }
}

/*نمایش مودال برای کد*/
.code-tag{
    direction: ltr;
    text-align: left;
}
.modal-tag{
    width: 60%;
    margin: auto;
}
.btn-info{
    color: #fff;
}
.tag-modal-span-rtl{
    text-align: right;
    direction: rtl;
}
/*نمایش مودال برای کد*/