/* ****************************************************************
ANIMATIONS
********************************************************************/
/**********************
common.less
*************************/
.ecf-d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.ecf-d-flex.ecf-center {
  justify-content: center;
}
.ecf-d-flex.ecf-middle {
  align-items: center;
}
.ecf-no-oh {
  overflow: visible !important;
}
#ecf-creator,
.ecf-output-fields-wrapper {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  transition: height 0.66s ease-out;
  overflow: hidden;
  font-size: 15px;
  font-family: 'Hind', sans-serif;
  font-family: 'Hind Vadodara', sans-serif;
  letter-spacing: 0;
  position: relative;
  visibility: visible;
  font-kerning: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#ecf-creator *,
.ecf-output-fields-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#ecf-creator .iris-picker,
.ecf-output-fields-wrapper .iris-picker,
#ecf-creator .iris-picker *,
.ecf-output-fields-wrapper .iris-picker * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#ecf-creator .flatpickr-current-month input.cur-year:focus,
.ecf-output-fields-wrapper .flatpickr-current-month input.cur-year:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ecf-creator h1,
.ecf-output-fields-wrapper h1,
#ecf-creator h2,
.ecf-output-fields-wrapper h2,
#ecf-creator h3,
.ecf-output-fields-wrapper h3,
#ecf-creator h4,
.ecf-output-fields-wrapper h4,
#ecf-creator h5,
.ecf-output-fields-wrapper h5,
#ecf-creator h6,
.ecf-output-fields-wrapper h6,
#ecf-creator p,
.ecf-output-fields-wrapper p,
#ecf-creator li,
.ecf-output-fields-wrapper li,
#ecf-creator a,
.ecf-output-fields-wrapper a,
#ecf-creator div,
.ecf-output-fields-wrapper div,
#ecf-creator label,
.ecf-output-fields-wrapper label {
  font-weight: 400;
}
#ecf-creator h4,
.ecf-output-fields-wrapper h4,
#ecf-creator h5,
.ecf-output-fields-wrapper h5,
#ecf-creator h6,
.ecf-output-fields-wrapper h6 {
  font-weight: 700;
}
#ecf-creator h1,
.ecf-output-fields-wrapper h1,
#ecf-creator h2,
.ecf-output-fields-wrapper h2,
#ecf-creator h3,
.ecf-output-fields-wrapper h3 {
  font-weight: 700;
}
#ecf-creator .ecf-page-trash a,
.ecf-output-fields-wrapper .ecf-page-trash a {
  color: #777777;
}
#ecf-creator a,
.ecf-output-fields-wrapper a {
  color: #1b98e0;
}
#ecf-creator .clickable,
.ecf-output-fields-wrapper .clickable,
#ecf-creator .ecf-clickable,
.ecf-output-fields-wrapper .ecf-clickable {
  cursor: pointer;
}
#ecf-creator .ecf-movable,
.ecf-output-fields-wrapper .ecf-movable {
  cursor: move;
}
#ecf-creator .hidden,
.ecf-output-fields-wrapper .hidden {
  display: none;
}
#ecf-creator .primary,
.ecf-output-fields-wrapper .primary {
  color: #1b98e0;
}
#ecf-creator .text_1,
.ecf-output-fields-wrapper .text_1 {
  color: #999999;
}
#ecf-creator .text_2,
.ecf-output-fields-wrapper .text_2 {
  color: #777777;
}
#ecf-creator .text_3,
.ecf-output-fields-wrapper .text_3 {
  color: #444444;
}
#ecf-creator .accent,
.ecf-output-fields-wrapper .accent {
  color: #f48a00;
}
#ecf-creator .danger,
.ecf-output-fields-wrapper .danger {
  color: #e53935;
}
#ecf-creator .bold,
.ecf-output-fields-wrapper .bold {
  font-weight: 700;
}
#ecf-creator .ecf-medium,
.ecf-output-fields-wrapper .ecf-medium {
  font-weight: 600;
}
#ecf-creator .ecf-center,
.ecf-output-fields-wrapper .ecf-center {
  text-align: center;
}
#ecf-creator .uppercase,
.ecf-output-fields-wrapper .uppercase {
  text-transform: uppercase;
}
#ecf-creator .sticky,
.ecf-output-fields-wrapper .sticky,
#ecf-creator .ecf-sticky,
.ecf-output-fields-wrapper .ecf-sticky {
  position: -webkit-sticky !important;
  /* Safari */
  position: sticky !important;
  top: 0;
}
#ecf-creator .ecf-app,
.ecf-output-fields-wrapper .ecf-app {
  position: relative;
  min-height: inherit;
}
#ecf-creator .inline,
.ecf-output-fields-wrapper .inline,
#ecf-creator .ecf-inline,
.ecf-output-fields-wrapper .ecf-inline {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}
#ecf-creator .ellipse,
.ecf-output-fields-wrapper .ellipse {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ecf-creator .oh,
.ecf-output-fields-wrapper .oh {
  overflow: hidden;
}
#ecf-creator .ecf-full-width,
.ecf-output-fields-wrapper .ecf-full-width {
  width: 100%;
}
#ecf-creator .ecf-spin,
.ecf-output-fields-wrapper .ecf-spin {
  -webkit-animation: ecf-spin 0.8s infinite linear;
  animation: ecf-spin 0.8s infinite linear;
}
#ecf-creator .ecf-align-right,
.ecf-output-fields-wrapper .ecf-align-right {
  text-align: right;
}
#ecf-creator .ecf-hidden,
.ecf-output-fields-wrapper .ecf-hidden {
  display: none;
}
#ecf-creator .ecf-uc,
.ecf-output-fields-wrapper .ecf-uc {
  text-transform: uppercase;
}
#ecf-creator .ecf-lc,
.ecf-output-fields-wrapper .ecf-lc {
  text-transform: lowercase;
}
#ecf-creator .ecf-ca,
.ecf-output-fields-wrapper .ecf-ca {
  text-transform: capitalize;
}
#ecf-creator .dropdown-overlay,
.ecf-output-fields-wrapper .dropdown-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  left: -2000px;
  right: -2000px;
  top: -2000px;
  bottom: -2000px;
  z-index: 10;
  cursor: auto;
}
#ecf-creator mark,
.ecf-output-fields-wrapper mark {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
  color: #f48a00;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(244, 138, 0, 0.5);
  background-color: transparent;
  font-weight: 700;
}
#ecf-creator input::selection,
.ecf-output-fields-wrapper input::selection {
  background-color: #3487f4;
  color: #ffffff;
}
.flatpickr-calendar.open {
  z-index: 9999999;
}
@media (max-width: 1023px) {
  #ecf-creator .ecf-visible-xs,
  .ecf-output-fields-wrapper .ecf-visible-xs {
    display: unset;
  }
  #ecf-creator .ecf-hidden-xs,
  .ecf-output-fields-wrapper .ecf-hidden-xs {
    display: none;
  }
}
@-webkit-keyframes ecf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ecf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/**********************
mime-types.less
*************************/
.ecf-back-general {
  background: #777777;
}
.ecf-color-general {
  color: #777777;
}
.ecf-back-xls {
  background-color: #21a15b;
}
.ecf-color-xls {
  color: #21a15b;
}
.ecf-back-xlsx {
  background-color: #21a15b;
}
.ecf-color-xlsx {
  color: #21a15b;
}
.ecf-back-pdf {
  background-color: #f30f01;
}
.ecf-color-pdf {
  color: #f30f01;
}
.ecf-back-doc {
  background-color: #4386f4;
}
.ecf-color-doc {
  color: #4386f4;
}
.ecf-back-docx {
  background-color: #4386f4;
}
.ecf-color-docx {
  color: #4386f4;
}
.ecf-back-json {
  background-color: #9777a8;
}
.ecf-color-json {
  color: #9777a8;
}
.ecf-back-html {
  background-color: #ec6630;
}
.ecf-color-html {
  color: #ec6630;
}
.ecf-back-js {
  background-color: #eeaf4b;
}
.ecf-color-js {
  color: #eeaf4b;
}
.ecf-back-css {
  background-color: #0096e6;
}
.ecf-color-css {
  color: #0096e6;
}
.ecf-back-jpg {
  background-color: #26b99a;
}
.ecf-color-jpg {
  color: #26b99a;
}
.ecf-back-jpeg {
  background-color: #26b99a;
}
.ecf-color-jpeg {
  color: #26b99a;
}
.ecf-back-xml {
  background-color: #f29c1f;
}
.ecf-color-xml {
  color: #f29c1f;
}
.ecf-back-png {
  background-color: #659c35;
}
.ecf-color-png {
  color: #659c35;
}
.ecf-back-ai {
  background-color: #6d4c13;
}
.ecf-color-ai {
  color: #6d4c13;
}
.ecf-back-ps {
  background-color: #393687;
}
.ecf-color-ps {
  color: #393687;
}
.ecf-back-mp3 {
  background-color: #7d6599;
}
.ecf-color-mp3 {
  color: #7d6599;
}
.ecf-back-mp4 {
  background-color: #ff5364;
}
.ecf-color-mp4 {
  color: #ff5364;
}
.ecf-back-txt {
  background-color: #95a5a5;
}
.ecf-color-txt {
  color: #95a5a5;
}
.ecf-back-psd {
  background-color: #5889c4;
}
.ecf-color-psd {
  color: #5889c4;
}
.ecf-back-dw {
  background-color: #255c26;
}
.ecf-color-dw {
  color: #255c26;
}
.ecf-back-avi {
  background-color: #d75e72;
}
.ecf-color-avi {
  color: #d75e72;
}
.ecf-back-ppt {
  background-color: #f6712e;
}
.ecf-color-ppt {
  color: #f6712e;
}
.ecf-back-csv {
  background-color: #f36fa0;
}
.ecf-color-csv {
  color: #f36fa0;
}
.ecf-back-svg {
  background-color: #e57e25;
}
.ecf-color-svg {
  color: #e57e25;
}
.ecf-back-iso {
  background-color: #71c285;
}
.ecf-color-iso {
  color: #71c285;
}
.ecf-back-zip {
  background-color: #556080;
}
.ecf-color-zip {
  color: #556080;
}
/***************
Icons.less
*****************/
#ecf-creator svg,
.ecf-output-fields-wrapper svg {
  width: 16px;
  height: auto;
}
#ecf-creator [class^="ri-"],
.ecf-output-fields-wrapper [class^="ri-"],
#ecf-creator [class*=" ri-"],
.ecf-output-fields-wrapper [class*=" ri-"] {
  font-size: 20px;
}
#ecf-creator ion-icon,
.ecf-output-fields-wrapper ion-icon {
  position: relative;
}
#ecf-creator ion-icon:before,
.ecf-output-fields-wrapper ion-icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
}
/**********************
button.less
*************************/
#ecf-creator .mce-btn.mce-active:hover button,
.ecf-output-fields-wrapper .mce-btn.mce-active:hover button {
  color: #444444;
}
#ecf-creator .mce-btn.mce-active button,
.ecf-output-fields-wrapper .mce-btn.mce-active button {
  color: #444444;
}
#ecf-creator .mce-btn.mce-active button i,
.ecf-output-fields-wrapper .mce-btn.mce-active button i {
  color: inherit;
}
#ecf-creator .ecf-button,
.ecf-output-fields-wrapper .ecf-button {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #1b98e0;
  border: 1px solid #1b98e0;
  color: #ffffff;
  padding: 0;
  font-size: 16px;
  cursor: pointer;
  height: 40px;
  position: relative;
  overflow: hidden;
  outline: none !important;
  text-align: center;
  text-shadow: none;
}
#ecf-creator .ecf-button.ecf-disabled,
.ecf-output-fields-wrapper .ecf-button.ecf-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
#ecf-creator .ecf-button.small,
.ecf-output-fields-wrapper .ecf-button.small {
  height: 30px;
}
#ecf-creator .ecf-button.small .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.small .ecf-button-inner {
  line-height: 26px;
  font-size: 14px;
  padding: 0 10px;
  min-height: 28px;
}
#ecf-creator .ecf-button.small .ecf-button-inner .dashicons,
.ecf-output-fields-wrapper .ecf-button.small .ecf-button-inner .dashicons {
  line-height: 26px;
}
#ecf-creator .ecf-button.small .ecf-button-inner ion-icon,
.ecf-output-fields-wrapper .ecf-button.small .ecf-button-inner ion-icon {
  font-size: 18px;
}
#ecf-creator .ecf-button.small.with-icon .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.small.with-icon .ecf-button-inner {
  padding-left: 4px;
}
#ecf-creator .ecf-button.small.text .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.small.text .ecf-button-inner {
  font-size: 14px;
}
#ecf-creator .ecf-button.with-icon.ecf-icon-right .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.with-icon.ecf-icon-right .ecf-button-inner {
  padding-right: 12px;
}
#ecf-creator .ecf-button.with-icon:not(.ecf-icon-right) .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.with-icon:not(.ecf-icon-right) .ecf-button-inner {
  padding-left: 12px;
}
#ecf-creator .ecf-button.text,
.ecf-output-fields-wrapper .ecf-button.text {
  color: #1b98e0;
  border-width: 0;
  padding: 0;
  height: auto;
  background-color: transparent;
}
#ecf-creator .ecf-button.text .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.text .ecf-button-inner {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
}
#ecf-creator .ecf-button.text .ecf-button-inner .dashicons,
.ecf-output-fields-wrapper .ecf-button.text .ecf-button-inner .dashicons {
  font-size: 17px;
}
#ecf-creator .ecf-button.outline,
.ecf-output-fields-wrapper .ecf-button.outline {
  background-color: transparent;
  color: #1b98e0;
}
#ecf-creator .ecf-button.ecf-bold .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button.ecf-bold .ecf-button-inner {
  font-weight: 600;
}
#ecf-creator .ecf-button .ecf-button-inner,
.ecf-output-fields-wrapper .ecf-button .ecf-button-inner {
  color: inherit;
  padding: 0 20px;
  line-height: 36px;
  font-weight: 500;
  display: block;
  font-size: 16px;
  min-height: 38px;
}
#ecf-creator .ecf-button .ecf-button-inner .dashicons,
.ecf-output-fields-wrapper .ecf-button .ecf-button-inner .dashicons {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  height: inherit;
  padding-top: 2px;
}
#ecf-creator .ecf-button .ecf-button-inner .material-icon,
.ecf-output-fields-wrapper .ecf-button .ecf-button-inner .material-icon {
  font-size: 22px;
}
#ecf-creator .ecf-button .ecf-button-inner ion-icon,
.ecf-output-fields-wrapper .ecf-button .ecf-button-inner ion-icon {
  -webkit-transform: scale(0.95, 0.95);
  -moz-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
  font-size: 22px;
  position: relative;
  top: 5px;
}
#ecf-creator .ecf-button.success,
.ecf-output-fields-wrapper .ecf-button.success {
  border-color: #8abd75;
  background-color: #8abd75;
}
#ecf-creator .ecf-button.success.outline,
.ecf-output-fields-wrapper .ecf-button.success.outline {
  background-color: transparent;
  color: #8abd75;
}
#ecf-creator .ecf-button.accent,
.ecf-output-fields-wrapper .ecf-button.accent {
  border-color: #f48a00;
  background-color: #f48a00;
}
#ecf-creator .ecf-button.accent.outline,
.ecf-output-fields-wrapper .ecf-button.accent.outline {
  background-color: transparent;
  color: #f48a00;
}
#ecf-creator .ecf-button.accent.text,
.ecf-output-fields-wrapper .ecf-button.accent.text {
  color: #f48a00;
  background-color: transparent;
}
#ecf-creator .ecf-button.accent2,
.ecf-output-fields-wrapper .ecf-button.accent2 {
  color: #000000;
  border-color: #efbc6b;
  background-color: #efbc6b;
}
#ecf-creator .ecf-button.accent2.outline,
.ecf-output-fields-wrapper .ecf-button.accent2.outline {
  background-color: transparent;
  color: #efbc6b;
}
#ecf-creator .ecf-button.accent2.text,
.ecf-output-fields-wrapper .ecf-button.accent2.text {
  color: #efbc6b;
  background-color: transparent;
}
#ecf-creator .ecf-button.secondary,
.ecf-output-fields-wrapper .ecf-button.secondary {
  border-color: #14c0eb;
  background-color: #14c0eb;
}
#ecf-creator .ecf-button.secondary.outline,
.ecf-output-fields-wrapper .ecf-button.secondary.outline {
  background-color: transparent;
  color: #14c0eb;
}
#ecf-creator .ecf-button.secondary.text,
.ecf-output-fields-wrapper .ecf-button.secondary.text {
  color: #14c0eb;
  background-color: transparent;
}
#ecf-creator .ecf-button.danger,
.ecf-output-fields-wrapper .ecf-button.danger {
  border-color: #e53935;
  background-color: #e53935;
}
#ecf-creator .ecf-button.danger.outline,
.ecf-output-fields-wrapper .ecf-button.danger.outline {
  background-color: transparent;
  color: #e53935;
}
#ecf-creator .ecf-button.danger.text,
.ecf-output-fields-wrapper .ecf-button.danger.text {
  color: #e53935;
  background-color: transparent;
}
#ecf-creator .ecf-button.grey,
.ecf-output-fields-wrapper .ecf-button.grey {
  border-color: #999999;
  background-color: #999999;
}
#ecf-creator .ecf-button.grey.outline,
.ecf-output-fields-wrapper .ecf-button.grey.outline {
  background-color: transparent;
  color: #444444;
}
#ecf-creator .ecf-button.grey.text,
.ecf-output-fields-wrapper .ecf-button.grey.text {
  color: #444444;
  background-color: transparent;
}
#ecf-creator .ecf-button.white,
.ecf-output-fields-wrapper .ecf-button.white {
  border-color: #ffffff;
  background-color: #ffffff;
}
#ecf-creator .ecf-button.white:not(.outline),
.ecf-output-fields-wrapper .ecf-button.white:not(.outline) {
  color: #1b98e0;
}
#ecf-creator .ecf-button.white.outline,
.ecf-output-fields-wrapper .ecf-button.white.outline {
  border-color: #1b98e0;
  background-color: #ffffff;
}
#ecf-creator .ecf-button.white.text,
.ecf-output-fields-wrapper .ecf-button.white.text {
  color: #1b98e0;
  background-color: transparent;
}
#ecf-creator .ecf-button.black,
.ecf-output-fields-wrapper .ecf-button.black {
  border-color: #000000;
  background-color: #000000;
}
#ecf-creator .ecf-button.black:not(.outline),
.ecf-output-fields-wrapper .ecf-button.black:not(.outline) {
  color: #3ca8e7;
}
#ecf-creator .ecf-button.black.outline,
.ecf-output-fields-wrapper .ecf-button.black.outline {
  border-color: #3ca8e7;
  background-color: #000000;
}
#ecf-creator .ecf-button.black.text,
.ecf-output-fields-wrapper .ecf-button.black.text {
  color: #3ca8e7;
  background-color: transparent;
}
@media (max-width: 500px) {
  #ecf-creator .ecf-button,
  .ecf-output-fields-wrapper .ecf-button {
    height: 36px;
  }
  #ecf-creator .ecf-button .ecf-button-inner,
  .ecf-output-fields-wrapper .ecf-button .ecf-button-inner {
    padding: 0 16px;
    font-size: 15px;
    line-height: 32px;
  }
  #ecf-creator .ecf-button .ecf-button-inner.with-icon,
  .ecf-output-fields-wrapper .ecf-button .ecf-button-inner.with-icon {
    padding-left: 6px;
  }
  #ecf-creator .ecf-button.text .ecf-button-inner,
  .ecf-output-fields-wrapper .ecf-button.text .ecf-button-inner {
    font-size: 16px;
  }
}
/**********************
tooltip.less
*************************/
.ecf-tooltip-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ecf-tooltip {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  background: #444444;
  position: absolute;
  padding: 3px 10px 3px;
  visibility: hidden;
  z-index: 100;
  width: max-content;
  font-size: 14px;
}
.ecf-tooltip.non-active {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  visibility: hidden !important;
}
.ecf-tooltip:after {
  position: absolute;
  content: '';
  border-style: solid;
}
.ecf-tooltip.ecf-tooltip-top {
  bottom: calc(100% + 5px);
  left: 50%;
}
.ecf-tooltip.ecf-tooltip-top:after {
  border-width: 4px 3px 0 3px;
  border-color: #444444 transparent transparent transparent;
  left: calc(50% - 3px);
  top: 100%;
}
.ecf-tooltip.ecf-tooltip-bottom {
  top: calc(100% + 5px);
  left: 50%;
}
.ecf-tooltip.ecf-tooltip-bottom:after {
  border-width: 0 3px 4px 3px;
  border-color: transparent transparent #444444 transparent;
  left: calc(50% - 3px);
  bottom: 100%;
}
.ecf-tooltip.ecf-tooltip-left {
  right: calc(100% + 5px);
  top: 50%;
}
.ecf-tooltip.ecf-tooltip-left:after {
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #444444;
  left: 100%;
  top: calc(50% - 3px);
}
.ecf-tooltip.ecf-tooltip-right {
  left: calc(100% + 5px);
  top: 50%;
}
.ecf-tooltip.ecf-tooltip-right:after {
  border-width: 3px 4px 3px 0;
  border-color: transparent #444444 transparent transparent;
  right: 100%;
  top: calc(50% - 3px);
}
/***************
form-field.less
*****************/
.ecf-form-field > .ecf-input-wrapper {
  position: relative;
}
.ecf-form-field > .ecf-input-wrapper .ecf-help-block {
  color: #999999;
  position: absolute;
  margin: 0;
  font-size: 12px;
  text-transform: lowercase;
  left: 2px;
}
.ecf-form-field > input {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #dedede;
  background: #ebebeb;
  height: 40px;
  padding: 0 15px;
}
.ecf-form-field .ecf-selected-items,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items {
  margin: 7px 0 0 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.ecf-form-field .ecf-selected-items:empty,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items:empty {
  display: none;
}
.ecf-form-field .ecf-selected-items > a,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #999999;
  color: #ffffff;
  padding: 0 5px 0 8px;
  margin: 0 5px 5px 0;
  height: 23px;
  align-items: center;
  text-transform: none;
  border-width: 0;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
}
.ecf-form-field .ecf-selected-items > a > span,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a > span {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  color: #ffffff;
  margin-left: 5px;
  position: static;
}
.ecf-form-field .ecf-selected-items > a > span.ecf-icon-reorder-three,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a > span.ecf-icon-reorder-three {
  margin-left: -22px;
  margin-right: 7px;
}
.ecf-form-field .ecf-selected-items > a > span ion-icon,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a > span ion-icon {
  font-size: 16px;
}
.ecf-form-field .ecf-selected-items > a > strong,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a > strong {
  margin-left: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ecf-form-field .ecf-selected-items > a.ecf-ui-placeholder,
.ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a.ecf-ui-placeholder {
  background: #faf1d6;
}
.ecf-form-field .ecf-toggle-switch.ecf-checked .ecf-toggle-switch-inner .ecf-toggle-hangle-wrapper {
  width: 100%;
  background: #1b98e0;
}
.ecf-form-field .ecf-toggle-switch .ecf-toggle-switch-inner {
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #dedede;
  width: 46px;
  height: auto;
}
.ecf-form-field .ecf-toggle-switch .ecf-toggle-switch-inner .ecf-toggle-hangle-wrapper {
  background: #dedede;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  height: 26px;
  width: 26px;
  position: relative;
}
.ecf-form-field .ecf-toggle-switch .ecf-toggle-switch-inner .ecf-toggle-hangle-wrapper .ecf-toggle-handle {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
  -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07000000000000001);
  background: #ffffff;
  position: absolute;
  right: 3px;
  top: 3px;
  display: block;
  width: 20px;
  height: 20px;
}
.ecf-form-field .wp-editor-container {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
.ecf-form-field .wp-editor-tabs .wp-switch-editor {
  height: 28px;
}
.ecf-form-field .wp-picker-container .wp-picker-holder {
  position: absolute;
  z-index: 101;
}
.ecf-form-field .wp-picker-container .wp-picker-holder .iris-picker {
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -o-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.15);
}
.ecf-form-field .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner {
  right: 0;
}
.ecf-form-field .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner .iris-square {
  width: calc(100% - 52px) !important;
  margin-right: 12px;
}
.ecf-form-field .wp-picker-container .wp-color-result.button {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dedede;
  height: 36px;
  overflow: hidden;
  margin: 0 6px 0 0;
}
.ecf-form-field .wp-picker-container .wp-color-result.button:focus {
  -o-box-shadow: 0 0 0 1px #1b98e0;
  -ms-box-shadow: 0 0 0 1px #1b98e0;
  -moz-box-shadow: 0 0 0 1px #1b98e0;
  -webkit-box-shadow: 0 0 0 1px #1b98e0;
  box-shadow: 0 0 0 1px #1b98e0;
}
.ecf-form-field .wp-picker-container .wp-color-result.button .wp-color-result-text {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  line-height: 34px;
  border-left: 1px solid #dedede;
}
.ecf-form-field .wp-picker-container input[type=text].wp-color-picker {
  background: #ebebeb;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 77px;
  font-size: 14px;
  padding: 0 9px;
  min-height: 36px;
  line-height: 36px;
  border-width: 0;
}
.ecf-form-field .wp-picker-container input[type=text].wp-color-picker:focus {
  -o-box-shadow: 0 0 0 2px #ebebeb;
  -ms-box-shadow: 0 0 0 2px #ebebeb;
  -moz-box-shadow: 0 0 0 2px #ebebeb;
  -webkit-box-shadow: 0 0 0 2px #ebebeb;
  box-shadow: 0 0 0 2px #ebebeb;
  background: #ffffff;
}
.ecf-form-field .wp-picker-container .wp-picker-input-wrap .button.wp-picker-clear {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #999999;
  color: #ffffff;
  line-height: 36px;
  font-size: 14px;
  border-width: 0;
  padding: 0 12px;
  height: 36px;
}
.ecf-form-field .wp-picker-container .wp-picker-input-wrap .button.wp-picker-clear:focus {
  -o-box-shadow: 0 0 0 2px #ebebeb;
  -ms-box-shadow: 0 0 0 2px #ebebeb;
  -moz-box-shadow: 0 0 0 2px #ebebeb;
  -webkit-box-shadow: 0 0 0 2px #ebebeb;
  box-shadow: 0 0 0 2px #ebebeb;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgba(119, 119, 119, 0.3);
  position: relative;
  height: 6px;
  border-width: 0;
  z-index: 1;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-dots {
  padding: 0 2px;
  position: absolute;
  width: 100%;
  top: 2px;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-dots .ecf-dot {
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 2px;
  height: 2px;
  background-color: #ffffff;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-front-bar,
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ui-slider-range {
  background: #777777;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-front-bar.w40,
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ui-slider-range.w40 {
  width: 40%;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-current-value {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #777777;
  left: 40%;
  color: #ffffff;
  position: absolute;
  top: -36px;
  width: auto;
  height: 21px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 1px 4px;
  line-height: 14px;
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-current-value:after {
  content: '';
  border-color: #777777 transparent transparent transparent;
  border-width: 6px 3px 0 3px;
  border-style: solid;
  position: absolute;
  top: 100%;
  left: calc(50% - 3px);
}
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-adjuster,
.ecf-input-type.ecf-input-type-range .ecf-slider-holder .ui-slider-handle {
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #ffffff;
  background: #777777;
  border: 3px solid #ffffff;
  position: absolute;
  left: 40%;
  top: -8px;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-left: 0;
  cursor: grab;
}
.ecf-input-type.ecf-input-type-range .ecf-start-end {
  justify-content: space-between;
  position: relative;
  top: 3px;
}
.ecf-input-type.ecf-input-type-range .ecf-start-end span {
  font-size: 14px;
  color: #999999;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-form-field.ecf-multi-field .ecf-selected-items {
  padding-right: 0 !important;
  padding-top: 15px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-form-field.ecf-multi-field .ecf-selected-items.ecf-reorder-on {
  padding-top: 32px;
}
/**********************
confirmation-dialog.less
*************************/
.auto-fold.folded #ecf-creator .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
.auto-fold.folded .ecf-root .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
  right: calc(50% - 169px);
}
#ecf-creator .ecf-confirmation-dialog-outer.ecf-dialog-as-popup .dropdown-overlay,
.ecf-root .ecf-confirmation-dialog-outer.ecf-dialog-as-popup .dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
}
#ecf-creator .ecf-confirmation-dialog-outer .dropdown-overlay,
.ecf-root .ecf-confirmation-dialog-outer .dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.05);
}
#ecf-creator .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
.ecf-root .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
  position: fixed;
  bottom: 50px;
  right: calc(50% - 240px);
}
#ecf-creator .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog:after,
.ecf-root .ecf-confirmation-dialog-wrapper.ecf-dialog-as-popup .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog:after {
  display: none;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -o-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
  box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.18);
  border: 0 solid #ffffff;
  background-color: #000000;
  bottom: calc(100% + 10px);
  transform-origin: calc(100% - 25px) bottom;
  z-index: 11;
  position: absolute;
  right: 0;
  width: 300px;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog:after,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog:after {
  content: '';
  border-color: #000000 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  position: absolute;
  top: 100%;
  right: 15px;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog h4,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog h4 {
  color: #ffffff;
  margin: 0;
  padding: 15px 15px 0;
  line-height: 1;
  font-size: 17px;
  font-weight: 500;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog h4 + p,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog h4 + p {
  padding-top: 10px;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog p,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog p {
  color: rgba(255, 255, 255, 0.72);
  padding: 15px;
  margin: 0;
  font-size: 16px;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  background-color: transparent;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 40px;
  width: 50%;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button:focus,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button:first-child,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button.text,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button.text {
  color: #3ca8e7;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button.danger.text,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button.danger.text {
  color: #ff312e;
}
#ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button .ecf-button-inner,
.ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button .ecf-button-inner {
  font-size: 16px;
}
#ecf-creator .ecf-layout-field li.ecf-simple-field.active > header .delete-field,
.ecf-root .ecf-layout-field li.ecf-simple-field.active > header .delete-field,
#ecf-creator .ecf-layout-field li.ecf-simple-field.delete > header .delete-field,
.ecf-root .ecf-layout-field li.ecf-simple-field.delete > header .delete-field {
  color: #ffffff;
}
#ecf-creator .ecf-layout-field li.ecf-simple-field > header .delete-field,
.ecf-root .ecf-layout-field li.ecf-simple-field > header .delete-field {
  color: #e53935;
  height: 60px;
}
#ecf-creator .ecf-layout-field li.ecf-simple-field .ecf-confirmation-dialog-wrapper,
.ecf-root .ecf-layout-field li.ecf-simple-field .ecf-confirmation-dialog-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}
.ecf-output-fields-wrapper.ecf-customizer.ecf-xs .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
  right: -50px;
}
.ecf-output-fields-wrapper.ecf-customizer.ecf-xs .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog:after {
  right: 65px;
}
@media (max-width: 500px) {
  #ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
  .ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
    width: 250px;
  }
  #ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog p,
  .ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog p {
    font-size: 14px;
  }
  #ecf-creator .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button,
  .ecf-root .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog .ecf-dialog-buttons-wrapper .ecf-button {
    height: 36px;
  }
  #ecf-creator .ecf-tabs-layout-wrapper .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
  .ecf-root .ecf-tabs-layout-wrapper .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
    right: -45px;
  }
  #ecf-creator .ecf-tabs-layout-wrapper .ecf-simple-field .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog,
  .ecf-root .ecf-tabs-layout-wrapper .ecf-simple-field .ecf-confirmation-dialog-wrapper .ecf-confirmation-dialog-wrapper-inner .ecf-confirmation-dialog {
    right: 200px;
  }
}
/**********************
link-popup.less
*************************/
#wp-link-wrap.ecf-link-dialog {
  font-family: 'Hind Vadodara', sans-serif;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #f4f4f4;
}
#wp-link-wrap.ecf-link-dialog #link-modal-title,
#wp-link-wrap.ecf-link-dialog #wp-link .submitbox {
  background: #f4f4f4;
}
#wp-link-wrap.ecf-link-dialog #link-selector {
  background: #ffffff;
}
#wp-link-wrap.ecf-link-dialog input[type="text"],
#wp-link-wrap.ecf-link-dialog input[type="search"] {
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
#wp-link-wrap.ecf-link-dialog input[type="text"]:focus,
#wp-link-wrap.ecf-link-dialog input[type="search"]:focus {
  background: #ffffff;
  -o-box-shadow: 0 0 0 1px #ebebeb;
  -ms-box-shadow: 0 0 0 1px #ebebeb;
  -moz-box-shadow: 0 0 0 1px #ebebeb;
  -webkit-box-shadow: 0 0 0 1px #ebebeb;
  box-shadow: 0 0 0 1px #ebebeb;
  outline: none;
}
#wp-link-wrap.ecf-link-dialog input[type="checkbox"] {
  border-color: #dedede;
  background: #f4f4f4;
}
#wp-link-wrap.ecf-link-dialog input[type="submit"] {
  border-color: #1b98e0;
  background: #1b98e0;
}
#wp-link-wrap.ecf-link-dialog #wp-link-cancel .button {
  border-color: #1b98e0;
  color: #1b98e0;
}
#wp-link-wrap.ecf-link-dialog #wp-link {
  background: #ffffff;
}
#wp-link-wrap.ecf-link-dialog #wp-link .link-search-wrapper {
  padding: 2px 0;
}
#wp-link-wrap.ecf-link-dialog #wp-link #link-options label span,
#wp-link-wrap.ecf-link-dialog #wp-link #search-panel label span {
  font-weight: 600;
}
#wp-link-wrap.ecf-link-dialog #wp-link .query-notice {
  border-width: 0;
}
#wp-link-wrap.ecf-link-dialog #wp-link .query-notice .query-notice-default,
#wp-link-wrap.ecf-link-dialog #wp-link .query-notice .query-notice-hint {
  background: #ffffff;
  color: #999999;
  border-width: 0;
  font-weight: 500;
  padding: 5px 0 10px;
}
#wp-link-wrap.ecf-link-dialog #wp-link .query-results {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ebebeb;
  border-width: 0;
  max-height: 100%;
  height: 290px;
}
#wp-link-wrap.ecf-link-dialog #wp-link .query-results ul:empty + .river-waiting {
  display: block;
}
#wp-link-wrap.ecf-link-dialog #wp-link .query-results ul:empty + .river-waiting .spinner {
  float: left;
  margin: 0;
  visibility: visible;
}
#wp-link-wrap.ecf-link-dialog #wp-link ul {
  border-top: 1px solid #ebebeb;
}
#wp-link-wrap.ecf-link-dialog #wp-link li {
  border-color: #ebebeb;
  border: 1px solid #ebebeb;
  padding: 7px 6px 7px 10px;
  border-width: 0 1px 1px;
}
#wp-link-wrap.ecf-link-dialog #wp-link li.alternate {
  background: #ffffff;
}
#wp-link-wrap.ecf-link-dialog #wp-link li:hover {
  background: #fafafa;
}
#wp-link-wrap.ecf-link-dialog #wp-link .submitbox {
  z-index: 11;
}
/**********************
real-fields/scrollbar.less
*************************/
.ecf-output-fields-wrapper .ss-wrapper,
#wp-link-wrap.ecf-link-dialog .ss-wrapper {
  overflow: hidden;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
}
.ecf-output-fields-wrapper .ss-content,
#wp-link-wrap.ecf-link-dialog .ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  right: 0;
  overflow: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ecf-output-fields-wrapper .ss-scroll,
#wp-link-wrap.ecf-link-dialog .ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}
.ecf-output-fields-wrapper .ss-container:hover .ss-scroll,
#wp-link-wrap.ecf-link-dialog .ss-container:hover .ss-scroll {
  opacity: 1;
}
.ecf-output-fields-wrapper .ss-grabbed,
#wp-link-wrap.ecf-link-dialog .ss-grabbed {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/**********************
real-fields/alerts.less
*************************/
.ecf-output-fields-wrapper.ecf-xs .ecf-info.ecf-with-button {
  padding-right: 20px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-info .ecf-buttons-wrapper {
  position: relative;
  top: 0;
  right: auto;
  margin-top: 15px;
}
.ecf-output-fields-wrapper .ecf-warning,
.ecf-output-fields-wrapper .ecf-info {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #faf1d6;
  border: 1px solid #faf1d6;
  padding: 20px;
  margin-top: 15px;
  position: relative;
}
.ecf-output-fields-wrapper .ecf-warning hr,
.ecf-output-fields-wrapper .ecf-info hr {
  border-color: #f4e0a4;
  margin: 15px 0;
}
.ecf-output-fields-wrapper .ecf-warning p,
.ecf-output-fields-wrapper .ecf-info p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px;
}
.ecf-output-fields-wrapper .ecf-warning > *,
.ecf-output-fields-wrapper .ecf-info > * {
  color: rgba(0, 0, 0, 0.7);
}
.ecf-output-fields-wrapper .ecf-warning .ecf-buttons-wrapper,
.ecf-output-fields-wrapper .ecf-info .ecf-buttons-wrapper {
  position: absolute;
  right: 15px;
  top: 15px;
}
.ecf-output-fields-wrapper .ecf-warning button:not(.outline),
.ecf-output-fields-wrapper .ecf-info button:not(.outline),
.ecf-output-fields-wrapper .ecf-warning a:not(.outline),
.ecf-output-fields-wrapper .ecf-info a:not(.outline) {
  color: #ffffff;
}
.ecf-output-fields-wrapper .ecf-warning.ecf-with-button,
.ecf-output-fields-wrapper .ecf-info.ecf-with-button {
  padding-right: 200px;
}
.ecf-output-fields-wrapper .ecf-warning code,
.ecf-output-fields-wrapper .ecf-info code {
  white-space: normal;
}
.ecf-output-fields-wrapper .ecf-warning.ecf-with-arrow:before,
.ecf-output-fields-wrapper .ecf-info.ecf-with-arrow:before {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 100%;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #faf1d6 transparent;
  border-style: solid;
}
.ecf-output-fields-wrapper .ecf-info {
  background: #d6edfa;
  border: 1px solid #d6edfa;
}
.ecf-output-fields-wrapper .ecf-info hr {
  border-color: #a4d7f4;
}
.ecf-output-fields-wrapper .ecf-info.ecf-with-arrow:before {
  border-color: transparent transparent #d6edfa transparent;
}
/**********************
real-fields/general.less
*************************/
.ecf-output-fields-wrapper .flatpickr-day {
  line-height: 36px;
}
/**********************
real-fields/dropdown-field.less
*************************/
.ecf-output-fields-wrapper .ecf-options {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  height: auto;
  right: 56px;
  top: 64%;
  z-index: 2;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field {
  background: transparent;
  padding: 0;
  border-width: 0;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox {
  border-width: 0;
  background: transparent;
  height: 44px;
  width: 24px;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder {
  width: 220px;
  right: 0;
  left: auto;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li {
  padding: 7px 15px 7px;
  border-bottom: 1px solid #f4f4f4;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li:last-child {
  border-width: 0;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li span[class*="ecf-icon-"] {
  position: absolute;
  right: 20px;
  font-size: 17px;
}
.ecf-output-fields-wrapper .ecf-options .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li span[class*="ecf-icon-"].ecf-icon-trash {
  color: #e53935;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field.ecf-open .ecf-overlay {
  position: absolute;
  left: -2000px;
  right: -2000px;
  top: -200px;
  bottom: -200px;
  z-index: 10;
  cursor: auto;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-input-wrapper .ecf-icon-holder.ecf-remove-text {
  top: 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper {
  position: relative;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  background: #f4f4f4;
  height: 40px;
  cursor: pointer;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-icon-holder {
  color: #999999;
  top: 0;
  width: 57px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-icon-holder > span {
  font-size: 17px;
  width: 17px;
  height: 17px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-placeholder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #999999;
  height: 38px;
  align-items: center;
  padding: 0 15px;
  white-space: nowrap;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-placeholder > strong {
  margin-right: 3px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-placeholder > strong.ecf-end {
  margin-left: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 23px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-placeholder.ecf-has-value {
  color: #777777;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-selectbox .ecf-placeholder.ecf-has-value > strong {
  color: #777777;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -o-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
  transform-origin: calc(100% - 25px) top;
  border: 1px solid #dedede;
  background: #ffffff;
  padding-top: 1px;
  height: 300px;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 11;
  display: none;
  overflow: hidden;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder:before {
  content: '';
  border-color: transparent transparent #ffffff transparent;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  position: absolute;
  bottom: 100%;
  right: 17px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper {
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background: #ffffff;
  border-bottom: 1px solid #ebebeb;
  padding: 10px;
  position: relative;
  z-index: 2;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper.ecf-grouped-list {
  border-bottom-width: 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper.ecf-sticky + .ecf-items-holder h4 {
  top: 59px !important;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper.ecf-has-keyword .ecf-icon-cross {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  cursor: pointer;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper .ecf-icon-search,
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper .ecf-icon-cross {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #777777;
  position: absolute;
  top: 50%;
  left: 22px;
  z-index: 1;
  font-size: 16px;
  height: 40px;
  align-items: center;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper .ecf-icon-cross {
  left: auto;
  height: 38px;
  width: 40px;
  display: flex;
  align-items: center;
  right: 0;
  font-size: 18px;
  display: none;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper .ecf-form-control {
  padding-left: 35px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-search-wrapper .ecf-form-control:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ebebeb;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder h4 {
  color: #999999;
  background: #f4f4f4;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  padding: 5px 15px;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  z-index: 1;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul {
  margin: 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul.ecf-simple-list {
  padding: 10px 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li {
  padding: 5px 15px 5px 35px;
  margin: 0;
  cursor: pointer;
  border-left: 2px solid transparent;
  position: relative;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li.ecf-hover {
  border-color: #1b98e0;
  background: #fafafa;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li:hover {
  background: #fafafa;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li mark {
  font-weight: 600;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li.ecf-item-placeholder {
  opacity: 0.7;
  filter: alpha(opacity=70);
  color: #999999;
  cursor: default;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li .check-outline {
  color: #f48a00;
  position: absolute;
  left: 10px;
  font-size: 19px;
  top: 5px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul li .check-outline svg {
  width: 17px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-dropdown-field .ecf-dropdown-wrapper .ecf-dropdown-holder .ecf-items-holder > ul ul {
  padding: 10px 0;
}
/**********************
real-fields/choice.less
*************************/
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field.ecf-checkbox-field .ecf-input-wrapper .ecf-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field.ecf-checkbox-field .ecf-input-wrapper .ecf-item .ecf-icon-outer {
  position: relative;
  top: 0;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper ul {
  margin: 4px 0;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #444444;
  font-size: 16px;
  margin: 0;
  position: relative;
  cursor: pointer;
  padding: 5px 0 5px 30px;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item:hover {
  background: #fafafa;
  -o-box-shadow: -5px 0 #fafafa;
  -ms-box-shadow: -5px 0 #fafafa;
  -moz-box-shadow: -5px 0 #fafafa;
  -webkit-box-shadow: -5px 0 #fafafa;
  box-shadow: -5px 0 #fafafa;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item.ecf-selected .ecf-icon-outer > span {
  color: #1b98e0;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item.ecf-inline {
  padding-right: 5px;
  margin-right: 25px;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item .ecf-icon-outer {
  position: absolute;
  left: 0;
  top: 5px;
}
.ecf-output-fields-wrapper .ecf-choice-field.ecf-field .ecf-input-wrapper .ecf-item .ecf-icon-outer > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 22px;
  color: #777777;
  height: 22px;
  align-items: center;
}
/**********************
real-fields/heading.less
*************************/
.ecf-output-fields-wrapper.ecf-customizer {
  -o-box-shadow: 0 -1px 0 #dedede, 0 -15px 0 #ebebeb;
  -ms-box-shadow: 0 -1px 0 #dedede, 0 -15px 0 #ebebeb;
  -moz-box-shadow: 0 -1px 0 #dedede, 0 -15px 0 #ebebeb;
  -webkit-box-shadow: 0 -1px 0 #dedede, 0 -15px 0 #ebebeb;
  box-shadow: 0 -1px 0 #dedede, 0 -15px 0 #ebebeb;
  background: #ffffff;
}
.ecf-output-fields-wrapper.ecf-customizer > .ecf-heading {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 40px;
  margin-top: -1px;
}
.ecf-output-fields-wrapper.ecf-customizer > .ecf-heading.ecf-sr-1 {
  border-top-width: 0;
}
.ecf-output-fields-wrapper .ecf-field-group .ecf-heading {
  margin-left: -1px;
  margin-right: -1px;
  border-width: 1px;
  background: #ebebeb;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-heading {
  -o-box-shadow: 0 -16px 0 #fafafa;
  -ms-box-shadow: 0 -16px 0 #fafafa;
  -moz-box-shadow: 0 -16px 0 #fafafa;
  -webkit-box-shadow: 0 -16px 0 #fafafa;
  box-shadow: 0 -16px 0 #fafafa;
  background: #f4f4f4;
  margin-left: -60px;
  margin-right: -20px;
  padding-left: 59px;
}
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-heading {
  background: #f4f4f4;
  border-left-width: 1px;
  margin-left: -22px;
  margin-right: -25px;
  padding-left: 21px;
  border-right-width: 0;
}
.ecf-output-fields-wrapper .ecf-heading {
  -o-box-shadow: 0 -16px 0 #ffffff;
  -ms-box-shadow: 0 -16px 0 #ffffff;
  -moz-box-shadow: 0 -16px 0 #ffffff;
  -webkit-box-shadow: 0 -16px 0 #ffffff;
  box-shadow: 0 -16px 0 #ffffff;
  background: #f4f4f4;
  border: 1px solid #dedede;
  border-width: 1px 0;
  margin: 15px -24px;
  padding: 12px 24px;
  position: relative;
}
.ecf-output-fields-wrapper .ecf-heading.ecf-sr-1 {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: -1px;
}
.ecf-output-fields-wrapper .ecf-heading.ecf-is-last {
  margin-bottom: 0;
}
.ecf-output-fields-wrapper .ecf-heading h3,
.ecf-output-fields-wrapper .ecf-heading p {
  margin: 0;
}
.ecf-output-fields-wrapper .ecf-heading h3 {
  color: #777777;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
.ecf-output-fields-wrapper .ecf-heading p {
  font-size: 15px;
  color: #777777;
}
/**********************
real-fields/upload.less
*************************/
.ecf-output-fields-wrapper .ecf-field .ecf-input-placeholder {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background-color: #f4f4f4;
  height: 40px;
  align-items: center;
  padding: 0 15px;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-placeholder .ecf-placeholder {
  color: #999999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 23px;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-placeholder .ecf-placeholder.ecf-has-value {
  color: #777777;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field {
  padding-bottom: 10px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-file-field .ecf-input-wrapper .ecf-input-placeholder .ecf-placeholder,
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-multi_files-field .ecf-input-wrapper .ecf-input-placeholder .ecf-placeholder {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff !important;
  padding: 5px 12px;
  margin-left: -10px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-file-field .ecf-input-wrapper .ecf-input-placeholder .ecf-placeholder.ecf-has-value,
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-multi_files-field .ecf-input-wrapper .ecf-input-placeholder .ecf-placeholder.ecf-has-value {
  color: #999999;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-file-field .ecf-input-wrapper .ecf-input-placeholder .ecf-attached-files-info,
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field.ecf-multi_files-field .ecf-input-wrapper .ecf-input-placeholder .ecf-attached-files-info {
  color: #777777;
  padding-left: 10px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 23px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper {
  margin-top: 5px;
  align-items: flex-start;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper.ecf-reorder-on .ecf-ui-placeholder {
  background: #faf1d6;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper.ecf-reorder-on > div a.ecf-reorder-file {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper.ecf-reorder-on > div a.ecf-remove-file {
  display: none;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper img {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-height: 60px;
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin: 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div {
  margin: 5px 10px 0 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div > div {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ebebeb;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div.ecf-media-file {
  width: 43px;
  flex-wrap: wrap;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div.ecf-media-file > div {
  padding: 4px 0 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div.ecf-media-file [class*="ecf-icon-"] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 24px;
  height: 34px;
  align-items: center;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div.ecf-media-file .ecf-ext {
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 4px;
  padding: 0 0 3px;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div a {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div a.ecf-reorder-file {
  display: none;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field .ecf-input-wrapper .ecf-input-images-wrapper > div a span {
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #ffffff;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 25px;
  font-size: 20px;
}
/**********************
real-fields/edit-fields-link.less
*************************/
.ecf-edit-fields-link {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #1b98e0;
  font-size: 25px !important;
  position: relative;
  right: 4px;
  width: 30px;
  height: 40px;
  justify-content: center;
  align-items: center;
  float: right;
}
.ecf-edit-fields-link > span[class*="ecf-icon-"] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 25px;
}
.ecf-edit-fields-link:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.ecf-edit-fields-link:hover {
  color: #444444;
}
.ecf-edit-fields-link ion-icon {
  position: relative;
}
.ecf-edit-fields-link ion-icon:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
}
#normal-sortables #effcf_metabox .postbox-header .ecf-edit-fields-link {
  top: 2px;
  right: -6px;
}
.edit-post-meta-boxes-area__container #normal-sortables #effcf_metabox .postbox-header .ecf-edit-fields-link {
  top: 2px;
  right: -20px;
}
.ecf-output-fields-wrapper.ecf-customizer .ecf-all-fields-header .ecf-edit-fields-link {
  top: -7px;
}
.ecf-output-fields-wrapper .ecf-all-fields-header .ecf-edit-fields-link {
  top: -9px;
  right: -5px;
}
body.ecf-overlay-open {
  overflow-x: hidden;
}
#customize-theme-controls .customize-pane-child#sub-accordion-panel-ecf_panel {
  visibility: visible;
}
#effcf_metabox .inside {
  -o-box-shadow: 0 0 0 1px #dedede inset;
  -ms-box-shadow: 0 0 0 1px #dedede inset;
  -moz-box-shadow: 0 0 0 1px #dedede inset;
  -webkit-box-shadow: 0 0 0 1px #dedede inset;
  box-shadow: 0 0 0 1px #dedede inset;
  border: 15px solid #ffffff;
  border-width: 5px 5px 5px;
  margin: 0;
  padding: 1px 25px 1px;
}
.interface-interface-skeleton__content {
  overflow-x: hidden;
}
.ecf-setting-pages-fields {
  overflow: hidden;
}
.ecf-setting-pages-fields > th {
  display: none;
}
.ecf-setting-pages-fields > td {
  position: relative;
  padding: 0;
}
.ecf-setting-pages-fields > td .ecf-edit-fields-link {
  top: -45px;
}
.ecf-output-fields-wrapper {
  overflow: visible;
  line-height: 1.4;
}
.ecf-output-fields-wrapper .ecf-section-separator {
  background: #ebebeb;
  border: 1px solid #dedede;
  border-width: 1px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
}
.ecf-output-fields-wrapper .ecf-section-separator.ecf-after {
  top: auto;
  bottom: 0;
}
.ecf-output-fields-wrapper .ecf-form-field .ecf-selected-items {
  padding-right: 100px;
}
.ecf-output-fields-wrapper .ecf-form-field .ecf-selected-items.ecf-reorder-on {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px dashed #dedede;
  background: #fafafa;
  padding: 10px 106px 5px 10px;
}
.ecf-output-fields-wrapper .ecf-form-field .ecf-selected-items.ecf-reorder-on .ecf-reorderable {
  cursor: move;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title {
  padding: 0 0 15px !important;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title > h2,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title > h2 {
  color: #999999;
  font-size: 20px !important;
  margin: 0;
  font-weight: 600;
  padding: 0 !important;
  position: relative;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title > h2 small,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title > h2 small {
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding-left: 5px;
  display: none;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title > h2 .ecf-reorder,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title > h2 .ecf-reorder {
  color: #999999;
  position: absolute;
  right: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
  top: 3px;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title > h2 .ecf-reorder.ecf-reorder-on,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title > h2 .ecf-reorder.ecf-reorder-on {
  color: #1b98e0;
  font-weight: 600;
}
.ecf-output-fields-wrapper .ecf-accordion-wrapper .ecf-layout-title > p,
.ecf-output-fields-wrapper .ecf-tabs-wrapper .ecf-layout-title > p {
  color: #999999;
  margin: 0;
  font-size: 15px;
}
.ecf-output-fields-wrapper .ecf-field-group,
.ecf-output-fields-wrapper .ecf-accordion-wrapper,
.ecf-output-fields-wrapper .ecf-tabs-wrapper {
  background-color: #f4f4f4;
  position: relative;
  padding: 46px 24px 52px;
  margin: 0 -24px;
}
.ecf-output-fields-wrapper .ecf-field-group.ecf-next-group,
.ecf-output-fields-wrapper .ecf-accordion-wrapper.ecf-next-group,
.ecf-output-fields-wrapper .ecf-tabs-wrapper.ecf-next-group {
  padding-bottom: 36px;
}
.ecf-output-fields-wrapper .ecf-field-group.ecf-next-group > .ecf-section-separator.ecf-after,
.ecf-output-fields-wrapper .ecf-accordion-wrapper.ecf-next-group > .ecf-section-separator.ecf-after,
.ecf-output-fields-wrapper .ecf-tabs-wrapper.ecf-next-group > .ecf-section-separator.ecf-after {
  display: none;
}
.ecf-output-fields-wrapper .ecf-field-group.ecf-is-last > .ecf-section-separator.ecf-after,
.ecf-output-fields-wrapper .ecf-accordion-wrapper.ecf-is-last > .ecf-section-separator.ecf-after,
.ecf-output-fields-wrapper .ecf-tabs-wrapper.ecf-is-last > .ecf-section-separator.ecf-after {
  display: none;
}
.ecf-output-fields-wrapper .ecf-field-group.ecf-sr-1,
.ecf-output-fields-wrapper .ecf-accordion-wrapper.ecf-sr-1,
.ecf-output-fields-wrapper .ecf-tabs-wrapper.ecf-sr-1 {
  padding-top: 30px;
}
.ecf-output-fields-wrapper .ecf-field-group.ecf-sr-1 > .ecf-section-separator.ecf-before,
.ecf-output-fields-wrapper .ecf-accordion-wrapper.ecf-sr-1 > .ecf-section-separator.ecf-before,
.ecf-output-fields-wrapper .ecf-tabs-wrapper.ecf-sr-1 > .ecf-section-separator.ecf-before {
  display: none;
}
.ecf-output-fields-wrapper .ecf-field-group {
  padding-bottom: 46px;
}
.ecf-output-fields-wrapper .ecf-field {
  -webkit-transition: border-color 0.25s ease-out;
  -moz-transition: border-color 0.25s ease-out;
  -o-transition: border-color 0.25s ease-out;
  -ms-transition: border-color 0.25s ease-out;
  transition: border-color 0.25s ease-out;
  background-color: #ffffff;
  border-bottom: 1px solid #f4f4f4;
  padding: 20px 0;
  position: relative;
}
.ecf-output-fields-wrapper .ecf-field:hover .ecf-reorder {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ecf-output-fields-wrapper .ecf-field.ecf-is-last,
.ecf-output-fields-wrapper .ecf-field.ecf-next-group {
  border-width: 0;
}
.ecf-output-fields-wrapper .ecf-field.ecf-next-hidden {
  border-color: transparent;
}
.ecf-output-fields-wrapper .ecf-field .ecf-reorder {
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -ms-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 44px;
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
}
.ecf-output-fields-wrapper .ecf-field .ecf-reorder.ecf-reorder-on {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #1b98e0;
  font-weight: 600;
  top: 58px;
  right: 8px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-upload-field {
  padding-bottom: 15px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-number_slider-field {
  padding-top: 39px;
  padding-bottom: 26px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-html-field .ace_editor {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  height: 300px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-embed-field .ecf-embed-container .ecf-spin {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 25px;
  height: 25px;
  margin-top: 14px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-embed-field .ecf-embed-container .ecf-spin > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 25px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-embed-field .ecf-embed-container.ecf-valid {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 5px;
  overflow: hidden;
  padding-bottom: 28%;
  position: relative;
  width: 50%;
}
.ecf-output-fields-wrapper .ecf-field.ecf-embed-field .ecf-embed-container.ecf-valid iframe {
  width: 100%;
  position: absolute;
  height: 100%;
}
.ecf-output-fields-wrapper .ecf-field.ecf-textarea-field .ecf-input-wrapper .ecf-form-control {
  padding: 15px;
}
.ecf-output-fields-wrapper .ecf-field.ecf-is-invalid .ecf-input-wrapper > .ecf-form-control,
.ecf-output-fields-wrapper .ecf-field.ecf-is-invalid .ecf-input-wrapper .ecf-selectbox {
  color: #e53935;
  background: rgba(229, 57, 53, 0.08);
  border-color: rgba(229, 57, 53, 0.12);
}
.ecf-output-fields-wrapper .ecf-field .ecf-label-wrapper {
  width: 250px;
}
.ecf-output-fields-wrapper .ecf-field .ecf-label-wrapper label {
  font-size: 15px;
  font-weight: 600;
  display: block;
}
.ecf-output-fields-wrapper .ecf-field .ecf-label-wrapper .ecf-desc {
  color: #777777;
  margin: 0;
  font-size: 14px;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper {
  width: calc(100% - 250px);
  position: relative;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper:hover .ecf-icon-holder.ecf-remove-text {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-form-control {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  background-color: #f4f4f4;
  color: #444444;
  position: relative;
  font-size: 15px;
  min-height: 40px;
  width: 100%;
  padding: 0 15px;
  outline: none;
  margin: 0;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-form-control::-moz-placeholder {
  color: #999999;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-form-control:-ms-input-placeholder {
  color: #999999;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-form-control::-webkit-input-placeholder {
  color: #999999;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-form-control:focus {
  background-color: #ffffff;
  border-color: #ebebeb;
  -o-box-shadow: 0 0 0 1px #ebebeb;
  -ms-box-shadow: 0 0 0 1px #ebebeb;
  -moz-box-shadow: 0 0 0 1px #ebebeb;
  -webkit-box-shadow: 0 0 0 1px #ebebeb;
  box-shadow: 0 0 0 1px #ebebeb;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-icon-holder {
  color: #1b98e0;
  width: 40px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-icon-holder.ecf-remove-text {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
  right: 40px;
  color: #999999;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-icon-holder > span {
  font-size: 22px;
  width: 22px;
  height: 22px;
  color: inherit;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-icon-holder svg {
  fill: #1b98e0;
  width: inherit;
  height: inherit;
}
.ecf-output-fields-wrapper .ecf-field .ecf-input-wrapper .ecf-icon-holder svg * {
  stroke: currentColor !important;
}
.ecf-output-fields-wrapper .ecf-all-fields-header {
  margin: 0 -24px;
  border-bottom: 2px solid #dedede;
}
.ecf-output-fields-wrapper .ecf-all-fields-header h3 {
  background: #ffffff;
  color: #444444;
  margin: 0;
  padding: 15px 24px;
  font-weight: 500;
  font-size: 16px;
}
.ecf-output-fields-wrapper.ecf-customizer.ecf-xs .ecf-field.ecf-embed-field .ecf-embed-container.ecf-valid {
  width: 100%;
  padding-bottom: 56.5%;
}
.ecf-output-fields-wrapper.ecf-customizer .ecf-all-fields-header {
  position: absolute;
  top: -64px;
  right: 14px;
  margin: 0;
  border-width: 0;
}
.ecf-output-fields-wrapper.ecf-customizer .ecf-field {
  padding-left: 15px;
  padding-right: 15px;
}
.ecf-output-fields-wrapper.ecf-customizer .ecf-field-group,
.ecf-output-fields-wrapper.ecf-customizer .ecf-accordion-wrapper,
.ecf-output-fields-wrapper.ecf-customizer .ecf-tabs-wrapper {
  margin: 0 -9px;
  padding-left: 15px;
  padding-right: 15px;
}
.ecf-output-fields-wrapper.ecf-customizer .ecf-field-group .ecf-field,
.ecf-output-fields-wrapper.ecf-customizer .ecf-accordion-wrapper .ecf-field,
.ecf-output-fields-wrapper.ecf-customizer .ecf-tabs-wrapper .ecf-field {
  padding-left: 0;
  padding-right: 0;
}
.ecf-output-fields-wrapper.ecf-menu {
  border: 1px solid #dedede;
  clear: both;
  float: left;
  width: 100%;
  padding: 0 24px 0;
  margin: 20px 0 20px;
}
.ecf-output-fields-wrapper.ecf-menu .ecf-all-fields-header {
  border-bottom: 2px solid #dedede;
}
.ecf-output-fields-wrapper.ecf-menu .ecf-all-fields-header h3 {
  background: #ebebeb;
  margin: 0 !important;
  padding: 10px 24px;
}
.ecf-output-fields-wrapper.ecf-taxonomy,
.ecf-output-fields-wrapper.ecf-settings,
.ecf-output-fields-wrapper.ecf-profile {
  background: #ffffff;
  border: 1px solid #dedede;
  padding: 0 24px;
}
.ecf-output-fields-wrapper.ecf-taxonomy {
  margin-bottom: 20px;
}
.ecf-output-fields-wrapper.ecf-taxonomy.ecf-taxonomy-add {
  max-width: 95%;
}
.ecf-output-fields-wrapper.ecf-taxonomy.ecf-taxonomy-edit {
  max-width: calc(100% - 15px);
  margin: 0 -10px;
}
.ecf-output-fields-wrapper.ecf-sm .ecf-field .ecf-label-wrapper {
  width: 220px;
}
.ecf-output-fields-wrapper.ecf-sm .ecf-field .ecf-input-wrapper {
  width: calc(100% - 220px);
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field {
  padding-bottom: 20px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field.ecf-next-group,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field.ecf-next-group {
  padding-bottom: 33px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field.ecf-embed-field .ecf-embed-container.ecf-valid,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field.ecf-embed-field .ecf-embed-container.ecf-valid {
  width: 75%;
  padding-bottom: 42%;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field.ecf-number_slider-field .ecf-label-wrapper,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field.ecf-number_slider-field .ecf-label-wrapper {
  margin-bottom: 45px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field > .ecf-d-flex,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field > .ecf-d-flex {
  flex-wrap: wrap;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field .ecf-label-wrapper,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field .ecf-label-wrapper {
  width: 100%;
  margin-bottom: 7px;
}
.ecf-output-fields-wrapper.ecf-xs .ecf-field .ecf-input-wrapper,
.ecf-output-fields-wrapper.ecf-taxonomy .ecf-field .ecf-input-wrapper {
  width: 100%;
}