﻿body.rtl {
    direction: rtl;
}


.flat.rtl.login-body * {
    direction: rtl;
}

.flat.rtl .flat-login-container vr-textbox .vr-control-label {
    top: 5px;
    left: unset;
    right: 0px;
    transform-origin: bottom right;
}

.flat.rtl .login-action-container {
    flex-direction: row;
}

.rtl .vr-container div[ng-view] {
    float: right;
    width: 100%;
}

.rtl vr-columns div[class^="col"] {
    float: right;
}

.rtl .nav {
    -webkit-padding-start: 0px;
}

.rtl .loading-container > img {
    right: 50%;
    left: unset !important;
}

.rtl .spaced-item {
    margin-right: unset;
    margin-left: 10px;
}

    .rtl .spaced-item > span:first-of-type {
        padding-right: unset;
        padding-left: 5px;
    }
/* start main-menu*/

@media (min-width: 768px) {
    .rtl #wrapper {
        padding-left: unset !important;
    }
}

.rtl .wrapper-toogled {
    padding-right: 185px;
}

.rtl .wrapper-normal {
    padding-right: 0px;
}


    .rtl .wrapper-normal #page-content-wrapper {
        margin: unset;
    }

.rtl .vr-nav-custom .minilogo {
    left: -5px;
    right: unset !important;
}

.rtl .vr-nav-custom .menu-icon {
    left: 140px;
    right: unset !important;
}

.rtl .support-call {
    left: -110px !important;
}

.rtl .vr-nav-custom .warning-icon {
    right: unset !important;
    left: 175px;
}

.rtl .vr-logout-span {
    right: unset !important;
    left: 220px;
}

.rtl .vr-user-icon {
    left: unset !important;
    right: -10px;
}

.rtl .vr-user-separator {
    margin-left: unset !important;
    margin-right: 15px;
}

.flat.rtl .header-action-item {
    padding-left: unset;
    padding-right: 15px;
}


.rtl .vr-notfication-item .total-number,
.rtl.flat .vr-nav-custom div .badge {
    right: unset !important;
    left: 20px !important;
}


.rtl .support-call > a > img {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

@media (min-width: 768px) {
    .rtl .navbar-header {
        float: right;
    }
}


.rtl #sidebar-wrapper {
    right: 225px;
    left: unset !important;
    margin-right: -225px;
    margin-left: unset !important;
}

.rtl .sub-header-open {
    margin-right: 200px;
    margin-left: unset !important;
}

.rtl .base-modules-container .module-wrapper {
    float: right;
}

.rtl .menu-tile.module h3 {
    text-align: right;
    margin-left: unset;
    margin-right: 50px;
}

.rtl .menu-tile.module span.glyphicon {
    right: 25px;
    left: unset !important;
}

.rtl .clock {
    right: 0px;
    left: 0px !important;
}

.rtl .collapsed-clock {
    right: -50px !important;
    left: unset !important;
}

.rtl .sub-header-closed {
    margin-right: 40px;
    margin-left: unset !important;
}

.rtl .toogle-icon {
    left: 16px;
    right: unset !important;
}

.rtl .pin-icon {
    right: unset !important;
    left: -1px;
}

.rtl .unpined-icon {
    left: -1px !important;
    right: unset !important;
}

.rtl .pined-icon {
    transform: rotate(-85deg);
}

.rtl #collapsedmenu .unpined-icon {
    left: -10px !important;
}

.rtl .collapsed-pin-icon {
    left: unset !important;
    right: 10px;
}

.rtl .dll-menu .toogle-icon::before {
    content: "\e080" !important;
}

.rtl .collapsed-toggle-icon {
    right: unset !important;
    left: 10px;
}

    .rtl .collapsed-toggle-icon::before {
        content: "\e079" !important;
    }

.rtl .inner-sub-menu {
    padding-right: 15px;
    padding-left: unset !important;
}

.rtl .inner-list-item {
    margin-right: -25px !important;
    padding-right: 25px;
    padding-left: unset;
    margin-left: unset;
}

.rtl .dropdown-menu-custom-serf {
    right: 40px;
    left: unset !important;
    text-align: right;
}

.rtl .title-label {
    padding: 2px 15px 0px 0px;
}

.rtl .toggel {
    float: left;
}

.rtl .menulink {
    padding: 5px 25px 5px 0px !important;
    text-align: right !important;
}



.rtl .dll-parent-menu div:before {
    border-width: 0.35em 0.45em 0.35em 0em;
    left: unset !important;
    right: -5px;
}



.rtl .innerlist div:before {
    border-width: 0.35em 0.45em 0.35em 0em;
    left: unset !important;
    right: -5px;
}

.rtl .innerlist a:before {
    left: unset !important;
    right: -5px;
}

.rtl .child-menu-link {
    padding: 0px 30px 0px 0px !important;
}

.rtl .dll-menu a:before {
    left: unset !important;
    right: -5px;
}

.flat.rtl .module-icon .icon {
    left: unset;
    right: 8px;
}

.rtl .dropdown-menu {
    float: left;
    text-align: right !important;
}
.rtl .dropdown-menu.group-action-list[forceleftdirection=true][style] {
    left: -160px !important;
}


.rtl .vr-top-nav-container .page-sperator {
    margin-left: unset;
    margin-right: 5px
}

.rtl .navbar-header .vr-page-header .vr-company-name {
    left: unset;
    right: -10px;
    padding-left: unset;
    padding-right: 0px;
}

/* end main-menu*/

/* start action-bar*/
.rtl .buttons-container {
    float: left;
}

.rtl vr-button[type="Next"] span.glyphicon.glyphicon-chevron-right:before {
    content: "\e079";
}

.rtl vr-button[type="Back"] span.glyphicon.glyphicon-chevron-left:before {
    content: "\e080";
}

.rtl vr-button[type="Next"] span.mdi.mdi-chevron-right-circle:before {
    content: "\f0b28";
}

.rtl vr-button[type="Back"] span.mdi.mdi-chevron-left-circle:before {
    content: "\f0b2a";
}

.rtl .action-bar .btn {
    float: right;
}

.rtl vr-actionbar .btn .vr-button-menu-icon {
    left: unset;
    right: 1px;
}

.rtl .btn-label {
    padding-left: unset !important;
    padding-right: 4px;
}

.rtl .img-loader {
    margin-left: unset !important;
    margin-right: 3px;
}

.rtl .btn-menu-item {
    padding-left: unset !important;
    padding-right: 2px;
}


.rtl .vr-menu-list {
    text-align: right !important
}

.rtl .action-bar .vr-menu-box {
    left: unset;
    right: -14px;
}


.flat.rtl .action-bar .vr-menu-box {
    left: unset;
    right: -19px;
}



.rtl .action-bar .vr-half-circle {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}


.rtl .action-bar .vr-action-menu-dote {
    display: inline-block;
    transform: scaleX(-1);
    left: unset;
    right: 1px;
}

.flat.rtl .action-bar .vr-action-menu-dote {
    left: unset;
    right: 4px;
}

.rtl .action-bar.include-personalization {
    border-radius: 15px 0px 0px 15px;
    margin-right: 15px;
}

/* end action-bar*/


/* start radio-btn-groupe*/

.flat.rtl vr-choices .vr-tabs.radio-btn-groupe .vr-tabs label {
    border-radius: 5px 0px 0px 5px !important;
    margin-right: unset !important;
    margin-left: 1px !important;
}

/* end radio-btn-groupe*/

/* strat vr-select*/
.rtl .vr-dropdown-select.btn {
    text-align: right;
}

.rtl .vr-select-caret {
    right: unset !important;
    left: 5px;
}

.rtl .right-addon input {
    padding-left: 30px;
    padding-right: 12px;
}

.rtl .right-addon .glyphicon {
    right: unset;
    left: 5px;
}

.rtl .vr-select-ds-container {
    padding-left: unset;
    padding-right: 3px;
}

.rtl .view-icon {
    right: unset;
    left: 3px;
}

.rtl .checked-item {
    position: absolute;
    top: 3px;
    right: unset;
    left: 0px;
}

.rtl .select-item-container {
    padding: 3px 2px 0px 0px;
}

.rtl .view-icon {
    right: unset !important;
    left: 12px;
}

.rtl .double-col-checklist {
    margin-left: -226px;
}


.rtl .data-presentation .filter-section .glyphicon-backward:before {
    content: "\e075";
}

.rtl .data-presentation .filter-section .glyphicon-forward:before {
    content: "\e071";
}

.rtl .data-presentation.advance-search-top-left .filter-section {
    flex-direction: row-reverse;
}

    .rtl .data-presentation.advance-search-top-left .filter-section .glyphicon-backward:before {
        content: "\e071";
    }

    .rtl .data-presentation.advance-search-top-left .filter-section .glyphicon-forward:before {
        content: "\e075";
    }

.rtl .double-col-checklist.dropdown-top-left {
    margin-left: unset;
    margin-right: -230px;
}

    .rtl .double-col-checklist.dropdown-top-left.top-max {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

.rtl .single-col-checklist.dropdown-top-left.top-max {
    margin-left: unset !important;
    margin-right: 226px !important;
}

.rtl .single-col-checklist .vr-select-advance-search.advance-search-top-left {
    left: unset;
    right: -230px;
}

.rtl .double-col-checklist.dropdown-top-left .advance-search-top-left {
    left: 0px !important;
    right: 0px !important;
}

.rtl .single-col-checklist.dropdown-top-left {
    margin-left: 0px !important;
}

    .rtl .single-col-checklist.dropdown-top-left .flex-container {
        flex-direction: row;
    }

.rtl .double-col-checklist.dropdown-top-left .flex-container {
    flex-direction: row-reverse;
}

.rtl .remove-selection {
    right: unset;
    left: 5px;
}

.rtl .vr-select-remove {
    right: unset;
    left: 15px;
}

.rtl .view-selected-item {
    right: unset;
    left: 0px;
}

.rtl .remove-selected-item {
    right: -2px !important;
}

.rtl .vr-select-advance-search {
    left: unset;
    right: 220px;
}

.rtl .vr-select-add {
    right: unset;
    left: 17px;
}

.rtl .vr-datagrid-celltext .vr-dropdown-select.btn {
    text-align: right;
}

.rtl .vr-dropdown-select span.vanrise-inpute {
    float: right !important;
}

.rtl vr-select .dropdown-container2 .vr-select-add {
    right: unset;
    left: 0;
}

/* end vr-select*/

/*start vr-datagrid*/

.flat.rtl .wrapper-toogled .vr-datagrid-body.row-full-screen {
    left: unset;
    right: 200px;
}


.rtl .wrapper-normal .vr-datagrid-body.row-full-screen {
    left: unset;
    right: 30px;
}

.rtl .vr-datagrid-body.row-full-screen .row-main-content.expanded .vr-datagrid-row {
    margin-left: unset;
    margin-right: 15px;
}

.rtl .expanded-row-action.dropdown-menu {
    left: unset;
}

.rtl .vr-datagrid[noexpandablecolumn="true"] .vr-datagrid-row,
.rtl .vr-datagrid[noexpandablecolumn="true"] .summary-row-container {
    margin-left: unset;
    margin-right: 15px;
}

.rtl .vr-datagrid .row-expandable-column-spacer {
    margin-left: unset !important;
    margin-right: -1px !important;
}

.rtl .modal .vr-modal-full-screen-row {
    margin: 0px -15px 5px 0px;
}

.rtl .vr-modal-full-screen-row .vr-modal-datagrid-row {
    margin-left: unset;
    margin-right: 15px;
}

.rtl .vr-row-action-container {
    right: unset;
    left: 20px;
}


.rtl .vr-datagrid-body .row-main-content.expanded grid-row-action.bottom-row-action,
.rtl .vr-datagrid-body .vr-modal-full-screen-row grid-row-action.bottom-row-action {

    border-right: unset;
    border-left: 10px solid transparent;
}

.rtl .vr-datagrid-body .vr-modal-full-screen-row grid-row-action.bottom-row-action {
    margin-right: unset;
    margin-left: 5px;
}

.rtl.flat .vr-datagrid-body .vr-row-action-container .close-icon .glyphicon {
    left: unset;
    right: -3px;
}

.rtl .flat .vr-datagrid-body.vr-modal-row-container .vr-row-action-container .close-icon .glyphicon {
    left: unset;
    right: -4px;
}

.rtl .vr-datagrid-body grid-row-action.bottom-row-action .action-icon-container {
    right: unset;
    left: 0px;
}

.rtl .vr-datagrid-body.vr-modal-row-container grid-row-action.bottom-row-action .action-icon-container {
    right: unset;
    left: 5px;
}

.rtl .vr-datagrid-body .exist-full-screen-icon {
    left: unset;
    right: calc(100% - 90px);
}


.rtl .row-header-container {
    margin: 0px 15px 0px 5px;
}

.rtl .vr-datarow-breadcrumb {
    left: unset;
    right: 15px;
}

.rtl .vr-modal-row-container .vr-datarow-breadcrumb {
    left: unset;
    right: 0px;
}


.rtl .vr-grid-menu-h-circle {
    transform: rotate(180deg);
}

.rtl .btn-breadcrumb .btn {
    float: right;
    padding: 3px 24px 3px 12px;
}

    .rtl .btn-breadcrumb .btn:before {
        border-right: 13px solid #f4f5f3;
        border-left: unset;
        margin-left: unset;
        margin-right: 1px;
        right: 100%;
    }

    .rtl .btn-breadcrumb .btn:after {
        transform: rotate(-45deg);
        left: unset;
        right: calc(100% - 8px);
    }



    .rtl .btn-breadcrumb .btn.start-arrow {
        left: unset;
        right: -1px;
    }

    .rtl .btn-breadcrumb .btn:first-child:after {
        border-left: unset;
        border-right: 10px solid #98d0f1;
    }

    .rtl .btn-breadcrumb .btn:last-child {
        border-left: unset;
        border-right: none;
    }

.flat.rtl .row-header-container .btn-breadcrumb .btn {
    background-image: linear-gradient(to left, #055576, #01AAD5 70%);
    padding: 4px 24px 3px 12px;
    margin-left: unset;
}

.flat.rtl .btn-breadcrumb .btn:after {
    transform: rotate(-45deg);
    left: unset;
    right: calc(100% - 8px);
}



.rtl .vr-grid-menu-h-dote {
    display: inline-block;
    left: unset;
    right: 1px;
    font-size: 11px;
    transform: scaleX(-1);
}

.rtl .vr-grid-menu {
    text-align: right;
}

.rtl .vr-gridmenu-checkitem {
    float: left !important;
}

.rtl .grid-expand-collapse-icon {
    top: calc(50% - 6px);
    left: unset;
    right: 4px;
    transform: scaleX(-1);
}

.rtl.flat .vr-datagrid-row {
    padding-left: unset;
    padding-right: 1px;
}


.rtl .vr-datagrid-cell {
    padding: 3px 4px 0px 0px !important;
}

.rtl .vr-datagrid-cell, .rtl .vr-datagrid-header-cell {
    padding: 3px 2px 0px 2px !important;
}

.rtl .vr-datagrid-body .glyphicon-th-list {
    left: unset !important;
    right: 3px !important;
}

.rtl .vr-datagrid[vertical-line="true" ] .vr-datagrid-cell-container:last-child {
    border-right: 1px solid rgb(208, 208, 208);
}

.rtl .vr-datagrid[vertical-line="true" ] .vr-datagrid-cell-container:first-child {
    border-right: unset;
}


.rtl .vr-remove-row {
    top: 50%;
    position: absolute;
    transform: translate(-2px,-50%);
}

.rtl .action-item {
    padding-left: unset;
    padding-right: 2px;
}

    .rtl .action-item .grouped .chevron-icon {
        right: unset;
        left: 0;
    }

    

    .rtl .action-item .grouped.left .group-name {
        padding-right: 0px;
    }

.rtl.flat .vr-pagination-info {
    right: unset;
    left: 4px;
}


.rtl.flat .vr-pagination-pagesize {
    right: unset;
    left: 4px;
}

.rtl .vr-scroll-pager-info {
    float: left !important;
    margin-left: 5px;
}


.flat.rtl .vr-custom-pagination > li > a {
    margin-right: unset;
    margin-left: 5px;
}

.flat.rtl .vr-datagrid-body.row-full-screen .vr-detail-summary .grid-cell-label {
    direction: ltr;
}

.rtl .ht_clone_left {
    right: 0px !important;
    left: unset !important;
}

.rtl .ht_clone_top_left_corner {
    right: 0px !important;
    left: unset !important;
}

.rtl .handsontable th:last-child {
    border-right: 0px solid rgb(204, 204, 204);
    border-left: 1px solid rgb(204, 204, 204);
}

.rtl .handsontable th, .rtl .handsontable td {
    border-right-width: 0;
    border-left: 1px solid #CCC;
}*/
    .rtl .handsontable {
    direction: ltr;
}
/*end  handsontable*/

/*start   vr-datetimepicker*/

.rtl .bootstrap-datetimepicker-widget ul {
    -webkit-padding-start: unset !important;
}

.rtl .vr-datetime-container .vr-small-addon {
    border-radius: 0px !important;
}

    .rtl .vr-datetime-container .vr-small-addon:last-of-type {
        border-radius: 4px 0px 0px 4px;
    }

.rtl .bootstrap-datetimepicker-widget .glyphicon-chevron-left, .rtl .bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    transform: scaleX(-1);
}

.flat.rtl .datetime-icon-container {
    right: unset !important;
    left: 20px;
}
/*end  vr-datetimepicker*/

/*start of vr-textbox*/

.rtl vr-textbox .password-form .eye-icon {
    right: unset;   
    left:0;
}
/*end of vr-textbox*/


/*start   vr-textbox-multiple*/

.rtl .vr-multiple button {
    text-align: right !important;
}

.rtl .vr-multiple .vr-multiple-caret,
.rtl .vr-treeselector .vr-treeselector-caret {
    right: unset;
    left: 5px
}

.rtl .vr-multiple .link {
    right: unset !important;
    left: 5px;
}

.rtl .vr-multiple .items-container {
    border-left: unset;
    border-right: 1px solid #f0f0f0;
}

.rtl .vr-treeselector .double-container-dropdown {
    margin-left: -220px !important;
}

.rtl .vr-treeselector .double-container-dropdown.dropdown-toleft {
    margin-left: 0 !important;
}

.rtl .vr-treeselector .double-container-dropdown.dropdown-toleft .tree-dropdown-wrapper {
    flex-direction: row-reverse;
}

.rtl .vr-treeselector .clear-all-wrapper {
    align-self: flex-start;
}


/*end  vr-textbox-multiple*/

/*start  vr-dropdown-section*/

.rtl .vr-dropdown-section .summary-container {
    text-align: right;
}

.rtl .vr-dropdown-section .validation-sign {
    left: 5px;
    right: unset;
}

.rtl .drop-down-section .remove-icon {
    right: unset;
    left: -1px;
}

/*end  vr-dropdown-section*/

/*start  vr-section*/

.rtl vr-section .collapsible-icon, .rtl vr-section-v2 .collapsible-icon {
    padding-right: unset;
    padding-left: 3px;
}


.rtl .panel-vr.panel-vr-child.light .collapsible-container .collapsible-icon {
    left: unset;
    right: 14px;
    padding-left: unset;
    padding-right: 3px;
}

.rtl .panel-vr > .panel-heading .warning-icon {
    right: unset !important;
    left: 20px !important;
}

.rtl .panel-vr > .panel-heading .section-validation-sign {
    left: unset;
    right: 1px;
}

.rtl .panel-vr > .panel-heading .warning-icon.share-space {
    right: unset !important;
    left: 80px !important;
}

.rtl .panel-vr > .panel-heading .edit {
    right: unset;
    left: 5px;
}

.rtl .panel-vr > .panel-heading .remove {
    right: unset;
    left: 5px;
}


.rtl .section-menu {
    right: unset !important;
    left: 2px;
}

.rtl .panel-vr.panel-vr-child > .panel-heading {
    padding: 4px 0px 4px 6px;
}

    .rtl .panel-vr.panel-vr-child > .panel-heading label {
        padding: 0px 0px 0px 5px;
    }
/*end  vr-section*/

/*start  vr-tile*/
.rtl .vr-tile-inner-container .title {
    text-align: left;
}

.rtl .vr-tile-inner-container {
    left: 40px;
}

    .rtl .vr-tile-inner-container .tilevalue span {
        text-align: left;
    }

/*end  vr-tile*/


/*start  vr-excel*/

.rtl vr-cellviewer .glyphicon-remove {
    right: unset !important;
    left: 1px;
}

/*end  vr-excel*/

/*start  vr-choices-filter*/


.flat.rtl .vr-choices-filter {
    margin: -10px -16px 0px 0px;
}


.flat.rtl .vr-datagrid .vr-choices-filter {
    margin: -5px -20px 0px -5px;
}

.flat.rtl vr-tabs .tab-validation-sign {
    right: unset;
    left: 4px;
}

.rtl .vr-tabs .clicked-btn {
    margin-left: -2px;
    margin-right: unset !important;
}

.rtl .vr-tabs .tabs-add-container {
    border-left: 2px dashed #DDD;
    border-right: none;
}

    .rtl .vr-tabs .tabs-add-container:hover {
        border-left: 2px solid #DDD;
        border-right: none;
    }
/*end  vr-choices-filter*/



/*start  vr-fileupload*/

.rtl .vr-file-remove {
    right: unset;
    left: -2px;
}

.rtl .vr-file {
    left: unset;
    right: 2px;
}
/*end  vr-fileupload*/
/**************START VR-IMAGEAVATAR*********/

.rtl .vr-image-avatar .vr-image-remove {
    right: unset;
    left: 11px;
}

/**************START VR-IMAGEAVATAR*********/


/*start  vr-numeric*/

.rtl .vr-numeric .vr-numeric-control {
    left: unset;
    right: calc(100% - 15px);
}

/*end  vr-numeric*/

/*start  vr-datalist*/
.rtl vr-datalist .collapse-icon {
    left: unset;
    right: 22px;
}

.rtl vr-datalist .listitem-title {
    left: unset;
    right: 40px;
}

.rtl vr-datalist .drag-icon {
    left: unset;
    right: 3px;
}
/*end  vr-datalist*/

/*start  vr-tabs*/
.rtl vr-tab-header-link .tab-remove-icon, .rtl vr-tab-header-link .edit {
    right: unset;
    left: 6px;
}

.rtl vr-tabs .tab-validation-sign {
    right: 1px;
    left: unset;
}

.rtl .tab-vertical-content {
    padding-left: unset;
    padding-right: 15px;
}

.rtl .vr-tabs[vertical] .clicked-btn {
    border-left-color: transparent !important;
    border-right-color: #DDD !important;
    left: unset;
    right: 1px;
}

.rtl .vr-tabs[vertical] {
    margin-right: unset;
    margin-left: -5px;
}

.rtl .rtl .vr-tabs .clicked-btn {
    margin-left: -2px;
    margin-right: unset !important;
}

.rtl .page-view-icon.tab-icon {
    left: unset;
    right: -5px;
}


.flat.rtl .vr-tabs-expander.previous {
    left: unset;
    right: 0px;
}

.flat.rtl .vr-tabs-expander.forward {
    left: unset;
    right: -5px;
}

.flat.rtl .vr-tabs-expander.previous .glyphicon-backward:before {
    position: relative;
    right: -18px;
}


.flat.rtl .vr-tabs-expander.previous .glyphicon-backward:after {
    right: unset;
    left: 9px;
}


.fla.rtl .vr-tabs-expander.forward .glyphicon-forward:after {
    left: unset;
    right: -9px;
}



/*end  vr-tabs*/

/*start  vr-modal*/

.rtl .modal-header .close {
    float: left;
}

.rtl.flat .modal-header .expand {
    float: left;
    right:unset;
    left:5px;
}

/*end  vr-modal*/

/*start vr-generic-filter*/
.rtl .vr-groupfilter-button {
    float: left !important;
}
/*end vr-generic-filter*/



/*new flat master layout adaptation classes*/

.rtl.flat #page-content-wrapper {
    padding: 0px;
    margin: 0px -5px;
}

.rtl.flat .toggel-icon {
    right: 8px;
    left: unset;
}

.rtl.flat .vr-page-title {
    margin-left: unset;
    margin-right: 15px;
}

.rtl.flat .index-logo {
    left: unset;
    right: 10px
}

.rtl.flat .vr-dateclock-item {
    padding-left: unset;
    padding-right: 25px;
    text-align: left;
}

.rtl.flat .version-container {
    right: unset;
    left: -10px;
}

.rtl.flat .version-container {
    right: unset;
    left: 0px;
}


.rtl.flat .version-label {
    left: 22px;
    right: unset
}

.rtl.flat .wrapper-normal .vr-top-nav-container .vr-breadcrumb {
    padding-left: unset;
    padding-right: 0px;
}

.rtl .wrapper-toogled #page-content-wrapper {
    padding-left: unset;
    padding-right: 15px;
}

.rtl .wrapper-toogled .vr-breadcrumb {
    padding-left: unset;
    padding-right: 35px;
}

.rtl.flat .wrapper-normal .vr-breadcrumb {
    padding-left: unset;
    padding-right: 20px;
}


.rtl.flat .vr-breadcrumb span {
    display: inline-block;
}

.rtl.flat .vr-breadcrumb .glyphicon-menu-right {
    transform: rotate(180deg);
    top: 3px;
}

.flat.rtl .vr-breadcrumb .vr-breadcrumb-item:after,
.flat.rtl .vr-breadcrumb span.page-title-container:after {
    right: unset;
    left: -12px;
    transform: rotate(-45deg);
}

.flat.rtl .vr-breadcrumb span > a,
.flat.rtl .vr-breadcrumb span > label {
    padding-left: unset;
    padding-right: 20px;
}


.flat.rtl .vr-breadcrumb span.vr-module-tabs-view > a {
    padding-right: 5px !important;
    padding-left: unset !important;
}



.rtl.flat .vr-module-name {
    left: unset;
    right: 5px;
}

.rtl.flat .chevron-direction {
    left: unset;
    right: -5px;
}

.rtl.flat .chevron-direction {
    left: unset;
    right: -5px;
}

    .rtl.flat .chevron-direction.glyphicon-chevron-right {
        transform: rotate(180deg);
    }

.rtl.flat .vr-breadcrumb span.vr-module-tabs-view {
    display: inline;
}

.flat.rtl .vr-tabs.vr-choices-filter.vr-module-tabs-view {
    padding-left: unset;
    padding-right: 20px;
}


.flat.rtl span.vr-module-tabs-view {
    margin-left: unset !important;
    margin-right: 15px !important;
}


flat.rtl .vr-breadcrumb span.vr-module-tabs-view > a {
    padding-left: unset !important;
    padding-right: 5px !important;
}

.rtl.flat .list-view-icon {
    transform: rotate(180deg);
    right: -20px;
}

    .rtl.flat .list-view-icon.glyphicon-forward {
        right: 0px;
    }


.rtl.flat div.vr-module-tabs-view {
    margin-left: unset !important;
    margin-right: 30px !important;
}

.rtl.flat .vr-module-tabs-view .dropdown-menu {
    left: unset;
    right: 0px;
}

.rtl.flat .vr-choices-filter .dropdown-menu .page-view-icon {
    left: unset;
    right: -5px;
}

.rtl.flat .vr-grid-menu-h-circle {
    right: unset;
    left: 7px;
}

.rtl.flat .vr-grid-menu-h-dote {
    right: -2px;
}

.flat.rtl .vr-grid-menu-h-circle.collapsed {
    right: unset;
    left: -5px;
}

.flat.rtl .vr-grid-menu-box .collapsed-menu-option {
    left: unset;
    right: 4.5px;
    transform: rotate(180deg);
}

.flat.rtl .vr-grid-menu-box .glyphicon-cog {
    top: 8px;
    font-size: 12px;
    right: unset;
    left: -3.5px;
}

.rtl.flat .action-bar.include-personalization {
    border-radius: 0px;
    margin-left: unset;
    margin-right: 20px;
}

.rtl.flat .action-bar .vr-half-circle {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}


/*start generic-business-entity-definition-components */

.rtl .crc-definitionsettings-container .condition-title {
    left: unset;
    right: 28px;
    padding: 0px 9px 0px 8px;
}

.rtl .crc-definitionsettings-container .edit-icon {
    left: unset;
    right: calc(100% - 65px);
}

.rtl .genericeditorsetting .row-title {
    left: unset;
    right: 11px;
}

.rtl .genericeditorsetting .remove-icon {
    right: unset;
    left: 4px;
}

.rtl .fieldtypecontainer .edit-field--icon {
    left: unset;
    right: calc(100% - 35px);
}


.rtl vr-genericdata-genericbusinessentity-management span[ng-click="scopeModel.showFilterSection()"] i.glyphicon-minus {
    right: -10px !important;
    left: unset !important;
}

/*end generic-business-entity-definition-components */
.rtl .vr-notification .dropdown-menu.notifications-dropdown {
    left: unset;
    right: -194px;
}


.rtl .vr-notification .notifications-dropdown:before {
    left: unset;
    right: calc(50% - 15px);
}

.rtl .vr-notification .vr-notification-list .notification-status {
    margin-right: unset;
    margin-left: 20px;
}

.rtl .vr-alert-notify {
    margin-left: unset !important;
    margin-right: unset !important;
    left: 20px !important;
    right: unset !important;
    background-image: linear-gradient(to left,#253340, #015B7E 120%);
    -webkit-box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.5);
    -webkit-animation: rtl-slide 0.5s backwards;
    animation: rtl-slide 0.5s backwards;
}


    .rtl .vr-alert-notify:hover {
        background-image: linear-gradient(to left, #015B7E, #253340 120%);
        -webkit-box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.7);
        -moz-box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.7);
        box-shadow: 5px 0px 10px 5px rgba(0,0,0,0.7);
    }

    .rtl .vr-alert-notify.remove {
        -webkit-animation: rtl-slide 0.5s alternate-reverse;
        animation: rtl-slide 0.5s alternate-reverse;
    }


    .rtl .vr-alert-notify .cg-notify-close {
        right: unset;
        left: 4px;
    }


.rtl .vr-global-alert .alert-status {
    margin-left: 10px;
    margin-right: unset;
}

@-webkit-keyframes rtl-slide {
    0% {
        left: -100px;
    }

    100% {
        left: 20px;
    }
}

@keyframes rtl-slide {
    0% {
        left: -100px;
    }

    100% {
        left: 20px;
    }
}

.rtl .vr-loader-container {
    left: unset;
    right: 50%;
    direction: ltr;
    transform: scaleX(-1) translate(-50%, -50%);
}

.rtl .vr-bars {
    -webkit-animation: loads 1s linear infinite alternate;
    animation: loads 1s linear infinite alternate;
}

    .rtl .vr-bars:after {
        -webkit-animation: line_flow 1s linear infinite reverse;
        animation: line_flow 1s linear infinite reverse;
    }


/*start vr-progress*/

.flat.rtl .vr-status-container > div[class^="col"] {
    align-items: flex-start;
}

.flat.rtl .vr-bp-action-wrapper {
    margin-left: unset;
    margin-right: auto;
}



.flat.rtl .vr-status-progress {
    left: unset;
    right: 0px;
    margin-right: unset;
    margin-left: 30px;
    text-align: right;
}



/*end vr-progress*/


/*start vr-figure*/

.rtl .vr-figure .figure-data-content {
    padding-left: unset;
    padding-right: 10px;
}

    .rtl .vr-figure .figure-data-content .figure-item .item-label,
    .rtl .vr-figure .figure-data-content .figure-item .item-value {
        text-align: left;
    }


/*end vr-figure*/

/*start vr-legend*/

.rtl .legend-close {
    right: calc(100% - 10px);
    left: unset;
}

/*end vr-legend*/


/*start configuration editor*/
.rtl .configuration-editor-widget {
    right: unset;
    left: -30px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.20);
    transition: left 0.5s ease-in;
}

.rtl .configuration-editor-widget:hover {
    right: unset;
    left: 0px;
    transition: left 0.2s ease-out;
}

.rtl .personalization-widget {
    right: unset;
    left: -95px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.20);
    transition: left 0.5s ease-in;
}

.rtl .personalization-widget:hover {
    right: unset;
    left: 0px;
    transition: left 0.2s ease-out;
}

.rtl .personalization-widget:hover .widget-body .item .glyphicon {
    padding: 0 0 0 10px;
    
}

.rtl .personalization-widget:hover .widget-body .item .item-remove {
    padding: 0 0 0 10px;
    margin-left: unset;
    margin-right: auto;
}
.rtl .personalization-widget:hover .widget-body .filter .item-remove {
    right: unset;
    left: 20px
}

.rtl .personalization-widget:hover .widget-body .item.item-default .item-owner:after {
    left: unset;
    right: 15px;
}
   


/*end  configuration editor*/


/* start of vr-genericcomment*/


.rtl .vr-comments .reply-list {
    padding-left: unset;
    padding-right: 80px;
}

.rtl .vr-comments .reply-form {
    padding-left: unset;
    padding-right: 80px;
}

.rtl .vr-comments .reply-list .reply-list {
    padding-left: unset;
    padding-right: 0px;
}

.rtl .vr-comments .reply-list .reply-form {
    padding-left: unset;
    padding-right: 0px;
}


.rtl .vr-comments .comment-box:before,
.rtl .vr-comments .comment-box:after {
    left: unset;
    right: -16px;
    transform: rotate( 220deg);
    top: 30px;
}



.rtl .vr-comments .comment-box .comment-name {
    float: right;
    margin-right: unset;
    margin-left: 10px;
}

.rtl .vr-comments .seconde-side {
    justify-content: left
}
.rtl .vr-comments .comment-box .comment-footer .reply.show-separator a:after {
    right: unset;
    left: 0;
}

.rtl .vr-comments .loader-container {
    margin: 0px 85px 0px 23px;
}

.rtl .vr-comments .reply-list .loader-container {
    margin: 0px  65px 0px 23px;
}

.rtl .vr-comments .editor-form-action vr-button:first-of-type {
    padding-right: unset;
    padding-left: 10px;
}




/* end of vr-genericcomment*/

/* start of vr-generichistory*/


.rtl .history-container:before,
.rtl .history-container:after {
    left: unset;
    right: 114px;
}

.rtl .history-time {
    text-align: left;
}


.rtl .historyload-container {
    margin-left: unset;
    margin-right: 178px;
}

.rtl .historyload-wrapper {
    margin-right: unset;
    margin-left: 48px;
}
/* end of vr-generichistory*/


/* start of stages-group*/


.rtl .stages-group .stage-item {       
    padding: 0 20px 0 10px;
}

.rtl .stages-group .stage-item:after,
.rtl .stages-group .stage-item:before {       
    right: unset;
    left: -10px;
    border-left: none;
    border-right: 10px solid #d9e3f7;
}

.rtl .stages-group .stage-item:before {
    right: 0;
    left: auto;
    border-left: unset;
    border-right: 10px solid #fff;
}

.rtl .stages-group .stage-item:first-child {
    border-top-left-radius: unset;
    border-top-right-radius: 4px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: 4px;
}

.rtl .stages-group .stage-item:last-child {
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
}

.rtl .stages-group .stage-item.stage-regular-current:after {
    border-left: none;
    border-right: 10px solid #FFD800;
}

.rtl .stages-group .stage-item.stage-regular-started:after {
    border-left: unset;
    border-right: 10px solid #e38a0e;
}

.rtl .stages-group .stage-item.stage-regular-reconsider::after {
    border-left: unset;
    border-right: 10px solid #ff9904;
}

.rtl .stages-group .stage-item.stage-regular-reconsider {
    background-position: right;
    background-position-x: calc(100% - 15px);
    padding-left: 0;
    padding-right: 35px;
}

.rtl .stages-group .stage-item.stage-regular-skipped:after {
    border-left: unset;
    border-right: 10px solid #bfbfbf;
}

.rtl .stages-group .stage-item.stage-regular-done:after {
    border-left: unset;
    border-right: 10px solid #238c2c;
}

.rtl .stages-group .stage-item.pre-group {
    border-top-left-radius: unset;
    border-top-right-radius: 4px;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: 4px;
    box-shadow: 2px -3px 0 #cccccc, 4px -6px 0 #dddddd, 6px -9px 0 #eeeeee, 8px -12px 0 #f7f7f7;
}

.rtl .stages-group .stage-item.post-group {
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
    box-shadow: -2px -3px 0 #cccccc, -4px -6px 0 #dddddd, -6px -9px 0 #eeeeee, -8px -12px 0 #f7f7f7;
}

.rtl .stages-group .stage-item.post-group .stage-item:first-child:before {
    border-left: unset;
    border-right: 10px solid #fff;
}

.rtl .stages-group .stage-item.pre-group .inner-group {
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
}

.rtl .stages-group .stage-item.pre-group .inner-group {
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
}

.rtl .stages-group .stage-item.post-group .inner-group {
    border-top-right-radius: unset;
    border-top-left-radius: 4px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 4px;
}
.rtl .vr-workflow-main {
     direction: ltr; 
}