/**

 *

 * ---------------------------------------------------------

 * CGPS FRAMEWORK 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

 */

.cgps-options {

  margin-left: 20px;

  margin-right: 0;

}



/**

 * 01. 01. Header

 */

.cgps-header h1 {

  float: right;

}

.cgps-header fieldset {

  float: left;

}



/**

 * 01. 02. Header Buttons

 */

.cgps-buttons {

  float: left;

  direction: ltr;

}



.cgps-header-left {

  float: right;

}



.cgps-header-right {

  float: left;

}



/**

 * 01. 03. Navigation

 */

.cgps-nav {

  float: right;

}

.cgps-nav ul {

  clear: right;

}

.cgps-nav ul li .cgps-active:after {

  right: auto;

  left: 0;

  border-left-color: #fff;

  border-right-color: transparent;

}

.cgps-nav ul li .cgps-arrow:after {

  content: "\f053";

  right: auto;

  left: 10px;

}

.cgps-nav ul li.cgps-tab-expanded .cgps-arrow:after {

  transform: rotate(-90deg);

}

.cgps-nav ul ul li a {

  padding-right: 25px;

  padding-left: 15px;

}

.cgps-nav ul ul:before {

  left: auto;

  right: 15px;

}

.cgps-nav .cgps-tab-icon {

  margin-left: 5px;

  margin-right: 0;

}



.cgps-nav-background {

  left: auto;

  right: 0;

}



/**

 * 01. 04. Content

 */

.cgps-content {

  margin-left: 0;

  margin-right: 225px;

}



/**

 * 01. 05. Section

 */

.cgps-sections {

  float: right;

}



/**

 * 01. 06. Show all options

 */

.cgps-show-all .cgps-content {

  margin-right: 0;

  overflow: hidden;

}



.cgps-expand-all {

  float: right;

  right: auto;

  left: 40px;

  margin-right: 0;

  margin-left: 4px;

}



/**

 * 01. 07. Search Input

 */

.cgps-search {

  float: right;

}

.cgps-search input {

  margin: 0 0 0 5px;

}



/**

 * 01. 08. Copyright

 */

.cgps-copyright {

  float: right;

}



/**

 * 01. 09. Metabox

 */

.cgps-metabox {

  margin: -6px -12px -12px -12px;

}

.cgps-metabox .cgps-section-title {

  padding: 20px;

}



.cgps-section-title .cgps-section-icon {

  margin-left: 5px;

  margin-right: 0;

}



/**

 * 02. Fields

 */

.cgps-field .cgps-title {

  float: right;

}

.cgps-field .cgps-fieldset {

  float: left;

}



.cgps-pseudo-field {

  padding: 0 0 0 5px !important;

}



/**

 * 02. 01. Field: typography

 */

.cgps-field-typography select {

  margin: 0;

  width: 100%;

}

.cgps-field-typography .cgps--blocks-inputs .cgps--blocks {

  flex-direction: row-reverse;

}

.cgps-field-typography .cgps--unit {

  left: 4px;

  right: auto;

}



/**

 * 02. 02. Field: checkbox, radio

 */

.cgps-field-checkbox ul ul li,

.cgps-field-radio ul ul li {

  margin-left: 0;

  margin-right: 8px;

}

.cgps-field-checkbox ul ul li:first-child,

.cgps-field-radio ul ul li:first-child {

  margin-right: 0;

}

.cgps-field-checkbox .cgps--inline-list li,

.cgps-field-radio .cgps--inline-list li {

  margin-right: 0;

  margin-left: 15px;

}

.cgps-field-checkbox .cgps--text,

.cgps-field-radio .cgps--text {

  margin-left: 0;

  margin-right: 5px;

}



/**

 * 02. 03. Field: switcher

 */

.cgps-field-switcher .cgps--switcher {

  float: right;

}

.cgps-field-switcher .cgps--label {

  float: right;

  margin-left: 0;

  margin-right: 5px;

}



/**

 * 02. 04. Field: upload

 */

.cgps-field-upload .cgps--remove,

.cgps-field-upload .cgps--button {

  margin-left: 0;

  margin-right: 5px;

}



/**

 * 02. 05. Field: group

 */

.cgps-field-group .cgps-cloneable-title {

  padding: 15px 10px 15px 65px;

}

.cgps-field-group .cgps-cloneable-helper {

  right: auto;

  left: 10px;

}



/**

 * 02. 06. Field: repeater

 */

.cgps-field-repeater .cgps-repeater-helper {

  border-left: 0;

  border-right: 1px solid #eee;

}



/**

 * 02. 07. Field: help

 */

.cgps-help {

  right: auto;

  left: 5px;

}



/**

 * 02. 08. Field: icon

 */

.cgps-field-icon .button {

  margin-right: 0;

  margin-left: 5px;

}

.cgps-field-icon .cgps-icon-preview i {

  margin-right: 0;

  margin-left: 5px;

}



/**

 * 02. 09. Field: gallery

 */

.cgps-field-gallery ul li {

  margin-right: 0;

  margin-left: 5px;

}

.cgps-field-gallery .button {

  margin-right: 0;

  margin-left: 5px;

}



/**

 * 02. 11. Field: tabbed

 */

.cgps-field-tabbed .cgps-tabbed-nav .cgps--icon {

  padding-right: 0;

  padding-left: 5px;

}

.cgps-field-tabbed .cgps-tabbed-nav a {

  margin-right: 0;

  margin-left: 5px;

}



/**

 * 02. 12. Field: media

 */

.cgps-field-media .button {

  margin-left: 0;

  margin-right: 7px;

}

.cgps-field-media .hidden + .button {

  margin-right: 0;

}



/**

 * 02. 13. Field: notice

 */

.cgps-notice {

  border-left: none;

  border-right-style: solid;

  border-right-width: 4px;

}



/**

 * 02. 14. Field: border, spacing, dimensions

 */

.cgps-field-dimensions .cgps--input,

.cgps-field-dimensions .cgps-fieldset,

.cgps-field-spacing .cgps--input,

.cgps-field-spacing .cgps-fieldset,

.cgps-field-border .cgps--input,

.cgps-field-border .cgps-fieldset {

  direction: ltr;

}

.cgps-field-dimensions .cgps--inputs,

.cgps-field-dimensions .cgps--color,

.cgps-field-spacing .cgps--inputs,

.cgps-field-spacing .cgps--color,

.cgps-field-border .cgps--inputs,

.cgps-field-border .cgps--color {

  float: right;

}

.cgps-field-dimensions .cgps--color,

.cgps-field-spacing .cgps--color,

.cgps-field-border .cgps--color {

  margin-right: 4px;

  direction: rtl;

}



/**

 * 02. 15. Field: background

 */

.cgps-field-background .cgps--block {

  float: right;

}

.cgps-field-background .cgps--select,

.cgps-field-background .cgps--media {

  padding-right: 0;

}

.cgps-field-background .cgps--title {

  margin-right: 0;

  margin-left: 5px;

}



/**

 * 02. 16. Field: spinner

 */

.cgps-field-spinner .cgps--spin {

  float: right;

  direction: ltr;

}



/**

 * 02. 17. Field: slider

 */

.cgps-field-slider .cgps-slider-ui {

  direction: ltr;

  margin-right: 0;

  margin-left: 15px;

}

.cgps-field-slider .cgps--input {

  direction: ltr;

}



/**

 * 02. 18. Field: button_set

 */

.cgps-field-button_set .cgps--button-group {

  float: right;

}



/**

 * 02. 19. Field: link_color

 */

.cgps-field-link_color .cgps--left {

  float: right;

  margin-right: 0;

  margin-left: 10px;

}



/**

 * 02. 20. Field: color_group

 */

.cgps-field-color_group .cgps--left {

  float: right;

  margin-right: 0;

  margin-left: 10px;

}



/**

 * 02. 21. Field: palette

 */

.cgps-field-palette .cgps--palette {

  margin-right: 0;

  margin-left: 10px;

}



/**

 * 02. 22. Field: accordion

 */

.cgps-field-accordion .cgps--icon {

  margin-right: 0;

  margin-left: 2px;

}



/**

 * 02. 23. Field: date

 */

.cgps-field-date .cgps--to {

  margin-left: 0;

  margin-right: 7px;

}



/**

 * 02. 24. Field: map

 */

.cgps-field-map .cgps--map-input:last-child {

  padding-left: 0;

  padding-right: 10px;

}



/**

 * 02. 25. Field: sortable

 */

.cgps-field-sortable .cgps-sortable-helper {

  border-left: none;

  border-right: 1px solid #eee;

}



/**

 * 02. 26. Field: number

 */

.cgps-field-number .cgps--wrap {

  float: right;

}

.cgps-field-number .cgps--unit {

  left: 4px;

  right: auto;

}



/**

 * 03. Taxonomy

 */

.cgps-taxonomy-add-fields {

  margin-right: 0;

  margin-left: 30px;

}

.cgps-taxonomy-add-fields .cgps-field > .cgps-fieldset > .cgps-help {

  left: -5px;

  right: auto;

}



.cgps-taxonomy-edit-fields {

  margin-right: 0;

  margin-left: 35px;

}

.cgps-taxonomy-edit-fields .cgps-field > .cgps-fieldset > .cgps-help {

  right: auto;

  left: -5px;

}



/**

 * 04. Profile

 */

.cgps-profile-options > h2 > .fa {

  padding-right: 0;

  padding-left: 7px;

}

.cgps-profile-options > .cgps-field > .cgps-fieldset > .cgps-help {

  left: -5px;

  right: auto;

}



/**

 * 05. Nav Menu

 */

.cgps-nav-menu-options > .cgps-fields {

  margin-left: 0;

  margin-right: -10px;

}



.cgps-nav-menu-title {

  padding-left: 14px;

  padding-right: 12px;

}



.cgps-nav-menu-icon {

  margin-right: 0;

  margin-left: 5px;

}



/**

 * 06. Modal

 */

.cgps-modal-content .cgps-field {

  padding: 15px 15px 15px 30px;

}



.cgps-modal-title {

  padding: 0 16px 0 36px;

}



.cgps-modal-close {

  right: auto;

  left: 0;

}



/**

 * 07. Customizer

 */

.control-section .cgps-field .cgps-fieldset {

  margin-right: 0;

}



/**

 * 08. Responsive

 */

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

  .cgps-metabox .cgps-field .cgps-fieldset {

    margin-left: 0;

  }

}

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

  .cgps .cgps-fieldset,

  .cgps .cgps-content {

    margin-right: 0;

  }

}

/**

 * 09. Others

 */

.cgps-field .cgps--transparent-slider {

  margin-left: 0;

  margin-right: 2px;

}

.cgps-field .cgps--transparent-slider .ui-slider-handle {

  margin: 0 -11px;

}

.cgps-field .cgps--transparent-offset {

  background-position: center right;

}

.cgps-field .cgps--transparent-text {

  right: auto;

  left: 10px;

}

