:root {
  --fcfb-white: #ffffff;
  --fcfb-light-grey: #f6f6f6;
  --fcfb-dark: #6c6868;
  --fcfb-black: #333333;
  --fcfb-grey: #E9EBEB;
  --fcfb-dark-grey: #909192;
  --fcfb-border: #E1E3E3;
  --height-field: 32px;
  --fcfb-primary: #068ADF;
}

@keyframes fcfb_circle_loader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes fcfb_gradient_loader {
  0% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@keyframes shows {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Анимация появления СВЕРХУ ВНИЗ */
@keyframes slideInDown {
  from {
    margin-top: 10px;
    visibility: hidden;
  }

  to {
    margin-top: 0;
    visibility: visible; 
  }
}

/* Анимация появления СНИЗУ ВВЕРХ */
@keyframes slideInUp {
  from {
    margin-bottom: 10px;
    visibility: hidden;
  }

  to {
    margin-bottom: 0;
    visibility: visible;
  }
}

.fcfb-form-container {
  width: 100%;
  display: flow-root;
}

.fcfb-form {
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  color: var(--fcfb-black);
  background: var(--fcfb-white);
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  display: flow-root;
  z-index: 1;
  line-height: 1.2;
  max-width: 100%;
  box-sizing: border-box;
}

.fcfb-form-inner {
  width: 100%;
  display: flow-root;
  position: relative;
}

.postbox .inside .fcfb-form {
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
}

.fcfb-tooltip *,
.fcfb-form *,
.fcfb-form *:after, 
.fcfb-form *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
}

.fcfb_e {
  outline: none;
  box-shadow: none;
  border: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.fcfb-popup-overlay button,
.fcfb-form button {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  outline: none;
}

.fcfb_e:focus,
.fcfb-form button:focus {
  outline: none;
}

/* --- удалить желтый фон для WebKit (Chrome, Safari, Edge) --- */
.fcfb-form input:-webkit-autofill,
.fcfb-form input:-webkit-autofill:hover,
.fcfb-form input:-webkit-autofill:focus,
.fcfb-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* --- удалить желтый фон для Firefox --- */
.fcfb-form input:-moz-autofill,
.fcfb-form input:-moz-autofill:hover,
.fcfb-form input:-moz-autofill:focus {
  box-shadow: 0 0 0 30px white inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

.fcfb-type-wp_editor button.wp-switch-editor {
  float: left;
  box-sizing: content-box;
  position: relative;
  top: 1px;
  background: #f0f0f1;
  color: #646970;
  cursor: pointer;
  font-size: 13px;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 3px 8px 4px;
  border: 1px solid #dcdcde;
  border-bottom-color: rgb(220, 220, 222);
}

 .fcfb-type-wp_editor .html-active .switch-html,
.fcfb-type-wp_editor .tmce-active .switch-tmce {
  background: #f6f7f7;
  color: #50575e;
  border-bottom-color: #f6f7f7;
}


/* Для Webkit-браузеров (Chrome, Safari, Edge, Opera) */
.fcfb-form textarea::-webkit-input-placeholder,
.fcfb-form input::-webkit-input-placeholder {
  color: var(--fcfb-dark-grey);
}

/* Для Mozilla Firefox 19+ */
.fcfb-form textarea::-moz-placeholder,
.fcfb-form input::-moz-placeholder {
  color: var(--fcfb-dark-grey);
  /* Firefox по умолчанию делает плейсхолдер полупрозрачным, 
     поэтому часто нужно сбрасывать opacity */
  opacity: 1;
}

/* Для старого Mozilla Firefox 4-18 */
.fcfb-form textarea:-moz-placeholder,
.fcfb-form input:-moz-placeholder {
  color: var(--fcfb-dark-grey);
  opacity: 1;
}

/* Для Internet Explorer 10-11 и старого Edge */
.fcfb-form textarea:-ms-input-placeholder,
.fcfb-form input:-ms-input-placeholder {
  color: var(--fcfb-dark-grey);
}

.fcfb-t_col-name input,
.fcfb-t_col textarea,
.fcfb-input input,
.fcfb-date-wrap input,
input.fcfb-options-el,
input.fcfb-options-aj {
  display: block;
  width: 100%;
  height: var(--height-field);
  padding: 3px 6px;
  color: var(--fcfb-black);
  background: var(--fcfb-white);
  border-radius: 3px;
  font-size: 15px;
  border: 1px solid var(--fcfb-border);
  min-height: var(--height-field);
}

.fcfb-textarea-wrap textarea {
  display: block;
  width: 100%;
  padding: 6px 38px 6px 6px;
  color: var(--fcfb-black);
  background: var(--fcfb-white);
  border-radius: 3px;
  font-size: 15px;
  border: 1px solid var(--fcfb-border);
  margin: 0;
  min-width: 0;
  resize: vertical;
  min-height: 36px;
  box-shadow: none !important;
  outline: none !important;
}

.fcfb-input-readonly-data input[readonly] {
  background: var(--fcfb-white);
  cursor: pointer
}

.fcfb-conditions-readonly .fcfb-textarea-wrap textarea[readonly],
.fcfb-conditions-readonly .fcfb-input input[readonly],
.fcfb-conditions-disabled .fcfb-textarea-wrap textarea[disabled],
.fcfb-conditions-disabled .fcfb-input input[disabled],
.fcfb-readonly .fcfb-textarea-wrap textarea[readonly],
.fcfb-readonly .fcfb-input input[readonly],
.fcfb-disabled .fcfb-textarea-wrap textarea[disabled],
.fcfb-disabled .fcfb-input input[disabled] {
  background: var(--fcfb-grey);
  cursor: not-allowed;
}

.fcfb-type-datetime .fcfb-icon-calendar,
.fcfb-type-date .fcfb-icon-calendar {
  position: absolute;
  top: calc(50% - 9px);
  left: 9px;
  cursor: pointer;
}

.fcfb-type-datetime .fcfb-icon-calendar:hover,
.fcfb-type-date .fcfb-icon-calendar:hover {
  opacity: .7
}

.fcfb-type-datetime .fcfb_e,
.fcfb-type-date .fcfb_e {
  padding-left: 35px;
}

.fcfb-after {
  background: var(--fcfb-light-grey);
  display: flex;
  align-items: center;
  margin-left: -1px;
  height: var(--height-field);
  padding: 3px 7px;
  color: var(--fcfb-black);
  border-radius: 0px 3px 3px 0px;
  white-space: nowrap;
  border-right: 1px solid var(--fcfb-border);
  border-bottom: 1px solid var(--fcfb-border);
  border-top: 1px solid var(--fcfb-border);
}

.fcfb-before {
  background: var(--fcfb-light-grey);
  display: flex;
  align-items: center;
  margin-right: -1px;
  height: var(--height-field);
  padding: 3px 7px;
  color: var(--fcfb-black);
  border-radius: 3px 0px 0px 3px;
  white-space: nowrap;
  border-left: 1px solid var(--fcfb-border);
  border-bottom: 1px solid var(--fcfb-border);
  border-top: 1px solid var(--fcfb-border);
}

/* Базовый класс для всех иконок */
[class^="fcfb-icon-"],
[class*=" fcfb-icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none;
  outline: none;
  user-select: none;
  transition: .2s;
}

/* Развернуть */
.fcfb-icon-expand {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 3 L8 8 L3 8'/%3E%3Cpath d='M16 3 L16 8 L21 8'/%3E%3Cpath d='M8 21 L8 16 L3 16'/%3E%3Cpath d='M16 21 L16 16 L21 16'/%3E%3C/svg%3E");
}

/* Свернуть */
.fcfb-icon-collapse {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 8 L3 3 L8 3'/%3E%3Cpath d='M16 3 L21 3 L21 8'/%3E%3Cpath d='M3 16 L3 21 L8 21'/%3E%3Cpath d='M21 16 L21 21 L16 21'/%3E%3C/svg%3E");
}

/* Клонировать/Дублировать */
.fcfb-icon-clone {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c7c7c' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 18 L0 18 L0 0 L18 0 L18 6'/%3E%3Cpath d='M6 6 L6 24 L24 24 L24 6 L6 6 Z'/%3E%3C/svg%3E");
}

/* Закрыть */
.fcfb-icon-close {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 3 L21 21 M21 3 L3 21'/%3E%3C/svg%3E");
}

.fcfb-icon-close-circle {
  background: var(--fcfb-light-grey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M7 7 L17 17 M17 7 L7 17'/%3E%3C/svg%3E") no-repeat !important;;;
  border-radius: 50%;
  border: 1px solid var(--fcfb-border)!important;;
  width: 17px;
  height: 17px;
  min-width: 17px;
    background-position: 50%!important;
}

/* Шеврон вниз */
.fcfb-icon-chevron-down {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 7 L12 17 L22 7'/%3E%3C/svg%3E");
  width: 14px;
  min-width: 14px;
}

/* Календарь */
.fcfb-icon-calendar {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M0 6 L0 24 L24 24 L24 6 L0 6 Z' stroke-width='4'/%3E%3Cpath d='M5 0 L5 10 M19 0 L19 10' stroke-width='2'/%3E%3C/svg%3E");
}

/* Стрелка вверх */
.fcfb-icon-arrow-up {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 4 L12 20 M2 10 L12 2 L22 10'/%3E%3C/svg%3E");
}

/* Стрелка вниз */
.fcfb-icon-arrow-down {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 4 L12 20 M2 14 L12 22 L22 14'/%3E%3C/svg%3E");
}

/* Глаз (показать) */
.fcfb-icon-eye {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 12 C2 12 6 5 12 5 C18 5 22 12 22 12 C22 12 18 19 12 19 C6 19 2 12 2 12 Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* Глаз зачеркнутый (скрыть) */
.fcfb-icon-eye-slash {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 12 C2 12 6 5 12 5 C18 5 22 12 22 12 C22 12 18 19 12 19 C6 19 2 12 2 12 Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M2 2 L22 22'/%3E%3C/svg%3E");
}

/* Карандаш/Редактировать */
.fcfb-icon-edit {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cg transform='rotate(45 12 12)'%3E%3Cpath d='M8 2 L16 2 L16 18 L12 22 L8 18 Z'/%3E%3Cpath d='M8 5 H 16'/%3E%3C/g%3E%3C/svg%3E");
}

/* Обновить */
.fcfb-icon-refresh {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(2,2)'%3E%3Cg fill='%23575656'%3E%3Cpath d='M10,7 L10,9 L3,9 L3,8.5 L3,8 L3,7.5 L3,7 L3,6.5 L3,6 L3,5.5 L3,5 L3,4.5 L3,4 L3,3.5 L3,3 L3,2.5 L3,2 L5,2 L5,5.27 C6.725,3.183 9.196,2 12,2 C17.523,2 22,6.477 22,12 L20,12 C20,7.582 16.418,4 12,4 C9.606,4 7.554,5.079 6.193,7 Z'/%3E%3Cpath d='M14,17 L14,15 L21,15 L21,15.5 L21,16 L21,16.5 L21,17 L21,17.5 L21,18 L21,18.5 L21,19 L21,19.5 L21,20 L21,20.5 L21,21 L21,21.5 L21,22 L19,22 L19,18.73 C17.275,20.817 14.804,22 12,22 C6.477,22 2,17.523 2,12 L4,12 C4,16.418 7.582,20 12,20 C14.394,20 16.446,18.921 17.807,17 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

button.fcfb-clear:hover,
button.fcfb-ms-remove:hover,
button.fcfb-select-clear:hover {
  opacity: .7;
  cursor: pointer;
 
}

.fcfb-help {
  font-size: 13px;
  color: var(--fcfb-dark-grey);
  margin-top: 7px;
  font-style: italic;
}

.fcfb-field {
  float: left;
  width: 100%;
  opacity: .05;
  transition: opacity 0.1s;
}

.fcfb-in {
  width: 100%;
  padding: 15px;
}

.fcfb-label {
  display: flex;
  min-height: 20px;
}

.fcfb-label label {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: normal;
  font-weight: 500;
}

.fcfb-header-label label {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
}

.fcfb-flex-wrap,
.fcfb-date-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.fcfb-input {
  width: 100%;
  position: relative;
}

.fcfb-textarea-wrap {
  width: 100%;
  position: relative;
}

.fcfb-date-field {
  position: relative;
  width: 100%;
}

.fcfb-date-wrap .fcfb-clear {
  position: absolute;
  right: 6px;
  top: 8px;
}

.fcfb-date-wrap .fcfb-copy {
  position: absolute;
  right: 32px;
  top: 8px;
}

.fcfb-textarea-wrap .fcfb-clear {
  position: absolute;
  right: 19px;
  top: 10px;
}

.fcfb-textarea-wrap .fcfb-copy {
  position: absolute;
  right: 20px;
  top: 34px;
}

button.fcfb-copy {
  width: 15px;
  height: 15px;
}

.fcfb-copy:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-textarea-wrap textarea:placeholder-shown+.fcfb-textarea-control,
.fcfb-input input:placeholder-shown+.fcfb-input-control {
  opacity: 0;
  pointer-events: none;
}

.fcfb-tt-icon {
  background: var(--fcfb-primary);
  display: flex;
  width: 15px;
  min-width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  transition: .1s;
  color: var(--fcfb-white);
  margin-left: 10px;
}

.fcfb-tooltip {
  position: fixed;
  max-width: 400px;
  font-size: 14px;
  z-index: 10000000;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px;
  display: table;
  opacity: .8;
}

.fcfb-tt-in {
  width: 100%;
  color: var(--fcfb-dark-grey);
  background: var(--fcfb-white);
  border-radius: 7px;
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 12px #a6a3a3b2;
}

.fcfb-tt-arrow {
  border: 6px solid transparent;
  border-top: 9px solid var(--fcfb-white);
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -2px;
}

.fcfb-tt-bottom .fcfb-tt-arrow {
  transform: rotate(180deg);
  bottom: 100%
}

.fcfb-tt-left .fcfb-tt-arrow {
  border-top: none;
  border: 6px solid transparent;
  border-right: 9px solid var(--fcfb-white);
  margin-left: -14px;
  top: calc(50% - 6px);
}

.fcfb-tt-right .fcfb-tt-arrow {
  border-top: none;
  border: 6px solid transparent;
  border-left: 9px solid var(--fcfb-white);
  right: -14px;
}

.fcfb-container {
  width: 100%;
  padding: 15px;
  float: left;
  font-size: 15px;
  animation: shows .4s;
}

.fcfb-form-inner>.fcfb-container {
  padding-left: 0;
  padding-right: 0
}

.fcfb-form-inner>.fcfb-container:first-of-type {
  padding-top: 0;
}

.fcfb-form-inner>.fcfb-container:last-of-type {
  padding-bottom: 0;
}

.fcfb-fields {
  position: relative;
  width: 100%;
  border-left: 1px solid var(--fcfb-border);
  border-bottom: 1px solid var(--fcfb-border);
  border-right: 1px solid var(--fcfb-border);
  display: flow-root;
  background: var(--fcfb-white);
  visibility: visible;
  overflow: visible;
  opacity: 1;
  transition: opacity 0.2s;
}

.fcfb-box {
  position: relative;
  visibility: visible;
  overflow: visible;
  opacity: 1;
  transition: opacity 0.2s;
}

.fcfb-html-box {
  width: 100%;
  display: table;
  position: relative;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s;
}

.fcfb-hide,
.fcfb-slide-hide>.fcfb-header+.fcfb-fields,
.fcfb-field.fcfb-slide-hide .fcfb-html-box,
.fcfb-field.fcfb-slide-hide .fcfb-box {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  left: -100000px;
  top: -100000px;
  z-index: -1;
  opacity: 0;
}

.fcfb-wrapper-false,
.fcfb-wrapper-false>.fcfb-fields,
.fcfb-wrapper-false>.fcfb-ajax-inner>.fcfb-fields {
  border: none;
  padding: 0;
  background: inherit;
}

.fcfb-wrapper-noheader>.fcfb-fields,
.fcfb-wrapper-noheader>.fcfb-ajax-inner>.fcfb-fields {
  border-top: 1px solid var(--fcfb-border);
}

.fcfb-header {
  border: 1px solid var(--fcfb-border);
  padding: 15px;
  display: table;
  width: 100%;
  background: var(--fcfb-white);
}

.fcfb-header-label {
  display: flex;
}

.fcfb-header-controll {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 12px;
}

.fcfb-container-help {
  font-size: 14px;
  color: var(--fcfb-dark-grey);
  font-style: italic;
  margin-top: 7px;
}

.fcfb-slide-btn:hover {
  opacity: 0.5;
  cursor: pointer;
}

.fcfb-full-btn .fcfb-icon-expand {
  display: none;
}

.fcfb-full-size .fcfb-full-btn .fcfb-icon-expand {
  display: inline-block;
}

.fcfb-full-size .fcfb-full-btn .fcfb-icon-collapse {
  display: none;
}

.fcfb-full-btn:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-full-size {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000;
  height: 100%;
  background: var(--fcfb-white);
  overflow-y: auto
}

.fcfb-full-size>.fcfb-container {
  width: 100% !important;
}

.fcfb-body-hidden {
  overflow: hidden
}

.fcfb-repeat-tpl,
.fcfb-conditions-hide {
  display: none
}

.fcfb-repeat-group {
  display: flex;
  border-bottom: 1px solid var(--fcfb-border);
}

.fcfb-repeat-group:last-of-type {
  margin-bottom: -1px;
}

.fcfb-t_controll span,
.fcfb-fix-col span,
.fcfb-repeat-remove,
.fcfb-repeat-down,
.fcfb-repeat-up,
.fcfb-repeat-clone,
.fcfb-complex-remove,
.fcfb-complex-down,
.fcfb-complex-up,
.fcfb-complex-clone {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  border: 1px solid var(--fcfb-border);
  background: var(--fcfb-light-grey);
}

.fcfb-complex-control-bts>div span,
.fcfb-repeat-control-bts>div span {
  width: 11px;
  min-width: 11px;
}

.fcfb-complex-control-bts>div:hover,
.fcfb-repeat-control-bts>div:hover {
  cursor: pointer;
  opacity: .7
}

.fcfb-repeat-control,
.fcfb-complex-control {
  margin-left: auto;
  border-left: 1px solid var(--fcfb-border);
  width: 28px;
  background: var(--fcfb-light-grey);
  position: relative;
}

.fcfb-repeat-control-bts,
.fcfb-complex-control-bts {
  gap: 4px;
  padding: 4px;
  display: flex;
  position: sticky;
  flex-direction: column;
  top: 0
}

.fcfb-repeat-fields {
  width: calc(100% - 29px);
  display: flow-root;
}

.fcfb-complex-new {
  display: table;
  margin: 15px;
}

.fcfb-repeat-new,
.fcfb-complex-new .fcfb_dd_target {
  border: 1px solid var(--fcfb-border);
  background: var(--fcfb-light-grey);
  font-size: 15px;
  padding: 8px 15px;
  border-radius: 3px;
  margin-top: 14px;
  display: table;
  margin: 15px;
  user-select: none;
}

.fcfb-repeat-new:hover,
.fcfb-complex-new .fcfb_dd_target:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-complex-new .fcfb_dd_target {
  margin: 0;
}

.fcfb-repeat-box>.fcfb-repeat-tpl+.fcfb-repeat-group>.fcfb-repeat-control .fcfb-repeat-up {
  display: none
}

.fcfb-repeat-box .fcfb-repeat-group:last-of-type>.fcfb-repeat-control .fcfb-repeat-down {
  display: none
}

.fcfb-repeat-box {
  counter-reset: section;
}

.fcfb-repeat-group::before {
  counter-increment: section;
  content: counter(section);
  width: 17px;
  min-width: 17px;
  font-size: 9px;
  height: 17px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px;
  margin-left: 0px;
  margin-right: -9px;
  position: relative;
  color: var(--fcfb-dark-grey);
  position: absolute;
}

.fcfb-repeat-table .fcfb-repeat-fields {
  display: flex;
}

.fcfb-repeat-table>.fcfb-repeat-group {
  margin: 0 !important;
}

.fcfb-repeat-table>.fcfb-repeat-group .fcfb-label {
  display: none;
}

.fcfb-repeat-table>.fcfb-repeat-group .fcfb-field {
  border-left: 1px solid var(--fcfb-border);
}

.fcfb-repeat-table>.fcfb-repeat-group .fcfb-field:first-of-type {
  border-left: none;
}



 


.fcfb-repeat-header {
  display: none;
  background: linear-gradient(180deg, #f2f2f2 14%, #ffffff 80%);
  border-bottom: 1px solid var(--fcfb-border);
  padding-right: 29px;
}

.fcfb-repeat-header:has( + .fcfb-repeat-table > .fcfb-repeat-group) {
   display: flex;
}

.fcfb-repeat-header>div {
  padding: 10px 15px;
  display: flex;
  border-left: 1px solid var(--fcfb-border);
}

.fcfb-repeat-header>div:first-of-type {
 
  border-left: 0;
}

.fcfb-complex-fields {
  width: 100%;
  display: table
}

.fcfb-complex-new .fcfb_dd_hidden {
  position: absolute;
  width: 200px;
  background: var(--fcfb-light-grey);
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid var(--fcfb-border);
}

.fcfb-complex-item {
  padding: 10px 15px;
  border-bottom: 1px solid var(--fcfb-border);
}

.fcfb-complex-item:last-of-type {
  padding: 10px 15px;
  border-bottom: none;
}

.fcfb-complex-item:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-complex-item-disabled {
  color: var(--fcfb-dark-grey) !important;
  background: inherit !important;
  cursor: default
}

.fcfb-complex-tpl {
  display: none
}

.fcfb-complex-notice {
  padding: 20px 10px;
  margin: 15px;
  border: 1px solid var(--fcfb-border);
  text-align: center;
  color: (--fcfb-dark);
}

.fcfb-complex-fields:not(:empty)+.fcfb-complex-notice {
  display: none !important;
}

.fcfb-complex-box {
  display: flex;
  width: 100%;
}

.fcfb-complex-group {
  width: calc(100% - 29px);
  display: table;
}

.fcfb-complex-fields>.fcfb-type-complex_fields:first-of-type>.fcfb-fields>.fcfb-complex-box>.fcfb-complex-control .fcfb-complex-up {
  display: none
}

.fcfb-complex-fields>.fcfb-type-complex_fields:last-of-type>.fcfb-fields>.fcfb-complex-box>.fcfb-complex-control .fcfb-complex-down {
  display: none
}

.fcfb-multiselect.fcfb-active .fcfb-icon-chevron-down,
.fcfb-select.fcfb-active .fcfb-icon-chevron-down,
.fcfb-field.fcfb-slide-hide .fcfb-header-controll .fcfb-icon-chevron-down,
.fcfb-container.fcfb-slide-hide .fcfb-header-controll .fcfb-icon-chevron-down {
  transform: rotateX(180deg);
}

.fcfb-open-up .fcfb-calend {
  bottom: 100%;
}

.fcfb-gradient-loader::after {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: " ";
  box-shadow: 0 0 4px 4px white inset;
  background: var(--fcfb-border) repeating-linear-gradient(55deg,
      #f5f5f5,
      #f5f5f5 10px,
      transparent 10px,
      transparent 20px);
  opacity: 0.2;
  position: absolute;
  background-size: 400% 100%;
  animation: fcfb_gradient_loader 25s linear infinite;
}

.fcfb-checkbox-field,
.fcfb-radio-field {
  width: 100%;
  display: block;
  overflow-y: auto;
  padding-top: 1px;
  padding-bottom: 1px;
}

.fcfb-checkbox input,
.fcfb-toggle input,
.fcfb-radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: -1;
}

.fcfb-checkbox,
.fcfb-radio {
  margin: 5px 0;
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: start;
  padding-right: 20px;
  line-height: 1.4;
}

.fcfb-checkbox .fcfb-tt-hover,
.fcfb-radio .fcfb-tt-hover {
  margin-top: 2px;
  margin-left: 4px;
}

.fcfb-checkbox label>span,
.fcfb-radio label>span {
  display: inline-flex;
  color: var(--fcfb-black);
  position: relative;
  align-items: start;
}

.fcfb-checkbox label,
.fcfb-radio label {
  display: flex;
  font-weight: normal;
  padding: 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
}

.fcfb-checkbox label>span::before { 
  content: "\00A0";
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
  border-radius: 3px;
  border: 1px solid var(--fcfb-border);
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  color: var(--fcfb-primary);
  background: var(--fcfb-white)
}

.fcfb-checkbox label>input:checked+span::before {
  content: "\2713";
}

.fcfb-radio label>span::before {
  content: "\00A0";
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 8px;
  border: 1px solid var(--fcfb-border);
  border-radius: 50%;
}

.fcfb-radio label>input:checked+span::after {
  content: "\00A0";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--fcfb-primary);
}

.fcfb-radio label>input[disabled]+span::before,
.fcfb-checkbox label>input[disabled]+span::before {
  background: var(--fcfb-grey);
  color: var(--fcfb-dark-grey);
  cursor: not-allowed;
}

.fcfb-hcc {
  flex-wrap: wrap;
  width: 100%;
}

.fcfb-hcc-inner {
  display: flex;
  align-items: start;
}

.fcfb-echilds {
  display: block;
  width: 100%;
  margin-left: 26px;
  margin-top: 3px;
}

.fcfb-btn-echild {
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid var(--fcfb-border);
  background: var(--fcfb-light-grey);
  position: relative;
}

.fcfb-show-echild:before {
  content: '+';
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.fcfb-hide-echild:before {
  content: '-';
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}

.fcfb-btn-echild:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-not-echild {
  display: flex;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.fcfb-tab-bts {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  border-bottom: 1px solid var(--fcfb-border);
  padding: 0 15px;
}

label.fcfb-tab-btn {
  background: var(--fcfb-light-grey);
  padding: 6px 15px;
  border-top: 1px solid var(--fcfb-border);
  border-left: 1px solid var(--fcfb-border);
  display: block
}

.fcfb-tab-btn:last-of-type {
  border-right: 1px solid var(--fcfb-border);
}

.fcfb-tab-btn input {
  display: none
}

.fcfb-tab-btn:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-tab-btn:has(input:checked) {
  background: var(--fcfb-white);
  cursor: default;
  margin-bottom: -1px;
}

.fcfb-tab-left {
  display: flex;
}

.fcfb-wrapper-false>.fcfb-tab-left {
  border-top: 1px solid var(--fcfb-border) !important;
}

.fcfb-tab-left>.fcfb-tab-bts {
  display: block;
  padding: 0;
  margin: 0;
  width: 180px;
  border: none;
  border-right: 1px solid var(--fcfb-border);
}

.fcfb-wrapper-false>.fcfb-tab-left>.fcfb-tab-bts {
  border-left: 1px solid var(--fcfb-border);
  border-bottom: 1px solid var(--fcfb-border);
}

.fcfb-tab-left>.fcfb-tab-bts .fcfb-tab-btn {
  background: var(--fcfb-light-grey);
  padding: 8px;
  border: none;
  border-top: 1px solid var(--fcfb-border);
}

.fcfb-tab-left>.fcfb-tab-bts .fcfb-tab-btn:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-tab-left>.fcfb-tab-bts .fcfb-tab-btn:last-of-type {
  border-bottom: 1px solid var(--fcfb-border);
}

.fcfb-tab-left>.fcfb-tab-bts .fcfb-tab-btn:first-of-type {
  border-top: none;
}

.fcfb-tab-left>.fcfb-tab-bts .fcfb-tab-btn:has(input:checked) {
  background: var(--fcfb-white);
  cursor: default;
  margin-bottom: 0;
  margin-right: -1px;
  opacity: 1;
}

.fcfb-range {
  background: var(--fcfb-grey);
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 11px;
  margin-right: 11px;
  border-radius: 5px;
}

.fcfb-range-inner {
  position: relative;
  padding-bottom: 6px;
}

.fcfb-field[class^="fcfb-"][class$="-disabled"] .fcfb-range-inner .fcfb-range,
.fcfb-field[class^="fcfb-"][class$="-disabled"] .fcfb-range-inner .fcfb-clear,
.fcfb-field[class^="fcfb-"][class$="-readonly"] .fcfb-range-inner .fcfb-range,
.fcfb-field[class^="fcfb-"][class$="-readonly"] .fcfb-range-inner .fcfb-clear {
  opacity: .5;
  cursor: not-allowed;
}

.fcfb-field[class^="fcfb-"][class$="-disabled"] .fcfb-range-inner .fcfb-range>div:before,
.fcfb-field[class^="fcfb-"][class$="-readonly"] .fcfb-range-inner .fcfb-range>div:before,
.fcfb-field[class^="fcfb-"][class$="-disabled"] .fcfb-range-inner .fcfb-range>div:after,
.fcfb-field[class^="fcfb-"][class$="-readonly"] .fcfb-range-inner .fcfb-range>div:after {
  cursor: not-allowed;
}

.fcfb-min-range {
  width: 22px;
  height: 0;
  position: relative;
}

.fcfb-min-range::before {
  content: '';
  width: 22px;
  position: absolute;
  height: 22px;
  border-radius: 50%;
  background: var(--fcfb-primary);
  cursor: pointer;
  left: -11px;
  top: -11px;
  display: table;
}

.fcfb-max-range {
  width: 22px;
  height: 0;
  position: relative;
  left: calc(100% - 44px);
}

.fcfb-max-range::after {
  content: '';
  width: 22px;
  position: absolute;
  height: 22px;
  border-radius: 50%;
  background: var(--fcfb-primary);
  cursor: pointer;
  right: -11px;
  top: -11px;
}

.fcfb-type-range .fcfb-max-range::after {
  width: 0;
}

.fcfb-type-range .fcfb-min-range {
  width: 0;
}

.fcfb-range-confines,
.fcfb-range-set {
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin: 0 auto;
  display: flex;
  height: 13px;
}

.fcfb-range-result {
  height: 14px;
  margin-bottom: 5px;
  margin-top: 0;
}

.fcfb-range-result .fcfb-range-delimiter {
  margin: 0 4px
}

.fcfb-range-min-text:empty+span,
.fcfb-range-min-text:empty+span+span+span {
  display: none
}

.fcfb-range-result .fcfb-clear {
  margin-left: 5px;
}

.fcfb-range-confines {
  color: var(--fcfb-dark-grey)
}

.fcfb-range-progress,
.fcfb-ranges-progress {
  position: absolute;
  height: 10px;
  background-color: var(--fcfb-primary);
  border-radius: 5px;
  pointer-events: none;
  opacity: .5;
}

.fcfb-ranges-progress {
  margin-left: 12px;
}

.fcfb-checkbox-btn,
.fcfb-radio-btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: normal;
  position: relative;
  text-align: center;
}

.fcfb-checkbox-btn:last-of-type span,
.fcfb-radio-btn:last-of-type span {
  margin-right: 0
}

.fcfb-checkbox-btn input,
.fcfb-radio-btn input {
  display: none;
}

.fcfb-checkbox-btn span, 
.fcfb-radio-btn span {
  background: var(--fcfb-light-grey);
  font-size: 15px;
  padding: 3px 15px; 
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  margin: 0 6px 6px 0;
  border: 1px solid var(--fcfb-border);
  justify-content: center;
  height: 32px;
  align-items: center;
}

.fcfb-checkbox-btn span:hover,
.fcfb-radio-btn span:hover {
  opacity: .7;
  cursor: pointer;
}


.fcfb-checkbox-btn input[type=checkbox]:checked+span, 
.fcfb-radio-btn input[type=radio]:checked+span {
  background: var(--fcfb-primary);
  color: var(--fcfb-white);
  border: 1px solid var(--fcfb-primary);
  opacity: 1
}

.fcfb-checkbox-btn input[disabled]+span,
.fcfb-radio-btn input[disabled]+span {
  cursor: not-allowed;
  opacity: .5 !important;
}

.fcfb-cb-calend table tr td,
.fcfb-cb-calend table tr th {
  border: 1px solid var(--fcfb-white);
  text-align: center;
  padding: 4px 5px;
  background: var(--fcfb-light-grey);
  font-weight: normal;
  user-select: none;
}

.fcfb-today-active {
  color: var(--fcfb-primary);
}

.fcfb-day-active {
  background: var(--fcfb-primary) !important;
  color: var(--fcfb-white) !important;
}

.fcfb-calend-date:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-calend-header {
  background: var(--fcfb-light-grey);
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--fcfb-border);
}

.fcfb-ch-item {
  border-right: 1px solid var(--fcfb-border);
  width: 50%;
  text-align: center;
}

.fcfb-ch-item:last-of-type {
  border-right: none;
}

.fcfb-ch-year,
.fcfb-ch-month {
  position: relative;
  padding: 12px;
  user-select: none;
}

.fcfb-ch-month {
  padding-right: 22px;
}

.fcfb-ch-item:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-ch-active {
  background: var(--fcfb-white);
}

.fcfb-calend {
  border: 1px solid var(--fcfb-border);
  border-radius: 5px;
  overflow: hidden;
  background: var(--fcfb-white);
  width: 265px;
}

.fcfb-calend-body {
  position: relative;
}

.fcfb-cb-list {
  position: absolute;
  background: var(--fcfb-white);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  overflow-y: auto;
}

.fcfb-cb-years,
.fcfb-cb-months,
.fcfb-cb-hours,
.fcfb-cb-minutes,
.fcfb-cb-seconds {
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
}

.fcfb-cb-year,
.fcfb-cb-hour {
  padding: 4px 5px;
  width: 25%;
  border-bottom: 1px solid var(--fcfb-white);
  border-left: 1px solid var(--fcfb-white);
  text-align: center;
  background: var(--fcfb-light-grey);
}

.fcfb-cb-minute,
.fcfb-cb-second {
  padding: 5px;
  width: 20%;
  border-bottom: 1px solid var(--fcfb-white);
  border-right: 1px solid var(--fcfb-white);
  text-align: center;
  background: var(--fcfb-light-grey);
}

.fcfb-cb-month {
  padding: 9px 5px;
  width: 33.33%;
  border: 1px solid var(--fcfb-white);
  text-align: center;
  background: var(--fcfb-light-grey);
}

.fcfb-ch-year-active,
.fcfb-cb-month-active,
.fcfb-cb-time-active {
  background: var(--fcfb-primary);
  color: var(--fcfb-white);
}

.fcfb-cb-year:hover,
.fcfb-cb-month:hover,
.fcfb-cb-hour:hover,
.fcfb-cb-minute:hover,
.fcfb-cb-second:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-cb-calend {
  border: 1px solid var(--fcfb-white);
  padding: 4px
}

.fcfb-cb-calend table {
  width: 100%;
  border-collapse: collapse; 
  padding: 0;
  margin: 0;
}

.fcfb-calend-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 7px 7px 7px;
  background: var(--fcfb-light-grey);
  padding-top: 7px;
}

.fcfb-calend-footer div {
  padding: 5px 7px;
  font-size: 14px;
  background: var(--fcfb-primary);
  border-radius: 3px;
  color: var(--fcfb-white);
  width: 100%;
  text-align: center;
  margin: 0 2px;
}

.fcfb-calend-footer div:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-type-date [data-type="day"],
.fcfb-type-date [data-type="time"] {
  display: none
}

.fcfb-type-datetime .fcfb-ch-item:last-of-type {
  border-right: none;
}

.fcfb-calend-time {
  padding: 7px;
}

.fcfb-type-date .fcfb-calend-time {
  display: none
}

.fcfb-ct-title {
  margin-bottom: 5px
}

.fcfb-ct-times {
  display: flex;
  align-items: center
}

.fcfb-ct-hour,
.fcfb-ct-minute,
.fcfb-ct-second {
  background: var(--fcfb-light-grey);
  padding: 7px 9px;
  position: relative;
  width: 50px;
  border: 1px solid var(--fcfb-border);
  cursor: pointer;
  margin: 0 4px 0 3px;
  user-select: none;
}

.fcfb-ct-hour {
  margin-left: 0
}

.fcfb-ct-active {
  background: var(--fcfb-white)
}

.fcfb-ct-hour::after,
.fcfb-ct-minute::after,
.fcfb-ct-second::after,
.fcfb-ch-year:after,
.fcfb-ch-month:after {
  position: absolute;
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23575656' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 7 L12 17 L22 7'/%3E%3C/svg%3E");
  display: inline-flex;
  width: 11px;
  height: 11px;
  min-width: 11px;
  transition: .2s;
  margin-left: 5px;
  margin-top: 3px;
}

.fcfb-ct-active::after,
.fcfb-ch-active .fcfb-ch-year:after,
.fcfb-ch-active .fcfb-ch-month:after {
  transform: rotateX(180deg);
}

.fcfb-cb-title {
  padding: 7px 7px 5px 7px;
  margin-bottom: -7px;
  position: sticky;
  top: 0;
  background: var(--fcfb-white);
  font-weight: 600;
}

.fcfb-calend-disabled {
  color: var(--fcfb-grey) !important;
}

.fcfb-calend-disabled:hover {
  cursor: default;
  opacity: .7;
}

.fcfb-text-info {
  margin-top: 10px;
  font-size: 13px;
  color: var(--fcfb-dark)
}

.fcfb-text-info div {
  display: inline-block;
  margin-right: 10px
}

.fcfb-type-first_col_table {
  background: var(--fcfb-light-grey);
  display: flex;
  align-items: center;
}

.fcfb-first_col_table-wrap {
  font-size: 15px;
  display: flex;
  align-items: self-start;
}

.fcfb-fix-table>.fcfb-fields>.fcfb-repeat-table>.fcfb-repeat-group::before,
.fcfb-fix-table>.fcfb-fields>.fcfb-repeat-table>.fcfb-repeat-group .fcfb-repeat-control,
.fcfb-fix-table>.fcfb-fields>.fcfb-repeat-new {
  display: none !important;
}

.fcfb-fix-table>.fcfb-fields>.fcfb-repeat-table>.fcfb-repeat-group>.fcfb-repeat-fields {
  width: 100%;
}

.fcfb-fix-table>.fcfb-fields>.fcfb-repeat-header {
  padding-right: 0;
}

.fcfb-t_col textarea {
  min-height: var(--height-field);
  background: var(--fcfb-white);
  min-width: 100%;
}

.fcfb-table {
  overflow-x: auto;
  width: 100%;
  font-size: 15px;
}

.fcfb-table table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  margin: 0 !important;
  border: none !important;
  ;
}

.fcfb-table td,
.fcfb-table th {
  vertical-align: top;
  text-align: left;
  padding: 5px !important;
  border: 1px solid var(--fcfb-border);
  width: auto;
}

.fcfb-table .fcfb-t_col {
  min-width: 150px;
}

.fcfb-table thead .fcfb-t_col {
  border-top: none
}

.fcfb-table tbody tr:last-child .fcfb-t_col {
  border-bottom: none !important;
}

.fcfb-table th {
  background-color: var(--fcfb-light-grey);
}

.fcfb-table .fcfb-fix-col {
  position: sticky;
  background-color: var(--fcfb-light-grey);
  right: 0;
  width: 55px;
  box-shadow: 0px 0px 0px 1px #e7e7e7;
  min-width: 55px;
  vertical-align: middle;
  border: none;
  text-align: center;
}

.fcfb-table .fcfb-fix-col span {
  float: left;
  margin-bottom: 0
}

.fcfb-table .fcfb-fix-col .fcfb-tw_add {
  margin-right: 0 !important;
}

.fcfb-table thead .fcfb-fix-col {
  vertical-align: bottom !important;
  padding-bottom: 11px !important;
}

.fcfb-table tbody {
  counter-reset: section;
}

.fcfb-table tbody tr {
  background: var(--fcfb-white)
}

.fcfb-table .fcfb-first-col {
  width: 35px;
  min-width: 35px;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-top: 1px solid var(--fcfb-border);
}

.fcfb-table thead .fcfb-first-col {
  border: none;
}

.fcfb-table tbody .fcfb-first-col::before {
  counter-increment: section;
  content: counter(section);
  font-size: 14px;
  color: var(--fcfb-dark);
}

.fcfb-t_controll {
  display: flex;
  justify-content: space-between;
  margin: 5px 0
}

.fcfb-t_after {
  height: 0 !important;
  font-size: 0 !important;
}

.fcfb-t_before {
  margin-left: -15px !important;
  margin-right: 15px !important;
}

thead .fcfb-t_col:nth-last-child(2) .fcfb-t_after {
  height: inherit !important;
  margin-right: 0;
  font-size: 14px !important;
}

.fcfb-table thead {
  counter-reset: section;
}

.fcfb-t_col .fcfb-t_controll {
  position: relative;
}

.fcfb-table thead tr .fcfb-t_col .fcfb-t_num {
  width: auto;
  min-width: auto;
  position: absolute;
  left: 12px;
  font-size: 14px;
  color: var(--fcfb-dark);
  background: none;
  font-weight: normal
}

.fcfb-table thead tr .fcfb-t_col .fcfb-t_num::before {
  counter-increment: section;
  content: counter(section);
}

.fcfb-top-break,
.fcfb-bottom-break {
  overflow: hidden;
  clear: both;
  width: 100%
}

.fcfb-notice {
  position: absolute;
  background: #f74c4c;
  padding: 2px 25px 3px 7px;
  font-size: 12px;
  border: 2px solid var(--fcfb-white);
  color: var(--fcfb-white);
  border-radius: 4px;
  margin-top: 4px;
  display: none;
  z-index: 4;
}

.fcfb-notice::before {
  content: '×';
  position: absolute;
  right: 2px;
  top: 2px;
  display: flex;
  height: 15px;
  width: 15px;
  background: #4e73df;
  border-radius: 50%;
  color: var(--fcfb-white);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 3px;
  font-size: 16px;
  font-weight: bold
}

.fcfb-notice:hover::before {
  opacity: .7;
  cursor: pointer;
}

.fcfb-notice::after {
  content: '';
  position: absolute;
  left: 9px;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom: 7px solid #f74c4c;
}

.fcfb-error .fcfb-notice {
  display: block
}

.fcfb-color-icon {
  width: 28px;
  position: absolute;
  top: 2px;
  left: 2px;
  height: 28px;
  display: block;
  border-radius: 3px;
  overflow: hidden;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E") left top/contain white;
  background-size: 14px;
  cursor: pointer;
}

.fcfb-color-icon div {
  width: 100%;
  height: 100%;
}

.fcfb-type-color .fcfb_e {
  padding-left: 35px
}

.fcfb-disabled .fcfb-color-icon,
.fcfb-readonly .fcfb-color-icon,
.fcfb-conditions-disabled .fcfb-color-icon,
.fcfb-conditions-readonly .fcfb-color-icon {
  cursor: not-allowed;
  opacity: .3;
}

.fcfb-field .picker_done {
  margin: 4px !important;
  padding: 9px;
  font-size: 15px;
  background: var(--fcfb-primary);
  border-radius: 3px;
  color: var(--fcfb-white);
}

.fcfb-field .picker_done:hover {
  cursor: pointer;
  opacity: .7
}

.fcfb-form button.fcfb-submit-form,
.fcfb-submit-box .fcfb-reset-form {
  padding: 14px 20px;
  border-radius: 6px;
  background-color: var(--fcfb-primary) !important;
  position: relative;
  color: var(--fcfb-white) !important;
  border: none;
  display: table;
  user-select: none;
  font-size: 15px;
}

.fcfb-submit-form:hover,
.fcfb-submit-box .fcfb-reset-form:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-submit-form.fcfb-gradient-loader::after {
  box-shadow: none;
  opacity: 0.5;
  cursor: default;
}

.fcfb-submit-btn-wait {
  display: none
}

.fcfb_dropdown {
  position: relative;
  width: 100%;
}

.fcfb_dd_hidden {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
  transition: margin-top 0.2s ease-out, margin-bottom 0.2s ease-out, visibility 7.1s;
}

.fcfb_dropdown.fcfb-open-up .fcfb_dd_hidden {
  bottom: 100%;
}

.fcfb_dropdown.fcfb-active .fcfb_dd_hidden {
  pointer-events: auto;
  z-index: 1000;
  animation: slideInDown 0.2s ease-out forwards;
  transition: none;
}

.fcfb_dropdown.fcfb-active.fcfb-open-up .fcfb_dd_hidden {
  animation: slideInUp 0.2s ease-out forwards;
}

.fcfb-ms-names {
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px
}

.fcfb-ms-name {
  display: flex;
  font-size: 13px;
  background: var(--fcfb-light-grey);
  padding: 1px 1px 1px 4px;
  border-radius: 3px;
  align-items: center;
  margin: 2px;
  border: 1px solid var(--fcfb-border);
}

button.fcfb-ms-remove {
  margin-left: 5px;
  border-radius: 2px;
}

.fcfb-ms-name:has(input[readonly]) .fcfb-ms-remove {
  cursor: not-allowed;
}

.fcfb-ms-name:has(input[readonly]),
.fcfb-ms-name:has(input[disabled]) {
  opacity: .5;
}

.fcfb-multiselect .fcfb_dd_hidden,
.fcfb-select .fcfb_dd_hidden {
  border: 1px solid var(--fcfb-border);
  max-height: 300px;
  background: var(--fcfb-white);
  min-width: 150px;
  border-radius: 3px;
  font-size: 15px;
}

.fcfb-type-multiselect_hierarchical.fcfb-searched .fcfb_dd_hidden:after,
.fcfb-type-select.fcfb-searched .fcfb_dd_hidden:after,
.fcfb-type-select_hierarchical.fcfb-searched .fcfb_dd_hidden:after,
.fcfb-type-multiselect.fcfb-searched .fcfb_dd_hidden:after {
  position: absolute;
  top: 13px;
  right: 12px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--fcfb-white);
  border-color: var(--fcfb-dark-grey) transparent var(--fcfb-dark-grey) transparent;
  animation: fcfb_circle_loader 2.2s linear infinite;
}

.fcfb-multiselect .fcfb_dd_target,
.fcfb-select .fcfb_dd_target {
  height: var(--height-field);
  padding: 3px 8px 3px 6px;
  color: var(--fcfb-black);
  background-color: var(--fcfb-white);
  font-size: 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid var(--fcfb-border);
  border-radius: 3px;
}

.fcfb-readonly .fcfb-multiselect_hierarchical .fcfb_dd_target,
.fcfb-readonly .fcfb-select .fcfb_dd_target,
.fcfb-disabled .fcfb-select .fcfb_dd_target,
.fcfb-disabled .fcfb-multiselect .fcfb_dd_target,
.fcfb-conditions-readonly .fcfb-multiselect .fcfb_dd_target,
.fcfb-conditions-readonly .fcfb-select .fcfb_dd_target,
.fcfb-conditions-disabled .fcfb-select .fcfb_dd_target,
.fcfb-conditions-disabled .fcfb-multiselect .fcfb_dd_target {
  background: var(--fcfb-grey);
  cursor: not-allowed;
}

.fcfb-type-select .fcfb_dd_target.fcfb-readonly,
.fcfb-type-select .fcfb_dd_target.fcfb-disabled {
  background: var(--fcfb-grey);
}

.fcfb-disabled .fcfb-select .fcfb_dd_target .fcfb-select-name,
.fcfb-readonly .fcfb-select .fcfb_dd_target .fcfb-select-name,
.fcfb-conditions-disabled .fcfb-select .fcfb_dd_target .fcfb-select-name,
.fcfb-conditions-readonly .fcfb-select .fcfb_dd_target .fcfb-select-name {
  cursor: not-allowed;
}

.fcfb-multiselect .fcfb_dd_target {
  height: auto;
  min-height: var(--height-field);
}

.fcfb-select-control {
  display: flex;
  align-items: center;
  background: var(--fcfb-white);
  box-shadow: -12px 0 5px -2px var(--fcfb-white);
  height: 30px;
  gap: 12px;
}

.fcfb-field.fcfb-readonly .fcfb-select-control,
.fcfb-field.fcfb-disabled .fcfb-select-control,
.fcfb-field.fcfb-conditions-readonly .fcfb-select-control,
.fcfb-field.fcfb-conditions-disabled .fcfb-select-control,
.fcfb-select .fcfb_dd_target.fcfb-readonly .fcfb-select-control,
.fcfb-select .fcfb_dd_target.fcfb-disabled .fcfb-select-control {
  background: var(--fcfb-grey);
  box-shadow: -12px 0 5px -2px var(--fcfb-grey);
}

.fcfb-field.fcfb-readonly .fcfb-ms-remove,
.fcfb-field.fcfb-disabled .fcfb-ms-remove,
.fcfb-field.fcfb-readonly .fcfb-select-clear,
.fcfb-field.fcfb-disabled .fcfb-select-clear,
.fcfb-conditions-readonly .fcfb-ms-remove,
.fcfb-conditions-disabled .fcfb-ms-remove,
.fcfb-conditions-readonly .fcfb-select-clear,
.fcfb-conditions-disabled .fcfb-select-clear {
  cursor: not-allowed;
}

.fcfb-input-control {
  display: flex;
  align-items: center;
  background: var(--fcfb-white);
  box-shadow: -12px 0 5px -2px var(--fcfb-white);
  position: absolute;
  right: 2px;
  padding-right: 8px;
  top: 2px;
  gap: 12px;
  bottom: 2px;
  padding-left: 7px;
  border-radius: 3px;
}


.fcfb-input-control:not(:has(*)) {
  display: none;
 
}

.fcfb-input-readonly-data.fcfb-input input[readonly]+.fcfb-input-control {
  box-shadow: -12px 0 5px -2px var(--fcfb-white);
  cursor: pointer
}

.fcfb-conditions-disabled .fcfb-input input[disabled]+.fcfb-input-control,
.fcfb-conditions-readonly .fcfb-input input[readonly]+.fcfb-input-control,
.fcfb-disabled .fcfb-input input[disabled]+.fcfb-input-control,
.fcfb-readonly .fcfb-input input[readonly]+.fcfb-input-control {
  box-shadow: -12px 0 5px -2px var(--fcfb-grey);
  cursor: not-allowed;
  background: var(--fcfb-grey);
}

.fcfb-input-readonly-data.fcfb-input input[readonly]+.fcfb-input-control .fcfb-clear {
  cursor: pointer;
}

.fcfb-conditions-disabled .fcfb-input input[disabled]+.fcfb-input-control .fcfb-clear,
.fcfb-conditions-readonly .fcfb-input input[readonly]+.fcfb-input-control .fcfb-clear,
.fcfb-disabled .fcfb-input input[disabled]+.fcfb-input-control .fcfb-clear,
.fcfb-readonly .fcfb-input input[readonly]+.fcfb-input-control .fcfb-clear {
  cursor: not-allowed;
}

.fcfb-conditions-disabled.fcfb-type-password .fcfb-new-pass,
.fcfb-conditions-readonly.fcfb-type-password .fcfb-new-pass,
.fcfb-disabled.fcfb-type-password .fcfb-new-pass,
.fcfb-readonly.fcfb-type-password .fcfb-new-pass {
  cursor: not-allowed;
  background: var(--fcfb-grey);
}

.fcfb-select-name {
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  flex-grow: 1;
}

.fcfb-select-name[data-placeholder]:not([data-placeholder=""]):empty::before,
.fcfb-ms-names[data-placeholder]:not([data-placeholder=""]):empty::before {
  content: attr(data-placeholder);
  color: var(--fcfb-dark-grey);
}

.fcfb-select-name[data-placeholder]:not([data-placeholder=""]):empty+.fcfb-select-control .fcfb-select-clear {
  display: none;
}

.fcfb-select .fcfb-selected {
  background: var(--fcfb-primary);
  color: var(--fcfb-white);
}

.fcfb-multiselect .fcfb-selected::after {
  content: "\2713";
  color: var(--fcfb-primary);
  position: absolute;
  right: 2px;
  font-weight: bold;
  font-size: 11px;
  background: var(--fcfb-white);
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
  top: 0;
  bottom: 0;
}

.fcfb_dd_hidden .fcfb-options,
.fcfb_dd_hidden .fcfb-search-options {
  width: 100%;
  overflow-x: hidden;
  padding: 0;
  margin: 0
}

.fcfb-search-options {
  display: none;
}

.fcfb-options li,
.fcfb-search-options li {
  display: block;
  border-bottom: 1px solid var(--fcfb-light-grey);
  padding: 6px 20px 6px 10px;
  position: relative;
  margin: 0 !important;
  font-size: 14px;
}

.fcfb-options li:last-of-type,
.fcfb-search-options li:last-of-type {
  border-bottom: none;
}

.fcfb-options li:hover,
.fcfb-search-options li:hover {
  opacity: .7;
  cursor: default;
}

input.fcfb-options-aj,
input.fcfb-options-el {
  margin: 5px;
  width: auto;
}

.fcfb-options-load {
  text-align: center;
  margin: 10px auto 15px auto;
  display: table;
  position: relative;
  background: var(--fcfb-white);
  padding: 5px 10px;
  border: 1px solid var(--fcfb-border);
  border-radius: 3px;
}

.fcfb-options-load:hover {
  cursor: pointer;
  border: 1px solid var(--fcfb-border);
  color: var(--fcfb-dark-grey);
}

.fcfb-options-load.fcfb-gradient-loader {
  color: var(--fcfb-black);
  cursor: default
}

.fcfb-options-load.fcfb-gradient-loader:after {
  box-shadow: none;
  opacity: 0.6;
}

.fcfb-options li.fcfb-readonly,
.fcfb-search-options li.fcfb-readonly,
.fcfb-options li.fcfb-disabled,
.fcfb-search-options li.fcfb-disabled {
  color: var(--fcfb-dark-grey) !important;
  background: inherit !important;
  opacity: .3;
  cursor: not-allowed;
}

.fcfb-search-non-result {
  padding: 7px 10px 10px 10px;
  color: var(--fcfb-dark-grey)
}

li.fcfb-lv-2 {
  padding-left: 20px;
}

li.fcfb-lv-3 {
  padding-left: 30px;
}

li.fcfb-lv-4 {
  padding-left: 40px;
}

li.fcfb-lv-5 {
  padding-left: 50px;
}

li.fcfb-lv-6 {
  padding-left: 60px;
}

.fcfb-form-notices>div {
  padding: 15px;
  margin: 10px 0;
  display: flex;
  align-items: start;
  justify-content: space-between;
  font-size: 15px;
}

.fcfb-notice-close {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fcfb-notice-close:hover {
  opacity: .7;
  cursor: pointer;
}

/* уведомления для формы зеленый для успешных операций*/
.fcfb-notice-success {
  background: #ecfdec;
  color: green;
  border: 1px solid #b9f0b9;
}

/* уведомления для формы красный для ошибок*/
.fcfb-notice-error {
  background: #fff5f5;
  color: #f22f2f;
  border: 1px solid #ffbaba;
}

/* уведомления для формы оранжевый для предупреждений*/
.fcfb-notice-warning {
  background: #fffcf5;
  color: #f97500;
  border: 1px solid #fbd29e;
}

/* уведомления для формы синий для информации*/
.fcfb-notice-info {
  background: #f6f5ff;
  color: #6581f2;
  border: 1px solid #ccd7ff;
}

.fcfb-type-number .fcfb-input {
  display: flex
}

.fcfb-number-control {
  display: flex;
  background: var(--fcfb-white);
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  border-radius: 3px;
  padding-right: 2px;
  padding-left: 2px;
  align-items: center;
  gap: 3px;
}

.fcfb-type-number .fcfb-input-control:has(+ .fcfb-number-control),
.fcfb-type-number .fcfb-input-control:has(+ label + .fcfb-number-control) {
  right: 59px;
}

.fcfb-number-control button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fcfb-light-grey);
  border-radius: 3px;
  font-size: 18px;
  user-select: none;
  border: 1px solid var(--fcfb-border);
}

.fcfb-number-control button:hover {
  cursor: pointer;
  background: var(--fcfb-light-grey);
  opacity: .7
}

.fcfb-type-number.fcfb-readonly .fcfb-number-control,
.fcfb-type-number.fcfb-conditions-readonly .fcfb-number-control,
.fcfb-type-number.fcfb-disabled .fcfb-number-control,
.fcfb-type-number.fcfb-conditions-disabled .fcfb-number-control {
  background: var(--fcfb-grey);
  cursor: not-allowed;
}

.fcfb-type-number.fcfb-readonly .fcfb-number-control span,
.fcfb-type-number.fcfb-conditions-readonly .fcfb-number-control span,
.fcfb-type-number.fcfb-disabled .fcfb-number-control span,
.fcfb-type-number.fcfb-conditions-disabled .fcfb-number-control span {
  background: var(--fcfb-grey);
  cursor: not-allowed;
}

.fcfb-popup-overlay,
.fcfb-popup-preload {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  overflow-y: scroll;
  z-index: 100000;
  display: none;
  scrollbar-color: var(--fcfb-black) var(--fcfb-dark-grey);
}

.fcfb-popup-preload::-webkit-scrollbar-track,
.fcfb-popup-overlay::-webkit-scrollbar-track {
  background: var(--fcfb-dark-grey);
}

.fcfb-popup-preload::-webkit-scrollbar-thumb,
.fcfb-popup-overlay::-webkit-scrollbar-thumb {
  background-color: var(--fcfb-black);
}

.fcfb-popup-preload::-webkit-scrollbar,
.fcfb-popup-overlay::-webkit-scrollbar {
  background: var(--fcfb-dark-grey);
}

.fcfb-popup-preload {
  z-index: 200000;
  overflow-y: hidden;
}

.fcfb-popup {
  background: var(--fcfb-white);
  min-height: 100px;
  width: 100%;
  display: flex;
  z-index: 50005;
  margin: 10px;
  padding: 10px;
  position: relative;
  opacity: 0;
  border: 1px solid var(--fcfb-border);
  scrollbar-color: auto;
  border-radius: 10px;
}

/* --- 1. Анимация по умолчанию: zoom-in (Увеличение с пружиной) --- */
.fcfb-popup-animation-zoom-in .fcfb-popup {
  opacity: 0;
  transform: scale(0.9);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-zoom-in .fcfb-popup {
  opacity: 1;
  transform: scale(1);
}

/* --- 2. Анимация: Выезд снизу: slide-in-from-bottom --- */
.fcfb-popup-animation-slide-in-from-bottom .fcfb-popup {
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-slide-in-from-bottom .fcfb-popup {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.4s ease-out;
}

/* Обратная анимация: уезд вверх при закрытии */
.fcfb-popup-animation-slide-in-from-bottom.fcfb-popup-exiting .fcfb-popup {
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.4s ease-out;
}

/* --- 3. Анимация: newspaper (Эффект газетного разворота) --- */
.fcfb-popup-animation-newspaper .fcfb-popup {
  opacity: 0;
  transform: scale(0) rotate(720deg);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-newspaper .fcfb-popup {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* --- 4. Анимация: fall (Падение сверху с перспективой) --- */
.fcfb-popup-animation-fall .fcfb-popup {
  opacity: 0;
  transform: translateY(-100px) perspective(600px) rotateX(45deg);
  transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out;
}

.fcfb-popup-visible.fcfb-popup-animation-fall .fcfb-popup {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0deg);
}

/* --- 5. Анимация: blur-in (Появление из размытия) --- */
.fcfb-popup-animation-blur-in .fcfb-popup {
  opacity: 0;
  filter: blur(15px);
  transform: scale(1.1);
  transition: filter 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-blur-in .fcfb-popup {
  opacity: 1;
  filter: blur(0px);
  transform: scale(1);
}

/* --- 6.  Анимация: 3D-переворот: flip-horizontal --- */
.fcfb-popup-animation-flip-horizontal .fcfb-popup {
  opacity: 0;
  transform: perspective(1000px) rotateY(90deg);
  transition: transform 0.5s ease-in-out, opacity 0.4s ease-in-out;
}

.fcfb-popup-visible.fcfb-popup-animation-flip-horizontal .fcfb-popup {
  opacity: 1;
  transform: perspective(1000px) rotateY(0deg);
}

/* --- 7. Анимация: Желе: jelly --- */
.fcfb-popup-animation-jelly .fcfb-popup {
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s ease;
}

.fcfb-popup-visible.fcfb-popup-animation-jelly .fcfb-popup {
  opacity: 1;
  transform: scale(1);
}

/* --- 8. Анимация: Раскрытие: unfold-in --- */
.fcfb-popup-animation-unfold-in .fcfb-popup {
  opacity: 0;
  clip-path: inset(0 50% 0 50%);
  transition: clip-path 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-unfold-in .fcfb-popup {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}

/* --- 9. Анимация: Супер-масштаб: super-scaled-in --- */
.fcfb-popup-animation-super-scaled-in .fcfb-popup {
  opacity: 0;
  transform: scale(2);
  transition: transform 0.5s ease-out, opacity 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-super-scaled-in .fcfb-popup {
  opacity: 1;
  transform: scale(1);
}

/* --- 10. Анимация: . Диагональный выезд: slide-in-bottom-left --- */
.fcfb-popup-animation-slide-in-bottom-left .fcfb-popup {
  opacity: 0;
  transform: translate(-100px, 100px);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-slide-in-bottom-left .fcfb-popup {
  opacity: 1;
  transform: translate(0, 0);
}

/* --- 11. Анимация: Выезд слева: slide-in-left --- */
.fcfb-popup-animation-slide-in-left .fcfb-popup {
  opacity: 0;
  transform: translateX(-100%);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease-out;
}

.fcfb-popup-visible.fcfb-popup-animation-slide-in-left .fcfb-popup {
  opacity: 1;
  transform: translateX(0);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.4s ease-out;
}

/* Обратная анимация: уезд вправо */
.fcfb-popup-animation-slide-in-left.fcfb-popup-exiting .fcfb-popup {
  opacity: 0;
  transform: translateX(100%);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1),
    opacity 0.4s ease-out;
}

#fcfb-popup-bg {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  overflow-y: scroll;
  background: rgba(26, 27, 35, 0.7);
  display: none;
  z-index: 90000;
}

.fcfb-popup-scrollable {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

.fcfb-popup .fcfb_pp_close.fcfb-icon-close-circle {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 24px;
  ;
  min-width: 24px;
  height: 24px;
  background-size: 17px !important;
}

.fcfb-popup .fcfb_pp_close.fcfb-icon-close-circle:hover {
  opacity: .9;
  cursor: pointer
}

.fcfb-icon-clone:hover {
  cursor: pointer;
  opacity: .7;
}

.fcfb-popup-content {
  font-size: 15px;
  margin: 15px;
  width: 100%
}

.fcfb-popup-content .fcfb-form-inner>.fcfb-container {
  padding-left: 0;
  padding-right: 0;
}

.fcfb-popup-preload-icon::after {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--fcfb-white);
  border-color: var(--fcfb-dark-grey) transparent var(--fcfb-dark-grey) transparent;
  animation: fcfb_circle_loader 3.2s linear infinite;
}

#fcfb-alert .fcfb-popup-scrollable {
  max-width: 350px;
}

#fcfb-alert .fcfb-popup {
  display: flex;
  align-items: center;
  min-height: 100px;
  transition: transform 0s ease-out 0s, opacity 0s ease 0s !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

.fcfb-type-phone .fcfb_dropdown { 
  width: 110px;
  min-width: 110px;
}

.fcfb-hide-pass.fcfb-icon-eye-slash {
  display: none
}

.fcfb-hide-pass+.fcfb-new-pass,
.fcfb-show-pass+.fcfb-new-pass {
  margin-left: 7px;
}

.fcfb-new-pass {
  background: var(--fcfb-white);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  position: relative;
  margin-right: -7px;
  border-left: 1px solid var(--fcfb-border);
}

.fcfb-new-pass .fcfb-icon-refresh {
  content: '';
  position: absolute;
  transition: all .1s linear;
}

.fcfb-new-pass:hover,
.fcfb-hide-pass:hover,
.fcfb-show-pass:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-toggle {
  display: flex;
  max-width: 100%;
  font-size: 14px;
  margin: 4px 0;
  align-items: center;
  gap: 5px;
}

.fcfb-toggle-btn {
  width: 33px;
  height: 19px;
  border-radius: 20px;
  position: relative;
  vertical-align: top;
  background: var(--fcfb-grey);
  transition: .2s;
  display: inline-table;
  margin: 0 3px
}

.fcfb-toggle-btn:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: -1px;
  background: var(--fcfb-white);
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: .15s;
}

.fcfb-toggle input[type=checkbox]:checked+.fcfb-toggle-btn {
  background: var(--fcfb-primary);
  ;
}

.fcfb-toggle input[type=checkbox]:checked+.fcfb-toggle-btn:before {
  background: var(--fcfb-white);
  transform: translateX(15px);
}

.fcfb-toggle input[type="checkbox"]:not(:disabled)+.fcfb-toggle-btn {
  cursor: pointer;
  border-color: rgba(0, 0, 0, .3);
}

.fcfb-toggle input[type="checkbox"]:disabled+.fcfb-toggle-btn {
  background: var(--fcfb-grey);
  cursor: not-allowed;
  opacity: .6
}

.fcfb-toggle-before {
  margin-right: 2px;
}

.fcfb-toggle-after {
  margin-left: 2px;
}

.fcfb-files label span {
  font-size: 15px;
  padding: 3px 15px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: var(--fcfb-primary);
  color: var(--fcfb-white);
  font-weight: normal;
  text-align: center;
  min-height: var(--height-field);
}

.fcfb-files label span:hover {
  opacity: .7;
  cursor: pointer;
}

.fcfb-files input[type="file"] {
  display: none;
}

.fcfb-files-upload,
.fcfb-files {
  width: 100%;
}

.fcfb-attach-item {
  display: flex;
  align-items: center;
  border: 1px solid var(--fcfb-border);
  margin-bottom: 5px;
  background: var(--fcfb-white);
  border-radius: 3px;
  height: 48px;
  padding: 4px;
  max-width: 100%;
}

.fcfb_e_thumbnail {
  display: none !important;
}

.fcfb-attach-main {
  width: 19px;
  display: inline-block;
  height: 19px;
  min-width: 19px;
  border-radius: 3px;
  border: 1px solid var(--fcfb-border);
  margin-left: 5px;
  margin-right: 7px;
  cursor: pointer;
}

.fcfb-attach-main:before {
  content: "\2713";
  font-size: 14px;
  color: var(--fcfb-primary);
  text-align: center;
  font-weight: 700;
  margin-left: 3px;
  opacity: .1
}

.fcfb-attach-selected {
  border: 1px solid var(--fcfb-white);
  box-shadow: inset 0px 0px 0px 2px var(--fcfb-primary);
}

.fcfb-attach-selected .fcfb-attach-main:before {
  opacity: 1
}

.fcfb-attach-icon {
  display: flex;
  width: 36px;
  height: 36px;
  min-width: 36px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  object-fit: cover;
  overflow: hidden;
  border-radius: 4px;
}

.fcfb-attach-icon img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.fcfb-attach-name {
  color: var(--fcfb-dark);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  max-width: 100%;
  margin-bottom: 3px;
}

.fcfb-attach-complete .fcfb-attach-size {
  color: #3ca23c;
  font-size: 12px;
  width: 100%;
  height: 12px;
  font-weight: bold;
}

.fcfb-attach-loading .fcfb-attach-size {
  width: 100%;
  background: var(--fcfb-grey);
  height: 11px;
  border-radius: 9px;
  border: 2px solid var(--fcfb-white);
}

.fcfb-attach-progress {
  background: #72c872;
  height: 8px;
  border-radius: 9px;
  transition: width .4s;
  position: relative
}

.fcfb-attach-progress::after {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: " ";
  background: repeating-linear-gradient(140deg,
      var(--fcfb-white),
      var(--fcfb-white) 3px,
      transparent 3px,
      transparent 6px);
  opacity: 0.4;
  position: absolute;
  background-size: 400% 100%;
  animation: fcfb_gradient_loader 150s linear infinite;
}

.fcfb-attach-error {
  border: 1px solid #eed0d0;
  background: #fdf4f4;
  font-size: 13px;
  color: #d06868;
  padding-left: 8px;
  padding-right: 8px;
}

.fcfb-attach-info {
  overflow: hidden;
  width: 100%;
}

.fcfb-file-container {
  display: flex;
  align-items: center;
}

.fcfb-file-after {
  font-size: 13px;
  margin-left: 10px;
  color: dark(--fcfb-dark);
}

.fcfb-attach-edit,
.fcfb-attach-remove {
  display: flex;
  align-items: center;
  margin-left: 6px;
  margin-right: 6px;
}

.fcfb-attach-edit .fcfb-icon-edit {
  width: 14px;
  min-width: 14px;
}

.fcfb-attach-remove .fcfb-icon-close {
  width: 14px;
  min-width: 14px;
}

.fcfb-attach-edit:hover,
.fcfb-attach-remove:hover {
  cursor: pointer;
  opacity: 0.7;
}

#fcfb-popup-attach-edit .fcfb-popup {
  padding: 15px;
}

#fcfb-popup-attach-edit .fcfb-notice-warning .fcfb-notice-close {
  display: none
}

.fcfb-form-overlay-notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--fcfb-light-grey);
  opacity: .96;
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 16px;
  z-index: 10;
}

.fcfb-form-fcfbattachedit .fcfb-form-overlay-notice {
  font-size: 19px;
  color: dark(--fcfb-dark);
}
 
.fcfb-type-datetime .fcfb_dd_hidden,
.fcfb-type-date .fcfb_dd_hidden {
  max-height: inherit !important;
}

.fcfb-type-password .fcfb-help {
  user-select: none;
}

.fcfb-files label span:focus,
.fcfb-reset-form:focus,
.fcfb-submit-form:focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}

.fcfb-input input:focus,
.fcfb-textarea-wrap textarea:focus,
.fcfb-select .fcfb_dd_target:focus,
.fcfb-multiselect .fcfb_dd_target:focus,
.fcfb_dropdown.fcfb-active .fcfb_dd_target.fcfb-input input,
.fcfb-multiselect.fcfb_dropdown.fcfb-active .fcfb_dd_target,
.fcfb-select.fcfb_dropdown.fcfb-active .fcfb_dd_target,
.fcfb-input:has(.fcfb-number-control > button:focus) input {
  outline: 1px solid var(--fcfb-border) !important;
  border-radius: 3px !important;
  border: 1px solid var(--fcfb-border) !important;
  box-shadow: none !important;
  background-color: var(--fcfb-white);
}

.fcfb-files label span:focus,
.fcfb-submit-form:focus,
.fcfb-checkbox .fcfb_e:focus+span:before,
.fcfb-radio .fcfb_e:focus+span:before {
  outline: 1px solid var(--fcfb-border) !important;
}

.fcfb-file-btn .fcfb_e[disabled]+span,
.fcfb-reset-form[disabled],
.fcfb-type-submit.fcfb-conditions-disabled .fcfb-submit-form,
.fcfb-type-submit.fcfb-disabled .fcfb-submit-form {
  opacity: .5 !important;
  cursor: not-allowed !important;
  outline: none !important;
  box-shadow: none !important;
  user-select: none;
}

.fcfb-type-hidden {
  display: none !important;
}

.fcfb-textarea-wrap label,
.fcfb-input label {
  color: #999;
  position: absolute;
  transition: top 0.2s ease 0s, font-size 0.2s ease 0s;
  top: 9px;
  left: 6px;
  cursor: text;
  font-size: 14px;
  pointer-events: none;
}

.fcfb-input label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.fcfb-ratings {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  flex-grow: 1;
}

.fcfb-rating-criteria {
  display: flex;
  flex-direction: column;
}

.fcfb-rating-criteria-name {
  color: var(--fcfb-dark-grey);
}

.fcfb-rating input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  z-index: -1;
}

.fcfb-rating {
  display: flex;
  font-size: 32px;
  gap: 0 5px;
  flex-grow: 1;
  position: relative;
}

.fcfb-rating label {
  cursor: pointer;
  color: var(--fcfb-grey);  
  font-size: 25px;
}

.fcfb-rating input {
  display: none;
}

.fcfb-rating label:has(input:checked) span,
.fcfb-rating label:has(~ label input:checked) span {
  color: orange;
}

.fcfb-rating label:hover span,
.fcfb-rating label:has(~ label:hover) span {
  color: orange;
}

/* 
v1 - название поля сверху, required слева от названия, tooltip справа сразу после названия.

v2 - название поля слева, required слева от названия, tooltip справа сразу после названия. На мобильном переход в стиль 1. тоесть название сверху.

v3 - без названия и без отступа, required - слева от поля, tooltip - нет/

v4 - название поля сверху, при этом самого названия нет, но остается отступ сверху, required - слева от поля, tooltip - нет/

v5 - анимация перехода placeholder в label для однострочных полей типа text, select, ....
*/
.fcfb-v1 .fcfb-label {
  margin-bottom: 5px;
}

.fcfb-v2 .fcfb-in {
  display: flex;
  align-items: start;
}

.fcfb-v2 .fcfb-label {
  width: 29%;
  min-width: 29%;
  padding-top: 7px;
  margin-right: 1%;
}

.fcfb-v2 .fcfb-label .fcfb-tt-icon {
  margin-top: 3px;
}

.fcfb-v3 .fcfb-label {
  display: none;
}

.fcfb-v4 .fcfb-label div,
.fcfb-v4 .fcfb-label label {
  display: none;
}

.fcfb-v4 .fcfb-label {
  margin-bottom: 5px;
}

.fcfb-v2 .fcfb-box {
  width: 70%;
  min-width: 70%;
}

.fcfb-v2.fcfb-conditions-required .fcfb-label label:before,
.fcfb-v1.fcfb-conditions-required .fcfb-label label:before,
.fcfb-v2.fcfb-required .fcfb-label label:before,
.fcfb-v1.fcfb-required .fcfb-label label:before {
  position: absolute;
  height: 3px;
  width: 3px;
  display: table;
  background: red;
  content: '';
  left: -4px;
  top: 0;
  border-radius: 44px;
}

.fcfb-v5.fcfb-conditions-required .fcfb-box:before,
.fcfb-v3.fcfb-conditions-required .fcfb-box:before,
.fcfb-v4.fcfb-conditions-required .fcfb-box:before,
.fcfb-v5.fcfb-required .fcfb-box:before,
.fcfb-v3.fcfb-required .fcfb-box:before,
.fcfb-v4.fcfb-required .fcfb-box:before {
  position: absolute;
  height: 3px;
  width: 3px;
  display: table;
  background: red;
  content: '';
  left: -4px;
  top: 0;
  border-radius: 44px;
} 

.fcfb-type-select_hierarchical.fcfb-v5 label,
.fcfb-type-multiselect.fcfb-v5 label,
.fcfb-type-multiselect_hierarchical.fcfb-v5 label,
.fcfb-type-select.fcfb-v5 label {
  color: #999;
  position: absolute;
  transition: top 0.2s ease 0s, font-size 0.2s ease 0s;
  top: 8px;
  pointer-events: none;
}

.fcfb-v5 .fcfb-select:has(.fcfb-select-name:not(:empty)) label,
.fcfb-v5 .fcfb-input:has(.fcfb_e:not(:placeholder-shown)) label,
.fcfb-v5 .fcfb-input:has(.fcfb_e:focus) label,
.fcfb-v5 .fcfb-textarea-wrap:has(.fcfb_e:not(:placeholder-shown)) label,
.fcfb-v5 .fcfb-textarea-wrap:has(.fcfb_e:focus) label,
.fcfb-v5 .fcfb_dd_target:focus>label,
.fcfb-v5:has(.fcfb-ms-name) label,
.fcfb_dropdown.fcfb-active .fcfb_dd_target label {
  background: #fff;
  padding: 0 3px;
  top: -6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  left: 5px;
  max-width: 100%;
  text-overflow: ellipsis;
}

.fcfb-captcha-image {
  border: 1px solid var(--fcfb-border);
  border-radius: 3px;
  margin-right: 15px
}