1#@!#!123s

: / home / vblioqus / www / wp-content / themes / kadence / inc / customizer / react / build /
Filename : controls.css
back
.customize-control-kadence_builder_control {
  border: 0 !important;
}

.kadence-builder-items {
  padding: 10px 20px;
}

.kadence-builder-sortable-panel {
  min-height: 44px;
  display: flex;
  flex: 1;
  align-items: center;
}

.kadence-builder-item {
  line-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  min-width: 80px;
  background: white;
  position: relative;
  border: 1px solid #A0AEC0;
  white-space: nowrap;
  position: relative;
  cursor: grab;
  margin: 0 4px;
  padding: 0 12px;
  border-radius: 3px;
}
.kadence-builder-item > .kadence-builder-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  cursor: pointer;
  margin-right: -10px;
  width: 28px;
  height: 28px;
  color: #718096;
  background: transparent;
  border: 0;
  padding: 0;
  margin-left: 8px;
}

.kadence-builder-item.sortable-ghost {
  opacity: 0.4;
  box-shadow: none;
  opacity: 0.6;
  font-size: 0;
  border: 1px dashed #9c9c9c;
  background: rgba(0, 0, 0, 0.015);
  background: rgba(0, 124, 186, 0.25);
}
.kadence-builder-item.sortable-ghost .kadence-builder-item-icon {
  display: none;
}

.kadence-builder-item.sortable-drag {
  box-shadow: 0 5px 20px -5px rgba(104, 104, 104, 0.4), inset 3px 0px 0px #007cba;
  z-index: 999999 !important;
}
.kadence-builder-item.sortable-drag .kadence-builder-item-icon:not(.kadence-move-icon) {
  display: none;
}

.kadence-builder-item-start {
  margin-bottom: 10px;
  min-height: 34px;
  display: flex;
}
.kadence-builder-item-start .kadence-builder-item {
  flex: 1;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.kadence-builder-item-start .kadence-builder-item.sortable-drag {
  width: auto;
}

#accordion-section-kadence_customizer_header_builder {
  display: none !important;
}

#accordion-section-kadence_customizer_footer_builder {
  display: none !important;
}

.kadence-build-tabs {
  border-bottom: 4px solid #ddd;
  margin: 0;
  padding-top: 9px;
  padding-bottom: 0;
  line-height: inherit;
  display: flex;
  padding: 0 12px;
}

.kadence-build-tabs .nav-tab {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  height: 40px;
  margin: 0;
  margin-bottom: -4px;
  padding: 0 18px;
  cursor: pointer;
  border: 0;
  box-sizing: content-box;
  border-bottom: 4px solid #ddd;
  border-radius: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.kadence-build-tabs .nav-tab .dashicons.dashicons-desktop {
  font-size: 14px;
  height: auto;
}
.kadence-build-tabs .nav-tab:not(.nav-tab-active):hover {
  background: #e5e5e5 !important;
  color: #444 !important;
  border-bottom-color: #f9f9f9;
}
.kadence-build-tabs .nav-tab:hover {
  box-shadow: none !important;
}
.kadence-build-tabs .nav-tab:not(:first-child) {
  margin-left: 8px;
}

.kadence-build-tabs .nav-tab.nav-tab-active {
  border-bottom-color: #007cba;
  background: #f9f9f9;
  color: #000;
}

#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
  position: fixed !important;
  top: auto;
  left: 300px;
  right: 0;
  min-height: 0;
  background: #eee;
  border-top: 1px solid #A0AEC0;
  bottom: 0;
  visibility: visible;
  height: auto;
  width: auto;
  padding: 0;
  max-height: 60%;
  overflow: auto;
  transform: translateY(100%);
  transition: transform 0.1s ease;
  backface-visibility: hidden;
}

@media (min-width: 1660px) {
  #customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
    left: 18%;
  }
}
@media (max-width: 1659px) {
  .rtl #customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, .rtl #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
    right: 300px;
    left: 0;
  }
}
#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder.kadence-builder-active, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder.kadence-footer-builder-active {
  transform: translateY(0%);
  visibility: visible;
  overflow: visible;
}

#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder.kadence-builder-active.kadence-builder-hide, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder.kadence-footer-builder-active.kadence-builder-hide {
  transform: translateY(100%) !important;
  overflow: visible;
}

.kadence-builder-active > li.customize-section-description-container, .kadence-footer-builder-active > li.customize-section-description-container {
  display: none !important;
}

.kadence-builder-areas .kadence-builder-group-horizontal {
  display: flex;
  margin-bottom: 15px;
  border: 1px dashed #A0AEC0;
  background: #f7f7f7;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area {
  display: flex;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-left, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-right {
  flex: 1 1 0%;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-right .kadence-builder-drop-right, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-left_center {
  justify-content: flex-end;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-left_center, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-right_center {
  width: 0px;
  flex: 0;
  overflow: hidden;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center {
  min-width: 80px;
  border-left: 1px dashed #A0AEC0;
  border-right: 1px dashed #A0AEC0;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center .kadence-builder-sortable-panel {
  justify-content: center;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center.kadence-dragging-dropzones {
  min-width: 120px;
}

.kadence-builder-areas.has-center-items .kadence-builder-drop-left_center, .kadence-builder-areas.has-center-items .kadence-builder-drop-right_center {
  width: auto;
  flex: 1;
  overflow: auto;
}
.kadence-builder-areas.has-center-items .kadence-dragging-dropzones .kadence-builder-drop-left_center {
  min-width: 100px;
  border-left: 1px dashed #A0AEC0;
}
.kadence-builder-areas.has-center-items .kadence-dragging-dropzones .kadence-builder-drop-right_center {
  min-width: 100px;
  border-right: 1px dashed #A0AEC0;
}
.kadence-builder-areas.has-center-items .kadence-builder-area-center {
  min-width: 120px;
  border-left: 1px dashed #A0AEC0;
  border-right: 1px dashed #A0AEC0;
}

.kadence-builder-areas .kadence-small-label {
  display: none;
}

.kadence-builder-areas.popup-vertical-group {
  width: 200px;
  padding-right: 20px;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-group {
  height: 100%;
  margin-bottom: 0;
}

.kadence-builder-areas.popup-vertical-group .kadence-builder-area {
  flex: auto;
  flex-direction: column;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-area .kadence-builder-sortable-panel {
  min-height: 115px;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-area .kadence-builder-sortable-panel .kadence-builder-item {
  width: 90%;
  margin-top: 4px;
  margin-bottom: 4px;
  box-sizing: border-box;
}

.kadence-builder-item-start button.kadence-builder-item {
  border: 1px dashed #bbb;
  background: #f2f2f2;
  cursor: pointer;
  box-shadow: none !important;
}

.kadence-builder-item-start button.kadence-builder-item:hover {
  border: 1px dashed #a2a2a2;
  background: #f9f9f9 !important;
}

.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_footer_layout,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout {
  transform: none;
  height: auto;
  visibility: visible;
  top: 75px;
}

.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_footer_layout .customize-section-description-container.section-meta,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout .customize-section-description-container.section-meta {
  display: none;
}

.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-section-kadence_customizer_footer_layout .customize-section-description-container,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout .customize-section-description-container {
  display: none;
}

.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-kadence_customizer_footer .accordion-section.control-section,
.kadence-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-kadence_customizer_header .accordion-section.control-section {
  display: none !important;
}

.kadence-footer-builder-is-active .preview-desktop #customize-preview, .kadence-footer-builder-is-active .preview-tablet #customize-preview, .kadence-builder-is-active .preview-desktop #customize-preview, .kadence-builder-is-active .preview-tablet #customize-preview {
  height: auto;
}

#customize-control-header_mobile_items .kadence-builder-items {
  display: flex;
}

#customize-control-header_mobile_items .kadence-builder-row-items {
  flex: 1;
}

.customize-control-kadence_builder_control .kadence-builder-items.kadence-builder-items-with-popup {
  display: flex;
}
.customize-control-kadence_builder_control .kadence-builder-items.kadence-builder-items-with-popup .kadence-builder-row-items {
  flex: 1;
}

.kadence-builder-areas button.components-button.kadence-row-actions {
  background: #007cba;
  color: #c8dbe4;
  text-transform: uppercase;
  font-size: 10px;
  height: auto;
  line-height: 26px;
  border-radius: 0;
  position: absolute;
  top: -26px;
  border: 0;
  opacity: 0;
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10;
}

.kadence-builder-areas:hover button.components-button.kadence-row-actions {
  opacity: 1;
}

.kadence-builder-areas button.components-button.kadence-row-actions svg {
  width: 10px;
  margin-left: 8px;
}

.kadence-builder-areas button.components-button.kadence-row-actions .dashicons {
  width: 10px;
  font-size: 10px;
  height: 10px;
  margin-left: 8px;
}

.kadence-builder-areas button.components-button.kadence-row-actions:hover, .kadence-builder-areas button.components-button.kadence-row-actions:focus {
  background: #007cba !important;
  color: white !important;
  box-shadow: none !important;
}

.kadence-builder-areas {
  position: relative;
}

.kadence-builder-areas:hover .kadence-builder-group-horizontal {
  border: 1px solid #007cba;
}

.kadence-builder-group.kadence-builder-group-horizontal[data-setting=bottom] {
  margin-bottom: 0;
}

.footer-column-row .kadence-builder-area {
  flex: 1;
  border-right: 1px dashed #A0AEC0;
}
.footer-column-row .kadence-builder-area .kadence-builder-sortable-panel {
  justify-content: center;
}
.footer-column-row .kadence-builder-area:first-child .kadence-builder-sortable-panel {
  justify-content: flex-start;
}
.footer-column-row .kadence-builder-area:last-child .kadence-builder-sortable-panel {
  justify-content: flex-end;
}

.footer-column-row .kadence-builder-area:last-child {
  border-right: 0;
}

#sub-accordion-section-kadence_customizer_footer_builder .customize-control-kadence_blank_control .kadence-builder-tab-toggle {
  top: -4px;
}

#sub-accordion-section-kadence_customizer_footer_builder .customize-control-kadence_blank_control .kadence-builder-show-button.kadence-builder-tab-toggle {
  top: auto;
}

.footer-row-columns-2.footer-row-layout-left-golden .kadence-builder-area-1 {
  flex: 0 1 66.67%;
}
.footer-row-columns-2.footer-row-layout-left-golden .kadence-builder-area-2 {
  flex: 0 1 33.33%;
}
.footer-row-columns-2.footer-row-layout-right-golden .kadence-builder-area-1 {
  flex: 0 1 33.33%;
}
.footer-row-columns-2.footer-row-layout-right-golden .kadence-builder-area-2 {
  flex: 0 1 66.67%;
}

.footer-row-columns-3.footer-row-layout-left-half .kadence-builder-area {
  flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-left-half .kadence-builder-area-1 {
  flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-right-half .kadence-builder-area {
  flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-right-half .kadence-builder-area-3 {
  flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-center-half .kadence-builder-area {
  flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-center-half .kadence-builder-area-2 {
  flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-center-wide .kadence-builder-area {
  flex: 0 1 20%;
}
.footer-row-columns-3.footer-row-layout-center-wide .kadence-builder-area-2 {
  flex: 0 1 60%;
}
.footer-row-columns-3.footer-row-layout-center-exwide .kadence-builder-area {
  flex: 0 1 15%;
}
.footer-row-columns-3.footer-row-layout-center-exwide .kadence-builder-area-2 {
  flex: 0 1 70%;
}

.footer-row-columns-4.footer-row-layout-left-forty .kadence-builder-area {
  flex: 1;
}
.footer-row-columns-4.footer-row-layout-left-forty .kadence-builder-area-1 {
  flex: 2;
}
.footer-row-columns-4.footer-row-layout-right-forty .kadence-builder-area {
  flex: 1;
}
.footer-row-columns-4.footer-row-layout-right-forty .kadence-builder-area-4 {
  flex: 2;
}

.footer-column-row.footer-row-columns-1 .kadence-builder-area:last-child .kadence-builder-sortable-panel {
  justify-content: center;
}

.kadence-builder-areas.footer-row-direction-column .kadence-builder-group-horizontal .kadence-builder-area .kadence-builder-drop {
  flex-direction: column;
  align-items: normal;
}

.kadence-builder-areas.footer-row-direction-column .kadence-builder-group-horizontal .kadence-builder-area .kadence-builder-drop .kadence-builder-item {
  margin: 4px;
}

.kadence-builder-item-start .kadence-builder-item {
  border-left: 3px solid #007cba;
}

.kadence-builder-item-start button.kadence-builder-item {
  border: 1px solid #fff;
  background: #fff;
}

.kadence-builder-item-start button.kadence-builder-item:hover {
  border: 1px solid #fff;
  background: #fff !important;
}

.kadence-builder-item-start .kadence-builder-item:hover > .kadence-builder-item-icon {
  color: #007cba;
}

.kadence-builder-item > .kadence-builder-item-icon.kadence-move-icon {
  margin-left: -10px;
  transform: rotate(90deg);
  margin-right: 0;
  cursor: grab;
  width: 18px;
  opacity: 0.7;
}

.kadence-builder-item-text {
  flex-grow: 1;
}

.kadence-builder-item-start.kadence-move-item .kadence-builder-item {
  justify-content: flex-start;
}

.customize-control:not(.customize-control-kadence_blank_control) + .customize-control#customize-control-header_mobile_available_items {
  padding-top: 0;
  border-top: 0;
}

.kadence-available-items-pool {
  min-width: 80px;
  border: 1px dashed #A0AEC0;
  padding: 20px 10px 10px;
}

.kadence-available-items-title {
  padding: 10px 0;
}

.kadence-builder-item > .kadence-builder-item-icon.kadence-builder-item-focus-icon svg {
  width: 14px;
}

.kadence-builder-item > .kadence-builder-item-icon.kadence-builder-item-focus-icon .dashicon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}

.kadence-builder-area .kadence-builder-add-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.kadence-builder-area {
  position: relative;
}
.kadence-builder-area .kadence-builder-item {
  z-index: 10;
}

.kadence-builder-area .kadence-builder-item-add-icon {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border: 0;
  height: auto;
  width: auto;
  padding: 0;
  min-width: 100%;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  color: transparent !important;
}
.kadence-builder-area .kadence-builder-item-add-icon:hover, .kadence-builder-area .kadence-builder-item-add-icon:focus {
  color: #444 !important;
  background: rgba(0, 124, 186, 0.05) !important;
  box-shadow: none !important;
  border: 0 !important;
}

.components-popover.kadence-popover-add-builder.components-animate__appear {
  left: 50% !important;
  top: 0 !important;
  position: absolute;
  bottom: auto;
}

.components-popover__content .kadence-popover-builder-list .kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  width: 300px;
}

.kadence-popover-builder-list {
  padding: 0 10px;
}
.kadence-popover-builder-list .kadence-radio-container-control button.components-button.is-tertiary {
  font-size: 10px;
  margin: 0;
}

.kadence-builder-area .kadence-builder-item-add-icon svg {
  margin-top: 5px;
}

.kadence-builder-area-center .kadence-builder-drop-center .kadence-builder-item:first-child {
  margin-left: 25px;
}

.kadence-builder-area-center .kadence-builder-drop-center .kadence-builder-item:last-child {
  margin-right: 25px;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-right {
  right: 50%;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-right .kadence-builder-item-add-icon {
  text-align: right;
  padding-right: 30px;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-left {
  left: 50%;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-left .kadence-builder-item-add-icon {
  text-align: left;
  padding-left: 30px;
}

.kadence-builder-area .kadence-builder-add-item.left-center-on-left, .kadence-builder-area .kadence-builder-add-item.right-center-on-right {
  display: none;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.left-center-on-left {
  display: block;
  right: 50%;
}

.kadence-builder-areas.has-center-items .kadence-builder-add-item.right-center-on-right {
  display: block;
  left: 50%;
}

.rfipbtn, .rfipdropdown {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 1.71429;
  vertical-align: baseline;
}

.rfipbtn, .rfipbtn *, .rfipdropdown, .rfipdropdown * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.rfipbtn input, .rfipbtn select, .rfipdropdown input, .rfipdropdown select {
  font-size: 14px;
}

.rfip {
  position: relative;
  display: inline-block;
  margin: 8px;
  vertical-align: middle;
}

.rfipbtn {
  width: 136px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  min-height: 50px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: border-color 0.25s, -webkit-box-shadow 0.25s;
  transition: border-color 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border-color 0.25s;
  transition: box-shadow 0.25s, border-color 0.25s, -webkit-box-shadow 0.25s;
  outline: 0 none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rfipbtn--open {
  border-radius: 2px 2px 0 0;
}

.rfipbtn__button {
  width: 48px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
  -webkit-transition: background 0.25s, -webkit-box-shadow 0.25s;
  transition: background 0.25s, -webkit-box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.rfipbtn__button i {
  font-size: 32px;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.rfipbtn__button--open i {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rfipbtn__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 86px;
  flex: 0 0 86px;
  padding: 2px;
}

.rfipbtn--multi {
  width: 258px;
}

.rfipbtn--multi .rfipbtn__current {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-preferred-size: 212px;
  flex-basis: 212px;
  -ms-flex-line-pack: center;
  align-content: center;
}

.rfipbtn--multi .rfipbtn__current, .rfipbtn__icon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.rfipbtn__icon {
  margin: 2px;
  padding: 0;
  height: 28px;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 2px;
}

.rfipbtn__icon--empty {
  font-size: 14px;
  line-height: 16px;
  margin-left: 8px;
  text-align: center;
  text-transform: lowercase;
  font-style: italic;
}

.rfipbtn__elm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  width: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
}

.rfipbtn__elm img, .rfipbtn__elm svg {
  height: 18px;
  width: auto;
}

.rfipbtn__del {
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  cursor: pointer;
}

.rfipcategory {
  width: 100%;
  margin: 0 0 8px;
  position: relative;
}

.rfipcategory select {
  width: 100%;
  display: block;
  height: 32px;
  line-height: 32px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, box-shadow 0.25s;
  transition: border 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
  background-color: transparent !important;
}

.rfipcategory i {
  position: absolute;
  right: 2px;
  top: 0;
  font-size: 16px;
  line-height: 32px;
  z-index: -1;
}

.rfipdropdown {
  width: 352px;
  position: absolute;
  left: 0;
  margin-top: -1px;
  z-index: 100000001;
  border-radius: 0 1px 4px 4px;
}

.rfipdropdown__selector {
  overflow: hidden;
  padding: 16px;
}

.rfipdropdown.fipappear-enter-active .rfipdropdown__selector, .rfipdropdown.fipappear-exit-active .rfipdropdown__selector {
  -webkit-transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  padding: 16px;
}

.rfipicons__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 24px;
  line-height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.rfipicons__num {
  width: 100px;
  margin-right: auto;
}

.rfipicons__cp {
  width: 32px;
  height: 24px;
  line-height: 24px;
  text-align: right;
}

.rfipicons__cp, .rfipicons__sp, .rfipicons__tp {
  margin-right: 8px;
}

.rfipicons__arrow {
  margin-left: auto;
  width: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rfipicons__right {
  margin-left: auto;
}

.rfipicons__left, .rfipicons__right {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: relative;
  -webkit-transition: background-color 0.25s, border 0.25s;
  transition: background-color 0.25s, border 0.25s;
  outline: 0 none;
  border-radius: 2px;
  font-size: 18px;
}

.rfipicons__label {
  height: 22px;
  width: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rfipicons__label img {
  height: 18px;
  width: 18px;
}

.rfipicons__selector {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.rfipicons__ibox, .rfipicons__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rfipicons__ibox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 0.25s, border 0.25s;
  transition: background-color 0.25s, border 0.25s;
  border-radius: 2px;
  outline: 0 none;
  font-size: 20px;
}

.rfipicons__ibox img, .rfipicons__ibox svg {
  max-height: 24px;
  width: auto;
}

.rfipicons__ibox > * {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.rfipicons__ibox:hover > * {
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
}

.rfipicons__ibox--error {
  text-transform: lowercase;
  font-style: italic;
}

.rfipicons__icon {
  width: 20%;
  height: 64px;
  padding: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.rfipicons__icon--error {
  display: block;
  padding: 16px;
  text-align: center;
  font-size: 24px;
  width: 100%;
  line-height: 1;
}

.rfipsearch {
  width: 100%;
  margin: 0 0 8px;
}

.rfipsearch input {
  width: 100%;
  display: block;
  height: 32px;
  line-height: 32px;
}

/*!
 *
 * React FontIconPicker
 *
 * React Component to show a picker element to pick font-icons & svg
 *
 * @author Swashata Ghosh <swashata@wpquark.com>
 * @version 1.1.0
 * @link https://github.com/fontIconPicker/react-fonticonpicker
 * @license MIT
 *
 * Copyright (c) 2018 Swashata Ghosh <swashata@wpquark.com>
 *
 * This software is released under the MIT License.
 * https://opensource.org/licenses/MIT
 *
 */
.rfipbtn--green {
  background-color: #fff;
  border: 1px solid #81c784;
}

.rfipbtn--green:active, .rfipbtn--green:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #66bb6a;
}

.rfipbtn--green .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #81c784;
  background-color: #c8e6c9;
  color: #2e7d32;
}

.rfipbtn--green .rfipbtn__button:hover {
  background-color: #66bb6a;
}

.rfipbtn--green .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #81c784;
  box-shadow: inset 0 0 10px 0 #81c784;
}

.rfipbtn--green .rfipbtn__icon {
  border: 1px solid #a5d6a7;
  color: #2e7d32;
}

.rfipbtn--green .rfipbtn__icon--empty {
  color: #81c784;
}

.rfipbtn--green .rfipbtn__del {
  background-color: #a5d6a7;
}

.rfipbtn--green .rfipbtn__del:hover {
  background-color: #81c784;
}

.rfipbtn--green .rfipbtn__del:active, .rfipbtn--green .rfipbtn__del:focus {
  outline: 1px solid #81c784;
}

.rfipdropdown--green {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #81c784;
}

.rfipdropdown--green input, .rfipdropdown--green select {
  color: #424242;
}

.rfipdropdown--green .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #66bb6a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--green .rfipcategory select:active, .rfipdropdown--green .rfipcategory select:focus {
  border-bottom-color: #4caf50;
  -webkit-box-shadow: 0 1px 0 0 #4caf50;
  box-shadow: 0 1px 0 0 #4caf50;
  outline: 0 none;
}

.rfipdropdown--green .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #66bb6a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--green .rfipicons__cp:active, .rfipdropdown--green .rfipicons__cp:focus {
  border-bottom-color: #4caf50;
  -webkit-box-shadow: 0 1px 0 0 #4caf50;
  box-shadow: 0 1px 0 0 #4caf50;
  outline: 0 none;
}

.rfipdropdown--green .rfipicons__left, .rfipdropdown--green .rfipicons__right {
  background-color: #a5d6a7;
  border: 1px solid #a5d6a7;
  color: #2e7d32;
}

.rfipdropdown--green .rfipicons__left:hover, .rfipdropdown--green .rfipicons__right:hover {
  background-color: #66bb6a;
  border: 1px solid #66bb6a;
}

.rfipdropdown--green .rfipicons__left:active, .rfipdropdown--green .rfipicons__left:focus, .rfipdropdown--green .rfipicons__right:active, .rfipdropdown--green .rfipicons__right:focus {
  border: 1px solid #66bb6a;
}

.rfipdropdown--green .rfipicons__ibox {
  background-color: #c8e6c9;
  border: 1px solid #c8e6c9;
  color: #2e7d32;
}

.rfipdropdown--green .rfipicons__ibox:hover {
  background-color: #66bb6a;
  border: 1px solid #66bb6a;
}

.rfipdropdown--green .rfipicons__ibox:active, .rfipdropdown--green .rfipicons__ibox:focus {
  border: 1px solid #66bb6a;
}

.rfipdropdown--green .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--green .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #a5d6a7;
}

.rfipdropdown--green .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #66bb6a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--green .rfipsearch input:active, .rfipdropdown--green .rfipsearch input:focus {
  border-bottom-color: #4caf50;
  -webkit-box-shadow: 0 1px 0 0 #4caf50;
  box-shadow: 0 1px 0 0 #4caf50;
  outline: 0 none;
}

.rfipbtn--bluegrey {
  background-color: #fff;
  border: 1px solid #90a4ae;
}

.rfipbtn--bluegrey:active, .rfipbtn--bluegrey:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #78909c;
}

.rfipbtn--bluegrey .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #90a4ae;
  background-color: #cfd8dc;
  color: #37474f;
}

.rfipbtn--bluegrey .rfipbtn__button:hover {
  background-color: #78909c;
}

.rfipbtn--bluegrey .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #90a4ae;
  box-shadow: inset 0 0 10px 0 #90a4ae;
}

.rfipbtn--bluegrey .rfipbtn__icon {
  border: 1px solid #b0bec5;
  color: #37474f;
}

.rfipbtn--bluegrey .rfipbtn__icon--empty {
  color: #90a4ae;
}

.rfipbtn--bluegrey .rfipbtn__del {
  background-color: #b0bec5;
}

.rfipbtn--bluegrey .rfipbtn__del:hover {
  background-color: #90a4ae;
}

.rfipbtn--bluegrey .rfipbtn__del:active, .rfipbtn--bluegrey .rfipbtn__del:focus {
  outline: 1px solid #90a4ae;
}

.rfipdropdown--bluegrey {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #90a4ae;
}

.rfipdropdown--bluegrey input, .rfipdropdown--bluegrey select {
  color: #424242;
}

.rfipdropdown--bluegrey .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #78909c;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--bluegrey .rfipcategory select:active, .rfipdropdown--bluegrey .rfipcategory select:focus {
  border-bottom-color: #607d8b;
  -webkit-box-shadow: 0 1px 0 0 #607d8b;
  box-shadow: 0 1px 0 0 #607d8b;
  outline: 0 none;
}

.rfipdropdown--bluegrey .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #78909c;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--bluegrey .rfipicons__cp:active, .rfipdropdown--bluegrey .rfipicons__cp:focus {
  border-bottom-color: #607d8b;
  -webkit-box-shadow: 0 1px 0 0 #607d8b;
  box-shadow: 0 1px 0 0 #607d8b;
  outline: 0 none;
}

.rfipdropdown--bluegrey .rfipicons__left, .rfipdropdown--bluegrey .rfipicons__right {
  background-color: #b0bec5;
  border: 1px solid #b0bec5;
  color: #37474f;
}

.rfipdropdown--bluegrey .rfipicons__left:hover, .rfipdropdown--bluegrey .rfipicons__right:hover {
  background-color: #78909c;
  border: 1px solid #78909c;
}

.rfipdropdown--bluegrey .rfipicons__left:active, .rfipdropdown--bluegrey .rfipicons__left:focus, .rfipdropdown--bluegrey .rfipicons__right:active, .rfipdropdown--bluegrey .rfipicons__right:focus {
  border: 1px solid #78909c;
}

.rfipdropdown--bluegrey .rfipicons__ibox {
  background-color: #cfd8dc;
  border: 1px solid #cfd8dc;
  color: #37474f;
}

.rfipdropdown--bluegrey .rfipicons__ibox:hover {
  background-color: #78909c;
  border: 1px solid #78909c;
}

.rfipdropdown--bluegrey .rfipicons__ibox:active, .rfipdropdown--bluegrey .rfipicons__ibox:focus {
  border: 1px solid #78909c;
}

.rfipdropdown--bluegrey .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--bluegrey .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #b0bec5;
}

.rfipdropdown--bluegrey .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #78909c;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--bluegrey .rfipsearch input:active, .rfipdropdown--bluegrey .rfipsearch input:focus {
  border-bottom-color: #607d8b;
  -webkit-box-shadow: 0 1px 0 0 #607d8b;
  box-shadow: 0 1px 0 0 #607d8b;
  outline: 0 none;
}

.rfipbtn--brown {
  background-color: #fff;
  border: 1px solid #a1887f;
}

.rfipbtn--brown:active, .rfipbtn--brown:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #8d6e63;
}

.rfipbtn--brown .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #a1887f;
  background-color: #d7ccc8;
  color: #4e342e;
}

.rfipbtn--brown .rfipbtn__button:hover {
  background-color: #8d6e63;
}

.rfipbtn--brown .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #a1887f;
  box-shadow: inset 0 0 10px 0 #a1887f;
}

.rfipbtn--brown .rfipbtn__icon {
  border: 1px solid #bcaaa4;
  color: #4e342e;
}

.rfipbtn--brown .rfipbtn__icon--empty {
  color: #a1887f;
}

.rfipbtn--brown .rfipbtn__del {
  background-color: #bcaaa4;
}

.rfipbtn--brown .rfipbtn__del:hover {
  background-color: #a1887f;
}

.rfipbtn--brown .rfipbtn__del:active, .rfipbtn--brown .rfipbtn__del:focus {
  outline: 1px solid #a1887f;
}

.rfipdropdown--brown {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #a1887f;
}

.rfipdropdown--brown input, .rfipdropdown--brown select {
  color: #424242;
}

.rfipdropdown--brown .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #8d6e63;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--brown .rfipcategory select:active, .rfipdropdown--brown .rfipcategory select:focus {
  border-bottom-color: #795548;
  -webkit-box-shadow: 0 1px 0 0 #795548;
  box-shadow: 0 1px 0 0 #795548;
  outline: 0 none;
}

.rfipdropdown--brown .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #8d6e63;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--brown .rfipicons__cp:active, .rfipdropdown--brown .rfipicons__cp:focus {
  border-bottom-color: #795548;
  -webkit-box-shadow: 0 1px 0 0 #795548;
  box-shadow: 0 1px 0 0 #795548;
  outline: 0 none;
}

.rfipdropdown--brown .rfipicons__left, .rfipdropdown--brown .rfipicons__right {
  background-color: #bcaaa4;
  border: 1px solid #bcaaa4;
  color: #4e342e;
}

.rfipdropdown--brown .rfipicons__left:hover, .rfipdropdown--brown .rfipicons__right:hover {
  background-color: #8d6e63;
  border: 1px solid #8d6e63;
}

.rfipdropdown--brown .rfipicons__left:active, .rfipdropdown--brown .rfipicons__left:focus, .rfipdropdown--brown .rfipicons__right:active, .rfipdropdown--brown .rfipicons__right:focus {
  border: 1px solid #8d6e63;
}

.rfipdropdown--brown .rfipicons__ibox {
  background-color: #d7ccc8;
  border: 1px solid #d7ccc8;
  color: #4e342e;
}

.rfipdropdown--brown .rfipicons__ibox:hover {
  background-color: #8d6e63;
  border: 1px solid #8d6e63;
}

.rfipdropdown--brown .rfipicons__ibox:active, .rfipdropdown--brown .rfipicons__ibox:focus {
  border: 1px solid #8d6e63;
}

.rfipdropdown--brown .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--brown .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #bcaaa4;
}

.rfipdropdown--brown .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #8d6e63;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--brown .rfipsearch input:active, .rfipdropdown--brown .rfipsearch input:focus {
  border-bottom-color: #795548;
  -webkit-box-shadow: 0 1px 0 0 #795548;
  box-shadow: 0 1px 0 0 #795548;
  outline: 0 none;
}

.rfipbtn--cyan {
  background-color: #fff;
  border: 1px solid #4dd0e1;
}

.rfipbtn--cyan:active, .rfipbtn--cyan:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #26c6da;
}

.rfipbtn--cyan .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #4dd0e1;
  background-color: #b2ebf2;
  color: #00838f;
}

.rfipbtn--cyan .rfipbtn__button:hover {
  background-color: #26c6da;
}

.rfipbtn--cyan .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #4dd0e1;
  box-shadow: inset 0 0 10px 0 #4dd0e1;
}

.rfipbtn--cyan .rfipbtn__icon {
  border: 1px solid #80deea;
  color: #00838f;
}

.rfipbtn--cyan .rfipbtn__icon--empty {
  color: #4dd0e1;
}

.rfipbtn--cyan .rfipbtn__del {
  background-color: #80deea;
}

.rfipbtn--cyan .rfipbtn__del:hover {
  background-color: #4dd0e1;
}

.rfipbtn--cyan .rfipbtn__del:active, .rfipbtn--cyan .rfipbtn__del:focus {
  outline: 1px solid #4dd0e1;
}

.rfipdropdown--cyan {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #4dd0e1;
}

.rfipdropdown--cyan input, .rfipdropdown--cyan select {
  color: #424242;
}

.rfipdropdown--cyan .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #26c6da;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--cyan .rfipcategory select:active, .rfipdropdown--cyan .rfipcategory select:focus {
  border-bottom-color: #00bcd4;
  -webkit-box-shadow: 0 1px 0 0 #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4;
  outline: 0 none;
}

.rfipdropdown--cyan .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #26c6da;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--cyan .rfipicons__cp:active, .rfipdropdown--cyan .rfipicons__cp:focus {
  border-bottom-color: #00bcd4;
  -webkit-box-shadow: 0 1px 0 0 #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4;
  outline: 0 none;
}

.rfipdropdown--cyan .rfipicons__left, .rfipdropdown--cyan .rfipicons__right {
  background-color: #80deea;
  border: 1px solid #80deea;
  color: #00838f;
}

.rfipdropdown--cyan .rfipicons__left:hover, .rfipdropdown--cyan .rfipicons__right:hover {
  background-color: #26c6da;
  border: 1px solid #26c6da;
}

.rfipdropdown--cyan .rfipicons__left:active, .rfipdropdown--cyan .rfipicons__left:focus, .rfipdropdown--cyan .rfipicons__right:active, .rfipdropdown--cyan .rfipicons__right:focus {
  border: 1px solid #26c6da;
}

.rfipdropdown--cyan .rfipicons__ibox {
  background-color: #b2ebf2;
  border: 1px solid #b2ebf2;
  color: #00838f;
}

.rfipdropdown--cyan .rfipicons__ibox:hover {
  background-color: #26c6da;
  border: 1px solid #26c6da;
}

.rfipdropdown--cyan .rfipicons__ibox:active, .rfipdropdown--cyan .rfipicons__ibox:focus {
  border: 1px solid #26c6da;
}

.rfipdropdown--cyan .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--cyan .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #80deea;
}

.rfipdropdown--cyan .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #26c6da;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--cyan .rfipsearch input:active, .rfipdropdown--cyan .rfipsearch input:focus {
  border-bottom-color: #00bcd4;
  -webkit-box-shadow: 0 1px 0 0 #00bcd4;
  box-shadow: 0 1px 0 0 #00bcd4;
  outline: 0 none;
}

.rfipbtn--deeporange {
  background-color: #fff;
  border: 1px solid #ff8a65;
}

.rfipbtn--deeporange:active, .rfipbtn--deeporange:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #ff7043;
}

.rfipbtn--deeporange .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #ff8a65;
  background-color: #ffccbc;
  color: #d84315;
}

.rfipbtn--deeporange .rfipbtn__button:hover {
  background-color: #ff7043;
}

.rfipbtn--deeporange .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #ff8a65;
  box-shadow: inset 0 0 10px 0 #ff8a65;
}

.rfipbtn--deeporange .rfipbtn__icon {
  border: 1px solid #ffab91;
  color: #d84315;
}

.rfipbtn--deeporange .rfipbtn__icon--empty {
  color: #ff8a65;
}

.rfipbtn--deeporange .rfipbtn__del {
  background-color: #ffab91;
}

.rfipbtn--deeporange .rfipbtn__del:hover {
  background-color: #ff8a65;
}

.rfipbtn--deeporange .rfipbtn__del:active, .rfipbtn--deeporange .rfipbtn__del:focus {
  outline: 1px solid #ff8a65;
}

.rfipdropdown--deeporange {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #ff8a65;
}

.rfipdropdown--deeporange input, .rfipdropdown--deeporange select {
  color: #424242;
}

.rfipdropdown--deeporange .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #ff7043;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeporange .rfipcategory select:active, .rfipdropdown--deeporange .rfipcategory select:focus {
  border-bottom-color: #ff5722;
  -webkit-box-shadow: 0 1px 0 0 #ff5722;
  box-shadow: 0 1px 0 0 #ff5722;
  outline: 0 none;
}

.rfipdropdown--deeporange .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #ff7043;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeporange .rfipicons__cp:active, .rfipdropdown--deeporange .rfipicons__cp:focus {
  border-bottom-color: #ff5722;
  -webkit-box-shadow: 0 1px 0 0 #ff5722;
  box-shadow: 0 1px 0 0 #ff5722;
  outline: 0 none;
}

.rfipdropdown--deeporange .rfipicons__left, .rfipdropdown--deeporange .rfipicons__right {
  background-color: #ffab91;
  border: 1px solid #ffab91;
  color: #d84315;
}

.rfipdropdown--deeporange .rfipicons__left:hover, .rfipdropdown--deeporange .rfipicons__right:hover {
  background-color: #ff7043;
  border: 1px solid #ff7043;
}

.rfipdropdown--deeporange .rfipicons__left:active, .rfipdropdown--deeporange .rfipicons__left:focus, .rfipdropdown--deeporange .rfipicons__right:active, .rfipdropdown--deeporange .rfipicons__right:focus {
  border: 1px solid #ff7043;
}

.rfipdropdown--deeporange .rfipicons__ibox {
  background-color: #ffccbc;
  border: 1px solid #ffccbc;
  color: #d84315;
}

.rfipdropdown--deeporange .rfipicons__ibox:hover {
  background-color: #ff7043;
  border: 1px solid #ff7043;
}

.rfipdropdown--deeporange .rfipicons__ibox:active, .rfipdropdown--deeporange .rfipicons__ibox:focus {
  border: 1px solid #ff7043;
}

.rfipdropdown--deeporange .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--deeporange .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #ffab91;
}

.rfipdropdown--deeporange .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #ff7043;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeporange .rfipsearch input:active, .rfipdropdown--deeporange .rfipsearch input:focus {
  border-bottom-color: #ff5722;
  -webkit-box-shadow: 0 1px 0 0 #ff5722;
  box-shadow: 0 1px 0 0 #ff5722;
  outline: 0 none;
}

.rfipbtn--deeppurple {
  background-color: #fff;
  border: 1px solid #9575cd;
}

.rfipbtn--deeppurple:active, .rfipbtn--deeppurple:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #7e57c2;
}

.rfipbtn--deeppurple .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #9575cd;
  background-color: #d1c4e9;
  color: #4527a0;
}

.rfipbtn--deeppurple .rfipbtn__button:hover {
  background-color: #7e57c2;
}

.rfipbtn--deeppurple .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #9575cd;
  box-shadow: inset 0 0 10px 0 #9575cd;
}

.rfipbtn--deeppurple .rfipbtn__icon {
  border: 1px solid #b39ddb;
  color: #4527a0;
}

.rfipbtn--deeppurple .rfipbtn__icon--empty {
  color: #9575cd;
}

.rfipbtn--deeppurple .rfipbtn__del {
  background-color: #b39ddb;
}

.rfipbtn--deeppurple .rfipbtn__del:hover {
  background-color: #9575cd;
}

.rfipbtn--deeppurple .rfipbtn__del:active, .rfipbtn--deeppurple .rfipbtn__del:focus {
  outline: 1px solid #9575cd;
}

.rfipdropdown--deeppurple {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #9575cd;
}

.rfipdropdown--deeppurple input, .rfipdropdown--deeppurple select {
  color: #424242;
}

.rfipdropdown--deeppurple .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #7e57c2;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeppurple .rfipcategory select:active, .rfipdropdown--deeppurple .rfipcategory select:focus {
  border-bottom-color: #673ab7;
  -webkit-box-shadow: 0 1px 0 0 #673ab7;
  box-shadow: 0 1px 0 0 #673ab7;
  outline: 0 none;
}

.rfipdropdown--deeppurple .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #7e57c2;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeppurple .rfipicons__cp:active, .rfipdropdown--deeppurple .rfipicons__cp:focus {
  border-bottom-color: #673ab7;
  -webkit-box-shadow: 0 1px 0 0 #673ab7;
  box-shadow: 0 1px 0 0 #673ab7;
  outline: 0 none;
}

.rfipdropdown--deeppurple .rfipicons__left, .rfipdropdown--deeppurple .rfipicons__right {
  background-color: #b39ddb;
  border: 1px solid #b39ddb;
  color: #4527a0;
}

.rfipdropdown--deeppurple .rfipicons__left:hover, .rfipdropdown--deeppurple .rfipicons__right:hover {
  background-color: #7e57c2;
  border: 1px solid #7e57c2;
}

.rfipdropdown--deeppurple .rfipicons__left:active, .rfipdropdown--deeppurple .rfipicons__left:focus, .rfipdropdown--deeppurple .rfipicons__right:active, .rfipdropdown--deeppurple .rfipicons__right:focus {
  border: 1px solid #7e57c2;
}

.rfipdropdown--deeppurple .rfipicons__ibox {
  background-color: #d1c4e9;
  border: 1px solid #d1c4e9;
  color: #4527a0;
}

.rfipdropdown--deeppurple .rfipicons__ibox:hover {
  background-color: #7e57c2;
  border: 1px solid #7e57c2;
}

.rfipdropdown--deeppurple .rfipicons__ibox:active, .rfipdropdown--deeppurple .rfipicons__ibox:focus {
  border: 1px solid #7e57c2;
}

.rfipdropdown--deeppurple .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--deeppurple .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #b39ddb;
}

.rfipdropdown--deeppurple .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #7e57c2;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--deeppurple .rfipsearch input:active, .rfipdropdown--deeppurple .rfipsearch input:focus {
  border-bottom-color: #673ab7;
  -webkit-box-shadow: 0 1px 0 0 #673ab7;
  box-shadow: 0 1px 0 0 #673ab7;
  outline: 0 none;
}

.rfipbtn--default {
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.rfipbtn--default:active, .rfipbtn--default:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #bdbdbd;
}

.rfipbtn--default .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  color: #424242;
}

.rfipbtn--default .rfipbtn__button:hover {
  background-color: #bdbdbd;
}

.rfipbtn--default .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #e0e0e0;
  box-shadow: inset 0 0 10px 0 #e0e0e0;
}

.rfipbtn--default .rfipbtn__icon {
  border: 1px solid #eee;
  color: #424242;
}

.rfipbtn--default .rfipbtn__icon--empty {
  color: #e0e0e0;
}

.rfipbtn--default .rfipbtn__del {
  background-color: #eee;
}

.rfipbtn--default .rfipbtn__del:hover {
  background-color: #e0e0e0;
}

.rfipbtn--default .rfipbtn__del:active, .rfipbtn--default .rfipbtn__del:focus {
  outline: 1px solid #e0e0e0;
}

.rfipdropdown--default {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}

.rfipdropdown--default input, .rfipdropdown--default select {
  color: #424242;
}

.rfipdropdown--default .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #bdbdbd;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--default .rfipcategory select:active, .rfipdropdown--default .rfipcategory select:focus {
  border-bottom-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 0 #9e9e9e;
  box-shadow: 0 1px 0 0 #9e9e9e;
  outline: 0 none;
}

.rfipdropdown--default .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #bdbdbd;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--default .rfipicons__cp:active, .rfipdropdown--default .rfipicons__cp:focus {
  border-bottom-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 0 #9e9e9e;
  box-shadow: 0 1px 0 0 #9e9e9e;
  outline: 0 none;
}

.rfipdropdown--default .rfipicons__left, .rfipdropdown--default .rfipicons__right {
  background-color: #eee;
  border: 1px solid #eee;
  color: #424242;
}

.rfipdropdown--default .rfipicons__left:hover, .rfipdropdown--default .rfipicons__right:hover {
  background-color: #bdbdbd;
  border: 1px solid #bdbdbd;
}

.rfipdropdown--default .rfipicons__left:active, .rfipdropdown--default .rfipicons__left:focus, .rfipdropdown--default .rfipicons__right:active, .rfipdropdown--default .rfipicons__right:focus {
  border: 1px solid #bdbdbd;
}

.rfipdropdown--default .rfipicons__ibox {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #424242;
}

.rfipdropdown--default .rfipicons__ibox:hover {
  background-color: #bdbdbd;
  border: 1px solid #bdbdbd;
}

.rfipdropdown--default .rfipicons__ibox:active, .rfipdropdown--default .rfipicons__ibox:focus {
  border: 1px solid #bdbdbd;
}

.rfipdropdown--default .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--default .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #eee;
}

.rfipdropdown--default .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #bdbdbd;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--default .rfipsearch input:active, .rfipdropdown--default .rfipsearch input:focus {
  border-bottom-color: #9e9e9e;
  -webkit-box-shadow: 0 1px 0 0 #9e9e9e;
  box-shadow: 0 1px 0 0 #9e9e9e;
  outline: 0 none;
}

.rfipbtn--blue {
  background-color: #fff;
  border: 1px solid #64b5f6;
}

.rfipbtn--blue:active, .rfipbtn--blue:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #42a5f5;
}

.rfipbtn--blue .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #64b5f6;
  background-color: #bbdefb;
  color: #1565c0;
}

.rfipbtn--blue .rfipbtn__button:hover {
  background-color: #42a5f5;
}

.rfipbtn--blue .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #64b5f6;
  box-shadow: inset 0 0 10px 0 #64b5f6;
}

.rfipbtn--blue .rfipbtn__icon {
  border: 1px solid #90caf9;
  color: #1565c0;
}

.rfipbtn--blue .rfipbtn__icon--empty {
  color: #64b5f6;
}

.rfipbtn--blue .rfipbtn__del {
  background-color: #90caf9;
}

.rfipbtn--blue .rfipbtn__del:hover {
  background-color: #64b5f6;
}

.rfipbtn--blue .rfipbtn__del:active, .rfipbtn--blue .rfipbtn__del:focus {
  outline: 1px solid #64b5f6;
}

.rfipdropdown--blue {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #64b5f6;
}

.rfipdropdown--blue input, .rfipdropdown--blue select {
  color: #424242;
}

.rfipdropdown--blue .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #42a5f5;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--blue .rfipcategory select:active, .rfipdropdown--blue .rfipcategory select:focus {
  border-bottom-color: #2196f3;
  -webkit-box-shadow: 0 1px 0 0 #2196f3;
  box-shadow: 0 1px 0 0 #2196f3;
  outline: 0 none;
}

.rfipdropdown--blue .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #42a5f5;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--blue .rfipicons__cp:active, .rfipdropdown--blue .rfipicons__cp:focus {
  border-bottom-color: #2196f3;
  -webkit-box-shadow: 0 1px 0 0 #2196f3;
  box-shadow: 0 1px 0 0 #2196f3;
  outline: 0 none;
}

.rfipdropdown--blue .rfipicons__left, .rfipdropdown--blue .rfipicons__right {
  background-color: #90caf9;
  border: 1px solid #90caf9;
  color: #1565c0;
}

.rfipdropdown--blue .rfipicons__left:hover, .rfipdropdown--blue .rfipicons__right:hover {
  background-color: #42a5f5;
  border: 1px solid #42a5f5;
}

.rfipdropdown--blue .rfipicons__left:active, .rfipdropdown--blue .rfipicons__left:focus, .rfipdropdown--blue .rfipicons__right:active, .rfipdropdown--blue .rfipicons__right:focus {
  border: 1px solid #42a5f5;
}

.rfipdropdown--blue .rfipicons__ibox {
  background-color: #bbdefb;
  border: 1px solid #bbdefb;
  color: #1565c0;
}

.rfipdropdown--blue .rfipicons__ibox:hover {
  background-color: #42a5f5;
  border: 1px solid #42a5f5;
}

.rfipdropdown--blue .rfipicons__ibox:active, .rfipdropdown--blue .rfipicons__ibox:focus {
  border: 1px solid #42a5f5;
}

.rfipdropdown--blue .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--blue .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #90caf9;
}

.rfipdropdown--blue .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #42a5f5;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--blue .rfipsearch input:active, .rfipdropdown--blue .rfipsearch input:focus {
  border-bottom-color: #2196f3;
  -webkit-box-shadow: 0 1px 0 0 #2196f3;
  box-shadow: 0 1px 0 0 #2196f3;
  outline: 0 none;
}

.rfipbtn--indigo {
  background-color: #fff;
  border: 1px solid #7986cb;
}

.rfipbtn--indigo:active, .rfipbtn--indigo:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #5c6bc0;
}

.rfipbtn--indigo .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #7986cb;
  background-color: #c5cae9;
  color: #283593;
}

.rfipbtn--indigo .rfipbtn__button:hover {
  background-color: #5c6bc0;
}

.rfipbtn--indigo .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #7986cb;
  box-shadow: inset 0 0 10px 0 #7986cb;
}

.rfipbtn--indigo .rfipbtn__icon {
  border: 1px solid #9fa8da;
  color: #283593;
}

.rfipbtn--indigo .rfipbtn__icon--empty {
  color: #7986cb;
}

.rfipbtn--indigo .rfipbtn__del {
  background-color: #9fa8da;
}

.rfipbtn--indigo .rfipbtn__del:hover {
  background-color: #7986cb;
}

.rfipbtn--indigo .rfipbtn__del:active, .rfipbtn--indigo .rfipbtn__del:focus {
  outline: 1px solid #7986cb;
}

.rfipdropdown--indigo {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #7986cb;
}

.rfipdropdown--indigo input, .rfipdropdown--indigo select {
  color: #424242;
}

.rfipdropdown--indigo .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #5c6bc0;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--indigo .rfipcategory select:active, .rfipdropdown--indigo .rfipcategory select:focus {
  border-bottom-color: #3f51b5;
  -webkit-box-shadow: 0 1px 0 0 #3f51b5;
  box-shadow: 0 1px 0 0 #3f51b5;
  outline: 0 none;
}

.rfipdropdown--indigo .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #5c6bc0;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--indigo .rfipicons__cp:active, .rfipdropdown--indigo .rfipicons__cp:focus {
  border-bottom-color: #3f51b5;
  -webkit-box-shadow: 0 1px 0 0 #3f51b5;
  box-shadow: 0 1px 0 0 #3f51b5;
  outline: 0 none;
}

.rfipdropdown--indigo .rfipicons__left, .rfipdropdown--indigo .rfipicons__right {
  background-color: #9fa8da;
  border: 1px solid #9fa8da;
  color: #283593;
}

.rfipdropdown--indigo .rfipicons__left:hover, .rfipdropdown--indigo .rfipicons__right:hover {
  background-color: #5c6bc0;
  border: 1px solid #5c6bc0;
}

.rfipdropdown--indigo .rfipicons__left:active, .rfipdropdown--indigo .rfipicons__left:focus, .rfipdropdown--indigo .rfipicons__right:active, .rfipdropdown--indigo .rfipicons__right:focus {
  border: 1px solid #5c6bc0;
}

.rfipdropdown--indigo .rfipicons__ibox {
  background-color: #c5cae9;
  border: 1px solid #c5cae9;
  color: #283593;
}

.rfipdropdown--indigo .rfipicons__ibox:hover {
  background-color: #5c6bc0;
  border: 1px solid #5c6bc0;
}

.rfipdropdown--indigo .rfipicons__ibox:active, .rfipdropdown--indigo .rfipicons__ibox:focus {
  border: 1px solid #5c6bc0;
}

.rfipdropdown--indigo .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--indigo .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #9fa8da;
}

.rfipdropdown--indigo .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #5c6bc0;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--indigo .rfipsearch input:active, .rfipdropdown--indigo .rfipsearch input:focus {
  border-bottom-color: #3f51b5;
  -webkit-box-shadow: 0 1px 0 0 #3f51b5;
  box-shadow: 0 1px 0 0 #3f51b5;
  outline: 0 none;
}

.rfipbtn--lightblue {
  background-color: #fff;
  border: 1px solid #4fc3f7;
}

.rfipbtn--lightblue:active, .rfipbtn--lightblue:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #29b6f6;
}

.rfipbtn--lightblue .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #4fc3f7;
  background-color: #b3e5fc;
  color: #0277bd;
}

.rfipbtn--lightblue .rfipbtn__button:hover {
  background-color: #29b6f6;
}

.rfipbtn--lightblue .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #4fc3f7;
  box-shadow: inset 0 0 10px 0 #4fc3f7;
}

.rfipbtn--lightblue .rfipbtn__icon {
  border: 1px solid #81d4fa;
  color: #0277bd;
}

.rfipbtn--lightblue .rfipbtn__icon--empty {
  color: #4fc3f7;
}

.rfipbtn--lightblue .rfipbtn__del {
  background-color: #81d4fa;
}

.rfipbtn--lightblue .rfipbtn__del:hover {
  background-color: #4fc3f7;
}

.rfipbtn--lightblue .rfipbtn__del:active, .rfipbtn--lightblue .rfipbtn__del:focus {
  outline: 1px solid #4fc3f7;
}

.rfipdropdown--lightblue {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #4fc3f7;
}

.rfipdropdown--lightblue input, .rfipdropdown--lightblue select {
  color: #424242;
}

.rfipdropdown--lightblue .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #29b6f6;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--lightblue .rfipcategory select:active, .rfipdropdown--lightblue .rfipcategory select:focus {
  border-bottom-color: #03a9f4;
  -webkit-box-shadow: 0 1px 0 0 #03a9f4;
  box-shadow: 0 1px 0 0 #03a9f4;
  outline: 0 none;
}

.rfipdropdown--lightblue .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #29b6f6;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--lightblue .rfipicons__cp:active, .rfipdropdown--lightblue .rfipicons__cp:focus {
  border-bottom-color: #03a9f4;
  -webkit-box-shadow: 0 1px 0 0 #03a9f4;
  box-shadow: 0 1px 0 0 #03a9f4;
  outline: 0 none;
}

.rfipdropdown--lightblue .rfipicons__left, .rfipdropdown--lightblue .rfipicons__right {
  background-color: #81d4fa;
  border: 1px solid #81d4fa;
  color: #0277bd;
}

.rfipdropdown--lightblue .rfipicons__left:hover, .rfipdropdown--lightblue .rfipicons__right:hover {
  background-color: #29b6f6;
  border: 1px solid #29b6f6;
}

.rfipdropdown--lightblue .rfipicons__left:active, .rfipdropdown--lightblue .rfipicons__left:focus, .rfipdropdown--lightblue .rfipicons__right:active, .rfipdropdown--lightblue .rfipicons__right:focus {
  border: 1px solid #29b6f6;
}

.rfipdropdown--lightblue .rfipicons__ibox {
  background-color: #b3e5fc;
  border: 1px solid #b3e5fc;
  color: #0277bd;
}

.rfipdropdown--lightblue .rfipicons__ibox:hover {
  background-color: #29b6f6;
  border: 1px solid #29b6f6;
}

.rfipdropdown--lightblue .rfipicons__ibox:active, .rfipdropdown--lightblue .rfipicons__ibox:focus {
  border: 1px solid #29b6f6;
}

.rfipdropdown--lightblue .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--lightblue .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #81d4fa;
}

.rfipdropdown--lightblue .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #29b6f6;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--lightblue .rfipsearch input:active, .rfipdropdown--lightblue .rfipsearch input:focus {
  border-bottom-color: #03a9f4;
  -webkit-box-shadow: 0 1px 0 0 #03a9f4;
  box-shadow: 0 1px 0 0 #03a9f4;
  outline: 0 none;
}

.rfipbtn--pink {
  background-color: #fff;
  border: 1px solid #f06292;
}

.rfipbtn--pink:active, .rfipbtn--pink:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #ec407a;
}

.rfipbtn--pink .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #f06292;
  background-color: #f8bbd0;
  color: #ad1457;
}

.rfipbtn--pink .rfipbtn__button:hover {
  background-color: #ec407a;
}

.rfipbtn--pink .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #f06292;
  box-shadow: inset 0 0 10px 0 #f06292;
}

.rfipbtn--pink .rfipbtn__icon {
  border: 1px solid #f48fb1;
  color: #ad1457;
}

.rfipbtn--pink .rfipbtn__icon--empty {
  color: #f06292;
}

.rfipbtn--pink .rfipbtn__del {
  background-color: #f48fb1;
}

.rfipbtn--pink .rfipbtn__del:hover {
  background-color: #f06292;
}

.rfipbtn--pink .rfipbtn__del:active, .rfipbtn--pink .rfipbtn__del:focus {
  outline: 1px solid #f06292;
}

.rfipdropdown--pink {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #f06292;
}

.rfipdropdown--pink input, .rfipdropdown--pink select {
  color: #424242;
}

.rfipdropdown--pink .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #ec407a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--pink .rfipcategory select:active, .rfipdropdown--pink .rfipcategory select:focus {
  border-bottom-color: #e91e63;
  -webkit-box-shadow: 0 1px 0 0 #e91e63;
  box-shadow: 0 1px 0 0 #e91e63;
  outline: 0 none;
}

.rfipdropdown--pink .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #ec407a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--pink .rfipicons__cp:active, .rfipdropdown--pink .rfipicons__cp:focus {
  border-bottom-color: #e91e63;
  -webkit-box-shadow: 0 1px 0 0 #e91e63;
  box-shadow: 0 1px 0 0 #e91e63;
  outline: 0 none;
}

.rfipdropdown--pink .rfipicons__left, .rfipdropdown--pink .rfipicons__right {
  background-color: #f48fb1;
  border: 1px solid #f48fb1;
  color: #ad1457;
}

.rfipdropdown--pink .rfipicons__left:hover, .rfipdropdown--pink .rfipicons__right:hover {
  background-color: #ec407a;
  border: 1px solid #ec407a;
}

.rfipdropdown--pink .rfipicons__left:active, .rfipdropdown--pink .rfipicons__left:focus, .rfipdropdown--pink .rfipicons__right:active, .rfipdropdown--pink .rfipicons__right:focus {
  border: 1px solid #ec407a;
}

.rfipdropdown--pink .rfipicons__ibox {
  background-color: #f8bbd0;
  border: 1px solid #f8bbd0;
  color: #ad1457;
}

.rfipdropdown--pink .rfipicons__ibox:hover {
  background-color: #ec407a;
  border: 1px solid #ec407a;
}

.rfipdropdown--pink .rfipicons__ibox:active, .rfipdropdown--pink .rfipicons__ibox:focus {
  border: 1px solid #ec407a;
}

.rfipdropdown--pink .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--pink .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #f48fb1;
}

.rfipdropdown--pink .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #ec407a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--pink .rfipsearch input:active, .rfipdropdown--pink .rfipsearch input:focus {
  border-bottom-color: #e91e63;
  -webkit-box-shadow: 0 1px 0 0 #e91e63;
  box-shadow: 0 1px 0 0 #e91e63;
  outline: 0 none;
}

.rfipbtn--orange {
  background-color: #fff;
  border: 1px solid #ffb74d;
}

.rfipbtn--orange:active, .rfipbtn--orange:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #ffa726;
}

.rfipbtn--orange .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #ffb74d;
  background-color: #ffe0b2;
  color: #ef6c00;
}

.rfipbtn--orange .rfipbtn__button:hover {
  background-color: #ffa726;
}

.rfipbtn--orange .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #ffb74d;
  box-shadow: inset 0 0 10px 0 #ffb74d;
}

.rfipbtn--orange .rfipbtn__icon {
  border: 1px solid #ffcc80;
  color: #ef6c00;
}

.rfipbtn--orange .rfipbtn__icon--empty {
  color: #ffb74d;
}

.rfipbtn--orange .rfipbtn__del {
  background-color: #ffcc80;
}

.rfipbtn--orange .rfipbtn__del:hover {
  background-color: #ffb74d;
}

.rfipbtn--orange .rfipbtn__del:active, .rfipbtn--orange .rfipbtn__del:focus {
  outline: 1px solid #ffb74d;
}

.rfipdropdown--orange {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #ffb74d;
}

.rfipdropdown--orange input, .rfipdropdown--orange select {
  color: #424242;
}

.rfipdropdown--orange .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #ffa726;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--orange .rfipcategory select:active, .rfipdropdown--orange .rfipcategory select:focus {
  border-bottom-color: #ff9800;
  -webkit-box-shadow: 0 1px 0 0 #ff9800;
  box-shadow: 0 1px 0 0 #ff9800;
  outline: 0 none;
}

.rfipdropdown--orange .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #ffa726;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--orange .rfipicons__cp:active, .rfipdropdown--orange .rfipicons__cp:focus {
  border-bottom-color: #ff9800;
  -webkit-box-shadow: 0 1px 0 0 #ff9800;
  box-shadow: 0 1px 0 0 #ff9800;
  outline: 0 none;
}

.rfipdropdown--orange .rfipicons__left, .rfipdropdown--orange .rfipicons__right {
  background-color: #ffcc80;
  border: 1px solid #ffcc80;
  color: #ef6c00;
}

.rfipdropdown--orange .rfipicons__left:hover, .rfipdropdown--orange .rfipicons__right:hover {
  background-color: #ffa726;
  border: 1px solid #ffa726;
}

.rfipdropdown--orange .rfipicons__left:active, .rfipdropdown--orange .rfipicons__left:focus, .rfipdropdown--orange .rfipicons__right:active, .rfipdropdown--orange .rfipicons__right:focus {
  border: 1px solid #ffa726;
}

.rfipdropdown--orange .rfipicons__ibox {
  background-color: #ffe0b2;
  border: 1px solid #ffe0b2;
  color: #ef6c00;
}

.rfipdropdown--orange .rfipicons__ibox:hover {
  background-color: #ffa726;
  border: 1px solid #ffa726;
}

.rfipdropdown--orange .rfipicons__ibox:active, .rfipdropdown--orange .rfipicons__ibox:focus {
  border: 1px solid #ffa726;
}

.rfipdropdown--orange .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--orange .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #ffcc80;
}

.rfipdropdown--orange .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #ffa726;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--orange .rfipsearch input:active, .rfipdropdown--orange .rfipsearch input:focus {
  border-bottom-color: #ff9800;
  -webkit-box-shadow: 0 1px 0 0 #ff9800;
  box-shadow: 0 1px 0 0 #ff9800;
  outline: 0 none;
}

.rfipbtn--purple {
  background-color: #fff;
  border: 1px solid #ba68c8;
}

.rfipbtn--purple:active, .rfipbtn--purple:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #ab47bc;
}

.rfipbtn--purple .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #ba68c8;
  background-color: #e1bee7;
  color: #6a1b9a;
}

.rfipbtn--purple .rfipbtn__button:hover {
  background-color: #ab47bc;
}

.rfipbtn--purple .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #ba68c8;
  box-shadow: inset 0 0 10px 0 #ba68c8;
}

.rfipbtn--purple .rfipbtn__icon {
  border: 1px solid #ce93d8;
  color: #6a1b9a;
}

.rfipbtn--purple .rfipbtn__icon--empty {
  color: #ba68c8;
}

.rfipbtn--purple .rfipbtn__del {
  background-color: #ce93d8;
}

.rfipbtn--purple .rfipbtn__del:hover {
  background-color: #ba68c8;
}

.rfipbtn--purple .rfipbtn__del:active, .rfipbtn--purple .rfipbtn__del:focus {
  outline: 1px solid #ba68c8;
}

.rfipdropdown--purple {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #ba68c8;
}

.rfipdropdown--purple input, .rfipdropdown--purple select {
  color: #424242;
}

.rfipdropdown--purple .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #ab47bc;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--purple .rfipcategory select:active, .rfipdropdown--purple .rfipcategory select:focus {
  border-bottom-color: #9c27b0;
  -webkit-box-shadow: 0 1px 0 0 #9c27b0;
  box-shadow: 0 1px 0 0 #9c27b0;
  outline: 0 none;
}

.rfipdropdown--purple .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #ab47bc;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--purple .rfipicons__cp:active, .rfipdropdown--purple .rfipicons__cp:focus {
  border-bottom-color: #9c27b0;
  -webkit-box-shadow: 0 1px 0 0 #9c27b0;
  box-shadow: 0 1px 0 0 #9c27b0;
  outline: 0 none;
}

.rfipdropdown--purple .rfipicons__left, .rfipdropdown--purple .rfipicons__right {
  background-color: #ce93d8;
  border: 1px solid #ce93d8;
  color: #6a1b9a;
}

.rfipdropdown--purple .rfipicons__left:hover, .rfipdropdown--purple .rfipicons__right:hover {
  background-color: #ab47bc;
  border: 1px solid #ab47bc;
}

.rfipdropdown--purple .rfipicons__left:active, .rfipdropdown--purple .rfipicons__left:focus, .rfipdropdown--purple .rfipicons__right:active, .rfipdropdown--purple .rfipicons__right:focus {
  border: 1px solid #ab47bc;
}

.rfipdropdown--purple .rfipicons__ibox {
  background-color: #e1bee7;
  border: 1px solid #e1bee7;
  color: #6a1b9a;
}

.rfipdropdown--purple .rfipicons__ibox:hover {
  background-color: #ab47bc;
  border: 1px solid #ab47bc;
}

.rfipdropdown--purple .rfipicons__ibox:active, .rfipdropdown--purple .rfipicons__ibox:focus {
  border: 1px solid #ab47bc;
}

.rfipdropdown--purple .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--purple .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #ce93d8;
}

.rfipdropdown--purple .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #ab47bc;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--purple .rfipsearch input:active, .rfipdropdown--purple .rfipsearch input:focus {
  border-bottom-color: #9c27b0;
  -webkit-box-shadow: 0 1px 0 0 #9c27b0;
  box-shadow: 0 1px 0 0 #9c27b0;
  outline: 0 none;
}

.rfipbtn--red {
  background-color: #fff;
  border: 1px solid #e57373;
}

.rfipbtn--red:active, .rfipbtn--red:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #ef5350;
}

.rfipbtn--red .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #e57373;
  background-color: #ffcdd2;
  color: #c62828;
}

.rfipbtn--red .rfipbtn__button:hover {
  background-color: #ef5350;
}

.rfipbtn--red .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #e57373;
  box-shadow: inset 0 0 10px 0 #e57373;
}

.rfipbtn--red .rfipbtn__icon {
  border: 1px solid #ef9a9a;
  color: #c62828;
}

.rfipbtn--red .rfipbtn__icon--empty {
  color: #e57373;
}

.rfipbtn--red .rfipbtn__del {
  background-color: #ef9a9a;
}

.rfipbtn--red .rfipbtn__del:hover {
  background-color: #e57373;
}

.rfipbtn--red .rfipbtn__del:active, .rfipbtn--red .rfipbtn__del:focus {
  outline: 1px solid #e57373;
}

.rfipdropdown--red {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #e57373;
}

.rfipdropdown--red input, .rfipdropdown--red select {
  color: #424242;
}

.rfipdropdown--red .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #ef5350;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--red .rfipcategory select:active, .rfipdropdown--red .rfipcategory select:focus {
  border-bottom-color: #f44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336;
  outline: 0 none;
}

.rfipdropdown--red .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #ef5350;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--red .rfipicons__cp:active, .rfipdropdown--red .rfipicons__cp:focus {
  border-bottom-color: #f44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336;
  outline: 0 none;
}

.rfipdropdown--red .rfipicons__left, .rfipdropdown--red .rfipicons__right {
  background-color: #ef9a9a;
  border: 1px solid #ef9a9a;
  color: #c62828;
}

.rfipdropdown--red .rfipicons__left:hover, .rfipdropdown--red .rfipicons__right:hover {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}

.rfipdropdown--red .rfipicons__left:active, .rfipdropdown--red .rfipicons__left:focus, .rfipdropdown--red .rfipicons__right:active, .rfipdropdown--red .rfipicons__right:focus {
  border: 1px solid #ef5350;
}

.rfipdropdown--red .rfipicons__ibox {
  background-color: #ffcdd2;
  border: 1px solid #ffcdd2;
  color: #c62828;
}

.rfipdropdown--red .rfipicons__ibox:hover {
  background-color: #ef5350;
  border: 1px solid #ef5350;
}

.rfipdropdown--red .rfipicons__ibox:active, .rfipdropdown--red .rfipicons__ibox:focus {
  border: 1px solid #ef5350;
}

.rfipdropdown--red .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--red .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #ef9a9a;
}

.rfipdropdown--red .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #ef5350;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--red .rfipsearch input:active, .rfipdropdown--red .rfipsearch input:focus {
  border-bottom-color: #f44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336;
  outline: 0 none;
}

.rfipbtn--teal {
  background-color: #fff;
  border: 1px solid #4db6ac;
}

.rfipbtn--teal:active, .rfipbtn--teal:focus {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #26a69a;
}

.rfipbtn--teal .rfipbtn__button {
  border: 0 none transparent;
  border-left: 1px solid #4db6ac;
  background-color: #b2dfdb;
  color: #00695c;
}

.rfipbtn--teal .rfipbtn__button:hover {
  background-color: #26a69a;
}

.rfipbtn--teal .rfipbtn__button:active {
  -webkit-box-shadow: inset 0 0 10px 0 #4db6ac;
  box-shadow: inset 0 0 10px 0 #4db6ac;
}

.rfipbtn--teal .rfipbtn__icon {
  border: 1px solid #80cbc4;
  color: #00695c;
}

.rfipbtn--teal .rfipbtn__icon--empty {
  color: #4db6ac;
}

.rfipbtn--teal .rfipbtn__del {
  background-color: #80cbc4;
}

.rfipbtn--teal .rfipbtn__del:hover {
  background-color: #4db6ac;
}

.rfipbtn--teal .rfipbtn__del:active, .rfipbtn--teal .rfipbtn__del:focus {
  outline: 1px solid #4db6ac;
}

.rfipdropdown--teal {
  -webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
  color: #424242;
  background-color: #fff;
  border: 1px solid #4db6ac;
}

.rfipdropdown--teal input, .rfipdropdown--teal select {
  color: #424242;
}

.rfipdropdown--teal .rfipcategory select {
  background-color: #fff;
  border: 0 none;
  border-bottom: 1px solid #26a69a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--teal .rfipcategory select:active, .rfipdropdown--teal .rfipcategory select:focus {
  border-bottom-color: #009688;
  -webkit-box-shadow: 0 1px 0 0 #009688;
  box-shadow: 0 1px 0 0 #009688;
  outline: 0 none;
}

.rfipdropdown--teal .rfipicons__cp {
  border: 0 none;
  border-bottom: 1px solid #26a69a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--teal .rfipicons__cp:active, .rfipdropdown--teal .rfipicons__cp:focus {
  border-bottom-color: #009688;
  -webkit-box-shadow: 0 1px 0 0 #009688;
  box-shadow: 0 1px 0 0 #009688;
  outline: 0 none;
}

.rfipdropdown--teal .rfipicons__left, .rfipdropdown--teal .rfipicons__right {
  background-color: #80cbc4;
  border: 1px solid #80cbc4;
  color: #00695c;
}

.rfipdropdown--teal .rfipicons__left:hover, .rfipdropdown--teal .rfipicons__right:hover {
  background-color: #26a69a;
  border: 1px solid #26a69a;
}

.rfipdropdown--teal .rfipicons__left:active, .rfipdropdown--teal .rfipicons__left:focus, .rfipdropdown--teal .rfipicons__right:active, .rfipdropdown--teal .rfipicons__right:focus {
  border: 1px solid #26a69a;
}

.rfipdropdown--teal .rfipicons__ibox {
  background-color: #b2dfdb;
  border: 1px solid #b2dfdb;
  color: #00695c;
}

.rfipdropdown--teal .rfipicons__ibox:hover {
  background-color: #26a69a;
  border: 1px solid #26a69a;
}

.rfipdropdown--teal .rfipicons__ibox:active, .rfipdropdown--teal .rfipicons__ibox:focus {
  border: 1px solid #26a69a;
}

.rfipdropdown--teal .rfipicons__ibox--error {
  color: #ef9a9a;
}

.rfipdropdown--teal .rfipicons__icon--selected .rfipicons__ibox {
  background-color: #80cbc4;
}

.rfipdropdown--teal .rfipsearch input {
  border: 0 none;
  border-bottom: 1px solid #26a69a;
  -webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: border 0.25s, -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s, border 0.25s;
  transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}

.rfipdropdown--teal .rfipsearch input:active, .rfipdropdown--teal .rfipsearch input:focus {
  border-bottom-color: #009688;
  -webkit-box-shadow: 0 1px 0 0 #009688;
  box-shadow: 0 1px 0 0 #009688;
  outline: 0 none;
}

.rfipbtn--default .rfipbtn__icon {
  border: 0;
  height: 30px;
  margin: 0;
  border-radius: 0;
}

.rfipbtn--default .rfipbtn__del {
  height: 18px;
}

.rfipicons__icon svg[fill=none] {
  fill: none !important;
}

.rfipbtn__elm svg[fill=none] {
  fill: none !important;
}

[class^=fipicon-] {
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.fipicon-angle-down:before {
  content: "\f140";
  font-family: dashicons;
}

.rfipcategory i.fipicon-angle-down:before {
  display: none;
}

.kb-icon-picker-container .rfipbtn--default:active, .kb-icon-picker-container .rfipbtn--default:focus {
  box-shadow: none;
}

.kb-icon-picker-container .rfip {
  margin: 0 0 10px;
  width: 100%;
}

.kb-icon-picker-container .rfip .rfipbtn {
  width: 100%;
  min-height: 30px;
}

i.fipicon-angle-up:before {
  content: "\f142";
  font-family: dashicons;
}

i.fipicon-angle-right:before {
  content: "\f345";
  font-family: dashicons;
}

i.fipicon-angle-left:before {
  content: "\f341";
  font-family: dashicons;
}

li#accordion-section-kadence_customizer_custom_posts_placeholder {
  pointer-events: none;
  margin: 10px 0 0;
}

li#accordion-section-kadence_customizer_custom_posts_placeholder > h3.accordion-section-title {
  border: 0;
  background: transparent;
  text-transform: uppercase;
  font-size: 80%;
}

li#accordion-section-kadence_customizer_custom_posts_placeholder > h3.accordion-section-title:after {
  display: none;
}

.kadence-units .components-dropdown__content .components-popover__content > div {
  padding: 5px 0;
}
.kadence-units .components-dropdown__content .components-popover__content > div .components-button.components-dropdown-menu__menu-item.has-icon {
  padding: 0;
  min-width: 32px;
}

.wrap-components-custom-gradient-picker:before {
  content: "";
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
  border-radius: 24px;
}

.components-custom-gradient-picker__gradient-bar {
  position: relative;
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.kadence-range-control-inner {
  box-sizing: border-box;
  align-items: flex-start;
  display: inline-flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}

.kadence-range-control-inner .components-range-control.kadence-range-control-range {
  flex-grow: 1;
  margin-bottom: 0;
}

.kadence-range-control {
  width: 100%;
}

.kadence-range-control-inner .components-base-control.kt-range-number-input {
  margin-left: 16px;
  margin-bottom: 0;
  flex: 0 1 65px;
}

.kadence-control-field button.components-button.kadence-reset span.dashicon {
  height: auto;
  width: auto;
  font-size: 12px;
}

#customize-theme-controls .customize-pane-child.accordion-section-content {
  padding: 12px 24px;
}
#customize-theme-controls .customize-pane-child.accordion-section-content .customize-section-title {
  margin: -12px -24px 0 -24px;
}

#customize-theme-controls .customize-pane-child.accordion-section-content.control-section-sidebar {
  padding: 12px;
}

.kadence-units {
  max-width: 60px;
}
.kadence-units .components-dropdown-menu {
  padding: 0;
  min-height: 0;
  border-color: #e2e4e7;
}
.kadence-units .components-button.components-dropdown-menu__toggle {
  min-height: 28px;
  min-width: 30px;
  height: auto;
}
.kadence-units .components-popover__content {
  min-width: 50px;
  width: 50px;
}
.kadence-units .components-popover__content button.components-button {
  height: 36px;
  text-align: center;
  justify-content: center;
  box-shadow: none;
}
.kadence-units .components-popover__content button.components-button svg {
  margin: 0;
}

.kadence-range-control .kadence-responsive-controls-content {
  display: flex;
}
.kadence-range-control .components-range-control {
  flex-grow: 1;
}
.kadence-range-control input.components-range-control__number {
  max-width: 65px;
  margin-left: 18px;
  border: 1px solid #e2e4e7;
  border-radius: 0;
  margin-right: 1px;
}
.kadence-range-control .components-base-control__field {
  margin: 0;
}
.kadence-range-control button.components-button {
  height: 28px;
}

.kadence-control-field.radio-btn-width-50 .kadence-radio-container-control {
  flex-wrap: wrap;
}

.kadence-control-field.radio-btn-width-50 .kadence-radio-container-control button.components-button.is-tertiary {
  min-width: 45%;
  margin: 4px;
}

.kadence-responsive-control-bar {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 10px;
}
.kadence-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device) {
  color: #A0AEC0;
}
.kadence-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device):hover {
  color: #718096;
}
.kadence-responsive-control-bar .floating-controls .components-button {
  height: 18px;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.kadence-responsive-control-bar .floating-controls .components-button svg {
  height: 16px;
  width: 16px;
}
.kadence-responsive-control-bar .floating-controls .components-button:focus:not(:disabled) {
  color: #007cba;
  box-shadow: none;
}
.kadence-responsive-control-bar .floating-controls .components-button-group {
  display: flex;
  border: 0;
}
.kadence-responsive-control-bar .advanced-controls .components-button {
  color: #A0AEC0;
  height: 18px;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: none;
}
.kadence-responsive-control-bar .advanced-controls .components-button svg {
  height: 16px;
  width: 16px;
}
.kadence-responsive-control-bar .advanced-controls .components-button:focus-visible:not(:disabled), .kadence-responsive-control-bar .advanced-controls .components-button:hover {
  color: #718096;
  box-shadow: none;
  border: none;
}
.kadence-responsive-control-bar .advanced-controls .components-button.is-pressed {
  background: none;
  color: #007cba;
}

.kadence-typography-advanced-group-label {
  font-weight: bold;
}

.kadence-advanced-control-button {
  justify-content: center;
  width: 100%;
}

.kadence-popover-typography-advanced.components-popover div.components-popover__content {
  padding: 0;
}
.kadence-popover-typography-advanced .kadence-control-field.kadence-title-control {
  margin: 0;
}
.kadence-popover-typography-advanced .kadence-popover-typography-advanced-content {
  padding: 10px;
}
.kadence-popover-typography-advanced .kadence-popover-close {
  position: absolute;
  top: 4px;
  right: 0;
}
.kadence-popover-typography-advanced .kadence-typography-advanced-control-row .kadence-typography-advanced-control {
  display: flex;
}
.kadence-popover-typography-advanced .kadence-typography-advanced-control-row .kadence-typography-advanced-control input {
  flex: 1;
  height: 32px;
}
.kadence-popover-typography-advanced .kadence-typography-advanced-control-row .kadence-typography-advanced-control .components-base-control {
  flex: 0.5;
}

.kadence-control-field .components-button-group {
  border: 0;
}

.kadence-control-field {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.kadence-control-field .customize-control-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  letter-spacing: 0.1px;
  line-height: 18px;
}
.kadence-control-field button.components-button.kadence-reset {
  height: 18px;
  padding: 0 5px;
  margin-right: 0;
  margin-left: -20px;
  opacity: 0.5;
}
.kadence-control-field button.components-button.kadence-reset svg {
  width: 12px;
  height: 12px;
}
.kadence-control-field button.components-button.kadence-reset:disabled {
  opacity: 0;
}
.kadence-control-field button.components-button.kadence-reset:not(:disabled):hover {
  opacity: 1;
  color: #007cba;
  box-shadow: none !important;
}

.kadence-radio-container-control {
  display: flex;
  padding: 10px;
  background: #f9f9f9;
  border: 0;
  flex-wrap: wrap;
}
.kadence-radio-container-control button.components-button.is-tertiary {
  flex: 1 1 0;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  height: 40px;
  line-height: normal;
  margin: 0;
  padding: 4px;
  border: 1px solid #CBD5E0;
  border-radius: 2px;
  background: transparent;
  color: #4A5568;
  white-space: normal;
  box-shadow: none;
}
.kadence-radio-container-control button.components-button.is-tertiary:not(:first-child) {
  margin-left: 4px;
}
.kadence-radio-container-control button.components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
  border-color: #718096;
  color: #4A5568;
}
.kadence-radio-container-control button.components-button.is-tertiary.active-radio {
  border-color: #007cba;
  background: #007cba;
  color: #fff;
}
.kadence-radio-container-control button.components-button.is-tertiary.active-radio:not(:disabled):not([aria-disabled=true]):hover {
  color: #fff;
  border-color: #007cba;
}
.kadence-radio-container-control button.components-button.is-tertiary .kadence-radio-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kadence-radio-container-control.kadence-radio-icon-container-control {
  margin-top: 10px;
}
.kadence-radio-container-control.kadence-radio-icon-container-control button.components-button.is-tertiary {
  padding: 5px;
  height: 50px;
}
.kadence-radio-container-control.kadence-radio-icon-container-control button.components-button.is-tertiary svg {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.kadence-popover-color .components-popover__content {
  min-width: 240px;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker-wrapper {
  box-sizing: border-box;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container input[type=number].components-text-control__input {
  min-height: 16px;
  line-height: 16px;
  font-size: 12px;
  width: 50px;
  font-weight: normal;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control {
  flex: 1;
  margin-bottom: 0;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label {
  margin-bottom: 0;
  margin-right: 0.2em;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control__field {
  display: flex;
  align-items: center;
  font-size: 8px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field {
  justify-content: flex-end;
}
.kadence-popover-color .components-popover__content .actions {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.kadence-popover-color .components-popover__content .actions .button {
  flex: 1;
  margin-top: 10px;
}

.kadence-background-picker-wrap .kadence-popover-color .components-popover__content {
  min-width: 300px;
  min-height: 340px;
  max-height: 60vh;
}
.kadence-background-picker-wrap .kadence-popover-color .components-popover__content > div {
  min-height: 320px;
}

.components-popover.kadence-popover-add-builder .components-popover__content {
  bottom: 0;
}

.components-button.kadence-color-icon-indicate {
  height: auto;
  position: relative;
  transform: scale(1);
  transition: transform 0.1s ease;
  border-radius: 50%;
  padding: 0;
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.components-button.kadence-color-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin: 0;
}
.components-button.kadence-color-icon-indicate:hover {
  transform: scale(1.1);
}

.components-button.kadence-background-icon-indicate {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transform: scale(1);
  transition: transform 0.1s ease;
  border-radius: 50%;
  padding: 0;
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  border: 1px solid #dadada;
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.components-button.kadence-background-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin: 0;
  display: block;
  position: absolute;
  border: 0;
  top: 0;
}
.components-button.kadence-background-icon-indicate > .dashicon {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.components-button.kadence-background-icon-indicate img.kadence-background-image-preview {
  display: flex;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}

.components-button.kadence-background-icon-indicate:hover {
  box-shadow: none !important;
}

.kadence-control-field.kadence-color-control {
  display: flex;
}
.kadence-control-field.kadence-color-control .customize-control-title {
  flex-grow: 2;
}

.components-popover.kadence-popover-color .components-popover__content {
  padding: 10px 10px 0px;
  box-sizing: initial;
  background: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px;
}
.components-popover.kadence-popover-color .components-popover__content .sketch-picker {
  padding: 0 0 5px !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.components-popover.kadence-popover-color .components-popover__content .attachment-media-view {
  margin-top: 10px;
  margin-bottom: 10px;
}

.kadence-swatches-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 0.75px;
  border-top: 1px solid rgb(238, 238, 238);
}

.kadence-swatches-wrap .kadence-swatche-item-wrap:hover {
  transform: scale(1.2) !important;
}

.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item {
  background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item .dashicon {
  display: none;
}

.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item.swatch-active {
  box-shadow: 0 0 0 8px inset !important;
}
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item.swatch-active .dashicon {
  display: block;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}

.components-button.kadence-color-icon-indicate > .dashicon {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.customize-control-kadence_measure_control input[type=number] {
  padding: 0 4px;
}

@media (max-width: 1900px) {
  .kadence-palette-colors .components-button.kadence-color-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
    width: 26px;
    height: 26px;
  }
  .kadence-typography-control .typography-button-wrap > button.components-button.kadence-typography-preview-indicate {
    padding: 0 2px;
  }
  .kadence-typography-control .typography-button-wrap > button.components-button {
    padding: 0 4px;
  }
  .customize-control-kadence_measure_control input[type=number] {
    padding: 0 2px;
  }
}
@media (max-width: 1900px) {
  .kadence-palette-colors .components-button.kadence-color-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1400px) {
  .kadence-palette-colors .components-button.kadence-color-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
    width: 22px;
    height: 22px;
  }
  .customize-control-kadence_measure_control input[type=number] {
    padding: 0px;
  }
}
.kadence-palette-colors .kadence-color-picker-wrap:first-child {
  margin-left: 0;
}

.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs {
  display: flex;
  border-bottom: 1px solid #dadada;
  margin-top: -5px;
  margin-bottom: 15px;
}

.kadence-palette-import-wrap {
  float: left;
}

.kadence-palette-popover-tabs {
  width: 350px;
  max-height: 420px;
}

.kadence-palette-popover-tabs .components-tab-panel__tabs-item {
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  height: 36px;
  text-transform: uppercase;
  border: 0;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
  opacity: 0.6;
}

.kadence-palette-popover-tabs .components-tab-panel__tabs {
  display: flex;
  border-bottom: 1px solid #dadada;
  margin-top: -5px;
  margin-bottom: 15px;
}

.kadence-palette-popover-copy-paste .components-popover__content {
  padding: 8px;
  box-sizing: initial;
  background: #fff;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px;
  width: 100%;
  box-sizing: border-box;
}
.kadence-palette-popover-copy-paste .components-popover__content .kadence-palette-popover-tabs {
  width: 100%;
}

.kadence-palette-popover-tabs .components-tab-panel__tabs-item.active-tab {
  border-bottom-color: #007cba;
  opacity: 1;
  box-shadow: none;
}

.kadence-palette-popover-tabs .components-button.kadence-palette-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.kadence-palette-popover-tabs .components-button.kadence-palette-item:hover {
  border-color: #777;
}

.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button {
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  height: 36px;
  text-transform: uppercase;
  border: 0;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
  opacity: 0.6;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button:focus {
  outline: 0;
  box-shadow: none;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button:hover {
  box-shadow: none !important;
  opacity: 1;
  border-bottom: 4px solid #dadada;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button.active-tab {
  border-bottom-color: #007cba;
  opacity: 1;
}

.components-popover__content .kadence-radio-container-control {
  padding: 10px 0;
  background: white;
}

.kadence-control-field .kadence-background-tabs .customize-control-title {
  padding-top: 10px;
  font-size: 12px;
  display: block;
}

.kadence-control-field.kadence-background-control .kadence-responsive-control-bar .floating-controls {
  display: flex;
  align-items: center;
  margin-left: 0px;
}

.kadence-control-field.kadence-background-control .kadence-responsive-control-bar .customize-control-title {
  flex-grow: 1;
}

.kadence-control-field.kadence-background-control .kadence-responsive-controls-content {
  display: flex;
  justify-content: flex-end;
}

.kadence-control-field.kadence-palette-control.kadence-color-control {
  display: block;
}

.kadence-palette-header {
  display: flex;
  align-items: center;
}

.kadence-palette-colors {
  padding: 20px 0 0;
}
.kadence-palette-colors .kadence-palette-group {
  margin-bottom: 7px;
}
.kadence-palette-colors .kadence-palette-group-name {
  font-weight: bold;
}
.kadence-palette-colors .kadence-palette-group-colors {
  display: flex;
  gap: 5px;
  margin-top: 3px;
}
.kadence-palette-colors .kadence-palette-group:nth-child(1) .kadence-color-picker-wrap:nth-child(3) .kadence-color-icon-indicate:hover {
  transform: scale(1);
}
.kadence-palette-colors .kadence-palette-group:nth-child(1) .kadence-color-picker-wrap:nth-child(3) .kadence-advanced-color-indicate {
  background: var(--global-palette10) !important;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.2);
}

.kadence-palette-header .components-button-group .components-button.is-tertiary {
  color: #a0aec0;
  border: 1px solid #a0aec0;
  height: 30px;
  font-size: 12px;
  padding: 0 4px;
  box-shadow: none;
}

@media (max-width: 1900px) {
  .kadence-palette-header .components-button-group .components-button.is-tertiary {
    font-size: 10px;
    padding: 0 2px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 1601px) {
  .kadence-control-field .customize-control-title {
    font-size: 13px;
  }
}
.kadence-palette-header .components-button-group .components-button.is-tertiary.active-palette {
  color: #fff;
  border: 1px solid #007cba;
  background: #007cba;
}

.kadence-border-control .kadence-responsive-controls-content {
  display: flex;
  justify-content: flex-end;
}
.kadence-border-control .kadence-responsive-controls-content input.components-text-control__input {
  border: 1px solid #e2e4e7;
  width: 60px;
}
.kadence-border-control .kadence-responsive-controls-content .kadence-color-picker-wrap {
  margin-right: 5px;
  margin-left: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.kadence-border-control .kadence-responsive-controls-content .color-button-wrap {
  display: inline-flex;
}

.kadence-units .components-button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.kadence-typography-control .kadence-typography-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 5px;
}
.kadence-typography-control .color-button-wrap {
  display: flex;
}
.kadence-typography-control .customize-control-title {
  flex-grow: 1;
}
.kadence-typography-control .components-popover.kadence-popover-typography > .components-popover__content {
  min-width: 340px;
  min-height: 339px;
}
.kadence-typography-control .components-popover.kadence-popover-typography > .components-popover__content > div {
  min-height: 339px;
}
.kadence-typography-control .kadence-typography-tabs .customize-control-title {
  padding-top: 0;
}
.kadence-typography-control .kadence-typography-tabs .kadence-range-control {
  padding-top: 10px;
}
.kadence-typography-control .kadence-transform-controls {
  width: 50%;
  padding-right: 10px;
  padding-bottom: 5px;
}
.kadence-typography-control .kadence-transform-controls .components-button-group {
  padding: 0 0 10px 0;
}
.kadence-typography-control .kadence-transform-controls .components-button-group button.components-button.is-tertiary {
  height: 30px;
}
.kadence-typography-control .kadence-font-family-list-wrapper {
  padding-top: 35px;
}
.kadence-typography-control .components-button-group.kadence-font-family-list {
  display: flex;
  max-height: 259px;
  overflow: scroll;
  flex-direction: column;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  border-radius: 0;
  margin: 0;
  width: 340px;
  height: 36px;
  min-height: 36px;
  border-bottom: 1px solid #e2e4e7;
  white-space: nowrap;
  box-shadow: none;
  color: #2D3748;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice .preview-text {
  font-size: 16px;
  white-space: nowrap;
  color: #2D3748;
  line-height: 30px;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:hover, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:focus {
  background: #007cba !important;
  color: white !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio .preview-text, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:hover .preview-text, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:focus .preview-text {
  color: white;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list {
  max-height: 294px;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice {
  display: flex;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  min-height: 36px;
  border-bottom: 1px solid #e2e4e7;
  white-space: nowrap;
  color: #2D3748;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio, .kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio:hover, .kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio:focus {
  background: #007cba !important;
  color: white !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.kadence-typography-control .kadence-font-family-search {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  background: white;
}
.kadence-typography-control .kadence-font-family-search .components-base-control {
  display: flex;
  flex-grow: 1;
}
.kadence-typography-control .kadence-font-family-search .components-base-control .components-base-control__field {
  display: flex;
  margin-bottom: 5px;
  flex-grow: 1;
}
.kadence-typography-control .kadence-font-family-search .components-base-control .components-base-control__field input {
  padding-right: 40px;
}
.kadence-typography-control .kadence-font-family-search .kadence-clear-search {
  position: absolute;
  right: 0;
  z-index: 100;
  height: 30px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.kadence-typography-control .kadence-typography-tabs .components-tab-panel__tab-content {
  position: relative;
}
.kadence-typography-control button.components-button.kadence-typography-family-indicate {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
}
.kadence-typography-control .typography-button-wrap > button.components-button {
  border: 1px solid #e2e4e7;
  margin-left: 2px;
  background-color: #fff;
}
.kadence-typography-control .kadence-popover-typography-single-item {
  position: relative;
}
.kadence-typography-control .kadence-popover-typography-single-item .components-button-group.kadence-font-family-list {
  max-height: 304px;
}

.customize-control-kadence_typography_control .kadence-control-field button.components-button.kadence-reset {
  height: 36px;
  top: 0;
}

.kadence-preview-font {
  padding: 10px;
  background: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
  background-size: 10px 10px;
  background-position: 0 0, 0 5px, 5px -5px, -5px 0;
  margin-top: 10px;
  line-height: 1.2;
}

.kadence-select-units select.components-select-control__input {
  width: 100%;
  margin: 0 0 2px 0;
  border: 1px solid #e2e4e7;
}

.kadence-control-field.kadence-title-control {
  background: #f9f9f9;
  margin-bottom: -13px;
  margin-top: -17px;
  margin-left: -24px;
  margin-right: -24px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 12px 20px;
}

.kadence-control-field.kadence-title-control .customize-control-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.kadence-locked .components-button.is-single {
  border: 1px solid #e2e4e7;
  background-color: #fff;
  display: flex;
  height: 30px;
}

.kadence-locked .components-button svg {
  width: 16px;
}

.measure-input-wrap {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  padding-right: 5px;
}

.measure-input-wrap small {
  padding-left: 3px;
}

.measure-input-wrap input.measure-inputs {
  border: 1px solid #e2e4e7;
}

.kadence-radio-container-control button.components-button.is-tertiary svg {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.kadence-radio-icon-control.kadence-two-col .components-button-group.kadence-radio-container-control .components-button.is-tertiary svg {
  height: 60px;
}

.kadence-radio-container-control button.components-button .kadence-radio-icon {
  width: 100%;
  height: 100%;
}

#customize-control-page_layout .components-button-group.kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

#customize-control-page_layout .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-width: 25%;
  padding: 10px;
  margin: 0;
  min-height: 80px;
}

#customize-control-page_title_layout .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-height: 90px;
  padding: 10px;
}

#customize-control-page_title_layout .kadence-radio-container-control button.components-button.is-tertiary:not(:first-child) {
  margin-left: 10px;
}

.kadence-radio-dashicon {
  max-width: 20px;
}

.kadence-sorter-item-panel-header {
  display: flex;
  width: 100%;
  cursor: grab;
  align-items: center;
  border-bottom: 1px solid #a0aec0;
  margin-bottom: -1px;
}
.kadence-sorter-item-panel-header .kadence-sorter-title {
  flex-grow: 2;
  padding: 0 8px;
  font-weight: bold;
}
.kadence-sorter-item-panel-header .kadence-sorter-visiblity {
  border-radius: 0;
  height: 36px;
  border-right: 1px solid #a0aec0;
}
.kadence-sorter-item-panel-header .kadence-sorter-visiblity .dashicon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand {
  border-radius: 0;
  position: relative;
  height: 36px;
  border-left: 0;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand:before {
  content: "";
  position: absolute;
  left: 0;
  height: 50%;
  background: #a0aec0;
  width: 1px;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand:focus:before {
  opacity: 0;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand .dashicon {
  width: 14px;
  height: 14px;
  font-size: 14px;
}

.kadence-sorter-drop .kadence-sorter-item {
  line-height: 28px;
  height: auto;
  background: white;
  position: relative;
  border: 1px solid #a0aec0;
  white-space: nowrap;
  position: relative;
  margin: 0 0 4px;
  padding: 0px;
  border-radius: 3px;
}

.kadence-sorter-drop {
  display: flex;
  flex-direction: column;
}

.kadence-sorter-item-panel-content {
  padding: 10px;
}
.kadence-sorter-item-panel-content .components-base-control__field {
  display: flex;
  flex-direction: column;
}
.kadence-sorter-item-panel-content .components-button.kadence-sorter-item-remove {
  color: #b52727;
}

.sortable-style-tabs .components-tab-panel__tabs {
  display: flex;
  border-bottom: 1px solid #dadada;
  margin-bottom: 15px;
}
.sortable-style-tabs .components-tab-panel__tabs .components-button {
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  height: 36px;
  text-transform: uppercase;
  border: 0;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  margin-bottom: -1px;
  opacity: 0.6;
  box-shadow: none;
}
.sortable-style-tabs .components-tab-panel__tabs .components-button.active-tab {
  border-bottom-color: #007cba;
  opacity: 1;
}

.kadence-social-add-area {
  display: flex;
}

.kadence-social-add-area .components-base-control {
  flex-grow: 1;
  padding-right: 10px;
}

.kadence-social-add-area .components-base-control .components-base-control__field {
  margin-bottom: 0;
}

.kadence-social-add-area .kadence-sorter-add-item {
  height: 32px;
  line-height: normal;
}
.kadence-social-add-area .kadence-sorter-add-item svg,
.kadence-social-add-area .kadence-sorter-add-item .dashicons {
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-top: 2px;
}

.kadence-sorter-row {
  margin-bottom: 16px;
}

.kadence-sorter-item-panel-content .components-button.button-add-media {
  display: block;
  margin-bottom: 20px;
  height: auto;
}

.social-custom-image {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  justify-content: space-around;
}
.social-custom-image .components-button.remove-image.is-destructive {
  color: #b52727;
}

.kadence-social-image {
  max-width: 50px;
  padding-right: 20px;
}

.kadence-sorter-item-panel-content .kadence-radio-container-control button.components-button.is-tertiary {
  padding: 4px;
}

@media (max-width: 1760px) {
  .measure-input-wrap {
    padding-right: 2px;
  }
  .measure-input-wrap input.measure-inputs {
    padding: 0 2px;
  }
  .kadence-locked .components-button.is-single {
    padding: 0 2px;
  }
  .kadence-range-control button.components-button {
    padding: 0 2px;
  }
  .components-button.has-icon.has-text svg {
    margin-right: 3px;
    max-width: 20px;
  }
  .kadence-locked .components-button.is-single svg {
    width: 14px;
  }
}
.kadence-post-title-sorter .kadence-sorter-item-panel-content .components-toggle-control .components-base-control__field {
  flex-direction: row;
}

.kadence-meta-sorter .kadence-radio-container-control button.components-button.is-tertiary svg {
  max-width: 12px;
  margin: 0 auto;
}

.components-toggle-control .components-base-control__field .components-toggle-control__label {
  white-space: normal;
}

.kadence-sorter-item-panel-content .kadence-radio-container-control {
  margin-bottom: 10px;
}

.sorter-sub-option {
  padding: 12px 12px 0px;
  border: 1px solid #bbb;
  margin-bottom: 12px;
}

.meta-label-input-control {
  display: flex;
  margin-bottom: 6px;
}

.kadence-label-visiblity svg {
  width: 14px;
}

.components-button.kadence-label-visiblity {
  height: 30px;
}

.label-is-hidden .components-text-control__input {
  opacity: 0.2;
  pointer-events: none;
}

.kadence-radio-icon-control.kadence-three-col .components-button-group.kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.kadence-radio-icon-control.kadence-three-col .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-width: 25%;
  padding: 10px;
  margin: 0;
  min-height: 90px;
}
.kadence-radio-icon-control.kadence-three-col .components-button-group.kadence-radio-container-control .components-button.is-tertiary svg {
  max-width: 50px;
}

.kadence-radio-icon-control.kadence-two-col .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-height: 90px;
  padding: 10px;
}

.kadence-radio-icon-control .components-button-group.kadence-radio-container-control .components-button.btn-flex-col.is-tertiary {
  flex-direction: column;
  font-size: 10px;
}
.kadence-radio-icon-control .components-button-group.kadence-radio-container-control .components-button.btn-flex-col.is-tertiary .kadence-radio-icon {
  margin-bottom: 3px;
  display: block;
}

.kadence-radio-icon-control.kadence-two-col .kadence-radio-container-control button.components-button.is-tertiary:not(:first-child) {
  margin-left: 10px;
}

.kadence-row-layout-control .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-width: 25%;
  padding: 5px;
  margin: 0;
  min-height: 40px;
}

.kadence-row-layout-control .components-button-group.kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.kadence-row-layout-control .components-button-group.kadence-radio-container-control .components-button.is-tertiary.active-radio {
  background: white;
}

.kadence-row-layout-control .components-button-group.kadence-radio-container-control .components-button.is-tertiary.active-radio svg rect {
  fill: #007cba;
}

#customize-control-footer_widget1_tabs {
  display: block !important;
}

.typography-button-wrap .components-button {
  height: 36px;
}

.kadence-radio-icon-control.kadence-three-col-short .components-button-group.kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.kadence-radio-icon-control.kadence-three-col-short .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-width: 25%;
  padding: 0px;
  margin: 0;
  height: 30px;
}

.kadence-sorter-no-sorting .kadence-sorter-item {
  margin-bottom: 12px;
}

.kadence-sorter-no-sorting .kadence-sorter-item-panel-header {
  cursor: default;
}

.components-button-group.kadence-featured-image-ratio {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.kadence-sorter-item-panel-content .kadence-featured-image-ratio button.components-button.is-tertiary {
  padding: 0;
  height: 30px;
  margin: 0;
}

.kadence-sorter-item-panel-content .kadence-radio-container-control button.components-button.is-tertiary svg {
  max-width: 14px;
  margin: 0 auto;
}

#customize-theme-controls .accordion-section-content {
  color: #2d3748;
}

.kadence-sorter-item-panel-content .components-range-control .components-base-control__field input.components-range-control__number {
  width: auto;
}

.kadence-popover-social-list .components-button-group.kadence-radio-container-control {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  padding-bottom: 15px;
  padding-top: 5px;
}

.kadence-popover-social-list .components-button-group.kadence-radio-container-control .components-button.social-radio-btn.is-tertiary {
  min-width: 80px;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

.radio-icon-padding .kadence-radio-container-control button.components-button.is-tertiary {
  padding: 10px 0;
}

.kadence-sorter-drop-social_item_group .kadence-sorter-item-panel-header .kadence-sorter-visiblity {
  background: #f9f9f9;
  border: 0;
}

.kadence-sorter-drop-social_item_group .kadence-sorter-item-panel-header .kadence-sorter-visiblity svg {
  max-width: 14px;
}

.kadence-sorter-drop-social_item_group .kadence-sorter-item-panel-header .kadence-sorter-visiblity.item-is-hidden {
  opacity: 0.2;
}

.kadence-link-color-control .components-base-control__field {
  margin-bottom: 0;
}

.customize-control-kadence_borders_control .kadence-border-control > .kadence-responsive-controls-content {
  display: block;
}

.customize-control-kadence_borders_control .kadence-responsive-controls-content.kadence-border-single-item {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.customize-control-kadence_borders_control .kadence-responsive-controls-content.kadence-border-single-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

span.border-icon {
  display: flex;
  width: 30px;
  align-items: center;
  flex-grow: 1;
}

span.border-icon svg {
  width: 24px;
  height: 24px;
}

.components-custom-gradient-picker .components-base-control__label {
  padding-top: 10px;
  font-size: 12px;
  display: block;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 18px;
}

.kadence-background-tabs .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
  justify-content: flex-start;
}

.components-custom-gradient-picker .components-custom-gradient-picker__gradient-bar {
  box-sizing: border-box;
}

.kadence-color-picker-wrap .kadence-popover-color .components-popover__content {
  min-width: 300px;
  min-height: 320px;
  max-height: 60vh;
}

.kadence-color-picker-wrap .kadence-popover-tabs .components-tab-panel__tab-content {
  position: relative;
}

#accordion-section-kadence_customizer_sidebar_design,
#accordion-section-kadence_customizer_cart_design,
#accordion-section-kadence_customizer_product_layout_design,
#accordion-section-kadence_customizer_course_layout_design,
#accordion-section-kadence_customizer_lesson_layout_design,
#accordion-section-kadence_customizer_course_archive_design,
#accordion-section-kadence_customizer_header_popup_design,
#accordion-section-kadence_customizer_llms_membership_archive_design,
#accordion-section-woocommerce_product_catalog_design,
#accordion-section-kadence_customizer_post_archive_design,
#accordion-section-kadence_customizer_sfwd_courses_layout_design,
#accordion-section-kadence_customizer_post_layout_design,
#accordion-section-kadence_customizer_header_transparent_design,
#accordion-section-woocommerce_store_notice_design,
#accordion-section-kadence_customizer_scroll_up_design,
li#accordion-section-kadence_customizer_courses_layout_design,
#accordion-section-kadence_customizer_sfwd_groups_layout_design,
#accordion-section-kadence_customizer_sfwd_essays_layout_design,
#accordion-section-kadence_customizer_search_design,
#accordion-section-kadence_customizer_sfwd_lesson_layout_design,
#accordion-section-kadence_customizer_sfwd_topic_layout_design,
#accordion-section-kadence_customizer_sfwd_grid_layout_design,
li.accordion-section.control-section-design-hidden,
#accordion-section-kadence_customizer_sfwd_quiz_layout_design,
#accordion-section-kadence_customizer_general_404_design,
#accordion-section-kadence_customizer_sfwd_courses_archive_layout_design,
#accordion-section-kadence_customizer_tribe_events_layout_design,
#accordion-section-kadence_customizer_courses_archive_layout_design {
  display: none !important;
}

.kadence-prevent-transition {
  transition: none !important;
}

.kadence-popover-color .components-circular-option-picker {
  position: relative;
  z-index: 10000000;
}

.kadence-popover-color .components-circular-option-picker .components-popover.components-custom-gradient-picker__color-picker-popover {
  top: 40px !important;
  left: 30px !important;
  bottom: auto !important;
}

.kadence-popover-color .components-circular-option-picker .components-popover.components-custom-gradient-picker__color-picker-popover > div {
  top: 100%;
  bottom: auto;
}

.kadence-popover-color .components-circular-option-picker .components-popover.components-custom-gradient-picker__color-picker-popover::before,
.kadence-popover-color .components-circular-option-picker .components-popover.components-custom-gradient-picker__color-picker-popover::after {
  display: none;
}

.kadence-tiny-text .kadence-radio-container-control button.components-button.is-tertiary {
  font-size: 9px;
}

#customize-control-logo_layout .kadence-radio-container-control button.components-button.is-tertiary {
  font-size: 9px;
}

.kadence-typography-control .typography-button-wrap > button.components-button.kadence-typography-size-indicate {
  min-width: 46px;
}

.kadence-builder-is-active .wp-full-overlay.collapsed #customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder,
.kadence-footer-builder-is-active .wp-full-overlay.collapsed #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
  transform: translateY(100%) !important;
  overflow: hidden;
}

.kadence-builder-is-active .wp-full-overlay.collapsed #customize-preview,
.kadence-footer-builder-is-active .wp-full-overlay.collapsed #customize-preview {
  bottom: 0 !important;
}

.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-left_center,
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-right_center {
  display: none;
}

.kadence-builder-areas.has-center-items .kadence-builder-drop-left_center,
.kadence-builder-areas.has-center-items .kadence-builder-drop-right_center {
  display: flex;
}

.kadence-radio-icon-control.kadence-two-forced .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  margin: 0;
}

.kadence-radio-icon-control.kadence-two-forced .kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}

.customize-control-kadence_borders_control button.components-button.reset.kadence-reset {
  margin-top: 5px;
}

.kadence-units .components-toolbar .components-button:before {
  display: none;
}

li#customize-control-kadence_color_palette .customize-control-description {
  text-align: right;
  margin-top: 10px;
}

.kadence-radio-icon-control.kadence-three-col.kadence-auto-height .components-button-group.kadence-radio-container-control .components-button.is-tertiary {
  min-height: 0;
}

@media (max-width: 1700px) {
  .kadence-tiny-text .kadence-radio-container-control button.components-button.is-tertiary {
    font-size: 7px;
  }
}
p.kt-box-shadow-title {
  text-align: center;
  margin-bottom: 0;
}

.kadence-boxshadow-control .kadence-responsive-controls-content input.components-text-control__input {
  border: 1px solid #e2e4e7;
  width: 50px;
  padding-left: 2px;
}

.kt-box-inset-settings {
  padding-top: 10px;
}

.kt-box-disable-settings {
  padding-left: 8px;
  padding-top: 10px;
}

#customize-control-google_subsets .kadence-radio-container-control {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.kadence-sorter-title {
  overflow: hidden;
}

#customize-control-google_subsets .kadence-radio-container-control button.components-button.is-tertiary {
  margin: 0;
  font-size: 9px;
}

.kadence-popover-tabs .components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
  opacity: 1;
}

.components-dropdown__content.components-custom-gradient-picker__color-picker-popover .components-popover__content > div {
  padding: 0;
}

.kadence-sorter-no-sorting .kadence-sorter-item {
  background: #fff;
  border: 0;
  line-height: 42px;
}

.kadence-sorter-no-sorting .kadence-sorter-item-panel-header {
  border-bottom: 0;
}

.kadence-sorter-drop:not(.kadence-sorter-no-sorting) .kadence-sorter-item {
  border-left: 3px solid #007cba;
}

.kadence-sorter-drop:not(.kadence-sorter-no-sorting) .kadence-move-icon {
  margin-left: -3px;
  margin-right: 5px;
  transform: rotate(90deg);
  cursor: grab;
  width: 18px;
  opacity: 0.7;
}

.kadence-sorter-drop:not(.kadence-sorter-no-sorting) .kadence-sorter-item-panel-header .kadence-sorter-visiblity {
  border-left: 1px solid #a0aec0;
}

.rtl .kadence-control-field button.components-button.kadence-reset {
  margin-right: -20px;
  margin-left: 0;
}

.kadence-color-picker-wrap > span + .color-button-wrap .components-button.kadence-color-icon-indicate {
  transform: scale(1.15);
  box-shadow: 0 0 0 1.5px #007cba;
  box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
  outline: 1px solid transparent;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-left {
  left: 40px !important;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color {
  animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-right {
  left: 40px !important;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-right .components-popover__content {
  right: auto;
}

.kadence-background-picker-wrap > span + .background-button-wrap .components-button.kadence-background-icon-indicate {
  transform: scale(1.15);
  box-shadow: 0 0 0 1.5px #007cba;
  box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
  outline: 1px solid transparent;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-left {
  left: 40px !important;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color {
  animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-right {
  left: 40px !important;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-right .components-popover__content {
  right: auto;
}

@keyframes kadence-animate__appear-animation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rtl .kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-right,
.rtl .kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-left,
.rtl .kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-left,
.rtl .kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-right {
  left: auto !important;
}

.kadence-builder-areas {
  padding-left: 20px;
}

.kadence-builder-areas.popup-vertical-group {
  padding-left: 0;
  padding-top: 26px;
}

.kadence-builder-areas.popup-vertical-group button.components-button.kadence-row-actions {
  top: 0;
  opacity: 1;
  width: calc(100% - 20px);
}

.kadence-builder-areas button.components-button.kadence-row-actions {
  left: 0;
}

.kadence-builder-areas button.components-button.kadence-row-left-actions {
  position: absolute;
  left: 0;
  height: 100%;
  min-width: 0;
  width: 20px;
  padding: 0;
  color: #c8dbe4;
  box-shadow: none !important;
  background: #007cba;
  border-radius: 0;
  font-size: 10px;
}
.kadence-builder-areas button.components-button.kadence-row-left-actions:hover {
  color: white;
}

.kadence-builder-areas.popup-vertical-group button.components-button.kadence-row-left-actions {
  display: none;
}

.kadence-builder-areas button.components-button.kadence-row-left-actions .dashicon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  margin: 0;
}

.kadence-background-picker-wrap .components-popover.kadence-popover-color.components-custom-gradient-picker__color-picker-popover .components-popover__content {
  left: 0;
  transform: none;
}

.kadence-color-picker-wrap .kadence-background-tabs .components-popover.components-custom-gradient-picker__color-picker-popover .components-popover__content {
  left: 0;
  transform: none;
  min-width: 240px;
}

.kadence-radio-icon-control.kadence-two-grid .kadence-radio-container-control {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

.kadence-radio-icon-control.kadence-two-grid .kadence-radio-container-control button.components-button.is-tertiary {
  margin: 0;
}

.customize-control-title .disabled-element-wrapper,
.kadence-control-field .disabled-element-wrapper {
  opacity: 0;
}

.kadence-font-pair-popover > .components-popover__content {
  padding: 0 12px 12px;
}

.components-button-group.kt-font-pair-group {
  min-width: 290px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.kadence-font-pair-wrap {
  margin-right: 0;
  margin-left: auto;
}

.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn {
  height: auto;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn img {
  max-height: 40px;
  height: auto;
  width: auto;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn span {
  font-size: 11px;
  font-weight: normal;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn.state-confirm {
  background: rgba(0, 124, 186, 0.1);
}

#customize-theme-controls .customize-pane-child.accordion-section-content,
#customize-theme-controls .customize-pane-child.accordion-sub-container {
  min-height: 100%;
}

.components-popover.kadence-customizer-popover:not(.components-animate__appear) {
  left: -5px !important;
  right: -5px !important;
  max-width: calc(100% + 20px);
}

.kadence-color-picker-wrap .kadence-popover-color:not(.components-animate__appear) .components-popover__content {
  min-height: 284px;
}

.kadence-typography-control .components-popover.kadence-popover-typography.kadence-customizer-popover:not(.components-animate__appear) > .components-popover__content {
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

.kadence-color-picker-wrap .kadence-popover-color.kadence-customizer-popover:not(.components-animate__appear) .components-popover__content {
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}

.kadence-background-picker-wrap .kadence-popover-color.kadence-customizer-popover:not(.components-animate__appear) .components-popover__content {
  max-width: 100%;
  min-width: 100%;
  overflow: scroll !important;
  box-sizing: border-box;
  min-height: 330px;
}

.kadence-color-picker-wrap .kadence-popover-color.kadence-popover-color-gradient:not(.components-animate__appear) .components-popover__content {
  min-height: 330px;
  overflow: visible !important;
}

.kadence-customizer-popover:not(.components-animate__appear) .kadence-picker {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.kadence-customizer-popover:not(.components-animate__appear) .kadence-swatches-wrap {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.components-custom-gradient-picker__item {
  display: block;
  flex: 5 1 0%;
  max-height: 100%;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
}
.components-custom-gradient-picker__item .kadence-controls-content {
  gap: 12px;
}
.components-custom-gradient-picker__item .kadence-controls-content .components-base-control {
  margin-bottom: 0;
  flex: 10 0 0;
}
.components-custom-gradient-picker__item .kadence-control-toggle-advanced.only-icon {
  flex: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  height: 30px;
  line-height: 1.2;
  border: 1px solid #cbd5e0;
  border-radius: 2px;
  background: transparent;
  color: #4a5568;
  padding: 4px;
  box-shadow: none;
  white-space: normal;
}
.components-custom-gradient-picker__item .kadence-control-toggle-advanced.only-icon svg {
  width: 20px;
}
.components-custom-gradient-picker__item .kadence-control-toggle-advanced.only-icon.is-primary {
  border-color: var(--wp-admin-theme-color, #00669b);
  background: var(--wp-admin-theme-color, #00669b);
  color: #fff;
  box-shadow: none;
}

.block-editor-block-inspector .components-custom-gradient-picker__item .kadence-select-large .components-select-control__input {
  height: 40px;
  min-height: 40px;
}

.kadence-gradient-position-control .kadence-gradient-position_header .kadence-gradient-position__label {
  margin: 0px 0px 8px;
  display: block;
}

.kadence-gradient-position-control .components-unit-control-wrapper {
  flex-grow: 1;
}

.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 16px;
  display: flex;
}

.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
  height: inherit;
  width: inherit;
  border-radius: 50%;
  padding: 0;
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25);
  outline: 2px solid transparent;
  position: static;
  top: auto;
}

.kadence-gradient-control .components-custom-gradient-picker__ui-line .components-base-control {
  margin-bottom: 0;
}
.kadence-gradient-control .components-custom-gradient-picker__ui-line .components-base-control .components-base-control__field {
  margin-bottom: 0;
}

.kadence-gradient-control .components-custom-gradient-picker__gradient-bar {
  border-radius: 2px;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  padding-right: 0;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
  position: relative;
  width: calc(100% - 48px);
  margin-left: auto;
  margin-right: auto;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 16px;
  display: flex;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown {
  position: relative;
  height: inherit;
  width: inherit;
  min-width: 16px;
  border-radius: 50%;
  background: #fff;
  padding: 2px;
  color: #111;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg {
  height: 100%;
  width: 100%;
}

.kadence-gradient-control .components-angle-picker-control .components-input-control__container .components-input-control__input {
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
}

.kadence-pop-gradient-color-picker {
  width: 280px;
  max-width: 100%;
}

.components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content.kadence-pop-color-popover {
  z-index: 10000000;
  animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content.kadence-pop-color-popover .components-popover__content {
  min-height: 0;
}

.wrap-components-custom-gradient-picker {
  position: relative;
  z-index: 11;
}

.components-dropdown__content.components-color-palette__custom-color-dropdown-content .kadence-picker > div:first-child {
  padding-bottom: 25% !important;
}

.kadence-background-picker-wrap .kadence-popover-color .components-popover__content > .kadence-pop-gradient-color-picker {
  min-height: 0;
}

.kadence-background-picker-wrap .components-popover.kadence-popover-color > .components-popover__content {
  overflow: visible;
}

.kadence-sorter-item-panel-content .components-form-toggle {
  display: flex;
}

.control-section-kadence_section_pro h3 {
  margin: 0 0 8px 0;
  padding: 1px 0;
  border: 0;
  position: relative;
}
.control-section-kadence_section_pro h3 a {
  background: #fff;
  display: block;
  padding: 11px 10px 12px 14px;
  text-decoration: none;
  border-left: 4px solid #fff;
  transition: background-color ease-in-out, 0.15s border-color ease-in-out;
}
.control-section-kadence_section_pro h3 a:after {
  content: "\f345";
  position: absolute;
  top: 11px;
  right: 10px;
  z-index: 1;
  float: right;
  border: none;
  background: 0 0;
  font: normal 20px/1 dashicons;
  speak: none;
  display: block;
  padding: 0;
  text-indent: 0;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.control-section-kadence_section_pro h3 a:hover {
  background: #f6f7f7;
  border-left-color: transparent;
}

#customize-theme-controls .accordion-section-title button.accordion-trigger {
  max-height: fit-content;
}