html {
    overflow: hidden
}

body.rtls {
    direction: rtl;
    font-family: IRANSans
}

body.rtls div.dataTables_processing {
    z-index: 2
}

body.rtls .status .uploaded {
    color: #23c6c8
}

body.rtls .status .inqueue {
    color: #23c6c8
}

body.rtls .status .needToChange {
    color: #f8ac59
}

body.rtls .status .failed {
    color: #ed5565
}

body.rtls .status .deleted {
    color: #ed5565
}

body.rtls .status .ready {
    color: #1c84c6
}

body.rtls .status .published {
    color: #1ab394
}

body.rtls .status .disabled {
    color: #c2c2c2
}

body.rtls .dg-color {
    color: #c2c2c2
}

body.rtls .m-b-z {
    margin-bottom: 0
}

body.rtls .ladda-button {
    direction: ltr
}

body.rtls .table {
    box-shadow: 0 0 5px #e3e3e3
}

body.rtls .modal-open {
    overflow: scroll
}

body.rtls .navbar-right .dropdown-menu {
    left: 0;
    right: auto
}

body.rtls .label {
    font-size: 10px;
    font-family: IRANSans
}

body.rtls .badge {
    font-family: 'iransans';
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle
}

body.rtls .tab-box {
    box-shadow: 0 0 7px #E9E9E9;
    padding: 15px;
    margin-top: 10px
}

body.rtls .dl-horizontal dd {
    margin: 10px 140px 20px 0;
    padding: 10px 20px 0;
    box-shadow: 0 0 7px #C7C7C7
}

body.rtls .dl-horizontal dd input {
    height: 50px
}

body.rtls .dl-horizontal dt {
    float: right;
    width: 100px;
    overflow: hidden;
    clear: right;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px
}

body.rtls .dl-slider-name {
    margin: 0
}

body.rtls .dl-slider-name dd {
    margin: 10px 140px 20px 0;
    padding: 10px 20px 0;
    box-shadow: 0 0 7px #C7C7C7
}

body.rtls .dl-slider-name dd input {
    height: 50px
}

body.rtls .dl-slider-name dt {
    float: right;
    width: 100px;
    overflow: hidden;
    clear: right;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px
}

body.rtls .dl-slider-name dd {
    margin: 0;
    padding: 0;
    box-shadow: 0 0 0 #fff
}

body.rtls .dl-slider-name dd input {
    height: 30px;
    width: 150px
}

body.rtls .dl-slider-name dd button.btn {
    padding: 6px 0
}

body.rtls .dl-slider-name dt {
    padding: 0
}

body.rtls .navbar-static-side {
   /* position: fixed*/
}

body.rtls .nav.nav-tabs li {
    float: right
}

body.rtls .header_date {
    font-weight: 400;
    margin-top: 12px;
    margin-right: 30px
}

body.rtls .datepicker-plot-area {
    z-index: 4000
}

body.rtls h1, body.rtls h2, body.rtls h3, body.rtls h4, body.rtls h5, body.rtls h6, body.rtls a, body.rtls ul, body.rtls li {
    outline: 0
}

body.rtls #page-wrapper {
    margin: 0 220px 0 0;
    /*min-width: 300px;*/
    /*min-height: 10000px;*/
}

body.rtls form button i.fa-sign-out {
    padding: 0 5px 5px
}

body.rtls .nav-second-level li a {
    padding: 7px 10px 7px 0
}

body.rtls .ibox-title h5 {
    float: right
}

body.rtls .pull-right {
    float: left !important
}

body.rtls .pull-left {
    float: right !important
}

body.rtls .ltr {
    direction: ltr
}

body.rtls .rtl {
    direction: rtl
}

body.rtls .ibox-tools {
    float: left
}

body.rtls .stat-percent {
    float: left
}

body.rtls .navbar-right {
    float: left !important
}

body.rtls .navbar-left {
    float: right !important
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 40px;
    margin-right: 0
}

body.rtls .minimalize-styl-2 {
    float: right;
    margin: 14px 20px 5px 5px
}

body.rtls .feed-element > .pull-left {
    margin-left: 10px;
    margin-right: 0
}

body.rtls .timeline-item .date {
    text-align: left
}

body.rtls .timeline-item .date i {
    left: 0;
    right: auto
}

body.rtls .timeline-item .content {
    border-right: 1px solid #e7eaec;
    border-left: 0
}

body.rtls .theme-config {
    left: 0;
    right: auto
}

body.rtls .spin-icon {
    border-radius: 0 20px 20px 0
}

body.rtls .toast-close-button {
    float: left
}

body.rtls #toast-container > .toast:before {
    margin: auto -1.5em auto .5em
}

body.rtls #toast-container > div {
    padding: 15px 50px 15px 15px
}

body.rtls .center-orientation .vertical-timeline-icon i {
    margin-left: 0;
    margin-right: -12px
}

body.rtls .vertical-timeline-icon i {
    right: 50%;
    left: auto;
    margin-left: auto;
    margin-right: -12px
}

body.rtls .file-box {
    float: right
}

body.rtls ul.notes li {
    float: right
}

body.rtls .chat-users, body.rtls .chat-statistic {
    margin-right: -30px;
    margin-left: auto
}

body.rtls .dropdown-menu > li > a {
    text-align: right
}

body.rtls .b-r {
    border-left: 1px solid #e7eaec;
    border-right: 0
}

body.rtls .dd-list .dd-list {
    padding-right: 30px;
    padding-left: 0
}

body.rtls .dd-item > button {
    float: right
}

body.rtls .theme-config-box {
    margin-left: -220px;
    margin-right: 0
}

body.rtls .theme-config-box.show {
    margin-left: 0;
    margin-right: 0
}

body.rtls .spin-icon {
    right: 0;
    left: auto
}

body.rtls .skin-setttings {
    margin-right: 40px;
    margin-left: 0
}

body.rtls .skin-setttings {
    direction: ltr
}

body.rtls .footer.fixed {
    margin-right: 220px;
    margin-left: 0
}

body.rtls .sidebar-collapse #side-menu {
    font-size: 14px
}

body.rtls #right-sidebar.sidebar-open {
    left: 0
}

body.rtls #small-chat {
    left: 20px;
    right: auto
}

body.rtls .small-chat-box {
    left: 45px;
    right: auto;
    width: 80%;
    max-width: 430px
}

body.rtls .input-group {
    width: 100%
}

body.rtls .input-group #form_answer textarea {
    width: 100%;
    resize: none;
    padding: 5px 10px
}

body.rtls .input-group #form_answer button {
    width: 100%;
    margin-top: 10px
}

body.rtls table.dataTable thead .sorting_asc::after {
    content: ""
}

body.rtls .fh-breadcrumb .fh-column {
    float: right
}

body.rtls .fh-breadcrumb .fh-column .full-height-scroll ul.list-group {
    padding-right: 0;
    padding-left: 0
}

body.rtls .fh-breadcrumb .fh-column .full-height-scroll ul.list-group .label {
    font-family: Iransans;
    font-size: 10px;
    font-weight: 300;
    padding: 5px 10px;
    text-shadow: none
}

body.rtls .fh-breadcrumb .fh-column .full-height-scroll p.en_title {
    text-align: left;
    direction: ltr
}

body.rtls .fh-breadcrumb .full-height .tab-pane {
    padding: 20px 40px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 28px
}

body.rtls .form-horizontal .form-group label {
    float: right;
    text-align: left
}

body.rtls .searching_pages form label {
    margin: 5px 0;
    text-align: center
}

body.rtls .searching_pages form div.form-group {
    display: table
}

body.rtls .searching_pages form div.form-group label {
    text-align: center
}

body.rtls .searching_pages form div.date_groups div {
    float: right;
    padding: 10px 0
}

body.rtls .searching_pages form div.date_groups h5 {
    display: inline
}

body.rtls .searching_pages form div.date_groups input {
    width: 85%;
    display: inline-block;
    margin: auto 11px
}

body.rtls #app_details_modal .modal-body, body.rtls #user_details_modal .modal-body, body.rtls #cmt_details_modal .modal-body {
    background: #fff;
    padding: 0;
    height: 400px;
    overflow-y: scroll
}

body.rtls #app_details_modal table tr td, body.rtls #user_details_modal table tr td, body.rtls #cmt_details_modal table tr td {
    padding-right: 10px;
    padding-left: 10px
}

body.rtls #app_details_modal table tr td:first-child, body.rtls #user_details_modal table tr td:first-child, body.rtls #cmt_details_modal table tr td:first-child {
    width: 30%;
    text-align: center
}

body.rtls #app_details_modal table tr td:nth-child(2), body.rtls #user_details_modal table tr td:nth-child(2), body.rtls #cmt_details_modal table tr td:nth-child(2) {
    width: 68%
}

body.rtls #cmt_details_modal .modal-body {
    height: auto
}

body.rtls #edf_modal .modal-body {
    background: #fff;
    padding: 0;
    height: 400px;
    overflow-y: scroll
}

body.rtls #edf_modal .modal-body table tr td:first-child {
    width: 20%;
    text-align: center;
    font-weight: 500;
    background: #f5f5f5b3
}

body.rtls #edf_modal .modal-body table tr td {
    border-right: 1px solid #e7eaec;
    padding-right: 20px;
    padding-left: 20px
}

body.rtls #dev_apps_modal .modal-body {
    background: #fff;
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll
}

body.rtls .blur_background {
    display: none;
    transition: all .1s .1s;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 7000
}

body.rtls .blur_background .sk-spinner {
    position: fixed;
    top: 300px;
    left: 0;
    right: 0
}

body.rtls .erdoc .form-group .note-editor {
    border: 1px solid #d3cfcf
}

body.rtls .attributes .not_select_row_DI, body.rtls .attributes .not_select_row_DS {
    display: none;
    text-align: center;
    color: #ff3139;
    transition: all 1s .5s
}

body.rtls .attributes .sk-spinner-three-bounce div {
    width: 9px;
    height: 9px
}

body.rtls .attributes #DS_modal_rm h4 {
    text-align: center
}

body.rtls .message_call {
    display: none;
    text-align: center;
    width: 30%;
    margin: 0 auto;
    padding: 10px 12px;
    transition: all 1s 1s
}

body.rtls .delete_msg {
    width: 100%;
    display: none;
    text-align: center;
    margin: 0 auto;
    padding: 10px 12px;
    transition: all 1s 1s
}

body.rtls .page-heading {
    padding: 0 10px 10px 10px
}

body.rtls .page-heading div h2 {
    font-family: IRANSans;
    font-size: 20px;
    font-weight: 300
}

body.rtls .page-heading div a, body.rtls .page-heading div button {
    margin-top: 10px;
    font-family: iransans
}

body.rtls .notice .not_select_row_DI, body.rtls .notice .not_select_row_DS {
    display: none;
    text-align: center;
    color: #ff3139;
    transition: all 1s .5s
}

body.rtls .notice .sk-spinner-three-bounce div {
    width: 9px;
    height: 9px
}

body.rtls .notice .wrapper-content-t {
    padding: 20px 10px 0
}

body.rtls .notice .wrapper-content-b {
    padding: 0 10px 40px
}

body.rtls .dataTables_wrapper div.dataTables_info {
    display: inline-block;
    font-size: 12px
}

body.rtls .dataTables_wrapper div.dataTables_paginate {
    float: left;
    margin: 0
}

body.rtls .dataTables_wrapper .dataTables_processing {
    font-family: IRANSANS;
    direction: rtl;
    text-align: center;
    transition: display 5s 5s
}

body.rtls .dataTables_wrapper .dataTables_filter label {
    text-align: right;
    direction: rtl;
    font-size: 15px;
    font-family: iransans;
    line-height: 30px
}

body.rtls .dataTables_wrapper .dataTables_filter label input {
    padding: 0 10px;
    margin: 0 10px
}

body.rtls .dataTables_wrapper .dataTables_length {
    float: left
}

body.rtls .dataTables_wrapper .dataTables_length label {
    margin-right: 10px
}

body.rtls .dataTables_wrapper .dataTables_length label select {
    padding: 2px 5px 0 0;
    width: 50px
}

body.rtls .dataTables_wrapper table {
    direction: rtl
}

body.rtls .dataTables_wrapper table .sorting_desc::after {
    content: '';
    font-family: sans-serif
}

body.rtls .dataTables_wrapper table .sorting::after {
    float: right
}

body.rtls .dataTables_wrapper table .sorting_asc {
    background: url('../css/plugins/images/sort_asc.png') no-repeat center right
}

body.rtls .dataTables_wrapper table .sorting_desc {
    background: url('../css/plugins/images/sort_desc.png') no-repeat center right
}

body.rtls .dataTables_wrapper table th {
    text-align: center;
    font-family: IRANSANS;
    font-size: 11px;
    font-weight: 500
}

body.rtls .dataTables_wrapper table tbody td .btn-edit {
    float: left;
    font-size: 16px;
    margin-left: 2px;
    transition: all 1s 0s
}

body.rtls .dataTables_wrapper table tbody tr {
    text-align: center;
    font-size: 11px
}

body.rtls .dataTables_wrapper table tbody tr td {
    vertical-align: middle
}

body.rtls .dataTables_wrapper .dt-buttons {
    float: left;
    margin-top: 5px
}

body.rtls .dataTables_wrapper .dt-buttons .btn {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    color: #111;
    font-size: 11px;
    margin: 0;
    padding: 5px
}

body.rtls .dataTables_wrapper .dt-buttons .btn-danger.disabled {
    background-color: #e1d9da;
    border-color: #f0e1e3
}

body.rtls .modal .modal-content .modal-body {
    transition: all .1s .1s
}

body.rtls .modal .modal-content .modal-body table {
    direction: rtl
}

body.rtls .modal .modal-content .modal-footer button {
    float: left
}

body.rtls .single_app .media-body div#body_comment, body.rtls .single_app .media-body div#side_comment {
    float: right
}

body.rtls .single_app .media-body div#side_comment button {
    margin-top: 30px
}

body.rtls .single_app .p-lr-lg {
    padding-right: 30px;
    padding-left: 30px
}

body.rtls .single_app .p-lr-lg span.inline-block {
    display: inline-block
}

body.rtls .single_app .p-lr-lg .m-t-lg-b-sm {
    margin-top: 40px;
    margin-bottom: 10px
}

body.rtls .single_app .tab-pane h4 {
    margin: 30px 30px;
    font-size: 17px;
    color: #9400D3
}

body.rtls .registerpage .ibox {
    direction: rtl
}

body.rtls .registerpage .ibox .ibox-content .wizard > .steps > ul > li, body.rtls .registerpage .ibox .ibox-content .wizard > .actions > ul > li {
    float: right;
    width: auto
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > .body {
    float: right;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 2.5%
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > fieldset .col-lg-6 {
    float: right
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > fieldset .col-lg-6 .form-height {
    height: 10px
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > fieldset .col-lg-6 .form-group .control-label {
    float: right
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > fieldset .col-lg-6 .form-group label.checkbox-inline {
    margin-left: 16px;
    float: right
}

body.rtls .registerpage .ibox .ibox-content .wizard > .content > fieldset .col-lg-6 .form-group label.checkbox-inline div {
    position: relative;
    float: left;
    margin: 0 6px;
    top: -2px
}

body.rtls .registerpage .sk-spinner {
    z-index: 8;
    opacity: 0;
    margin-top: -28px
}

body.rtls .registerpage .sk-spinner div {
    width: 14px;
    height: 14px
}

body.rtls .registerpage #message {
    z-index: 9;
    opacity: 0;
    margin-top: -41px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    transition: all .5s 0s
}

body.rtls .registerpage #message h5 br {
    margin-bottom: 10px
}

body.rtls .registerpage .wizard > .actions {
    z-index: 10
}

body.rtls #change_pass_Modal .sk-spinner, body.rtls #erdoc_form .sk-spinner {
    opacity: 0;
    margin-top: 6px
}

body.rtls #change_pass_Modal .sk-spinner div, body.rtls #erdoc_form .sk-spinner div {
    width: 14px;
    height: 14px
}

body.rtls #change_pass_Modal #message, body.rtls #erdoc_form #message {
    opacity: 0;
    width: 50%;
    margin-top: -32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    transition: all .5s 0s
}

body.rtls #change_pass_Modal #message h5, body.rtls #erdoc_form #message h5 {
    margin-bottom: 10px;
    padding: 10px
}

body.rtls .inspinia-timeline .timeline-item .date {
    float: right
}

body.rtls .inspinia-timeline .timeline-item .content {
    float: right
}

body.rtls .loginscreen form#login_form input {
    text-align: center
}

body.rtls .loginscreen .sk-spinner-three-bounce {
    opacity: 0
}

body.rtls .loginscreen .sk-spinner-three-bounce div {
    width: 10px;
    height: 10px
}

body.rtls .loginscreen #message {
    opacity: 0;
    margin-top: -40px
}

body.rtls #media_modal .sk-spinner {
    opacity: 0
}

body.rtls #media_modal .sk-spinner div {
    width: 14px;
    height: 14px
}

body.rtls #media_modal .message_call {
    opacity: 0;
    margin-top: -10px;
    text-align: center
}

body.rtls #media_modal_rm .delete_msg {
    text-align: center;
    margin-top: -20px
}

body.rtls #media_modal_rm .sk-spinner {
    opacity: 0
}

body.rtls #media_modal_rm .sk-spinner div {
    width: 10px;
    height: 10px
}

body.rtls #fail_App_modal textarea {
    width: 100%;
    resize: none;
    padding: 5px 10px
}

body.rtls .register_user .sk-spinner {
    opacity: 0
}

body.rtls .register_user #loadCity_spinner {
    display: none;
    opacity: 1;
    position: absolute;
    top: 6px;
    right: 50%
}

body.rtls .register_user #message {
    margin-top: -40px
}

body.rtls .register_user #message h5 {
    text-align: center
}

body.rtls .register_user form .radio {
    display: inline-block
}

body.rtls .register_user form textarea {
    width: 100%;
    resize: none
}

body.rtls #send_msg_form textarea {
    width: 100%;
    resize: none;
    padding: 5px
}

@media (max-width: 992px) {
    body.rtls .chat-users, body.rtls .chat-statistic {
        margin-right: 0
    }
}

body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0 70px 0 0
}

body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed {
    margin: 0
}

body.rtls.top-navigation .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px
}

.body-small.rtls.top-navigation .navbar-header {
    float: none
}

body.rtls.top-navigation #page-wrapper {
    margin: 0
}

body.rtls.mini-navbar #page-wrapper {
    margin: 0 70px 0 0
}

body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
    margin: 0
}

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0
}

body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px
}

.body-small.rtls .navbar-fixed-top {
    margin-right: 0
}

.body-small.rtls .navbar-header {
    float: right
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
    margin-top: 10px
}

body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper {
    margin: 0
}

body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed {
    margin: 0
}

@media (max-width: 768px) {
    body.rtls .navbar-top-links li:last-child {
        margin-left: 20px
    }

    .body-small.rtls #page-wrapper {
        position: inherit;
        margin: 0;
        min-height: 1000px
    }

    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px
    }

    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block
    }

    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px
    }

    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block
    }
}

.rtls .ltr-support {
    direction: ltr
}

@media (min-width: 768px) {
    body.rtls .navbar-header {
        float: right
    }

    body.rtls .col-sm-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    body.rtls .col-sm-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }
    .doc_text pre{
        padding: 0px !important;
    }
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */