body.rtl,
html[dir="rtl"] {

sr-drops span.sr--form--info {
    margin-left:inherit;
    margin-right:5px;
}

sr-drop-view .sr--drop--icon {
    right:auto;
    left:8px;
}

sr-drops sr-drop-icon-left {
    margin-right:inherit;
    margin-left:10px;
}

.sr--form--otitle {
    right:auto;
    left:24px;
}

#sr-frame-attr span.sr--form--otitle { 
    right:auto;
    left:10px;
}

sr-wrap.sr--minput-resps {
    left:auto;
    right:-140px;
}

.sr--form--otitle[noicon] {
    right:auto;
    left:8px;
}

sr-drops .sr--preset--action {
    margin-right:inherit;
    margin-left:15px;
}

sr-drops .sr--preset--action svg.sr--icon {
    margin-right:inherit;
    margin-left:5px;
}

sr-drops .sr--rename--preset--wrap {
    left:auto;
    right:0px;
}

/********************************
            DROPDOWN    
********************************/

sr-notdraggable {
    left:auto;
    right:0px;
}

/********************************
            INPUTS
********************************/

sr-input input.sr--input--withicon--left,
sr-input input[type="text"].sr--input--withicon--left,
sr-input input[type="number"].sr--input--withicon--left,
sr-input input[type="url"].sr--input--withicon--left,
sr-input input[type="search"].sr--input--withicon--left {
    padding-left:inherit;
    padding-right:35px;
}

sr-input .sr--input--icon {
    right:auto;
    left:8px;
    text-align: left;
}

sr-minput sr-minput-disp span.sr--input--icon {
    right:auto;
    left:8px;
    text-align: left;
}

sr-input.sr--icon--left--c .sr--input--icon,
sr-input .sr--input--icon--left {    
    left:auto;
    right:8px;
}
sr-input .sr--input--icon--left {
    text-align: right;
}

/*************+********
    4th Input Rows
**********************/

sr-bmp > svg.sr--icon {
    margin-right:inherit;
    margin-left:13px;
}
.sr--lock {    
    text-align: left;
}

/***************************
    CHECK ELEMENT
****************************/
sr-drops sr-check {
    margin-right: inherit;
    margin-left: 10px;
}


/********************************
            TABS && COMBO
********************************/
sr-combo,
sr-tabs-wrap sr-tab {
    margin-right:inherit;
    margin-left:-1px;
}

sr-combo {
    display: inline-block;
    padding:0px 10px 0px 5px;
}

/********************************
        TOGGLE
********************************/
sr-onoff:before {
    left:auto;
    right:2px;
}

sr-onoff:hover:before {
    transition: right 0.2s;
}

sr-onoff.checked:before {
    left:auto;
    right:20px;
}

sr-separator-head sr-onoff {
    right: auto;
    left: 10px;
}

/***************************
    Radio Elements
****************************/
sr-radio-item.sr--mtype--sel {
    margin-right:inherit; 
    margin-left:10px; 
}
sr-radio-item.sr--mtype--sel:last-child { 
    margin-right:inherit;
    margin-left:0px;
}
sr-wrap.sr--form--grp[basic] .sr--form--otitle,
sr-wrap-dep.sr--form--grp[basic] .sr--form--otitle,
sr-radio-item .sr--form--otitle { 
    margin-left:inherit;
    margin-right:10px;
}

/********************************
        IMAGE PICKER
********************************/
sr-bg-img {
    left:auto; 
    right:0px; 
}
.sr_image_custompos {
    right:0px;
}
.sr_image_custompos span { 
    left:auto;
    margin-right:inherit;
    margin-left:5px;
}

sr-aligner-wrap,
sr-bg-pos-wrap {
    right:auto;
    left:9px;
}


.sr--bg--clear {
    right:auto;
    left:3px;
}


/***************************+
    DATE PICKER
****************************/

.sr--calendar--header sr-button.prev-month,
.sr--calendar--header sr-button.next-month
{
    left:auto;
    right:0px;
}

.sr--calendar--header sr-button.next-month {
    right:auto;
    left:0px;
}

.sr--calendar--header sr-button.next-month svg.sr--icon{
    transform: rotate(90deg) translateX(-1px) translateY(5px);
}
.sr--calendar--header sr-button.prev-month svg.sr--icon {
    transform: rotate(-90deg) translateX(-4px) translateY(-11px);
}

}