/* ****************************************************************
ANIMATIONS
********************************************************************/
/**********************
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;
}
.ecf-warning {
  -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-warning ul {
  margin: 0;
}
.ecf-warning ul li {
  margin: 0;
}
.ecf-warning hr {
  border-color: #f4e0a4;
  margin: 15px 0;
}
.ecf-warning p {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 10px;
}
.ecf-warning > * {
  color: rgba(0, 0, 0, 0.7);
}
.ecf-warning code {
  white-space: normal;
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
}
.ecf-warning code strong.ecf-danger {
  color: #e53935;
}
.ecf-embed-container {
  margin-top: 5px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.ecf-embed-container > iframe {
  width: 100%;
  position: absolute;
  height: 100%;
}
/**********************
lk-form.less
*************************/
#ecf-creator.ecf-output-fields-wrapper {
  padding: 0;
  margin: 0;
  min-height: unset;
  background: transparent;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper {
  border: 1px solid #ebebeb;
  background: #ffffff;
  height: calc(100vh - 135px);
  width: calc(100% - 20px);
  padding: 80px;
  margin-top: 20px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-deactivate-form h1,
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form h1 {
  color: #000000;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600 !important;
  line-height: 1.2;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-deactivate-form {
  margin-bottom: 100px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-deactivate-form .ecf-confirmation {
  position: relative;
  max-width: 120px;
  margin: auto;
  text-align: left;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form {
  max-width: 715px;
  margin-bottom: 100px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form .se-waring {
  margin-bottom: 50px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form .se-waring p a {
  font-size: 16px;
  font-weight: 500;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form h1 {
  margin-bottom: 70px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form p {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-lk-form p a {
  font-weight: 500;
  color: #1b98e0;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-form-field {
  margin-right: 15px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-form-field > input {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 1px solid #ebebeb;
  background: #f4f4f4;
  height: 50px;
  padding: 0 15px;
  width: 500px;
  max-width: 100%;
  font-size: 16px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-form-field > input:focus,
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-form-field > input:focus-visible {
  -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;
  border-color: #ebebeb;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-button {
  height: 50px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-button .ecf-button-inner {
  line-height: 46px;
}
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-button:active,
.ecf-output-fields-wrapper .ecf-lk-form-wrapper .ecf-button:focus {
  color: #ffffff;
  -o-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 152, 224, 0.4);
  -ms-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 152, 224, 0.4);
  -moz-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 152, 224, 0.4);
  -webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 152, 224, 0.4);
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px rgba(27, 152, 224, 0.4);
}
@media (max-width: 767px) {
  .ecf-output-fields-wrapper .ecf-lk-form-wrapper {
    width: calc(100% - 10px);
    padding: 20px;
  }
}
/***************
fields-nav.less
*****************/
#ecf-creator .ecf-page-trash .ecf-field-filters .ecf-fields-nav > li.ecf-active {
  color: #f48a00;
}
#ecf-creator .ecf-page-trash .ecf-field-filters .ecf-fields-nav > li.cancel {
  color: #1b98e0;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav {
  z-index: 9;
  position: relative;
  margin: 0;
  align-items: center;
  height: 38px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li {
  color: #777777;
  margin: 0;
  padding: 3px 0;
  font-size: 18px;
  font-weight: 400;
  border-width: 0;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li > .caret-down {
  position: relative;
  top: 2px;
  right: 0;
  font-size: 14px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-bold .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
  color: #000000;
  font-weight: 600;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-bold .dropdown-wrapper.small .dropdown-wrapper-inner .select-box:after {
  border-color: #000000 transparent transparent transparent;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-bold .dropdown-wrapper.small .dropdown-wrapper-inner .select-box > .caret-down {
  color: #000000;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-active {
  color: #1b98e0;
  font-weight: 600;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li:last-child:after {
  display: none;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li:after {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #cccccc;
  content: '';
  width: 3px;
  height: 12px;
  margin: 0 15px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper {
  color: #444444;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper .ecf-select-all-toggler {
  width: 24px;
  height: 16px;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  position: relative;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper .ecf-select-all-toggler.all-selected > span {
  background: #1b98e0;
  color: #ffffff;
  border-color: #1b98e0;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper .ecf-select-all-toggler.all-selected > span > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper .ecf-select-all-toggler > span {
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 2px solid #cccccc;
  position: absolute;
  height: 18px;
  width: 18px;
  top: 1px;
  left: 0px;
  justify-content: center;
  align-items: center;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select-all-wrapper .ecf-select-all-toggler > span .material-icon {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.cancel {
  color: #f48a00;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.cancel span {
  font-weight: 600;
  color: #444444;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li.cancel span.arrow-right {
  font-weight: normal;
  color: #f48a00;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small {
  display: inline-flex;
  height: 20px;
  line-height: 20px;
  top: 0px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span {
  color: #444444;
  font-size: 85%;
  text-transform: none;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span.caret-down {
  font-size: 14px;
  right: 7px;
  top: 3px;
  color: #999999;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .selected {
  font-weight: 600;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
  color: #777777;
  height: auto;
  line-height: 19px;
  background: transparent;
  min-width: auto;
  padding-right: 24px;
  padding-left: 0;
  font-size: 18px;
  font-weight: 400;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box > div {
  font-weight: 400;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box:after {
  right: 3px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder {
  top: calc(100% + 10px);
  transform-origin: 64px top;
  min-width: 265px;
  right: auto;
  left: 0;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder:before {
  left: 54px;
  right: auto;
  display: none;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder ul li a {
  padding-left: 30px;
}
#ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder ul li a .icon {
  top: 9px;
}
@media (max-width: 1350px) {
  #ecf-creator .ecf-field-filters .ecf-fields-nav {
    flex-wrap: wrap;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li {
    font-size: 16px;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li:after {
    margin: 0 10px;
    width: 1px;
    height: 10px;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
    font-size: 16px;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li .ecf-button .ecf-button-inner {
    font-size: 14px;
    padding: 0 10px;
  }
}
@media (max-width: 500px) {
  #ecf-creator .ecf-field-filters .ecf-fields-nav {
    width: 100%;
    justify-content: center;
    margin-bottom: 15px;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li {
    font-size: 16px;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li.ecf-select {
    display: none;
  }
  #ecf-creator .ecf-field-filters .ecf-fields-nav > li:after {
    width: 3px;
    margin: 0 10px;
  }
}
/************************************************************************
tabs.less
***************************************************************************/
#ecf-creator .ecf-tabs-wrapper {
  background: #f4f4f4;
  border: 1px solid #dedede;
  align-items: flex-start;
  display: table;
  width: 100%;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tabs {
  width: 30%;
  display: table-cell;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tabs .ecf-tab {
  -webkit-transition: background 0.25s ease-out;
  -moz-transition: background 0.25s ease-out;
  -o-transition: background 0.25s ease-out;
  -ms-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background: #f4f4f4;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  font-weight: 600;
  font-size: 15px;
  flex-wrap: wrap;
  align-content: center;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tabs .ecf-tab.active {
  background: #ffffff;
  border-right-width: 0;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tabs .ecf-tab.last {
  border-bottom-width: 0;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tabs .ecf-tab small {
  width: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-transform: lowercase;
}
#ecf-creator .ecf-tabs-wrapper .ecf-tab-content {
  background: #ffffff;
  width: 70%;
  display: table-cell;
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper {
  position: relative;
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper .ecf-tabs {
  width: 16%;
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper .ecf-tabs .ecf-tab > span.ecf-section-reorder {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  margin-left: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper .ecf-tabs > .ecf-button .ecf-button-inner {
  font-size: 16px;
  padding: 17px 0;
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper .ecf-tab-content {
  position: relative;
  width: 84%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#ecf-creator .ecf-tabs-layout-wrapper.ecf-tabs-reorder-on .ecf-tabs-wrapper .ecf-tab-content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: stretch;
  border-width: 0;
  background: transparent;
  justify-content: space-between;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs {
  width: 15%;
  padding-top: 1px;
  position: relative;
  display: block;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 1px solid #dedede;
  height: 70px;
  position: relative;
  margin-top: -1px;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-disabled .ecf-tab-inner {
  background: #ebebeb;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-disabled .ecf-tab-inner > * {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-disabled .ecf-disabled-icon .ecf-icon-eye-off-solid {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 8px;
  top: 50%;
  height: 17px;
  font-size: 17px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-active {
  background: #ffffff;
  z-index: 1;
  border-right-width: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-active.ecf-disabled {
  background: #ebebeb;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.ecf-active .ecf-tab-inner {
  color: #444444;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.delete {
  background: rgba(229, 57, 53, 0.7);
  border-width: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.delete.ecf-disabled {
  background: rgba(229, 57, 53, 0.7);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.delete.ecf-disabled .ecf-tab-inner {
  background: transparent;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.delete .ecf-tab-inner,
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab.delete .ecf-options-dropdown .more-options {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab .ecf-tab-inner {
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #999999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-left: 15px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab .ecf-tab-inner > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  font-weight: 600;
  width: calc(100% - 29px);
  overflow: hidden;
  white-space: nowrap;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab .ecf-confirmation-dialog-outer .more-options {
  color: #ffffff;
  position: absolute;
  right: 10px;
  font-size: 22px;
  top: 23px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab > span.ecf-section-reorder {
  width: auto;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab > span.ecf-section-reorder {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  margin-left: -34px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab input {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 15px;
  border: 1px dotted rgba(153, 153, 153, 0.5);
  border-width: 0 0 1px;
  padding: 0;
  background: transparent;
  width: 100%;
  position: relative;
  top: 1px;
  left: -1px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab input:focus {
  outline: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px dotted rgba(153, 153, 153, 0.5);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs .ecf-tab .ecf-section-reorder {
  color: #000000;
  position: relative;
  font-size: 24px;
  margin-right: 10px;
  cursor: move;
  z-index: 2;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs > .ecf-button {
  display: block;
  height: auto;
  padding: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs > .ecf-button .ecf-button-inner {
  font-size: 16px;
  padding: 17px 10px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content {
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  background: #ffffff;
  background: linear-gradient(90deg, #ffffff 0%, #fafafa 30%, #fafafa 100%);
  border: 1px solid #dedede;
  width: 85%;
  left: -1px;
  position: relative;
  display: block;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content .ecf-inner {
  padding: 30px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content .ecf-inner > .ecf-button {
  margin: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content .ecf-inner > .ecf-button .ecf-button-inner {
  font-size: 16px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content .ecf-inner > ul + .ecf-button {
  display: block;
  margin-top: 15px;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.ecf-disabled,
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete {
  background: #ebebeb;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.ecf-disabled:before,
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.ecf-disabled > *,
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete > * {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete {
  background: rgba(229, 57, 53, 0.7);
  border-width: 0;
  left: 0;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete > * {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content.delete .ecf-button {
  color: #ffffff;
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content ul {
  -o-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
}
#ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content ul.ecf-fields-nav {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (max-width: 1350px) {
  #ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs {
    width: 20%;
  }
  #ecf-creator .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content .ecf-inner {
    padding: 30px 15px;
  }
}
/**********************
accordion.less
*************************/
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section {
  background: #f4f4f4;
  border: 1px solid #dedede;
  border-top-width: 0;
}
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active {
  background: #777777;
  border: 1px solid #777777;
  margin-bottom: 1px;
}
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active > h4 {
  color: #ffffff;
}
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active > h4 .ecf-icon-angle-down {
  color: #ffffff;
}
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #777777;
  justify-content: space-between;
  margin: 0;
  padding: 12px;
  font-weight: 600;
}
#ecf-creator .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content {
  background: #ffffff;
  padding: 12px;
  color: #777777;
}
#ecf-creator .ecf-accordion-layout-wrapper.ecf-sections-reorder-on .ecf-section-reorder {
  margin-left: -12px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-section-reorder {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  font-size: 24px;
  margin: 0 10px 0 -42px;
  cursor: move;
  color: #000000;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper.ecf-has-sections .ecf-accordion-sections {
  position: relative;
  border: 1px solid #ebebeb;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper.ecf-has-sections ~ .ecf-create-button {
  margin-top: 12px;
  display: block;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper.ecf-has-sections ~ .ecf-create-button .ecf-button-inner {
  font-size: 16px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background: #ffffff;
  border-width: 0 0 1px;
  border-bottom: 1px solid #ebebeb;
  margin: 0;
  padding: 12px 30px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > .ecf-button {
  display: block;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section:last-child {
  border-width: 0;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active {
  padding: 30px;
  background: #fafafa;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active > h4 > .ecf-confirmation-dialog-outer {
  position: absolute;
  right: 68px;
  top: 0;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active > h4 > .ecf-confirmation-dialog-outer .more-options {
  right: 11px;
  position: absolute;
  font-size: 25px;
  top: 23px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete {
  background: rgba(229, 57, 53, 0.7);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete > h4 {
  color: #ffffff;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete > h4 label,
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete > h4 .ecf-toggler,
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete > h4 .more-options {
  opacity: 0.4;
  filter: alpha(opacity=40);
  color: inherit;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete .accord-section-content {
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active.delete .accord-section-content .ecf-button {
  color: #ffffff;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active > h4 .ecf-toggler .ecf-icon-angle-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active .accord-section-content {
  margin-top: 15px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled {
  border-color: #dedede;
  background: #ebebeb;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled .ecf-disabled-icon {
  position: absolute;
  right: 85px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled > h4 > label,
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled > .accord-section-content,
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled .ecf-disabled-icon {
  background: #ebebeb;
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled > .accord-section-content {
  position: relative;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.ecf-disabled > .accord-section-content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 {
  color: #777777;
  font-size: 18px;
  padding: 18px 30px 0;
  margin: -18px -30px 0 -23px;
  justify-content: flex-start;
  position: relative;
  align-items: center;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 > label {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  color: inherit;
  font-weight: 600;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 > label:hover .ecf-edit-label {
  -webkit-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  transform: translate(10px, 0);
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 > label:hover > small {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-15px, 0);
  -ms-transform: translate(-15px, 0);
  transform: translate(-15px, 0);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 > label > small {
  -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;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transform: translate(-25px, 0);
  -ms-transform: translate(-25px, 0);
  transform: translate(-25px, 0);
  align-items: flex-end;
  font-size: 87%;
  padding: 0 6px;
  text-transform: lowercase;
  height: 18px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 .ecf-toggler {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #999999;
  font-size: 25px;
  position: absolute;
  right: 10px;
  width: 60px;
  top: 0;
  height: 64px;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 .ecf-toggler .ecf-icon-angle-down {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  color: inherit;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 .ecf-edit-label {
  opacity: 0;
  filter: alpha(opacity=0);
  -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;
  -webkit-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 .ecf-edit-label > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 input {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -o-box-shadow: -5px 0 0 5px #ebebeb;
  -ms-box-shadow: -5px 0 0 5px #ebebeb;
  -moz-box-shadow: -5px 0 0 5px #ebebeb;
  -webkit-box-shadow: -5px 0 0 5px #ebebeb;
  box-shadow: -5px 0 0 5px #ebebeb;
  color: #777777;
  font-size: 20px;
  border-width: 0;
  padding: 0;
  background: #ebebeb;
  width: max-content;
  min-width: 300px;
  position: relative;
  top: 0px;
  left: -1px;
  line-height: 0.8;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 input:focus {
  outline: none;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content {
  background: transparent;
  padding: 0;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > ul {
  -o-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.05);
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > ul + .ecf-create-button {
  margin-top: 15px;
  display: block;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > .ecf-create-button {
  margin-top: 0;
  display: block;
}
#ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > .ecf-create-button .ecf-button-inner {
  font-size: 16px;
}
@media (max-width: 500px) {
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section {
    padding: 12px 15px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active {
    padding: 20px 15px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 {
    font-size: 16px;
    padding: 18px 15px 0;
    margin: -18px -26px 0 -2px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 .ecf-toggler {
    right: 14px;
    font-size: 22px;
    width: 50px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section > h4 input {
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-box-shadow: -5px 0 0 5px #ebebeb;
    -ms-box-shadow: -5px 0 0 5px #ebebeb;
    -moz-box-shadow: -5px 0 0 5px #ebebeb;
    -webkit-box-shadow: -5px 0 0 5px #ebebeb;
    box-shadow: -5px 0 0 5px #ebebeb;
    font-size: 16px;
    min-width: 200px;
    min-height: 30px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > .ecf-create-button .ecf-button-inner {
    font-size: 15px;
    font-weight: 500px;
  }
  #ecf-creator .ecf-accordion-layout-wrapper .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section .accord-section-content > .ecf-create-button .ecf-button-inner > span {
    font-size: 20px;
  }
}
/***************
field.less
*****************/
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label {
  width: 250px;
}
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-type {
  width: calc(41% - 250px);
}
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > label {
  width: 250px;
}
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-list-wrapper,
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-toggle-switch-wrapper,
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .wp-editor-wrapper {
  width: calc(100% - 250px);
}
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype > .ecf-fieldtype-placeholder {
  width: calc(100% - 250px);
}
#ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner .select-box {
  min-width: 250px;
}
#ecf-creator .ecf-fields li {
  -webkit-transition: border-color 0.15s ease;
  -moz-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  -ms-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  margin: -1px 0 0;
  position: relative;
}
#ecf-creator .ecf-fields li:first-child {
  margin-top: 0 !important;
}
#ecf-creator .ecf-fields li.ecf-last-field {
  padding-bottom: 0 !important;
}
#ecf-creator .ecf-fields li.ecf-layout-field > header label.ecf-field-type {
  color: #444444;
}
#ecf-creator .ecf-fields li.ecf-layout-field > header label.ecf-field-type > span {
  font-weight: 600;
}
#ecf-creator .ecf-fields li.ecf-layout-field > header label.ecf-field-type > span.ecf-count {
  font-weight: 600;
}
#ecf-creator .ecf-fields li.ecf-child-field > header {
  cursor: default;
}
#ecf-creator .ecf-fields li > header {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  -ms-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  background-color: #ffffff;
  padding: 0 20px 0 50px;
  line-height: 56px;
  position: relative;
  height: 60px;
  cursor: move;
}
#ecf-creator .ecf-fields li > header label {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  width: 320px;
  cursor: inherit;
}
#ecf-creator .ecf-fields li > header label h3 {
  color: #444444;
  padding-right: 15px;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
#ecf-creator .ecf-fields li > header label.field-key,
#ecf-creator .ecf-fields li > header label.ecf-field-visibility,
#ecf-creator .ecf-fields li > header label.ecf-field-type {
  color: #777777;
  width: 24%;
  font-weight: 300;
  font-size: 15px;
  cursor: inherit;
}
#ecf-creator .ecf-fields li > header label.field-key > span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type {
  font-weight: 500;
  align-items: center;
  position: relative;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-heading {
  color: #444444;
  font-weight: 600;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-desktop {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  width: calc(47% - 320px);
}
#ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-mobile {
  display: none;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > .ecf-invalid {
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #f4e0a4;
  position: absolute;
  left: -14px;
  height: 7px;
  width: 7px;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span[class*="ecf-icon-"] {
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  color: #1b98e0;
  font-size: 22px;
  margin-right: 8px;
  position: absolute;
  left: -45px;
  display: none;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span[class*="ecf-icon-"].ecf-icon-password {
  font-size: 9px;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created.ecf-icon-checkboxes,
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created.ecf-icon-radios,
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created.ecf-icon-document {
  width: 24px;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created.ecf-icon-textarea > svg * {
  stroke: none !important;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created > svg {
  width: 22px;
  stroke: #1b98e0;
  fill: #1b98e0;
  color: #1b98e0;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type > span.ecf-custom-created > svg * {
  stroke: #1b98e0;
}
#ecf-creator .ecf-fields li > header label.ecf-field-type .ecf-count {
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding-left: 10px;
  text-transform: lowercase;
}
#ecf-creator .ecf-fields li > header label.ecf-field-visibility {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  width: auto;
  text-transform: lowercase;
  align-items: center;
}
#ecf-creator .ecf-fields li > header label.ecf-field-visibility span {
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 4px 11px 5px;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2px;
  font-weight: 500;
}
#ecf-creator .ecf-fields li > header .ecf-delete-time {
  color: #999999;
  position: absolute;
  top: 0;
  right: 150px;
  height: 58px;
  display: flex;
  align-items: center;
}
#ecf-creator .ecf-fields li > header .ecf-delete-time.ecf-mobile {
  display: none;
}
#ecf-creator .ecf-fields li > header .delete-field,
#ecf-creator .ecf-fields li > header .toggle-field,
#ecf-creator .ecf-fields li > header .duplicate-field,
#ecf-creator .ecf-fields li > header .restore-field,
#ecf-creator .ecf-fields li > header .hide-field,
#ecf-creator .ecf-fields li > header .ecf-fields-reorder,
#ecf-creator .ecf-fields li > header .ecf-field-settings {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  opacity: 0;
  filter: alpha(opacity=0);
  -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;
  position: absolute;
  right: 0;
  height: inherit;
  line-height: inherit;
  width: 50px;
  top: 0;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}
#ecf-creator .ecf-fields li > header .delete-field svg,
#ecf-creator .ecf-fields li > header .toggle-field svg,
#ecf-creator .ecf-fields li > header .duplicate-field svg,
#ecf-creator .ecf-fields li > header .restore-field svg,
#ecf-creator .ecf-fields li > header .hide-field svg,
#ecf-creator .ecf-fields li > header .ecf-fields-reorder svg,
#ecf-creator .ecf-fields li > header .ecf-field-settings svg {
  fill: #1b98e0 !important;
  width: 20px;
}
#ecf-creator .ecf-fields li > header .delete-field .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .toggle-field .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .duplicate-field .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .restore-field .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .hide-field .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .ecf-fields-reorder .ecf-icon-trash,
#ecf-creator .ecf-fields li > header .ecf-field-settings .ecf-icon-trash {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-fields li > header .delete-field ion-icon,
#ecf-creator .ecf-fields li > header .toggle-field ion-icon,
#ecf-creator .ecf-fields li > header .duplicate-field ion-icon,
#ecf-creator .ecf-fields li > header .restore-field ion-icon,
#ecf-creator .ecf-fields li > header .hide-field ion-icon,
#ecf-creator .ecf-fields li > header .ecf-fields-reorder ion-icon,
#ecf-creator .ecf-fields li > header .ecf-field-settings ion-icon {
  width: 1.3em;
  height: 1.3em;
}
#ecf-creator .ecf-fields li > header .delete-field {
  color: #e53935;
}
#ecf-creator .ecf-fields li > header .duplicate-field .material-icon,
#ecf-creator .ecf-fields li > header .restore-field .material-icon,
#ecf-creator .ecf-fields li > header .delete-field .material-icon,
#ecf-creator .ecf-fields li > header .hide-field .material-icon {
  font-size: 20px;
}
#ecf-creator .ecf-fields li > header .duplicate-field:hover,
#ecf-creator .ecf-fields li > header .restore-field:hover,
#ecf-creator .ecf-fields li > header .delete-field:hover,
#ecf-creator .ecf-fields li > header .hide-field:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
#ecf-creator .ecf-fields li > header .duplicate-field,
#ecf-creator .ecf-fields li > header .restore-field,
#ecf-creator .ecf-fields li > header .hide-field {
  right: 50px;
}
#ecf-creator .ecf-fields li > header .duplicate-field > span,
#ecf-creator .ecf-fields li > header .restore-field > span,
#ecf-creator .ecf-fields li > header .hide-field > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-fields li > header .duplicate-field {
  right: 100px;
}
#ecf-creator .ecf-fields li > header .ecf-fields-reorder {
  -webkit-transition: none 0.75s ease-out;
  -moz-transition: none 0.75s ease-out;
  -o-transition: none 0.75s ease-out;
  -ms-transition: none 0.75s ease-out;
  transition: none 0.75s ease-out;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #777777;
  left: 0;
  right: auto;
  cursor: move;
}
#ecf-creator .ecf-fields li > header .ecf-fields-reorder > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-fields li > header .toggle-field {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #999999;
  right: auto;
  left: 0;
}
#ecf-creator .ecf-fields li > header .toggle-field .angle-down {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 22px;
}
#ecf-creator .ecf-fields li > header .toggle-field .angle-down.material-icon {
  font-size: 28px;
}
#ecf-creator .ecf-fields li > header .toggle-field .angle-down ion-icon {
  font-size: 18px;
}
#ecf-creator .ecf-fields li > header .ecf-field-options-mobile,
#ecf-creator .ecf-fields li > header .ecf-field-settings {
  display: none;
}
#ecf-creator .ecf-fields li > section {
  -o-box-shadow: 0 1px 0 #ebebeb inset;
  -ms-box-shadow: 0 1px 0 #ebebeb inset;
  -moz-box-shadow: 0 1px 0 #ebebeb inset;
  -webkit-box-shadow: 0 1px 0 #ebebeb inset;
  box-shadow: 0 1px 0 #ebebeb inset;
}
#ecf-creator .ecf-fields li > section .section-inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 1px 0 0 50px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data {
  background-color: #ffffff;
  padding: 20px 40px 20px 0;
  width: 70%;
  position: relative;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data:after {
  background: #ffffff;
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
  width: 13px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-width: 428px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
  align-items: center;
  padding-bottom: 15px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-upload.ecf-has-files {
  padding-bottom: 10px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-last-field {
  margin-bottom: 0;
  padding-bottom: 0;
  border-width: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning {
  background-color: #faf1d6;
  padding: 15px 40px 15px 50px;
  margin: 0 -40px 15px -50px;
  position: relative;
  z-index: 1;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning > .ecf-input-wrapper input,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning > .ecf-input-wrapper textarea {
  background-color: #f5e9c7;
  border-color: #f5e9c7;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning > .ecf-input-wrapper input:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning > .ecf-input-wrapper textarea:focus {
  -o-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-validation-status {
  color: #e53935;
  margin: 0;
  padding-left: 320px;
  width: 100%;
  font-size: 14px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-types .ecf-input-images-wrapper > img {
  filter: grayscale(1);
  margin-right: 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-types .ecf-input-images-wrapper > div {
  filter: grayscale(1);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-types .ecf-input-images-wrapper > div.ecf-media-file {
  width: 36px;
  margin: 0 5px 0 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-types .ecf-input-images-wrapper > div.ecf-media-file [class*="ecf-icon-"] {
  height: 28px;
  font-size: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-types .ecf-input-images-wrapper > div.ecf-media-file .ecf-ext {
  font-size: 11px;
  padding-bottom: 1px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper {
  margin-top: 5px;
  padding-bottom: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div {
  filter: grayscale(0);
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ebebeb;
  position: relative;
  margin: 5px 10px 10px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div.delete {
  background: #e53935 !important;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div.delete > * {
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div:hover a {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -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);
  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-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .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;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 25px;
  font-size: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div > .ecf-file-sr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -o-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  position: absolute;
  top: -7px;
  text-align: center;
  z-index: 1;
  left: -5px;
  width: 17px;
  height: 17px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px;
  font-weight: 600;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div.ecf-media-file {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #ebebeb;
  flex-wrap: wrap;
  width: 43px;
  padding: 4px 0 0;
  justify-content: center;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper > div.ecf-media-file [class*="ecf-icon-"] {
  font-size: 24px;
  height: 34px;
  display: flex;
  align-items: center;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .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-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-images-wrapper img {
  filter: grayscale(0);
  max-height: 60px;
  width: 60px;
  height: 60px;
  object-fit: cover;
  margin: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label {
  color: #444444;
  width: 320px;
  font-size: 16px;
  font-weight: 600;
  padding-right: 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label .ecf-help-block {
  color: #777777;
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.3;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label .ecf-help-block .ecf-option-use {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f4f4f4;
  padding: 10px;
  margin-top: 10px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper {
  width: calc(100% - 320px);
  position: relative;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #777777;
  filter: grayscale(1);
  font-weight: 500;
  width: 100%;
  min-height: 50px;
  line-height: 1.6;
  padding: 11px 50px 11px 20px;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 15px;
  white-space: nowrap;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder:hover {
  filter: grayscale(0);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder .ecf-placeholder {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder .ecf-names-joiner {
  padding: 0 8px;
  color: rgba(153, 153, 153, 0.6);
  line-height: 1;
  display: block;
  height: 11px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder .ecf-file-name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder .ecf-file-sr {
  font-weight: 700;
  color: inherit;
  padding-right: 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder strong {
  padding: 0 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-input-placeholder strong.ecf-start {
  padding-left: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > .ecf-action {
  -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;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #999999;
  background: #f4f4f4;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > .ecf-d-flex {
  margin: 0 -5px;
  align-items: flex-start;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > .ecf-d-flex .ecf-single-config-wrapper {
  width: 33.33%;
  padding: 0 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > .ecf-d-flex .ecf-single-config-wrapper > label {
  text-transform: uppercase;
  font-size: 14px;
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-code-editor-wrapper .ecf-code-editor {
  border: 1px solid #dedede;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-checkbox-wrapper {
  padding: 15px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-checkbox-wrapper > a {
  color: #777777;
  font-size: 28px;
  display: inline-block;
  height: 28px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-upload-wrapper .ecf-action {
  color: #1b98e0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-upload-wrapper.ecf-media-image .ecf-input-placeholder .ecf-placeholder {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-upload-wrapper.ecf-media-file .ecf-input-placeholder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  color: #777777;
  padding-left: 148px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-upload-wrapper.ecf-media-file .ecf-input-placeholder .ecf-placeholder {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  color: #777777;
  padding: 0 20px;
  height: 38px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  left: 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-color-wrapper {
  padding: 10px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder {
  -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;
  font-size: 14px;
  min-height: 50px;
  width: 100%;
  padding: 10px 20px;
  outline: none;
  margin: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input::-moz-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input::-moz-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea::-moz-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder::-moz-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder::-moz-placeholder {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input:-ms-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input:-ms-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea:-ms-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder:-ms-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder:-ms-input-placeholder {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input::-webkit-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input::-webkit-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea::-webkit-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder::-webkit-input-placeholder,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder::-webkit-input-placeholder {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder:focus {
  background-color: #ffffff;
  border-color: #ebebeb;
  -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-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > input[readonly]:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper .ecf-single-config-wrapper input[readonly]:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper > textarea[readonly]:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-fieldtype-placeholder[readonly]:focus,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-input-placeholder[readonly]:focus {
  background: #f4f4f4;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
  width: calc(100% - 320px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper {
  padding: 12px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper .wp-switch-editor {
  height: 28px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper textarea {
  width: 100%;
  background: #f4f4f4;
  padding: 15px;
  border: 0 solid #ebebeb;
  margin-top: 1px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper textarea:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ffffff;
  outline: none;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper {
  width: calc(100% - 320px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper > .ecf-d-flex {
  flex-wrap: wrap;
  margin: 0 -5px;
  align-items: flex-start;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper > .ecf-d-flex .dropdown-wrapper {
  padding: 5px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper.ecf-2-cols .dropdown-wrapper {
  width: 50%;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper {
  width: 100%;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner {
  max-width: 100%;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner .select-box {
  background: #f4f4f4;
  font-size: 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner .select-box span.caret-down {
  right: 22px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner .info-icon-wrapper + .ecf-loader {
  right: 82px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper .dropdown-wrapper .dropdown-wrapper-inner .ecf-loader {
  top: 16px;
  right: 46px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype {
  justify-content: flex-start;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder {
  color: #1b98e0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder {
  cursor: pointer;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px 0 10px;
  justify-content: space-between;
  width: calc(100% - 320px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div {
  font-size: 16px;
  white-space: nowrap;
  font-weight: 600;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #1b98e0;
  background: #ffffff;
  font-size: 28px;
  margin: 2px;
  height: 48px;
  align-items: center;
  width: auto;
  justify-content: center;
  position: relative;
  left: -10px;
  top: 0px;
  padding: 0 15px;
  font-weight: 300;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-icon-password {
  font-size: 14px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-icon-textarea > svg {
  width: 32px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created {
  padding: 0 17px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-number > svg,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-text > svg,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-accordion > svg,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-menu-dropdown > svg {
  width: 30px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-checkboxes > svg,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-radios > svg {
  width: 32px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-multi-select > svg {
  width: 26px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created.ecf-icon-textarea > svg * {
  stroke: none !important;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created > svg {
  fill: #1b98e0;
  position: relative;
  right: 0;
  top: 0;
  width: 25px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created > svg * {
  stroke: #1b98e0 !important;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-placeholder {
  color: #999999;
  font-weight: 400;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .angle-down {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-left: 7px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .angle-down ion-icon {
  font-size: 23px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-input-type-wrapper {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  background: transparent;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-input-type-wrapper .ecf-input-type {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-input-type-wrapper .ecf-input-type > label {
  font-size: 20px;
  width: auto;
  padding: 0 20px;
  margin-bottom: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-input-type-wrapper .ecf-input-type .ecf-input-wrapper {
  width: auto;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder .ecf-input-type-wrapper .ecf-input-type .ecf-input-wrapper input {
  padding: 0 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata {
  border-left: 1px solid #ebebeb;
  background: #f4f4f4;
  padding: 0;
  width: 30%;
  position: relative;
  z-index: 1;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-index > p {
  color: #999999;
  margin: 0;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  background: #ffffff;
  border: 1px solid #ebebeb;
  position: relative;
  border-width: 0 0 1px;
  padding: 20px 10px 20px 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header.active {
  background: #ebebeb;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header.first {
  border-width: 1px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header.ecf-disabled {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header .angle-down {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  color: #999999;
  font-size: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header .angle-down.material-icon {
  font-size: 26px;
  top: calc(50% - 13px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header h3 {
  color: #444444;
  font-weight: 400;
  margin: 0;
  font-size: 16px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header h3 strong {
  font-weight: 600;
  color: #444444;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header h3 strong .ecf-normal-weight {
  font-weight: 400;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header h3 .primary > span {
  font-weight: 300;
  padding: 0 3px;
  font-size: 74%;
  position: relative;
  top: -2px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header p {
  color: #999999;
  margin: 0;
  padding: 1px 0 0;
  font-size: 14px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail {
  background: #f4f4f4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper {
  padding: 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ecf-code-wrapper {
  position: relative;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ecf-code-wrapper .ecf-code-copy {
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.5);
  position: absolute !important;
  right: 5px;
  top: 5px;
  z-index: 1;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ecf-code-wrapper .ecf-code-copy > .ecf-tooltip {
  text-transform: none;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ecf-code-wrapper .ecf-code-copy:hover {
  color: #ffffff;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ecf-code-editor {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #272822;
  padding: 20px 10px 13px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper .ace_scrollbar-h {
  height: 0 !important;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-how-to-use-wrapper > p {
  font-size: 16px;
  margin: 0 0 10px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper {
  padding: 5px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper.row-groups-0 .ecf-new-rule-button .ecf-create-button {
  margin-right: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper > p {
  color: #777777;
  padding: 0 20px;
  margin: 3px 0;
  font-weight: 600;
  font-size: 14px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-new-rule-button,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-row-group-divider {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-new-rule-button:before,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-row-group-divider:before {
  background-color: #dedede;
  content: '';
  height: 1px;
  width: 100%;
  top: 50%;
  position: absolute;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-new-rule-button .ecf-create-button,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-wrapper .ecf-row-group-divider .ecf-create-button {
  -webkit-transform: translate(-25px, 0);
  -ms-transform: translate(-25px, 0);
  transform: translate(-25px, 0);
  position: relative;
  background-color: #f4f4f4;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-row-group-divider span {
  background-color: #f4f4f4;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: -1px;
  margin-right: 50px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row {
  flex-wrap: wrap;
  padding: 0 5px 0 15px;
  border-width: 0 0 1px 0;
  height: 0;
  visibility: hidden;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.is-invalid {
  background-color: #faf1d6;
  padding: 10px 5px 10px 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.ecf-has-desc {
  padding-bottom: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row > p.danger {
  color: #e53935;
  margin: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:last-child .ecf-create-button.add-condition {
  opacity: 0;
  filter: alpha(opacity=0);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:first-child .ecf-create-button.add-condition {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:hover .ecf-create-button.delete-condition,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:hover .ecf-create-button.add-condition {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.ecf-2-columns .ecf-field-meta-dropdown {
  width: calc(50% - 30px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.ecf-3-columns .ecf-field-meta-dropdown {
  width: calc(33.33% - 20px);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-field-meta-dropdown {
  padding: 3px 2px;
  border-width: 0;
  width: 33.33%;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-field-meta-dropdown.ecf-lowercase .dropdown-wrapper.small .dropdown-wrapper-inner .select-box,
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-field-meta-dropdown.ecf-lowercase .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder li a {
  text-transform: lowercase;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
  background-color: #ffffff;
  font-size: 14px;
  min-width: unset;
  padding-right: 40px;
  padding-left: 12px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .select-box > div {
  font-size: inherit;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-form-field {
  width: calc(33.33% - 21px);
  padding: 0 2px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .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 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
  padding: 0 12px;
  width: 100%;
  border-width: 0;
  height: 40px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row span.add-condition {
  min-width: 40px;
  height: 21px;
  text-align: center;
  font-size: 14px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-create-button {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  min-width: 40px;
  text-transform: lowercase;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-create-button.delete-condition {
  transition-delay: 0.2s;
  min-width: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-create-button.delete-condition ion-icon {
  font-size: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown {
  padding: 20px;
  border-top: 1px solid #dedede;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown:first-child {
  border-width: 0;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small.is-open .dropdown-wrapper-inner .select-box > div {
  color: #999999;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
  background-color: #ebebeb;
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  height: 40px;
  line-height: 40px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .select-box:after {
  right: 16px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .select-box > div {
  color: #777777;
  font-size: 15px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder {
  transform-origin: calc(100% - 19px) top;
  border-color: #dedede;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-field-meta-dropdown .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder:before {
  right: 10px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-copy-to-locations .ecf-create-button {
  margin-left: 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-copy-to-locations .ecf-alert {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 0;
  overflow: hidden;
  margin: 0 20px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header {
  border-color: #dedede;
  z-index: 1;
  position: relative;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header > a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  height: 59px;
  width: 60px;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header h3 {
  color: #777777;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header h3 strong {
  color: #444444;
  font-weight: 600;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header + p {
  color: #999999;
  background: #ebebeb;
  border-bottom: 1px solid #dedede;
  margin: 0;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 500;
}
#ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .detail-panel header + p + p {
  color: #444444;
  font-size: 16px;
  padding: 0 20px;
  line-height: 1.3;
}
#ecf-creator .ecf-fields li:hover > header .delete-field,
#ecf-creator .ecf-fields li:hover > header .duplicate-field,
#ecf-creator .ecf-fields li:hover > header .restore-field,
#ecf-creator .ecf-fields li:hover > header .hide-field {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ecf-creator .ecf-fields li > a.ecf-checkbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  opacity: 0;
  filter: alpha(opacity=0);
  border: 1px solid #ebebeb;
  background: #f4f4f4;
  border-width: 1px 0 1px 1px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -1px;
  height: 62px;
  width: 50px;
  visibility: hidden;
}
#ecf-creator .ecf-fields li > a.ecf-checkbox > div {
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 2px solid #cccccc;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
#ecf-creator .ecf-fields li > a.ecf-checkbox > div .material-icon {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  width: inherit;
}
#ecf-creator .ecf-fields li > a.ecf-checkbox > div > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-fields li > a.selected > div {
  border-color: #1b98e0;
  background-color: #1b98e0;
}
#ecf-creator .ecf-fields li > a.selected > div svg,
#ecf-creator .ecf-fields li > a.selected > div span {
  color: #ffffff;
}
#ecf-creator .ecf-fields li.ecf-field-selected {
  border-color: rgba(27, 152, 224, 0.2);
}
#ecf-creator .ecf-fields li.ecf-field-selected > header {
  background-color: rgba(27, 152, 224, 0.1);
}
#ecf-creator .ecf-fields li.ecf-field-selected > section {
  position: relative;
}
#ecf-creator .ecf-fields li.ecf-field-selected > section .section-inner:before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 152, 224, 0.1);
  position: absolute;
  z-index: 1;
}
#ecf-creator .ecf-fields li.ecf-field-selected > a.ecf-checkbox {
  border-color: transparent;
  background-color: rgba(27, 152, 224, 0.15);
}
#ecf-creator .ecf-fields li.ecf-field-selected.delete.permanent > a.ecf-checkbox {
  background-color: rgba(229, 57, 53, 0.15);
}
#ecf-creator .ecf-fields li.ecf-field-selected.delete.permanent > a.ecf-checkbox > div {
  border-color: #e53935;
  background-color: #e53935;
}
#ecf-creator .ecf-fields li.ecf-field-disabled:hover > header .duplicate-field,
#ecf-creator .ecf-fields li.ecf-field-disabled.active > header .duplicate-field {
  cursor: default;
}
#ecf-creator .ecf-fields li.ecf-field-disabled:hover > header .duplicate-field,
#ecf-creator .ecf-fields li.ecf-field-disabled.active > header .duplicate-field,
#ecf-creator .ecf-fields li.ecf-field-disabled:hover > header .toggle-field,
#ecf-creator .ecf-fields li.ecf-field-disabled.active > header .toggle-field {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-fields li.ecf-field-disabled > header {
  background-color: #f4f4f4;
}
#ecf-creator .ecf-fields li.ecf-field-disabled > header label,
#ecf-creator .ecf-fields li.ecf-field-disabled > header .toggle-field {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .ecf-fields li.ecf-selectable {
  margin-left: 50px;
}
#ecf-creator .ecf-fields li.ecf-selectable.ecf-simple-field > a.ecf-checkbox {
  -webkit-transform: translate(-51px, 0);
  -ms-transform: translate(-51px, 0);
  transform: translate(-51px, 0);
}
#ecf-creator .ecf-fields li.ecf-selectable > a.ecf-checkbox {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#ecf-creator .ecf-fields li.active,
#ecf-creator .ecf-fields li.delete,
#ecf-creator .ecf-fields li.restore {
  border-color: #1b98e0;
  margin-bottom: 1px !important;
  z-index: 1;
}
#ecf-creator .ecf-fields li.active > header,
#ecf-creator .ecf-fields li.delete > header,
#ecf-creator .ecf-fields li.restore > header {
  background-color: #1b98e0;
}
#ecf-creator .ecf-fields li.active > header label,
#ecf-creator .ecf-fields li.delete > header label,
#ecf-creator .ecf-fields li.restore > header label {
  color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header label.ecf-field-type,
#ecf-creator .ecf-fields li.delete > header label.ecf-field-type,
#ecf-creator .ecf-fields li.restore > header label.ecf-field-type {
  color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header label h3,
#ecf-creator .ecf-fields li.delete > header label h3,
#ecf-creator .ecf-fields li.restore > header label h3 {
  color: #ffffff;
  font-weight: 500;
}
#ecf-creator .ecf-fields li.active > header label > span[class*="ecf-icon-"],
#ecf-creator .ecf-fields li.delete > header label > span[class*="ecf-icon-"],
#ecf-creator .ecf-fields li.restore > header label > span[class*="ecf-icon-"] {
  color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header label > span[class*="ecf-icon-"].ecf-icon-date-time svg .ecf-alter-fill,
#ecf-creator .ecf-fields li.delete > header label > span[class*="ecf-icon-"].ecf-icon-date-time svg .ecf-alter-fill,
#ecf-creator .ecf-fields li.restore > header label > span[class*="ecf-icon-"].ecf-icon-date-time svg .ecf-alter-fill,
#ecf-creator .ecf-fields li.active > header label > span[class*="ecf-icon-"].ecf-icon-calendar-plus svg .ecf-alter-fill,
#ecf-creator .ecf-fields li.delete > header label > span[class*="ecf-icon-"].ecf-icon-calendar-plus svg .ecf-alter-fill,
#ecf-creator .ecf-fields li.restore > header label > span[class*="ecf-icon-"].ecf-icon-calendar-plus svg .ecf-alter-fill {
  fill: #1b98e0;
}
#ecf-creator .ecf-fields li.active > header label > span[class*="ecf-icon-"] svg,
#ecf-creator .ecf-fields li.delete > header label > span[class*="ecf-icon-"] svg,
#ecf-creator .ecf-fields li.restore > header label > span[class*="ecf-icon-"] svg {
  stroke: #ffffff;
  fill: #ffffff;
}
#ecf-creator .ecf-fields li.active > header label > span[class*="ecf-icon-"] svg *,
#ecf-creator .ecf-fields li.delete > header label > span[class*="ecf-icon-"] svg *,
#ecf-creator .ecf-fields li.restore > header label > span[class*="ecf-icon-"] svg * {
  stroke: #ffffff;
}
#ecf-creator .ecf-fields li.active > header label > span.ecf-count,
#ecf-creator .ecf-fields li.delete > header label > span.ecf-count,
#ecf-creator .ecf-fields li.restore > header label > span.ecf-count {
  color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header .ecf-delete-time,
#ecf-creator .ecf-fields li.delete > header .ecf-delete-time,
#ecf-creator .ecf-fields li.restore > header .ecf-delete-time {
  color: rgba(255, 255, 255, 0.6);
}
#ecf-creator .ecf-fields li.active > header mark,
#ecf-creator .ecf-fields li.delete > header mark,
#ecf-creator .ecf-fields li.restore > header mark {
  color: #ffffff;
  text-decoration-color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header .delete-field,
#ecf-creator .ecf-fields li.delete > header .delete-field,
#ecf-creator .ecf-fields li.restore > header .delete-field,
#ecf-creator .ecf-fields li.active > header .duplicate-field,
#ecf-creator .ecf-fields li.delete > header .duplicate-field,
#ecf-creator .ecf-fields li.restore > header .duplicate-field,
#ecf-creator .ecf-fields li.active > header .move-field,
#ecf-creator .ecf-fields li.delete > header .move-field,
#ecf-creator .ecf-fields li.restore > header .move-field,
#ecf-creator .ecf-fields li.active > header .toggle-field,
#ecf-creator .ecf-fields li.delete > header .toggle-field,
#ecf-creator .ecf-fields li.restore > header .toggle-field,
#ecf-creator .ecf-fields li.active > header .restore-field,
#ecf-creator .ecf-fields li.delete > header .restore-field,
#ecf-creator .ecf-fields li.restore > header .restore-field,
#ecf-creator .ecf-fields li.active > header .hide-field,
#ecf-creator .ecf-fields li.delete > header .hide-field,
#ecf-creator .ecf-fields li.restore > header .hide-field {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #ffffff;
}
#ecf-creator .ecf-fields li.active > header .delete-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .delete-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .delete-field .material-icon,
#ecf-creator .ecf-fields li.active > header .duplicate-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .duplicate-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .duplicate-field .material-icon,
#ecf-creator .ecf-fields li.active > header .move-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .move-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .move-field .material-icon,
#ecf-creator .ecf-fields li.active > header .toggle-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .toggle-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .toggle-field .material-icon,
#ecf-creator .ecf-fields li.active > header .restore-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .restore-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .restore-field .material-icon,
#ecf-creator .ecf-fields li.active > header .hide-field .material-icon,
#ecf-creator .ecf-fields li.delete > header .hide-field .material-icon,
#ecf-creator .ecf-fields li.restore > header .hide-field .material-icon {
  font-weight: 300;
}
#ecf-creator .ecf-fields li.active > header .delete-field svg,
#ecf-creator .ecf-fields li.delete > header .delete-field svg,
#ecf-creator .ecf-fields li.restore > header .delete-field svg,
#ecf-creator .ecf-fields li.active > header .duplicate-field svg,
#ecf-creator .ecf-fields li.delete > header .duplicate-field svg,
#ecf-creator .ecf-fields li.restore > header .duplicate-field svg,
#ecf-creator .ecf-fields li.active > header .move-field svg,
#ecf-creator .ecf-fields li.delete > header .move-field svg,
#ecf-creator .ecf-fields li.restore > header .move-field svg,
#ecf-creator .ecf-fields li.active > header .toggle-field svg,
#ecf-creator .ecf-fields li.delete > header .toggle-field svg,
#ecf-creator .ecf-fields li.restore > header .toggle-field svg,
#ecf-creator .ecf-fields li.active > header .restore-field svg,
#ecf-creator .ecf-fields li.delete > header .restore-field svg,
#ecf-creator .ecf-fields li.restore > header .restore-field svg,
#ecf-creator .ecf-fields li.active > header .hide-field svg,
#ecf-creator .ecf-fields li.delete > header .hide-field svg,
#ecf-creator .ecf-fields li.restore > header .hide-field svg {
  fill: #ffffff !important;
}
#ecf-creator .ecf-fields li.active > section,
#ecf-creator .ecf-fields li.delete > section,
#ecf-creator .ecf-fields li.restore > section {
  -o-box-shadow: 0 1px 0 #1b98e0 inset;
  -ms-box-shadow: 0 1px 0 #1b98e0 inset;
  -moz-box-shadow: 0 1px 0 #1b98e0 inset;
  -webkit-box-shadow: 0 1px 0 #1b98e0 inset;
  box-shadow: 0 1px 0 #1b98e0 inset;
  background-color: #ffffff;
}
#ecf-creator .ecf-fields li.delete {
  margin-bottom: 0 !important;
  border-color: #e53935 !important;
}
#ecf-creator .ecf-fields li.delete.permanent {
  border-color: rgba(229, 57, 53, 0.4) !important;
}
#ecf-creator .ecf-fields li.delete.permanent > header {
  background-color: rgba(229, 57, 53, 0.4) !important;
}
#ecf-creator .ecf-fields li.delete > header {
  background-color: #e53935 !important;
}
#ecf-creator .ecf-fields li.delete > section {
  -o-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -ms-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -moz-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -webkit-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
}
#ecf-creator .ecf-fields li.restore {
  border-color: #8abd75;
}
#ecf-creator .ecf-fields li.restore > header {
  background-color: #8abd75;
}
#ecf-creator .ecf-fields li.restore > section {
  -o-box-shadow: 0 1px 0 #8abd75 inset;
  -ms-box-shadow: 0 1px 0 #8abd75 inset;
  -moz-box-shadow: 0 1px 0 #8abd75 inset;
  -webkit-box-shadow: 0 1px 0 #8abd75 inset;
  box-shadow: 0 1px 0 #8abd75 inset;
}
#ecf-creator .ecf-fields li.ecf-simple-field + .ecf-fields-group {
  padding-top: 22px;
}
#ecf-creator .ecf-fields li.ecf-simple-field + .ecf-fields-group > .ecf-checkbox {
  top: 37px;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active {
  border-color: #777777 !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.delete {
  border-color: #e53935 !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.delete.permanent {
  border-color: rgba(229, 57, 53, 0.4) !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.delete > section {
  -o-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -ms-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -moz-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  -webkit-box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
  box-shadow: 0 1px 0 rgba(229, 57, 53, 0.4) inset !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.restore {
  border-color: #8abd75 !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.restore > header {
  background-color: #8abd75;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active.restore > section {
  -o-box-shadow: 0 1px 0 #8abd75 inset;
  -ms-box-shadow: 0 1px 0 #8abd75 inset;
  -moz-box-shadow: 0 1px 0 #8abd75 inset;
  -webkit-box-shadow: 0 1px 0 #8abd75 inset;
  box-shadow: 0 1px 0 #8abd75 inset;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active > header {
  background-color: #777777;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active > section {
  -o-box-shadow: 0 1px 0 #777777 inset;
  -ms-box-shadow: 0 1px 0 #777777 inset;
  -moz-box-shadow: 0 1px 0 #777777 inset;
  -webkit-box-shadow: 0 1px 0 #777777 inset;
  box-shadow: 0 1px 0 #777777 inset;
}
#ecf-creator .ecf-page-trash .ecf-fields li.active > header .delete-field,
#ecf-creator .ecf-page-trash .ecf-fields li.delete > header .delete-field {
  color: #ffffff;
}
#ecf-creator .ecf-page-trash .ecf-fields li > header .delete-field {
  color: #e53935;
  height: 60px;
}
#ecf-creator .ecf-page-trash .ecf-fields li > header .delete-field svg {
  fill: #e53935 !important;
}
#ecf-creator .ecf-page-trash .ecf-fields li > header .ecf-confirmation-dialog-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}
#ecf-creator .ecf-page-trash .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder {
  color: #777777;
}
#ecf-creator .ecf-page-trash .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder > .angle-down {
  color: #777777;
}
#ecf-creator .ecf-page-trash .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder > div > span {
  color: #777777;
}
#ecf-creator .ecf-page-trash .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder > div > span.ecf-custom-created > svg {
  fill: #777777;
}
#ecf-creator .ecf-page-trash .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype.ecf-has-value .ecf-fieldtype-placeholder > div > span.ecf-custom-created > svg * {
  stroke: #777777 !important;
}
@media (max-width: 1400px) {
  #ecf-creator .ecf-fields li > header label {
    font-size: 15px;
    width: 240px;
  }
  #ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-desktop {
    width: calc(41% - 240px);
  }
  #ecf-creator .ecf-fields li > header label.ecf-field-type,
  #ecf-creator .ecf-fields li > header label.field-key {
    font-size: 14px;
  }
  #ecf-creator .ecf-fields li > header label.field-key {
    width: 20%;
  }
  #ecf-creator .ecf-fields li > header label.ecf-field-visibility span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 11px 5px;
    font-size: 11px;
  }
  #ecf-creator .ecf-fields li > header label h3 {
    font-size: 16px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data {
    width: 60%;
    padding-right: 20px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label {
    width: 240px;
    font-size: 15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
    width: calc(100% - 240px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder {
    width: calc(100% - 240px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper.ecf-2-cols .dropdown-wrapper {
    width: 100%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-validation-status {
    padding-left: 240px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata {
    width: 40%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header h3 {
    font-size: 15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata header p {
    font-size: 13px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label {
    width: 175px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-type.ecf-desktop {
    width: calc(41% - 150px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.field-key {
    width: 17.5%;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-visibility span {
    width: 122px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > label {
    width: 175px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > label .ecf-help-block {
    font-size: 12px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
    width: calc(100% - 175px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype > .ecf-fieldtype-placeholder {
    width: calc(100% - 175px);
  }
}
@media (max-width: 1300px) {
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.ecf-3-columns .ecf-field-meta-dropdown,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row.ecf-3-columns .ecf-form-field {
    width: 50%;
  }
}
@media (max-width: 1100px) {
  #ecf-creator .ecf-fields li > header label.field-key {
    display: none;
  }
  #ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-desktop {
    width: calc(61% - 240px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div {
    font-size: 15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder > div > span.ecf-custom-created {
    padding: 0 9px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-type {
    width: calc(51.5% - 150px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label .ecf-field-validation-status {
    padding-left: 150px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-metadata .ecf-field-metadata-index > p {
    font-size: 13px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-metadata header h3 {
    font-size: 14px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-metadata .detail-panel header h3 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  #ecf-creator .ecf-fields li > header label {
    font-size: 15px;
    width: 150px;
  }
  #ecf-creator .ecf-fields li > header label.ecf-field-type.ecf-desktop {
    width: calc(41% - 150px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label {
    width: 150px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
    width: calc(100% - 150px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype .ecf-fieldtype-placeholder {
    width: calc(100% - 150px);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-validation-status {
    padding-left: 150px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-visibility {
    display: none;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field {
    min-width: 100%;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > label {
    width: 100%;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
    width: 100%;
    margin-top: 8px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype > .ecf-fieldtype-placeholder {
    width: 100%;
  }
  body:not(.folded) #ecf-creator .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data {
    width: 50%;
  }
  body:not(.folded) #ecf-creator .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-metadata {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  #ecf-creator .ecf-fields li.active > header .ecf-field-options-mobile .more-options {
    color: #ffffff;
  }
  #ecf-creator .ecf-fields li.active > header .ecf-field-settings {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  #ecf-creator .ecf-fields li.delete > header .ecf-field-options-mobile .more-options {
    color: #ffffff;
  }
  #ecf-creator .ecf-fields li > header > label {
    padding-right: 40px;
    width: 40%;
  }
  #ecf-creator .ecf-fields li > header > label.ecf-field-type.ecf-desktop {
    width: auto;
    padding-right: 40px;
  }
  #ecf-creator .ecf-fields li > header > label.field-key {
    display: none;
  }
  #ecf-creator .ecf-fields li > header .duplicate-field,
  #ecf-creator .ecf-fields li > header .delete-field,
  #ecf-creator .ecf-fields li > header .restore-field,
  #ecf-creator .ecf-fields li > header .hide-field {
    display: none;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile {
    display: block;
    position: absolute;
    right: 0;
    min-width: 200px;
    height: 60px;
    top: 60px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder {
    right: -4px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile .more-options {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    color: #777777;
    font-size: 15px;
    height: 60px;
    width: 50px;
    align-items: center;
    position: absolute;
    right: 0;
    top: -60px;
    justify-content: center;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile .more-options > span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile li {
    line-height: 1.5;
  }
  #ecf-creator .ecf-fields li > header .ecf-confirmation-dialog-outer {
    position: absolute;
    right: 0;
    top: 0;
  }
  #ecf-creator .ecf-fields li > header .ecf-confirmation-dialog-outer .more-options {
    display: none;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-settings {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    right: 50px;
    font-size: 17px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-settings.ecf-active {
    background: rgba(0, 0, 0, 0.1);
  }
  #ecf-creator .ecf-fields li > header .ecf-field-settings > span {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-hide-field-settings {
    position: absolute;
    left: 0;
    width: calc(30% + 50px);
    top: 62px;
    bottom: 0;
    z-index: 2;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data {
    width: 100%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata {
    -o-box-shadow: -17px 0 27px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: -17px 0 27px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -17px 0 27px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: -17px 0 27px rgba(0, 0, 0, 0.08);
    box-shadow: -17px 0 27px rgba(0, 0, 0, 0.08);
    width: calc(70% - 50px) !important;
    position: absolute;
    left: 100%;
    top: 62px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-create-button.add-condition,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:last-child .ecf-create-button.add-condition,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row .ecf-create-button.delete-condition,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata .ecf-field-metadata-detail .ecf-conditions-row-group .ecf-conditions-row:last-child .ecf-create-button.delete-condition {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media (max-width: 500px) {
  body:not(.folded) #ecf-creator .ecf-tabs-layout-wrapper li > section .section-inner .ecf-field-data {
    width: 100%;
  }
  #ecf-creator .ecf-fields li > header {
    padding-left: 40px;
  }
  #ecf-creator .ecf-fields li > header > label {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    justify-content: space-between;
    width: calc(100% - 70px);
    line-height: 47px;
    z-index: 2;
    position: relative;
    padding-right: 0;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }
  #ecf-creator .ecf-fields li > header > label.ecf-field-type.ecf-desktop {
    display: none;
  }
  #ecf-creator .ecf-fields li > header > label .ecf-field-type.ecf-mobile {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    opacity: 0.7;
    filter: alpha(opacity=70);
    height: 11px;
    line-height: 1;
    font-size: 12px;
    z-index: 1;
    min-width: 50px;
    white-space: nowrap;
  }
  #ecf-creator .ecf-fields li > header > label .ecf-field-type.ecf-mobile .ecf-invalid {
    right: -5px;
    top: 4px;
    left: auto;
  }
  #ecf-creator .ecf-fields li > header > label .ecf-field-type.ecf-mobile .ecf-count {
    padding-left: 5px;
  }
  #ecf-creator .ecf-fields li > header > label.ecf-field-visibility {
    display: none;
  }
  #ecf-creator .ecf-fields li > header > label > h3 {
    width: 100%;
    padding-right: 0;
    font-size: 15px;
    height: auto;
    line-height: 1.3;
  }
  #ecf-creator .ecf-fields li > header .toggle-field {
    width: 40px;
  }
  #ecf-creator .ecf-fields li > header .toggle-field .angle-down ion-icon {
    font-size: 15px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile .more-options {
    width: 40px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-options-mobile .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder {
    right: -8px;
  }
  #ecf-creator .ecf-fields li > header .ecf-fields-reorder {
    width: 40px;
  }
  #ecf-creator .ecf-fields li > header .ecf-field-settings {
    width: 40px;
    right: 40px;
  }
  #ecf-creator .ecf-fields li > header .ecf-delete-time {
    bottom: 0;
    right: auto;
    height: 12px;
    font-size: 12px;
    position: relative;
  }
  #ecf-creator .ecf-fields li > header .ecf-delete-time.ecf-mobile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  #ecf-creator .ecf-fields li > header .ecf-delete-time.ecf-desktop {
    display: none;
  }
  #ecf-creator .ecf-fields li > section .section-inner {
    padding-left: 15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data {
    padding-right: 10px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data:after {
    content: none;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field {
    min-width: 100%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > label {
    width: 100%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field > .ecf-input-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-list-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-toggle-switch-wrapper,
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .wp-editor-wrapper {
    width: 100%;
    margin-top: 8px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-fieldtype > .ecf-fieldtype-placeholder {
    width: 100%;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field.ecf-warning {
    padding: 15px 10px 15px 15px;
    margin: 0 -10px 15px -15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-data .ecf-form-field .ecf-field-validation-status {
    padding: 0;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-hide-field-settings {
    width: 15px;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-field-metadata {
    width: calc(100% - 15px) !important;
    z-index: 3;
  }
  #ecf-creator .ecf-fields li > section .section-inner .ecf-layout-wrapper {
    margin: 0 0 0 -15px;
    min-width: calc(100% + 15px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper {
    overflow-x: auto;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper.delete {
    overflow-x: clip;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper .ecf-tabs-wrapper {
    width: calc(100% + 200px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tabs {
    width: 206px;
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper .ecf-tabs-wrapper .ecf-tab-content {
    width: calc(100% - 206px);
  }
  #ecf-creator .ecf-fields .ecf-tabs-layout-wrapper li > header > label.ecf-field-type {
    width: calc(100% - 80px);
  }
}
/***************
field-types.less
*****************/
#ecf-creator .ecf-input-type-wrapper {
  -webkit-transition: box-shadow 0.2s ease-out;
  -moz-transition: box-shadow 0.2s ease-out;
  -o-transition: box-shadow 0.2s ease-out;
  -ms-transition: box-shadow 0.2s ease-out;
  transition: box-shadow 0.2s ease-out;
  -o-box-shadow: 0 0 0 2px inset transparent, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 0 2px inset transparent, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 2px inset transparent, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0 2px inset transparent, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 2px inset transparent, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #ffffff;
  min-height: 136px;
  width: 100%;
  height: 100%;
  padding: 0 20px 20px;
}
#ecf-creator .ecf-input-type-wrapper > .check-circle {
  position: absolute;
  color: #1b98e0;
  right: 12px;
  top: 12px;
}
#ecf-creator .ecf-input-type-wrapper > .check-circle ion-icon {
  font-size: 26px;
}
#ecf-creator .ecf-input-type-wrapper > label {
  color: #1b98e0;
  width: auto;
  display: block;
  font-weight: 600;
  text-align: left;
  font-size: 18px;
  padding: 15px 20px;
  margin: 0 -20px 20px;
}
#ecf-creator .ecf-input-type-wrapper.ecf-input-number_slider > label {
  margin-bottom: 50px;
}
#ecf-creator .ecf-input-type-wrapper.ecf-input-radio > label,
#ecf-creator .ecf-input-type-wrapper.ecf-input-multi_checkboxes > label {
  margin-bottom: 5px;
}
#ecf-creator .ecf-input-type-wrapper.ecf-input-icon > label {
  margin-bottom: 40px;
}
#ecf-creator .ecf-input-type-wrapper .pro_ {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #f48a00;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
  text-transform: uppercase;
}
#ecf-creator .ecf-input-type-wrapper .pro_ .ecf-icon-d {
  color: inherit;
  margin-left: 5px;
}
#ecf-creator .ecf-input-type-wrapper.ecf-d > label,
#ecf-creator .ecf-input-type-wrapper.ecf-d .ecf-input-type {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#ecf-creator .ecf-input-type {
  width: 100%;
}
#ecf-creator .ecf-input-type input,
#ecf-creator .ecf-input-type textarea,
#ecf-creator .ecf-input-type select,
#ecf-creator .ecf-input-type .ecf-input {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f4f4f4;
  color: #777777;
  padding: 0 10px;
  width: 100%;
  font-weight: 500;
  border-width: 0;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
#ecf-creator .ecf-input-type textarea {
  padding: 10px;
  height: 70px;
  line-height: 1.3;
}
#ecf-creator .ecf-input-type h3 {
  text-align: center;
  font-size: 22px;
  color: #999999;
  padding: 9px 0;
  margin: 0 0 10px;
}
#ecf-creator .ecf-input-type .ecf-input-images-wrapper {
  padding: 5px;
  margin-left: -5px;
  flex-wrap: wrap;
}
#ecf-creator .ecf-input-type .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: 50px;
  width: auto;
  filter: grayscale(1);
}
#ecf-creator .ecf-input-type .ecf-input-images-wrapper > div {
  filter: grayscale(1);
}
#ecf-creator .ecf-input-type .ecf-input-type-thumb img {
  display: block;
  max-width: 100%;
  margin: auto;
  filter: grayscale(1);
  max-height: 140px;
  width: auto;
}
#ecf-creator .ecf-input-type .ecf-input-type-thumb img.ecf-with-border {
  border: 1px solid #dedede;
}
#ecf-creator .ecf-input-type.ecf-input-type-code .ecf-input-type-thumb img {
  width: 100%;
  max-height: 100%;
}
#ecf-creator .ecf-input-type.ecf-input-type-embed .ecf-input-type-thumb img {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 5px auto 0;
  max-height: 105px;
}
#ecf-creator .ecf-input-type.ecf-input-type-color {
  margin-bottom: 35px;
}
#ecf-creator .ecf-input-type.ecf-input-type-color .ecf-input-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
#ecf-creator .ecf-input-type.ecf-input-type-color .ecf-input-wrapper .ecf-color {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #777777;
  border: 1px solid #dedede;
  padding: 0 10px 0 0;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
}
#ecf-creator .ecf-input-type.ecf-input-type-color .ecf-input-wrapper .ecf-color > span {
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #777777;
  width: 32px;
  height: inherit;
  margin-right: 10px;
  position: relative;
  left: -1px;
  top: 0px;
}
#ecf-creator .ecf-input-type.ecf-input-type-number > .ecf-input-wrapper {
  width: 100%;
}
#ecf-creator .ecf-input-type.ecf-input-type-number > .ecf-input-wrapper input {
  margin: 0;
  -ms-border-radius: 5px 0 0 5px !important;
  -o-border-radius: 5px 0 0 5px !important;
  -webkit-border-radius: 5px 0 0 5px !important;
  -moz-border-radius: 5px 0 0 5px !important;
  border-radius: 5px 0 0 5px !important;
}
#ecf-creator .ecf-input-type.ecf-input-type-number > .ecf-input-wrapper .ecf-number-toggles {
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border: 1px solid #ebebeb;
  height: 40px;
  flex-wrap: wrap;
}
#ecf-creator .ecf-input-type.ecf-input-type-number > .ecf-input-wrapper .ecf-number-toggles > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 50%;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 67%;
}
#ecf-creator .ecf-input-type.ecf-input-type-select ion-icon,
#ecf-creator .ecf-input-type.ecf-input-type-multi-select ion-icon {
  color: #777777 !important;
  font-size: 16px !important;
}
#ecf-creator .ecf-input-type .ecf-selected-items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: center;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
  padding: 5px 0;
}
#ecf-creator .ecf-input-type .ecf-selected-items .ecf-selected-item {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  background: #999999;
  color: #ffffff;
  margin: 0 5px 5px 0;
  padding: 0 5px;
  border-radius: 4px;
  height: 23px;
  line-height: 1;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
}
#ecf-creator .ecf-input-type .ecf-selected-items .ecf-selected-item .ecf-icon-cross {
  margin-left: 4px;
  color: #ffffff;
}
#ecf-creator .ecf-input-type .ecf-selected-items .ecf-selected-item .ecf-icon-cross ion-icon {
  color: inherit !important;
}
#ecf-creator .ecf-input-type .ecf-selected-items .ecf-file-button {
  padding: 5px 8px;
  height: 30px;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 5px;
  position: relative;
  left: -5px;
  font-weight: 500;
}
#ecf-creator .ecf-input-type .ecf-choice-input {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #ffffff;
  height: auto;
  justify-content: center;
}
#ecf-creator .ecf-input-type .ecf-choice-input .ecf-choices .ecf-choice {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  height: 30px;
}
#ecf-creator .ecf-input-type .ecf-choice-input .ecf-choices .ecf-choice > span[class*="ecf-icon-"] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #777777;
  font-size: 20px;
  height: 20px;
  margin-right: 5px;
}
#ecf-creator .ecf-input-type.ecf-input-type-multi-select .ecf-selected-items {
  padding: 0;
}
#ecf-creator .ecf-input-type.ecf-input-type-multi-select .ecf-selected-items .ecf-selected-item {
  margin: 0 5px 0 0;
}
#ecf-creator .ecf-input-type.ecf-input-type-checkbox .ecf-icon {
  justify-content: center;
  align-items: center;
}
#ecf-creator .ecf-input-type.ecf-input-type-checkbox .ecf-icon label {
  font-weight: 600;
  color: #999999;
  font-size: 16px;
}
#ecf-creator .ecf-input-type.ecf-input-type-checkbox .ecf-icon > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-input-type.ecf-input-type-checkbox .ecf-icon .ecf-checkbox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-right: 5px;
}
#ecf-creator .ecf-input-type.ecf-input-type-checkbox .ecf-icon .ecf-checkbox ion-icon {
  color: #777777;
  font-size: 22px;
}
#ecf-creator .ecf-input-type.ecf-input-type-icon.with-icon .ecf-input-wrapper {
  max-width: 80px;
  margin: auto;
  border: 1px solid #ebebeb;
}
#ecf-creator .ecf-input-type.ecf-input-type-icon.with-icon .ecf-input-wrapper .ecf-icon-input {
  height: 40px;
  justify-content: center;
  width: 50px;
}
#ecf-creator .ecf-input-type.ecf-input-type-icon.with-icon .ecf-input-wrapper .ecf-icon-input ion-icon {
  font-size: 30px;
}
#ecf-creator .ecf-input-type.ecf-input-type-icon.with-icon .ecf-input-wrapper .ecf-icon {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 1px solid #ebebeb;
  background: #f4f4f4;
  width: 30px;
  top: 0;
  height: 40px;
}
#ecf-creator .ecf-input-type.ecf-input-type-icon.with-icon .ecf-input-wrapper .ecf-icon ion-icon {
  color: #777777;
}
#ecf-creator .ecf-input-type.ecf-input-type-repeater .ecf-repeater-inner {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 15px;
  border: 1px solid #dedede;
}
#ecf-creator .ecf-input-type.ecf-input-type-repeater .ecf-input-wrapper {
  margin-bottom: 4px;
}
#ecf-creator .ecf-input-type.ecf-input-type-repeater .ecf-button.grey {
  top: 5px;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper {
  position: relative;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f4f4f4;
  position: absolute;
  right: 0;
  top: 1px;
  width: 40px;
  height: 38px;
  justify-content: center;
  align-items: center;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span {
  height: 20px;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created {
  height: auto;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created > svg {
  width: 21px;
  position: relative;
  top: 2px;
  fill: #777777;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created > svg * {
  stroke: #777777;
}
#ecf-creator .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span ion-icon {
  font-size: 20px;
  color: #777777;
}
#ecf-creator .ecf-field-types-overlay {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  background: rgba(0, 0, 0, 0.05);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 12;
  cursor: auto;
}
#ecf-creator .ecf-field-types-wrapper {
  -o-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.15);
  background: #f4f4f4;
  position: fixed;
  right: -700px;
  width: 700px;
  top: 32px;
  height: 100%;
  z-index: 13;
}
#ecf-creator .ecf-field-types-wrapper h2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #f4f4f4;
  color: #000000;
  border-bottom: 1px solid #dedede;
  margin: 0;
  padding: 15px 20px;
  font-size: 25px;
  z-index: 2;
  justify-content: space-between;
  height: 56px;
  align-items: center;
}
#ecf-creator .ecf-field-types-wrapper h3.ecf-field-type-category {
  background: #f4f4f4;
  color: #444444;
  margin: 0;
  padding: 20px 20px 7px;
  text-align: left;
  font-size: 22px;
}
#ecf-creator .ecf-field-types-wrapper h3.ecf-field-type-category.first {
  padding-top: 20px;
}
#ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 55px;
  align-items: center;
  margin-bottom: 0 !important;
}
#ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li {
  list-style: none;
  background: transparent !important;
  height: inherit;
  border-width: 0;
}
#ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #999999;
  align-items: center;
  text-transform: none;
  cursor: pointer;
  padding: 0 5px;
  font-weight: 400;
  font-size: 15px;
  height: 55px;
}
#ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li a.ecf-active {
  color: #444444;
  -o-box-shadow: 0 1px 0 #444444;
  -ms-box-shadow: 0 1px 0 #444444;
  -moz-box-shadow: 0 1px 0 #444444;
  -webkit-box-shadow: 0 1px 0 #444444;
  box-shadow: 0 1px 0 #444444;
}
#ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li a > .search {
  font-size: 17px;
}
#ecf-creator .ecf-no-fieldtype-found {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  background: #ebebeb;
}
#ecf-creator .ecf-no-fieldtype-found > div {
  font-size: 14px;
  color: #999999;
  padding: 5px 20px;
}
#ecf-creator .ecf-field-types {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #f4f4f4;
  flex-wrap: wrap;
  padding: 5px;
  height: 100%;
}
#ecf-creator .ecf-field-types > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 1px solid #dedede;
  background: #f4f4f4;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-width: 0;
  width: 50%;
  justify-content: center;
  align-items: flex-start;
  padding: 5px;
}
#ecf-creator .ecf-field-types > div:hover .ecf-input-type-wrapper {
  -o-box-shadow: 0 0 0 1px inset #999999, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 0 1px inset #999999, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 1px inset #999999, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0 1px inset #999999, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px inset #999999, 0 0 18px 1px rgba(0, 0, 0, 0.05);
}
#ecf-creator .ecf-field-types > div.ecf-active.ecf-is-hidden .ecf-input-type-wrapper {
  min-height: auto;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type-wrapper {
  -o-box-shadow: 0 0 0 4px inset #1b98e0, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 0 4px inset #1b98e0, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 0 4px inset #1b98e0, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 0 4px inset #1b98e0, 0 0 18px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 4px inset #1b98e0, 0 0 18px 1px rgba(0, 0, 0, 0.05);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type > label {
  color: #1b98e0 !important;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type input {
  background: rgba(27, 152, 224, 0.1);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon {
  background: #ffffff;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created {
  height: auto;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created > svg {
  fill: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span.ecf-custom-created > svg * {
  stroke: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.with-icon .ecf-input-wrapper .ecf-icon > span ion-icon {
  color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-range .ecf-range-front-bar {
  background: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-range .ecf-current-value {
  background: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-range .ecf-current-value:after {
  border-top-color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-range .ecf-range-adjuster {
  background: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-checkbox .ecf-icon .ecf-checkbox ion-icon {
  color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-color .ecf-input-wrapper .ecf-color span {
  background: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-repeater .ecf-repeater-inner {
  background: rgba(27, 152, 224, 0.08);
  border-color: rgba(27, 152, 224, 0.2);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type.ecf-input-type-repeater .ecf-button.grey {
  background: #1b98e0;
  border-color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-choice-input .ecf-choices .ecf-choice > span[class*="ecf-icon-"] {
  color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-selected-items .ecf-selected-item {
  background: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-input-images-wrapper img,
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-input-type-thumb img,
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-input-images-wrapper > div,
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-input-type-thumb > div {
  filter: grayscale(0) !important;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-tabs-wrapper {
  background: #ffffff;
  border-color: rgba(27, 152, 224, 0.2);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-tabs-wrapper .ecf-tabs .ecf-tab {
  background: rgba(27, 152, 224, 0.1);
  border-color: rgba(27, 152, 224, 0.2);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-tabs-wrapper .ecf-tabs .ecf-tab.active {
  background: #ffffff;
  color: #1b98e0;
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section {
  background: rgba(27, 152, 224, 0.1);
  border-color: rgba(27, 152, 224, 0.2);
}
#ecf-creator .ecf-field-types > div.ecf-active .ecf-input-type .ecf-accordion-wrapper .ecf-accordion-sections .ecf-accord-section.active {
  background: #1b98e0;
  border-color: #1b98e0;
}
@media (max-width: 1350px) {
  #ecf-creator .ecf-field-types-wrapper {
    width: 708px;
    right: -708px;
  }
}
@media (max-width: 750px) {
  #ecf-creator .ecf-field-types-wrapper {
    width: 350px;
    right: -350px;
  }
  #ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li:not(.ecf-fieldtype-search) {
    display: none;
  }
  #ecf-creator .ecf-field-types-wrapper .ecf-field-type-category-anchors li.ecf-fieldtype-search a {
    font-size: 20px;
  }
  #ecf-creator .ecf-field-types > div {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #ecf-creator .ecf-field-types-wrapper {
    top: 0;
    width: 290px;
    right: -290px;
  }
  #ecf-creator .ecf-field-types-wrapper h2 {
    font-size: 22px;
  }
  #ecf-creator .ecf-field-types-wrapper h3.ecf-field-type-category {
    font-size: 20px;
  }
  #ecf-creator .ecf-input-type .ecf-selected-items {
    flex-wrap: nowrap;
    overflow: hidden;
  }
  #ecf-creator .ecf-input-type .ecf-selected-items .ecf-selected-item {
    white-space: nowrap;
  }
}
/**********************
import-export.less
*************************/
#ecf-creator.ecf-import-export-wrapper .ecf-form-field {
  padding: 15px 0;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field label {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 15px;
  display: block;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea {
  -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;
  color: #777777;
  background: #ebebeb;
  border: 1px solid #ebebeb;
  padding: 15px;
  width: 100%;
  min-height: 550px;
  outline: none;
  font-size: 16px;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea::-moz-placeholder {
  color: #999999;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea:-ms-input-placeholder {
  color: #999999;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea::-webkit-input-placeholder {
  color: #999999;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea:focus {
  border-color: #ebebeb;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ecf-creator.ecf-import-export-wrapper .ecf-form-field .ecf-input-wrapper > textarea:not(.ecf-readonly):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;
}
/**********************
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);
  }
}
/**********************
style.less
*************************/
.toplevel_page_effcf #wpbody-content > .update-nag,
.ecf_page_effcf_deactivate #wpbody-content > .update-nag,
.ecf_page_effcf_import_export #wpbody-content > .update-nag,
.ecf-premium_page_effcf_import_export #wpbody-content > .update-nag,
.ecf-premium_page_effcf_deactivate #wpbody-content > .update-nag,
.toplevel_page_effcf #wpbody-content > .updated,
.ecf_page_effcf_deactivate #wpbody-content > .updated,
.ecf_page_effcf_import_export #wpbody-content > .updated,
.ecf-premium_page_effcf_import_export #wpbody-content > .updated,
.ecf-premium_page_effcf_deactivate #wpbody-content > .updated,
.toplevel_page_effcf #wpbody-content > .error,
.ecf_page_effcf_deactivate #wpbody-content > .error,
.ecf_page_effcf_import_export #wpbody-content > .error,
.ecf-premium_page_effcf_import_export #wpbody-content > .error,
.ecf-premium_page_effcf_deactivate #wpbody-content > .error,
.toplevel_page_effcf #wpbody-content > .notice,
.ecf_page_effcf_deactivate #wpbody-content > .notice,
.ecf_page_effcf_import_export #wpbody-content > .notice,
.ecf-premium_page_effcf_import_export #wpbody-content > .notice,
.ecf-premium_page_effcf_deactivate #wpbody-content > .notice,
.toplevel_page_effcf #wpbody-content > [class*="notice"],
.ecf_page_effcf_deactivate #wpbody-content > [class*="notice"],
.ecf_page_effcf_import_export #wpbody-content > [class*="notice"],
.ecf-premium_page_effcf_import_export #wpbody-content > [class*="notice"],
.ecf-premium_page_effcf_deactivate #wpbody-content > [class*="notice"],
.toplevel_page_effcf #wpbody-content > .is-dismissible,
.ecf_page_effcf_deactivate #wpbody-content > .is-dismissible,
.ecf_page_effcf_import_export #wpbody-content > .is-dismissible,
.ecf-premium_page_effcf_import_export #wpbody-content > .is-dismissible,
.ecf-premium_page_effcf_deactivate #wpbody-content > .is-dismissible {
  display: none;
}
.cls-1 {
  fill: none;
}
#ecf-creator-header {
  background: #2a2e32;
  background: linear-gradient(90deg, #1d2327 0%, #1d2327 1%, #2a2e32 14%, #2a2e32 100%);
  align-items: center;
  padding: 9px 4px;
  margin: -1px 0 0 -21px;
  position: relative;
}
#ecf-creator-header img {
  max-height: 28px;
  width: auto;
  margin-right: 10px;
}
#ecf-creator-header label {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000000;
  color: rgba(255, 255, 255, 0.6);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 6px 3px;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: none;
}
#ecf-creator-header label.ecf-is-pro {
  font-size: 10px;
  color: #1b98e0;
}
#ecf-creator-header .ecf-upgrade {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 50%;
  padding: 7px;
  height: auto;
  text-decoration: none;
}
#ecf-creator-header .ecf-upgrade:focus {
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#ecf-creator-header .ecf-upgrade .ecf-button-inner {
  color: inherit;
  font-weight: 600;
}
#ecf-creator-header .ecf-upgrade .ecf-button-inner ion-icon {
  font-size: 19px;
  top: 3px;
  margin-right: 3px;
}
#ecf-creator-header .ecf-upgrade .ecf-icon-angle-down ion-icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 16px;
  top: 4px;
}
#ecf-creator {
  min-height: 700px;
  background-color: #fafafa;
  padding: 40px;
  margin-left: -20px;
}
#ecf-creator .ecf-alert.ecf-alert-success {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #6e8f61;
  background-color: rgba(138, 189, 117, 0.33);
  padding: 11px 20px;
  font-size: 15px;
  position: relative;
  padding-left: 36px;
  display: inline-flex;
  font-weight: 600;
}
#ecf-creator .ecf-alert.ecf-alert-success.small {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 15px 6px 36px;
}
#ecf-creator .ecf-alert.ecf-alert-success .check,
#ecf-creator .ecf-alert.ecf-alert-success svg {
  top: calc(50% - 8.5px);
  color: inherit;
  position: absolute;
  left: 12px;
  height: 17px;
  width: auto;
}
@media (max-width: 1350px) {
  #ecf-creator {
    padding: 40px 10px;
    margin-left: 0;
  }
  #ecf-creator-header {
    margin-left: -5px;
  }
  .toplevel_page_ecf #wpcontent {
    padding-left: 5px;
  }
}
@media (max-width: 1023px) {
  #ecf-creator-header {
    padding-left: 15px;
  }
  .toplevel_page_ecf #wpcontent {
    padding-left: 0;
  }
  .toplevel_page_ecf #wpbody-content {
    padding-bottom: 100px;
  }
}
@media (max-width: 782px) {
  .toplevel_page_ecf #wpbody-content {
    padding-bottom: 0;
  }
}
/**********************
location-page.less
*************************/
body.folded #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
  left: 36px;
  width: calc(100% - 36px);
}
#ecf-creator .header-sticky .ecf-in-trash-title {
  position: fixed;
  z-index: 15;
  top: 50px;
  left: calc(50% + 28px);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
#ecf-creator .header-sticky .ecf-in-trash-title + p {
  opacity: 1;
  filter: alpha(opacity=100);
}
#ecf-creator .header-sticky.search-focussed .ecf-in-trash-title {
  opacity: 0;
  filter: alpha(opacity=0);
}
#ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
  -o-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 25px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.12);
  width: calc(100% - 160px);
  background-color: #ffffff;
  border-color: #dedede;
  height: 60px !important;
  z-index: 10;
  position: fixed;
  top: 32px;
  left: 160px;
  right: 0;
}
#ecf-creator .header-sticky .ecf-location-page .page-dropdown {
  z-index: 9;
}
#ecf-creator .ecf-in-trash-title {
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  -ms-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  margin: 0;
  font-size: 28px;
  color: #f48a00;
}
#ecf-creator .ecf-in-trash-notice-toggler {
  -o-box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1);
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: fixed;
  right: 15px;
  bottom: 30px;
  z-index: 14;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
#ecf-creator .ecf-in-trash-notice-toggler > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #ffffff;
  background: #f48a00;
  font-size: 24px;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
#ecf-creator .ecf-in-trash-notice {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #ffffff;
  background-color: #444444;
  padding: 5px 20px 6px;
  position: fixed;
  right: 16px;
  bottom: 30px;
  z-index: 13;
  margin: 0;
  font-size: 16px;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
#ecf-creator .inner-page + .ecf-location-page .ecf-no-fields-exists-yet.ecf-no-fields .ecf-create-buttons-wrapper {
  text-align: center;
  justify-content: center;
}
#ecf-creator .inner-page + .ecf-location-page .ecf-no-fields-exists-yet .ecf-create-buttons-wrapper {
  text-align: left;
}
#ecf-creator .ecf-location-page {
  padding-top: 95px;
}
#ecf-creator .ecf-location-page .ecf-location-page-header {
  -o-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  width: calc(100% + 80px);
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  position: absolute;
  padding: 0 40px;
  top: -40px;
  left: -40px;
  text-align: right;
  height: 104px;
  align-items: center;
  justify-content: flex-end;
}
#ecf-creator .ecf-location-page .ecf-location-page-header .ecf-is-unsaved {
  position: absolute;
  top: calc(50% + 26px);
  margin: 0;
  text-transform: lowercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
#ecf-creator .ecf-location-page .ecf-location-page-header .ecf-save-button.grey {
  cursor: auto;
}
#ecf-creator .ecf-location-page .ecf-loader-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 22px;
  align-items: center;
}
#ecf-creator .ecf-location-page .ecf-main-loader {
  width: 25px;
  height: 25px;
  font-size: 30px;
  margin-right: 10px;
  align-items: center;
}
#ecf-creator .ecf-location-page .ecf-main-loader img {
  width: 25px;
}
#ecf-creator .ecf-location-page .page-dropdown {
  position: relative;
  z-index: 10;
}
#ecf-creator .ecf-location-page .ecf-field-filters {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  padding-bottom: 30px;
  height: 85px;
  align-items: center;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-width: 100%;
  position: absolute;
  justify-content: flex-end;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .ecf-search-wrapper {
  right: 0;
  top: 0;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .back-button {
  transform-origin: left;
  left: 0;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: -34px;
  text-transform: capitalize;
  visibility: hidden;
  z-index: 101;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .back-button label {
  font-weight: inherit;
  color: #444444;
  padding-right: 5px;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .back-button span {
  color: #444444;
}
#ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .back-button span ion-icon {
  position: relative;
  top: 2px;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet {
  top: 30px;
  position: relative;
  height: 300px;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet .ecf-create-buttons-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 320px;
  text-align: center;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet .ecf-create-buttons-wrapper .ecf-button {
  margin: 0 5px 0 0;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet > p {
  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;
  top: calc(50% - 85px);
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  font-size: 17px;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet > p em {
  color: #444444;
  font-style: inherit;
}
#ecf-creator .ecf-location-page .ecf-no-fields-exists-yet > p > span {
  width: 100%;
}
@media (max-width: 1350px) {
  #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
    padding: 0 10px;
    left: 165px;
    width: calc(100% - 165px);
  }
  body.auto-fold #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header,
  body.folded #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
    left: 46px;
    width: calc(100% - 46px);
  }
}
@media (max-width: 782px) {
  #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
    left: 0 !important;
    width: 100% !important;
    top: 46px;
  }
}
@media (max-width: 600px) {
  #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
    top: 0;
  }
}
@media (max-width: 500px) {
  #ecf-creator .header-sticky .ecf-location-page .ecf-location-page-header {
    top: 0;
  }
  #ecf-creator .header-sticky .ecf-in-trash-title {
    display: none;
  }
  #ecf-creator .ecf-location-page {
    padding-top: 55px;
  }
  #ecf-creator .ecf-location-page .ecf-location-page-header {
    height: 71px;
    left: -11px;
    padding: 0 11px;
    width: calc(100% + 22px);
  }
  #ecf-creator .ecf-location-page .ecf-location-page-header > div {
    position: absolute;
  }
  #ecf-creator .ecf-location-page .ecf-location-page-header .ecf-save-button {
    height: 36px;
  }
  #ecf-creator .ecf-location-page .ecf-location-page-header .ecf-save-button .ecf-button-inner {
    padding: 0px 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 31px;
  }
  #ecf-creator .ecf-location-page .ecf-field-filters {
    flex-wrap: wrap;
    height: 115px;
    padding-bottom: 20px;
    align-items: flex-start;
  }
  #ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper {
    bottom: 20px;
  }
  #ecf-creator .ecf-location-page .ecf-field-filters .ecf-search-outer-wrapper .ecf-search-wrapper {
    width: 100% !important;
  }
  #ecf-creator .ecf-location-page .ecf-no-fields-exists-yet .ecf-create-buttons-wrapper {
    min-width: 300px;
  }
}
/**********************
fields-skelton.less
*************************/
@keyframes ecf-skelton-loading {
  0% {
    background-color: rgba(0, 0, 0, 0.15);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
#ecf-creator .ecf-skelton-loading {
  overflow: hidden;
  position: relative;
}
#ecf-creator .ecf-skelton-loading.ecf-rounded {
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
#ecf-creator .ecf-skelton-loading:before {
  animation: ecf-skelton-loading 1s linear infinite alternate;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#ecf-creator .ecf-fields-wrapper {
  position: relative;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton {
  height: auto !important;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  align-items: center;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label .ecf-mobile {
  display: none;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field .ecf-skelton {
  width: 150px;
  height: 10px;
  background: #f4f4f4;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner > header label {
  width: 250px;
  height: 20px;
  margin: 5px 0;
  background: #ebebeb;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .options-dropdown .more-options,
#ecf-creator .ecf-fields-wrapper .ecf-fields li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .toggle-field-group {
  background: #ebebeb;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  top: -38px;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .toggle-field-group {
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 10px;
  top: 39px;
  right: 54px;
}
#ecf-creator .ecf-field-filters.ecf-skelton > div {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  visibility: visible !important;
}
#ecf-creator .ecf-field-filters.ecf-skelton .ecf-fields-nav.ecf-skelton {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#ecf-creator .ecf-field-filters.ecf-skelton .ecf-fields-nav.ecf-skelton li span {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  width: 70px;
  height: 13px;
  background: #ebebeb;
}
#ecf-creator .ecf-field-filters.ecf-skelton .ecf-search-wrapper.ecf-skelton {
  background: #f4f4f4;
  min-width: 300px;
  height: 52px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  visibility: visible;
}
#ecf-creator .ecf-has-fields .ecf-create-buttons-wrapper.ecf-skelton {
  justify-content: flex-start;
}
#ecf-creator .ecf-create-buttons-wrapper.ecf-skelton {
  position: relative;
  top: 30px;
  margin-bottom: 12px;
}
#ecf-creator button.ecf-skelton {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #1b98e0;
  height: 36px;
  width: 105px;
  border-width: 0;
}
#ecf-creator button.ecf-skelton.ecf-text {
  background: #ebebeb;
}
#ecf-creator button.ecf-skelton.ecf-solid {
  background: #ebebeb;
  margin-left: 5px;
  width: 176px;
  height: 40px;
}
#ecf-creator button.ecf-skelton.ecf-outline {
  border: 1px solid #f4f4f4;
  background: #f4f4f4;
  width: 130px;
  height: 40px;
}
@media (max-width: 500px) {
  #ecf-creator .ecf-field-filters.ecf-skelton .ecf-search-wrapper.ecf-skelton {
    height: 40px;
  }
  #ecf-creator .ecf-field-filters.ecf-skelton .ecf-fields-nav.ecf-skelton li span {
    height: 8px;
  }
  #ecf-creator .ecf-field-filters.ecf-skelton .ecf-fields-nav.ecf-skelton li:after {
    height: 8px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label .ecf-skelton {
    height: 5px;
    position: relative;
    top: 2px;
    width: 180px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label.field-key {
    display: none;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label.ecf-field-type {
    width: 40%;
    height: 12px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label.ecf-field-type.ecf-desktop {
    display: none;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header label.ecf-field-type.ecf-mobile {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-simple-field > header .ecf-field-options-mobile .more-options {
    color: rgba(0, 0, 0, 0.15);
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner > header label {
    width: 50%;
    height: 8px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .toggle-field-group {
    height: 8px;
    top: 30px;
    right: 54px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .options-dropdown .more-options {
    width: 20px;
    height: 20px;
    top: -41px;
    right: 12px;
  }
  #ecf-creator .ecf-fields-wrapper .ecf-fields.ecf-skelton li.ecf-fields-group.ecf-skelton .ecf-fields-group-inner .options-dropdown.ecf-field-options-mobile .more-options {
    color: rgba(0, 0, 0, 0.15);
    background: transparent;
  }
  #ecf-creator button.ecf-skelton.ecf-save-button {
    width: 40px;
  }
}
/**********************
fields.less
*************************/
#ecf-creator .ecf-fields-wrapper {
  position: relative;
}
#ecf-creator .ecf-fields-wrapper .ecf-fields {
  margin: 0;
  padding-top: 0;
  padding-left: 0;
}
#ecf-creator .ecf-fields-wrapper .ecf-no-field-found {
  color: #777777;
  margin: 0;
  font-size: 16px;
  text-align: center;
}
#ecf-creator .ecf-field-filters .ecf-selected-fields-desc {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
#ecf-creator .ecf-field-filters .ecf-selected-fields-desc p {
  font-size: 14px;
  color: #777777;
}
/**********************
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);
}
/**********************
forms-toogler.less
*************************/
#ecf-creator .ecf-form-toggler {
  padding: 20px 0;
}
#ecf-creator .ecf-form-toggler .ecf-inner {
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -o-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 7px 1px inset rgba(0, 0, 0, 0.03);
  background-color: #ebebeb;
  border: 1px solid #ebebeb;
  padding: 5px;
  position: relative;
}
#ecf-creator .ecf-form-toggler .ecf-inner .ecf-floater {
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #1b98e0;
  width: 96px;
  position: absolute;
  left: 5px;
  top: 5px;
  height: 40px;
}
#ecf-creator .ecf-form-toggler .ecf-inner > a {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  color: #444444;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  padding: 0 25px;
  align-items: center;
  position: relative;
}
#ecf-creator .ecf-form-toggler .ecf-inner > a.ecf-active {
  color: #ffffff !important;
  cursor: default;
}
/***************
dropdown.less
*****************/
body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
  left: 75px !important;
}
#ecf-creator .header-sticky .dropdown-wrapper.inner-page {
  top: 45px !important;
  position: fixed;
  left: 200px !important;
}
#ecf-creator .header-sticky .dropdown-wrapper.inner-page .dropdown-wrapper-inner > label {
  top: 3px;
  display: none;
}
#ecf-creator .header-sticky .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box {
  line-height: 31px;
  height: 37px;
  font-size: 32px;
}
#ecf-creator .header-sticky .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box span.caret-icon {
  top: 4px;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.inner-page.simple-page-title .dropdown-wrapper-inner > label {
  color: #777777;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.inner-page.simple-page-title .dropdown-wrapper-inner .select-box {
  color: #000000;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box {
  color: #777777;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box > span {
  color: #000000;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box > span.caret-down {
  color: #000000;
}
#ecf-creator .ecf-page-trash .dropdown-wrapper.small .dropdown-wrapper-inner .info-icon-wrapper,
#ecf-creator .ecf-page-trash .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-loader,
#ecf-creator .ecf-page-trash .dropdown-wrapper.small .dropdown-wrapper-inner .clear {
  display: none;
}
#ecf-creator .dropdown-wrapper {
  position: absolute;
  left: calc(50% - 175px);
  top: 200px;
  z-index: 11;
}
#ecf-creator .dropdown-wrapper.small {
  position: relative;
  left: 0;
  top: 0;
  z-index: unset;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul {
  padding: 0 !important;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #ebebeb;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li:first-child {
  border-width: 0;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li.ecf-item-delete > a {
  color: #e53935;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li.ecf-item-delete > a ion-icon {
  color: #e53935;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a {
  color: #444444;
  padding: 8px 0 8px 20px;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a span {
  position: absolute;
  right: 20px;
  top: 7px;
  font-size: 18px;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a span.ecf-icon-trash,
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a span.delete {
  color: #e53935;
}
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a span.ecf-icon-trash svg,
#ecf-creator .dropdown-wrapper.small.with-icons .dropdown-wrapper-inner .dropdown-holder ul li a span.delete svg {
  fill: #e53935;
}
#ecf-creator .dropdown-wrapper.small.style-options .dropdown-wrapper-inner .dropdown-holder {
  transform-origin: 190px top !important;
}
#ecf-creator .dropdown-wrapper.small.style-options .dropdown-wrapper-inner .dropdown-holder:before {
  right: 20px;
  border-width: 0 7px 7px 7px;
}
#ecf-creator .dropdown-wrapper.small.style-options .dropdown-wrapper-inner .dropdown-holder ul li.delete a {
  color: #e53935;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .info-icon-wrapper {
  visibility: hidden;
  position: absolute;
  right: 37px;
  font-size: 20px;
  top: 0;
  height: 50px;
  padding-top: 16px;
  width: 40px;
  text-align: center;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .info-icon-wrapper:hover {
  opacity: 0.75 !important;
  filter: alpha(opacity=75) !important;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .info-icon-wrapper .info {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #1b98e0;
  font-size: 18px;
  top: 15px;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .item-info {
  color: #777777;
  position: absolute;
  visibility: hidden;
  font-size: 13px;
  width: max-content;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-loader {
  position: absolute;
  top: 11px;
  right: 37px;
  font-size: 20px !important;
  height: 20px;
  color: #777777;
  cursor: pointer;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-loader > span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 20px;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #999999;
  word-break: break-all;
  width: 100%;
  min-width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  padding-right: 80px;
  font-weight: 500;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box > div {
  font-weight: 500;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span.caret-down {
  color: #999999;
  top: 2px;
  right: 13px;
  position: absolute;
  font-size: 14px;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box:after {
  content: none;
  right: 22px;
  border-width: 6px 6px 0 6px;
  top: calc(50% - 3px);
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box label {
  color: #777777;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span {
  font-weight: 600;
  color: #444444;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span.danger {
  color: #e53935;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .select-box span.ecf-text1 {
  color: #999999;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 0;
  margin: 0 -5px;
  overflow: hidden;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items a {
  background-color: #ffffff;
  color: #444444;
  -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #ebebeb;
  padding: 4px 26px 4px 9px;
  margin: 5px;
  border-radius: 5px;
  font-size: 14px;
  position: relative;
  z-index: 1;
  font-weight: 500;
  text-transform: capitalize;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items a > span {
  color: #999999;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items a .cross {
  color: #999999;
  position: absolute;
  right: 4px;
  top: 4px;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items a .cross ion-icon {
  font-size: 18px;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder {
  transform-origin: calc(100% - 25px) top;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder ul {
  padding: 10px 0 !important;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .dropdown-holder ul li > a {
  text-transform: none;
}
#ecf-creator .dropdown-wrapper.small .dropdown-wrapper-inner .clear {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  visibility: hidden;
  position: absolute;
  right: -40px;
  top: 50%;
  z-index: 2;
}
#ecf-creator .dropdown-wrapper.is-open .dropdown-wrapper-inner > label {
  color: #444444;
}
#ecf-creator .dropdown-wrapper.is-open .dropdown-wrapper-inner .ecf-loader {
  z-index: 11;
}
#ecf-creator .dropdown-wrapper.inner-page {
  top: -13px;
  left: 0;
}
#ecf-creator .dropdown-wrapper.inner-page.simple-page-title .dropdown-wrapper-inner > label {
  color: #1b98e0;
  text-transform: capitalize;
}
#ecf-creator .dropdown-wrapper.inner-page.simple-page-title .dropdown-wrapper-inner .select-box:active {
  background-color: transparent;
}
#ecf-creator .dropdown-wrapper.inner-page.simple-page-title .dropdown-wrapper-inner .select-box:after {
  display: none;
}
#ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner {
  max-width: 100%;
}
#ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner > label {
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  top: 0;
  font-size: 20px;
}
#ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box {
  background-color: transparent;
  line-height: 38px;
  height: 44px;
  padding: 0 50px 0 0;
  font-size: 40px;
  min-width: inherit;
  font-weight: 700;
  font-kerning: normal;
}
#ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box:after {
  border-color: #1b98e0 transparent transparent transparent;
}
#ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box span.caret-down {
  top: 5px;
  font-size: 23px;
  color: #1b98e0;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner {
  max-width: 600px;
  min-width: auto;
  position: relative;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner > label {
  -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;
  color: #777777;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  left: 2px;
  top: -5px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .select-box {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #000000;
  background-color: #ebebeb;
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 50px 0 20px;
  font-size: 24px;
  font-weight: 600;
  min-width: 350px;
  overflow: hidden;
  text-transform: capitalize;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .select-box:active {
  background-color: #dedede;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .select-box div {
  font-weight: 600;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .select-box span.caret-down {
  top: 3px;
  right: 16px;
  position: absolute;
  color: #777777;
  font-size: 20px;
  height: 30px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .select-box:after {
  -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;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  content: none;
  border-color: #999999 transparent transparent transparent;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .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);
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  transform-origin: calc(100% - 17px) top;
  right: 0;
  position: absolute;
  max-width: 100%;
  padding-top: 1px;
  visibility: hidden;
  width: 100%;
  z-index: 11;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder > div {
  overflow: hidden;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder .scrollbar > div {
  overflow-x: hidden !important;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder .scrollbar > div:first-child {
  margin-bottom: 0 !important;
  max-height: inherit !important;
  min-height: inherit !important;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder .scrollbar > div:last-child {
  z-index: 2;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .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-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder h4 {
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  background-color: #f4f4f4;
  color: #999999;
  margin: 0;
  padding: 7px 15px 7px 30px;
  text-transform: capitalize;
  font-weight: 600;
  z-index: 1;
  font-size: 14px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder h4.first {
  -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;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul {
  padding: 10px 0;
  margin: 0;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li {
  margin: 0;
  overflow: hidden;
  position: relative;
  border-width: 0;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li.ecf-item-is-disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li.ecf-item-no-items > a {
  color: #999999;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li.ecf-item-no-items > a.ecf-hover {
  background-color: transparent;
  border-left-color: transparent;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a {
  -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;
  color: #444444;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 5px 5px 30px;
  border-left: 2px solid transparent;
  text-transform: capitalize;
  text-decoration: none;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a .ecf-text1 {
  color: #999999;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a:hover,
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a.ecf-hover {
  background-color: #fafafa;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a.ecf-hover {
  border-left-color: #1b98e0;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a:active {
  background-color: #f4f4f4;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a > .total-fields {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #999999;
  position: absolute;
  right: 10px;
  top: 50%;
  text-transform: lowercase;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a .icon {
  position: absolute;
  left: 6px;
  top: 7px;
}
#ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a .icon svg {
  width: 17px;
  color: #f48a00;
}
@media (max-width: 1350px) {
  #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 174px !important;
  }
  body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 50px !important;
  }
}
@media (max-width: 1023px) {
  body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page,
  body.auto-fold #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 55px !important;
  }
}
@media (max-width: 782px) {
  body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page,
  body.auto-fold #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 10px !important;
    top: 60px !important;
  }
}
@media (max-width: 600px) {
  body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page,
  body.auto-fold #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    top: 13px !important;
  }
}
@media (max-width: 500px) {
  body.folded #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 10px !important;
  }
  #ecf-creator .header-sticky .dropdown-wrapper.inner-page {
    left: 10px !important;
    top: 15px !important;
  }
  #ecf-creator .header-sticky .dropdown-wrapper.inner-page .dropdown-wrapper-inner {
    max-width: calc(100% - 19px);
  }
  #ecf-creator .header-sticky .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box {
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
  }
  #ecf-creator .dropdown-wrapper.inner-page {
    min-width: 280px;
    max-width: calc(100% - 50px);
  }
  #ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner {
    text-overflow: ellipsis;
    padding: 0;
  }
  #ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner > label {
    display: block;
    top: 5px;
    font-size: 14px;
    font-weight: 500;
  }
  #ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
    height: 34px;
    font-size: 19px;
    padding-right: 30px;
    max-width: 100%;
  }
  #ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .select-box span.caret-down {
    font-size: 16px;
    top: 3px;
    right: 10px;
  }
  #ecf-creator .dropdown-wrapper.inner-page .dropdown-wrapper-inner .dropdown-holder:before {
    display: none;
  }
  #ecf-creator .dropdown-wrapper .dropdown-wrapper-inner .dropdown-holder ul li > a {
    padding: 7px 0 7px 30px;
  }
}
/**********************
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;
}
/***************
feedback-popup.less
*****************/
.auto-fold.folded #ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog {
  right: calc(50% - 18px);
}
#ecf-creator .ecf-feedback-dialog-outer .dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 9;
}
#ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-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);
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  background-color: #000000;
  right: calc(50% - 80px);
  transform-origin: calc(100% - 25px) bottom;
  position: fixed;
  bottom: 50px;
  z-index: 11;
  width: max-content;
  padding: 0;
}
#ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog.ecf-success p {
  color: #5fd232;
  font-weight: 600;
}
#ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog.ecf-warning p {
  color: #f48a00;
  font-weight: 600;
}
#ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog p {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #ffffff;
  align-items: center;
  padding: 15px;
  margin: 0;
  font-size: 16px;
}
#ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog p span[class*="ecf-icon-"] {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  font-size: 24px;
  width: 25px;
  height: 25px;
  align-items: center;
  margin-right: 7px;
}
@media (max-width: 500px) {
  #ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog {
    width: 80%;
    right: 50% !important;
  }
  #ecf-creator .ecf-feedback-dialog-wrapper .ecf-feedback-dialog p {
    padding: 8px;
    font-size: 13px;
  }
}
/***************
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;
}
/***************
Ripple.less
*****************/
#ecf-creator .ripple-wrapper {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#ecf-creator .ripple-wrapper.white span {
  background-color: rgba(255, 255, 255, 0.2);
}
#ecf-creator .ripple-wrapper span {
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  visibility: hidden;
}
/**********************
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;
  }
}
/***************
Search-input.less
*****************/
.folded #ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky {
  width: calc(100% - 36px) !important;
}
#ecf-creator .ecf-page-trash .ecf-search-wrapper .ecf-search-input .cancel {
  color: #1b98e0;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value {
  right: 72px;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky {
  -o-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
  width: calc(100% - 160px) !important;
  background-color: #ffffff;
  position: fixed;
  top: 32px;
  z-index: 14;
  right: 0 !important;
  padding: 15px;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky .ecf-search-input input {
  color: #000000;
  background: #dedede;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky .ecf-search-input input:focus {
  background: #ebebeb;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky .ecf-search-input .ecf-remove-search-value,
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky .ecf-search-input .ecf-search {
  height: 40px;
}
#ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky .ecf-search-input .ecf-search {
  color: #f48a00;
}
#ecf-creator .dropdown-wrapper .dropdown-holder.ecf-with-groups .ecf-search-wrapper {
  border-width: 0;
}
#ecf-creator .dropdown-wrapper .ecf-items-search.sticky {
  z-index: 2;
}
#ecf-creator .dropdown-wrapper .ecf-items-search.sticky ~ div h4.sticky {
  top: 54px;
}
#ecf-creator .dropdown-wrapper .ecf-items-search ~ div h4.sticky {
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
#ecf-creator .dropdown-wrapper .ecf-search-wrapper {
  background: #ffffff;
  padding: 10px;
  visibility: visible;
  border-bottom: 1px solid #ebebeb;
}
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input input,
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input .ecf-search,
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value {
  height: 34px;
}
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input .ecf-search ion-icon {
  font-size: 17px;
}
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input input {
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #f4f4f4;
  margin: 0;
  line-height: 34px;
  font-size: 15px;
  min-width: 100%;
}
#ecf-creator .dropdown-wrapper .ecf-search-wrapper .ecf-search-input input:focus {
  background: #ebebeb;
}
#ecf-creator .ecf-field-types-wrapper .fieldtype-search.sticky {
  top: 56px;
  z-index: 2;
}
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper {
  visibility: visible;
  padding: 0;
  background: #f4f4f4;
}
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper .ecf-search-input input,
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper .ecf-search-input .ecf-search,
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value {
  height: 40px;
}
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper .ecf-search-input input {
  background: rgba(222, 222, 222, 0.7);
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  line-height: 40px;
  font-size: 15px;
}
#ecf-creator .ecf-field-types-wrapper .ecf-search-wrapper .ecf-search-input input:focus {
  background: #dedede;
}
#ecf-creator .ecf-search-wrapper {
  position: relative;
  width: auto;
}
#ecf-creator .ecf-search-wrapper .ecf-d-flex {
  justify-content: flex-end;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input {
  position: relative;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input .cancel {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #f48a00;
  margin-left: 15px;
  font-weight: 600;
  padding: 0;
  border-radius: 7px;
  height: 42px;
  align-items: center;
  font-size: 17px;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input input {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ebebeb;
  border-width: 0;
  position: relative;
  height: 52px;
  line-height: 52px;
  padding: 0 20px 0 40px;
  font-size: 17px;
  font-weight: 500;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input input::-moz-placeholder {
  color: #999999;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input input:-ms-input-placeholder {
  color: #999999;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input input::-webkit-input-placeholder {
  color: #999999;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input input:focus,
#ecf-creator .ecf-search-wrapper .ecf-search-input input:active,
#ecf-creator .ecf-search-wrapper .ecf-search-input input:focus-visible {
  outline: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ebebeb;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value,
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-search {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #777777;
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
  align-items: center;
  width: 46px;
  justify-content: center;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value ion-icon,
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-search ion-icon {
  font-size: 20px;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-remove-search-value > span {
  height: 20px;
}
#ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-search {
  color: #777777;
  position: absolute;
  right: auto;
  left: 0;
  z-index: 1;
}
@media (max-width: 500px) {
  .folded #ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky,
  #ecf-creator .ecf-fields-wrapper.search-focussed .ecf-search-wrapper.is-sticky {
    padding: 10px;
    width: 100% !important;
  }
  #ecf-creator .search-focussed .ecf-search-wrapper .ecf-search-input {
    max-width: unset;
  }
  #ecf-creator .ecf-search-wrapper .ecf-search-input {
    max-width: 100% !important;
  }
  #ecf-creator .ecf-search-wrapper .ecf-search-input .ecf-search {
    height: 40px;
  }
  #ecf-creator .ecf-search-wrapper .ecf-search-input input {
    height: 40px;
    line-height: 40px;
    min-width: 100px;
    font-size: 16px;
  }
}
/**********************
activation-success.less
*************************/
.ecf-license-activation-success {
  background: #ffffff;
  position: fixed;
  left: 160px;
  top: 32px;
  right: 0;
  bottom: 0;
  z-index: 1010101;
}
.ecf-license-activation-success > div {
  height: 80%;
}
.ecf-license-activation-success > div [class*="ecf-icon-"] {
  font-size: 30px;
  color: #00b818;
}
.ecf-license-activation-success > div h4 {
  color: #00b818;
  font-size: 20px;
  margin-top: 8px;
  font-weight: 500 !important;
}
.ecf-license-activation-success > div h1 {
  color: #444444;
  margin: 30px 0 44px;
  font-size: 33px;
  font-weight: 600 !important;
  line-height: 1;
}
/**********************
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;
}
#ecf-creator {
  /***************
form-field.less
*****************/
}
#ecf-creator .ecf-form-field > .ecf-input-wrapper {
  position: relative;
}
#ecf-creator .ecf-form-field > .ecf-input-wrapper .ecf-help-block {
  color: #999999;
  position: absolute;
  margin: 0;
  font-size: 12px;
  text-transform: lowercase;
  left: 2px;
}
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items,
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items:empty,
#ecf-creator .ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items:empty {
  display: none;
}
#ecf-creator .ecf-form-field .ecf-selected-items > a,
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items > a > span,
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items > a > span.ecf-icon-reorder-three,
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items > a > span ion-icon,
#ecf-creator .ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a > span ion-icon {
  font-size: 16px;
}
#ecf-creator .ecf-form-field .ecf-selected-items > a > strong,
#ecf-creator .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-creator .ecf-form-field .ecf-selected-items > a.ecf-ui-placeholder,
#ecf-creator .ecf-form-field .dropdown-wrapper.small .dropdown-wrapper-inner .ecf-selected-items > a.ecf-ui-placeholder {
  background: #faf1d6;
}
#ecf-creator .ecf-form-field .ecf-toggle-switch.ecf-checked .ecf-toggle-switch-inner .ecf-toggle-hangle-wrapper {
  width: 100%;
  background: #1b98e0;
}
#ecf-creator .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-creator .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-creator .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-creator .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-creator .ecf-form-field .wp-editor-tabs .wp-switch-editor {
  height: 28px;
}
#ecf-creator .ecf-form-field .wp-picker-container .wp-picker-holder {
  position: absolute;
  z-index: 101;
}
#ecf-creator .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-creator .ecf-form-field .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner {
  right: 0;
}
#ecf-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .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-creator .ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-front-bar,
#ecf-creator .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-creator .ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-front-bar.w40,
#ecf-creator .ecf-input-type.ecf-input-type-range .ecf-slider-holder .ui-slider-range.w40 {
  width: 40%;
}
#ecf-creator .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-creator .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-creator .ecf-input-type.ecf-input-type-range .ecf-slider-holder .ecf-range-adjuster,
#ecf-creator .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-creator .ecf-input-type.ecf-input-type-range .ecf-start-end {
  justify-content: space-between;
  position: relative;
  top: 3px;
}
#ecf-creator .ecf-input-type.ecf-input-type-range .ecf-start-end span {
  font-size: 14px;
  color: #999999;
}
#ecf-creator .ecf-output-fields-wrapper.ecf-xs .ecf-form-field.ecf-multi-field .ecf-selected-items {
  padding-right: 0 !important;
  padding-top: 15px;
}
#ecf-creator .ecf-output-fields-wrapper.ecf-xs .ecf-form-field.ecf-multi-field .ecf-selected-items.ecf-reorder-on {
  padding-top: 32px;
}