/**
 *
 * ---------------------------------------------------------
 * RTL CSS MAP
 * ---------------------------------------------------------
 *
 * 01. Base
 *     01. 01. Header
 *     01. 02. Header Buttons
 *     01. 03. Navigation
 *     01. 04. Content
 *     01. 05. Section
 *     01. 06. Show All Settings
 *     01. 07. Search Input
 *     01. 08. Copyright
 *     01. 09. Metabox
 * 02. Fields
 *     02. 01. Field: typography
 *     02. 02. Field: checkbox, radio
 *     02. 03. Field: switcher
 *     02. 04. Field: upload
 *     02. 05. Field: group
 *     02. 06. Field: repeater
 *     02. 07. Field: help
 *     02. 08. Field: icon
 *     02. 09. Field: gallery
 *     02. 10. Field: sorter
 *     02. 11. Field: tabbed
 *     02. 12. Field: media
 *     02. 13. Field: notice
 *     02. 14. Field: border, spacing, dimensions
 *     02. 15. Field: background
 *     02. 16. Field: spinner
 *     02. 17. Field: slider
 *     02. 18. Field: button_set
 *     02. 19. Field: link_color
 *     02. 20. Field: color_group
 *     02. 21. Field: palette
 *     02. 22. Field: accordion
 *     02. 23. Field: date
 *     02. 24. Field: map
 *     02. 25. Field: sortable
 *     02. 26. Field: number
 * 03. Taxonomy
 * 04. Profile
 * 05. Nav Menu
 * 06. Modal
 * 07. Customizer
 * 08. Responsive
 * 09. Others
 *
 * ---------------------------------------------------------
 *
 */
/**
 * 01. Base
 */
.spwps-options {
	margin-left: 20px;
	margin-right: 0;
}

/**
 * 01. 01. Header
 */
.spwps-header h1 {
	float: right;
}

.spwps-header fieldset {
	float: left;
}

/**
 * 01. 02. Header Buttons
 */
.spwps-buttons {
	float: left;
	direction: ltr;
}

.spwps-header-left {
	float: right;
}

.spwps-header-right {
	float: left;
}

/**
 * 01. 03. Navigation
 */
.spwps-nav {
	float: right;
}

.spwps-nav ul {
	clear: right;
}

.spwps-nav ul li .spwps-active:after {
	right: auto;
	left: 0;
	border-left-color: #fff;
	border-right-color: transparent;
}

.spwps-nav ul li .spwps-arrow:after {
	content: "\f053";
	right: auto;
	left: 10px;
}

.spwps-nav ul li.spwps-tab-expanded .spwps-arrow:after {
	transform: rotate(-90deg);
}

.spwps-nav ul ul li a {
	padding-right: 25px;
	padding-left: 15px;
}

.spwps-nav ul ul:before {
	left: auto;
	right: 15px;
}

.spwps-nav .spwps-tab-icon {
	margin-left: 5px;
	margin-right: 0;
}

.spwps-nav-background {
	left: auto;
	right: 0;
}

/**
 * 01. 04. Content
 */
.spwps-content {
	margin-left: 0;
	margin-right: 0;
}

/**
 * 01. 05. Section
 */
.spwps-sections {
	float: right;
}

/**
 * 01. 06. Show all options
 */
.spwps-show-all .spwps-content {
	margin-right: 0;
	overflow: hidden;
}

.spwps-expand-all {
	float: right;
	right: auto;
	left: 40px;
	margin-right: 0;
	margin-left: 4px;
}

/**
 * 01. 07. Search Input
 */
.spwps-search {
	float: right;
}

.spwps-search input {
	margin: 0 0 0 5px;
}

/**
 * 01. 08. Copyright
 */
.spwps-copyright {
	float: right;
}

/**
 * 01. 09. Metabox
 */
.spwps-metabox {
	margin: -6px -12px -12px -12px;
}

.spwps-metabox .spwps-section-title {
	padding: 20px;
}

.spwps-section-title .spwps-section-icon {
	margin-left: 5px;
	margin-right: 0;
}

/**
 * 02. Fields
 */
.spwps-field .spwps-title {
	float: right;
}

.spwps-field .spwps-fieldset {
	float: left;
}

.spwps-pseudo-field {
	padding: 0 0 0 5px !important;
}

/**
 * 02. 01. Field: typography
 */
.spwps-field-typography select {
	margin: 0;
	width: 100%;
}

.spwps-field-typography .spwps--blocks-inputs .spwps--blocks {
	flex-direction: row-reverse;
}

.spwps-field-typography .spwps--unit {
	left: 4px;
	right: auto;
}

/**
 * 02. 02. Field: checkbox, radio
 */
.spwps-field-checkbox ul ul li,
.spwps-field-radio ul ul li {
	margin-left: 0;
	margin-right: 8px;
}

.spwps-field-checkbox ul ul li:first-child,
.spwps-field-radio ul ul li:first-child {
	margin-right: 0;
}

.spwps-field-checkbox .spwps--inline-list li,
.spwps-field-radio .spwps--inline-list li {
	margin-right: 0;
	margin-left: 15px;
}

.spwps-field-checkbox .spwps--text,
.spwps-field-radio .spwps--text {
	margin-left: 0;
	margin-right: 5px;
}

/**
 * 02. 03. Field: switcher
 */
.spwps-field-switcher .spwps--switcher {
	float: right;
}

.spwps-field-switcher .spwps--label {
	float: right;
	margin-left: 0;
	margin-right: 5px;
}





/**
 * 02. 07. Field: help
 */
.spwps-help {
	right: auto;
	left: 5px;
}

/**
 * 02. 08. Field: icon
 */
.spwps-field-icon .button {
	margin-right: 0;
	margin-left: 5px;
}

.spwps-field-icon .spwps-icon-preview i {
	margin-right: 0;
	margin-left: 5px;
}


/**
 * 02. 13. Field: notice
 */
.spwps-notice {
	border-left: none;
	border-right-style: solid;
	border-right-width: 4px;
}

/**
 * 02. 14. Field: border, spacing, dimensions
 */
.spwps-field-dimensions .spwps--input,
.spwps-field-dimensions .spwps-fieldset,
.spwps-field-spacing .spwps--input,
.spwps-field-spacing .spwps-fieldset,
.spwps-field-border .spwps--input,
.spwps-field-border .spwps-fieldset {
	direction: ltr;
}

.spwps-field-dimensions .spwps--inputs,
.spwps-field-dimensions .spwps--color,
.spwps-field-spacing .spwps--inputs,
.spwps-field-spacing .spwps--color,
.spwps-field-border .spwps--inputs,
.spwps-field-border .spwps--color {
	float: right;
}

.spwps-field-dimensions .spwps--color,
.spwps-field-spacing .spwps--color,
.spwps-field-border .spwps--color {
	margin-right: 4px;
	direction: rtl;
}


/**
 * 02. 16. Field: spinner
 */
.spwps-field-spinner .spwps--spin {
	float: right;
	direction: ltr;
}

/**
 * 02. 17. Field: slider
 */
.spwps-field-slider .spwps-slider-ui {
	direction: ltr;
	margin-right: 0;
	margin-left: 15px;
}

.spwps-field-slider .spwps--input {
	direction: ltr;
}

/**
 * 02. 18. Field: button_set
 */
.spwps-field-button_set .spwps--button-group {
	float: right;
}

/**
 * 02. 19. Field: link_color
 */
.spwps-field-link_color .spwps--left {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

/**
 * 02. 20. Field: color_group
 */
.spwps-field-color_group .spwps--left {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

/**
 * 02. 21. Field: palette
 */
.spwps-field-palette .spwps--palette {
	margin-right: 0;
	margin-left: 10px;
}


/**
 * 02. 23. Field: date
 */
.spwps-field-date .spwps--to {
	margin-left: 0;
	margin-right: 7px;
}

/**
 * 02. 24. Field: map
 */
.spwps-field-map .spwps--map-input:last-child {
	padding-left: 0;
	padding-right: 10px;
}

/**
 * 02. 26. Field: number
 */
.spwps-field-number .spwps--wrap {
	float: right;
}

.spwps-field-number .spwps--unit {
	left: 4px;
	right: auto;
}

/**
 * 08. Responsive
 */
@media only screen and (max-width: 1200px) {
	.spwps-metabox .spwps-field .spwps-fieldset {
		margin-left: 0;
	}
}

@media only screen and (max-width: 782px) {

	.spwps .spwps-fieldset,
	.spwps .spwps-content {
		margin-right: 0;
	}
}

/**
 * 09. Others
 */
.spwps-field .spwps--transparent-slider {
	margin-left: 0;
	margin-right: 2px;
}

.spwps-field .spwps--transparent-slider .ui-slider-handle {
	margin: 0 -11px;
}

.spwps-field .spwps--transparent-offset {
	background-position: center right;
}

.spwps-field .spwps--transparent-text {
	right: auto;
	left: 10px;
}

.spwps-field-column .spwps--inputs {
	float: right;
}

.spwps-field-column .spwps--icon {
	border-right: 1px solid;
	border-radius: 4px 0 0 4px;
}

.spwps-field-column .spwps--icon {
	border-left: 0;
	border-radius: 0px 4px 4px 0px;
}

.spwps--input input.spwps-number {
	padding: 0;
	border-radius: 4px 0 0 4px;
}

.spwps-field-column .spwps--icon+input {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.spwps-field-column .spwps--icon+input {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}

.spwps-field-border .spwps--inputs {
	flex-direction: row-reverse;
}

.spwps-field-tabbed .spwps-tabbed-nav {
	width: 280px;
	border-left: 1px solid rgba(221, 221, 221, 1);
	border-right: none;
}

.spwps-field.spwps-field-fieldset.wps-navigation-and-pagination-style .spwps-fieldset-content {
	flex-direction: row-reverse;
	padding-right: 0;
	padding-left: 20px;
	justify-content: flex-end;
}

.spwps-tabbed-nav a span {
	margin-right: 0;
	margin-left: 6px;
}

.spwps-field-tabbed .spwps-tabbed-nav a.spwps-tabbed-active {
	-webkit-box-shadow: outset 3px 0 #82397D;
	box-shadow: 3px 0 #82397D;
	border-right-color: rgba(204, 204, 204, 1);
	margin-right: 0;
	border-right: 1px solid;
	border-left: none;
	margin-left: -1px;
}
.spwps-theme-dark .spwps-nav>ul>li:last-child>a {
	border-right: 1px solid;
}
.spwps-nav-normal+.spwps-content {
	margin-left: 0;
	margin-right: 230px;
}
.spwps-theme-light .spwps-nav-normal>ul li .spwps-active {
	border-right-color: #ccd0d4;
}
.spwps-header-inner h1 img {
	margin-right: 0;
	margin-left: 8px;
}
.spwps-notice {
	border: none;
}
.sp-woo-product-slider-help .spwps-header-logo-shape {
	left: 20px !important;
	right: auto !important;
}

/*
** Dashboard notice issue on RTL mode
*/
.notice.woogs-notice img, 
.notice.wqv-notice img {
    float: right;
    margin-left: 12px;
	margin-right: unset;
}
.woogs-notice .woogs-activate-btn, 
.wqv-notice .wqv-activate-btn {
	margin-left: 15px;
}
a.woogs-demo-button, 
a.wqv-demo-button {
    display: inline-block;
}

.woogs-demo-button svg, 
.wqv-demo-button svg {
    margin-right: 5px;
    transform: rotate(180deg);
}

a.woogs-demo-button:hover svg, 
a.wqv-demo-button:hover svg {
    transform: rotate(180deg);
}