processmaker-files/workflow/engine/skinEngine/base/css/rtl.css

/* buttons */
body, html
{
 margin  :0px !important;
 padding  :0px !important;
 direction: rtl !important;
}

.logout {
    float: left 
}

ul#pm_menu {
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 13px;
}

ul#pm_menu li { float: right;}

a.options-tool {
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    text-decoration: none;
}

form.formDefault td {
    padding: 2px;
    text-align: right;
}

form.formDefault .FormLabel {
    color: #808080;
    padding-right: 5px;
    text-align: left;
}

form.formDefault .FormFieldContent {
    background-color: #F9F9F9;
    color: #000000;
    font-size: 11px;
    padding-left: 5px;
    text-align: right;
}

.x-btn { direction: ltr; }
.x-btn-text {direction: rtl;}
* html .ext-ie .x-btn button {
    width:100%;
}

.x-btn-mc em.x-btn-arrow { background-position:left center; padding-right:0; padding-left:10px; }
.x-btn-mc em.x-btn-split { background-position:left center; display:block; padding-right:0; padding-left:14px; }
.x-btn-mc em.x-btn-split {/* background-image:url(../images/default/button/s-arrow-rtl.gif);*/ }
.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
    /* background-image:url(../images/default/button/s-arrow-o-rtl.gif); */
}

/* menus */
.x-menu { /* background-image:url(../images/default/menu/menu-rtl.gif);*/ background-position: top right; background-repeat:repeat-y; }
.x-menu-item-arrow{ /* background-image:url(../images/default/menu/menu-parent-rtl.gif); */ background-position:left center;}
.ext-ie .x-menu-item-arrow{background-position-x:10%;}
a.x-menu-item { padding:3px 27px 3px 21px; }
.x-menu-item-icon { left:auto; right:3px; }
.x-menu .x-color-palette { margin-right:26px; margin-left:4px; }
.x-menu-list-item-indent { padding-left:auto; padding-right:27px; }

/*Panel's x-tool*/
.x-tool {float:left;margin-left:0px;margin-right:2px;}

/*Layouts*/
.x-column { float:right;}
.x-panel-inline-icon { margin-left:4px; margin-right:0; }
.x-tool-expand-east, .x-tool-expand-west { float:none }

/*Tabs*/
ul.x-tab-strip {width:100% !important;}
ul.x-tab-strip li{direction:ltr; float:right;margin-right:2px; margin-left:0; width:120px;}
ul.x-tab-strip > li{width:auto;}
.x-tab-strip-text {direction: rtl;}
ul.x-tab-strip li.x-tab-edge { float:right;}
.x-tab-scroller-left { left:auto; right:0; /* background-image:url(../images/default/tabs/scroll-left-rtl.gif); */ }
.x-tab-scroller-right { right:auto; left:0;  /* background-image:url(../images/default/tabs/scroll-right-rtl.gif); */ }
.x-tab-strip .x-tab-with-icon span.x-tab-strip-text { /*background-position:100% 3px;*/ background-repeat:no-repeat; padding-right:20px; padding-left:0; }   /*PARA CORREGIR LA POSICION DE LOS ICONOS AQUI ESTA COMENTADO BRAYAN*/
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {right:auto; left:3px;}
.x-tab-strip-closable .x-tab-left { padding-left:3px;padding-right:3px; }


/*Grids*/
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
    /* background-image:url(../images/default/grid/grid3-special-col-bg-1-rtl.gif) !important; */
    padding-left: 0; padding-right: 12px; background-position: 100% 0% !important;
}
.x-grid3-hd-btn { left:0; right:auto;  /* background-image:url(../images/default/grid/grid3-hd-btn-rtl.gif); */ }
.x-grid3-hd-row td { border-right-color:#EEEEEE; border-left-color:#D0D0D0; }
.x-grid3-body .x-grid3-td-numberer, .x-grid3-body .x-grid3-td-expander, .x-grid3-body .x-grid3-td-checker {
     /* background-image:url(../images/default/grid/grid3-special-col-bg-rtl.gif); */
}
.x-grid-group-hd div { background-position: 99% -47px; padding:4px 20px 4px 17px; }
.x-grid-group-collapsed .x-grid-group-hd div { background-position:99% 3px; }

.x-grid3-cell-inner, .x-grid3-hd-inner{
    padding:3px 5px 3px 3px;
}

.x-grid3-hd-inner {
    padding:4px 5px 4px 3px;
}



.x-grid3-header-pop {
    border-right:1px solid;
    float:left;
}

.x-grid3-header-pop-inner {
    border-right:1px solid;
}

.x-grid3-header-inner{
    float:right;
}

.x-grid3-header-offset {
    padding-left:0;
    padding-right:1px;
    text-align: right;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    border-right:1px solid !important;
    border-left:1px dotted !important;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    padding:3px 0 0 5px !important;
}

.x-dd-drag-ghost .x-grid3-dd-wrap {
    padding:1px 1px 3px 3px;
}

.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
    margin-left:0;
    margin-right:2px;
}

.x-grid-group-hd div.x-grid-group-title {
    padding:4px 17px 4px 4px;
    background-position:99% 3px;
}

.x-dd-drag-proxy{
    left:auto;
    right:0;
}

.x-dd-drag-ghost{
    padding-left:0;
    padding-right:20px;
}


.x-dd-drop-icon{
    left:auto;
    right:3px;
}

.x-view-selector {
    left:auto;
    right:0;
}

/*Forms*/
.x-form-field-wrap .x-form-trigger { /* background-image:url(../images/default/form/trigger-rtl.gif) */}
.x-form-field-wrap .x-form-date-trigger {  /* background-image: url(../images/default/form/date-trigger-rtl.gif); */}
.x-form-field-wrap .x-form-clear-trigger {  /* background-image: url(../images/default/form/clear-trigger-rtl.gif);*/ }
.x-form-field-wrap .x-form-search-trigger {  /* background-image: url(../images/default/form/search-trigger-rtl.gif);*/ }

/*Date picker*/
.x-date-right a { /* background-image: url(../images/default/shared/left-btn-rtl.gif); */ }
.x-date-left a{ /* background-image: url(../images/default/shared/right-btn-rtl.gif); */ }
.x-date-middle .x-btn-mc em.x-btn-arrow { background-position: 0 0; }
x-btn-mc em.x-btn-arrow { padding-left: 12px }
.x-date-mp-ybtn a.x-date-mp-next { background-position:0 -105px; }
.x-date-mp-ybtn a.x-date-mp-prev { background-position:0 -120px; }
.x-date-mp-ybtn a.x-date-mp-next:hover { background-position:-15px -105px; }
.x-date-mp-ybtn a.x-date-mp-prev:hover { background-position:-15px -120px; }

/*Toolbar icons*/
.x-tbar-page-first{ /* background-image: url(../images/default/grid/page-first-rtl.gif) !important; */ }
.x-tbar-page-last{ /* background-image: url(../images/default/grid/page-last-rtl.gif) !important; */ }
.x-tbar-page-next{ /* background-image: url(../images/default/grid/page-next-rtl.gif) !important; */ }
.x-tbar-page-prev{  /* background-image: url(../images/default/grid/page-prev-rtl.gif) !important; */ }
.x-item-disabled .x-tbar-page-first{ /* background-image: url(../images/default/grid/page-first-disabled-rtl.gif) !important; */ }
.x-item-disabled .x-tbar-page-last{  /* background-image: url(../images/default/grid/page-last-disabled-rtl.gif) !important; */ }
.x-item-disabled .x-tbar-page-next{ /* background-image: url(../images/default/grid/page-next-disabled-rtl.gif) !important; */ }
.x-item-disabled .x-tbar-page-prev{ /* background-image: url(../images/default/grid/page-prev-disabled-rtl.gif) !important; */ }

/*Toobar elements*/
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split
{
   /*  background-image:url(../images/default/button/s-arrow-o-rtl.gif); */
}
.x-toolbar .x-btn-mc em.x-btn-split {  /* background-image:url(../images/default/button/s-arrow-noline-rtl.gif); */ }
.x-toolbar-more-icon {  /* background-image:url(../images/default/toolbar/more-rtl.gif) !important; */  }
.x-btn-mc em.x-btn-arrow { background-position:left center; padding-right:0; padding-left:10px; }
.x-toolbar-more em.x-btn-arrow { padding-left:0}

/*MessageBox and Window*/
.x-window-dlg .ext-mb-icon {float:right;}
.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
    background-position: right top;
}
.x-hidden, .x-hide-offsets { left:0px; }

/* ProgressBar */
.x-progress-bar { float:right }
.x-progress-text { left:auto; right:0; }

/* tooltip */
.x-tip .x-tip-close{
    margin:0 2px 2px 0;
}

/*panel */
.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
    padding-right:20px !important;
    padding-left:0 !important;
    background-position: right 4px;
}

/* ---- text fields ---- */
.x-form-check-group-label {
    padding-left: 0 !important;
    padding-right: 3px !important;
}



.ext-webkit .x-form-field-wrap .x-form-trigger{
    right:auto;
    left:0;
}


.x-form-field-wrap {
    right:0;
    left:auto;
}

.x-form-grow-sizer {
    right: -10000px;
    left: auto;
}

/* Form Items CSS */

.x-form-item label.x-form-item-label {
    float:right;
    padding-right:0;
    clear:right;
}

.x-form-element {
    padding-left:0px;
    padding-right:105px;
}

.x-form-invalid-msg {
    padding-left:0;
    padding-right:18px;
}

.x-form-label-left label.x-form-item-label {
   text-align:right;
}

.x-form-label-right label.x-form-item-label {
   text-align:left;
}


.x-form-label-top .x-form-element {
    padding-right:0;
}

.x-small-editor .x-form-num-field {
    text-align:left;
}

.x-form-clear-left {
    clear:right;
}


.x-form-cb-label {
    margin-left:0;
    margin-right:4px;
}


.x-form-column {
    float:right;
}

/* buttons */
.x-form .x-form-btns-ct .x-btn{
    float:left;
}


.x-form .x-form-btns-ct .x-form-btns-right table{
    float:left;
}

.x-form .x-form-btns-ct .x-form-btns-left table{
    float:right;
}



.x-fieldset legend .x-tool-toggle {
    margin-left:3px;
    margin-right:0;
    float:right !important;
}

.ext-ie .x-fieldset legend .x-tool-toggle{
    right:25px;
    position:absolute;
}

.x-fieldset legend input {
    margin-left:3px;
    margin-right:0;
    float:right !important;
}

.ext-ie .x-fieldset legend input{
    right:25px;
    position:absolute;
}
.ext-ie .x-fieldset-header-text{
    margin-right:18px;
}
    
fieldset.x-panel-collapsed .x-fieldset-bwrap {
    right:-1000px;
    left:auto;
}

.x-fieldset-noborder legend {
    margin-left:0px;
    margin-right:-3px;
}

/* IE legend positioing bug */
.ext-ie .x-fieldset-noborder legend span {
    left:auto;
    right:16px;
}

.x-hide-label .x-form-element {
     padding-right: 0 !important;
}


td.x-date-mp-sep {
   border-right:none;
   border-left:1px solid;
}
td.x-date-mp-sep {
   border-right-color:none;
   border-left-color:#c5d2df;
}


.ext-strict .x-menu-item-icon{
    right: 3px;
}

.ext-ie .x-menu-item-icon {
    left: auto ;
    right: 15px;
}

.ext-ie6 .x-menu-item-icon {
    left: auto;
    right: 15x;
}

.ext-ie .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    right: 0x !important;
}

#startCaseTreePanel span:after, font:after {
    content: "\200E‎";
}