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;
    border-bottom-left-radius: 4px;
    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
    }
}

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
}

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: right;
    float: right
}

html[dir=rtl] div.dataTables_wrapper .dataTables_length {
    float: left
}

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 #2e3760
}

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
    }
}