pre {
  font-weight: normal !important;
  font-size: 14px;
}

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

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

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

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

@keyframes shows {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.cfb-form {
  width: 100%;
  line-height: 1;
  font-size: 15px;
  font-weight: normal;
  color: #5e5f64;
  /* font-family: Arial, Helvetica, sans-serif; */
  display: flow-root;
}

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

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

.cfb-tooltip *,
.cfb-form *,
.cfb-form *:after,
.cfb-form *:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cfb-t_col-name input,
.cfb-t_col textarea,
.cfb-input input,
.cfb-date-wrap input,
input.cfb-options-el,
input.cfb-options-aj {
  display: block;
  width: 100%;
  height: 32px;
  padding: 3px 6px;
  color: #5e5f64;
  background: #fff;
  border-radius: 3px;
  font-size: 15px;
  border: 1px solid #E1E3E3;
  min-height: 32px;
  line-height: 30px;
  margin: 0;
  min-width: 0;
  box-shadow: none;
}

.cfb-textarea-wrap textarea {
  display: block;
  width: 100%;
  padding: 6px 38px 6px 6px;
  color: #5e5f64;
  background: #fff;
  border-radius: 3px;
  font-size: 15px;
  border: 1px solid #E1E3E3;
  line-height: 22px;
  margin: 0;
  min-width: 0;
  box-shadow: none;
  resize: vertical;
  min-height: 36px;
}

.cfb-date-wrap input {
  cursor: pointer;
}

.cfb-textarea-wrap textarea[readonly],
.cfb-input input[readonly] {
  background: #f5f5f5;
  cursor: default;
}

.cfb-field textarea:focus,
.cfb-field input:focus {
  border: 1px solid #999 !important;
  box-shadow: none !important;
  outline: none !important;
}

.cfb-form input::-webkit-input-placeholder {
  color: #999;
}

.cfb-form input::-moz-placeholder {
  color: #999;
}

.cfb-form input:-moz-placeholder {
  color: #999;
}

.cfb-form input:-ms-input-placeholder {
  color: #999;
}

.cfb-after {
  background: #F3F4F4;
  display: flex;
  align-items: center;
  margin-left: -1px;
  height: 32px;
  padding: 3px 7px;
  color: #5e5f64;
  border-radius: 0px 3px 3px 0px;
  line-height: 17px;
  white-space: nowrap;
  border-right: 1px solid #E1E3E3;
  border-bottom: 1px solid #E1E3E3;
  border-top: 1px solid #E1E3E3;
}

.cfb-before {
  background: #F3F4F4;
  display: flex;
  align-items: center;
  margin-right: -1px;
  height: 32px;
  padding: 3px 7px;
  color: #5e5f64;
  border-radius: 3px 0px 0px 3px;
  line-height: 17px;
  white-space: nowrap;
  border-left: 1px solid #E1E3E3;
  border-bottom: 1px solid #E1E3E3;
  border-top: 1px solid #E1E3E3;
}

.cfb-clear,
.cfb-ms-remove,
.cfb-select-clear {
  background: #E1E3E3;
  display: flex;
  width: 15px;
  min-width: 15px;font-family: Arial, Helvetica, sans-serif;
  height: 15px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 15px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  /*! transition: .1s; */
}

.cfb-clear:hover,
.cfb-ms-remove:hover,
.cfb-select-clear:hover {
  background: #f0ecec;
}

.cfb-help {
  font-size: 13px;
  line-height: 14px;
  color: #625d5d;
  margin-top: 7px;
  font-style: italic;
}

.cfb-field {
  float: left;
  width: 100%;
  animation: shows .4s;
}

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

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

.cfb-label label {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: normal;
  font-weight: 500;
  line-height: 20px;
}

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

.cfb-box {
  position: relative;
  opacity: 1;
  transition: opacity 0.3s !important;
}

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

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

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

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

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

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

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

.cfb-textarea-wrap .cfb-copy {
  position: absolute;
  right: 21px;
  top: 34px;
}

.cfb-copy {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #bdbbbb;
  background: #fff;
  margin-right: 2px;
}

.cfb-copy::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1px solid #bdbbbb;
  background: #fff;
  bottom: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
}

.cfb-copy:hover,
.cfb-copy:hover::before {
  border-color: #E1E3E3;
  cursor: pointer;
}

.cfb-tt-icon {
  background: #0A79C0;
  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: #fff;
  margin-left: 10px;
}

.cfb-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;
}

.cfb-tt-in {
  width: 100%;
  color: #868484;
  background: #fff;
  line-height: 19px;
  border-radius: 7px;
  padding: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 12px #a6a3a3b2;
}

.cfb-tt-arrow {
  border: 6px solid transparent;
  border-top: 9px solid #fff;
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -2px;
}

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

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

.cfb-tt-right .cfb-tt-arrow {
  border-top: none;
  border: 6px solid transparent;
  border-left: 9px solid #fff;
  right: -14px;
}

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

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

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

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

.cfb-fields {
  position: relative;
  width: 100%;
  border-left: 1px solid #E1E3E3;
  border-bottom: 1px solid #E1E3E3;
  border-right: 1px solid #E1E3E3;
  display: flow-root;
  background: #fff;
  opacity: 1;
  transition: opacity 0.3s !important;
}

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

.cfb-wrapper-noheader>.cfb-fields,
.cfb-wrapper-noheader>.cfb-ajax-inner>.cfb-fields {
  border-top: 1px solid #E1E3E3;
}

.cfb-header {
  border: 1px solid #E1E3E3;
  padding: 15px;
  display: table;
  width: 100%;
  background: #fff;
}

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

.cfb-header-controll {
  display: flex;
  margin-left: auto;
  align-items: center;
}

.cfb-container-help {
  font-size: 14px;
  line-height: 17px;
  color: #625d5d;
  font-style: italic;
  margin-top: 7px;
}

.cfb-slide-btn {
  margin-left: 10px;
  background: url(../img/up-arrow.svg) no-repeat;
  height: 16px;
  width: 16px;
  background-size: 16px;
  cursor: pointer;
}

.cfb-slide-btn:hover {
  opacity: 0.5
}

.cfb-slide-hide .cfb-slide-btn {
  transform: rotate(180deg);
}

.cfb-full-btn {
  margin-left: 10px;
  background: url(../img/expand.svg ) no-repeat;
  height: 16px;
  width: 16px;
  background-size: 16px;
  cursor: pointer;
}

.cfb-full-size .cfb-full-btn {
  margin-left: 10px;
  background: url(../img/compress.svg ) no-repeat;
  height: 16px;
  width: 16px;
  background-size: 16px;
  cursor: pointer;
}

.cfb-full-btn:hover {
  opacity: 0.5
}

.cfb-full-size {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000;
  height: 100%;
  background: #fff;
  overflow-y: auto
}

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

.cfb-body-hidden {
  overflow: hidden
}

.cfb-conditions-hide {
  display: none
}

.cfb-hide,
.cfb-repeat-tpl,
.cfb-slide-hide>.cfb-header+.cfb-fields,
.cfb-field.cfb-slide-hide .cfb-html-box,
.cfb-field.cfb-slide-hide .cfb-box {
  position: absolute;
  left: -100000px;
  top: -100000px;
  z-index: -1;
  opacity: 0;
}

.cfb-repeat-group {
  display: flex;
  border-bottom: 1px solid #E1E3E3;
}

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

.cfb-t_controll span,
.cfb-fix-col span,
.cfb-repeat-remove,
.cfb-repeat-down,
.cfb-repeat-up,
.cfb-repeat-clone,
.cfb-complex-remove,
.cfb-complex-down,
.cfb-complex-up,
.cfb-complex-clone {
  width: 20px;
  min-width: 20px;
  background: #F4F4F4;
  font-size: 14px;
  height: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 3px 3px 0;
  cursor: pointer;
  font-weight: 700;
  color: #5e5f64;
  user-select: none;
}

.cfb-repeat-control {
  margin-left: auto;
  display: table;
  width: 24px;
  margin-top: 4px;
}

.cfb-complex-control {
  margin-left: auto;
  display: table;
  width: 24px;
  margin-top: 4px;
}

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

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

.cfb-repeat-new,
.cfb-complex-new .cfb_dd_target {
  background: #F4F4F4;
  font-size: 15px;
  padding: 8px 15px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 14px;
  display: table;
  margin: 15px;
  user-select: none;
}

.cfb-complex-new .cfb_dd_target {
  margin: 0;
}

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

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

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

.cfb-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: #999;
}

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

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

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

.cfb-repeat-table>.cfb-repeat-group .cfb-field {
  border-left: 1px solid #E1E3E3;
}

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

.cfb-repeat-table>.cfb-repeat-group>.cfb-repeat-control {
  padding-top: 3px;
  margin-top: 0;
  border-left: 1px solid #E1E3E3;
  padding-left: 3px;
}

.cfb-repeat-header {
  display: flex;
  background: linear-gradient(180deg, #f2f2f2 14%, #ffffff 80%);
  border-bottom: 1px solid #E1E3E3;
  padding-right: 27px;
}

.cfb-repeat-header>div {
  padding: 10px 15px;
  display: flex;
  border-left: 1px solid #E1E3E3;
}

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

.cfb-complex-new .cfb_dd_hidden {
  position: absolute;
  width: 200px;
  background: #fbf8f8;
  border-radius: 5px;
  overflow: auto;
  border: 1px solid #E1E3E3;
}

.cfb-complex-item {
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px dashed #edeef0;
}

.cfb-complex-item:last-of-type {
  border-bottom: none;
}

.cfb-complex-item:hover {
  color: #999;
  background: #787a80;
  color: #fff;
}

.cfb-complex-item-disabled {
  color: #999 !important;
  ;
  background: inherit !important;
  cursor: default
}

.cfb-complex-tpl {
  display: none
}

.cfb-complex-notice {
  padding: 20px 10px;
  margin: 15px;
  border: 1px solid #E1E3E3;
  text-align: center;
  color: #6c6868;
}

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

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

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

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

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

.cfb-arrow {
  position: relative;
  height: 9px;
  width: 9px;
  min-width: 9px;
}

.cfb-arrow::before,
.cfb-arrow::after {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 1px;
  height: 100%;
}

.cfb-arrow::before {
  left: -3px;
  transform: rotate(-45deg);
  background-color: #5e5c5c;
}

.cfb-arrow::after {
  left: 3px;
  transform: rotate(45deg);
  background-color: #5e5c5c;
}

.cfb-active .cfb-arrow::before {
  left: -3px;
  transform: rotate(45deg);
}

.cfb-active .cfb-arrow::after {
  left: 3px;
  transform: rotate(-45deg);
}

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

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

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

.cfb-checkbox input,
.cfb-toggle input,
.cfb-radio input {
  display: none;
}

.cfb-checkbox,
.cfb-radio {
  margin: 5px 0;
  position: relative;
  width: 100%;
  display: inline-flex;
  align-items: start;
  padding-right: 20px;
  /*! background: #ddd; */
}

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

.cfb-checkbox  span,
.cfb-radio  span {
  display: inline-flex;
 
  align-items: start;
 
}

.cfb-checkbox label,
.cfb-radio label {
  line-height: 20px;
  display: table;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin-bottom: 0;
  margin-left: 1px;
  cursor: pointer;
  user-select: none;
}

.cfb-checkbox label>span::before {
  content: "\00A0";
  display: inline-block;
  width: 19px;
  height: 19px;
  min-width: 19px;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  background: #fff;
}

.cfb-checkbox label>input:checked+span::before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(105, 128, 198, 0.2);
  font-size: 14px;
  color: #495caa;
  text-align: center;
  font-weight: 700;
}

.cfb-radio label>span::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-right: 6px;
  box-shadow: 0 0 1px rgba(34, 32, 32, 0.9);
}

.cfb-radio label>input:checked+span::before {
  background: #0A79C0;
  border: 5px solid #fff;
}

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

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

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

.cfb-btn-echild {
  margin-right: 5px;
  border-radius: 3px;
  background: #E1E3E3;
  cursor: pointer;
  position: relative;
}

.cfb-show-echild:before {
  content: '+';
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 3px
}

.cfb-hide-echild:before {
  content: '-';
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
}

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

.cfb-tab-bts {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  border-bottom: 1px solid #E1E3E3;
  padding: 0 15px;
}

.cfb-tab-btn {
  background: #f4f4f4;
  padding: 6px 15px;
  cursor: pointer;
  border-top: 1px solid #E1E3E3;
  border-left: 1px solid #E1E3E3;
  // border-right: 1px solid #E1E3E3;
}

.cfb-tab-btn:last-of-type {
  border-right: 1px solid #E1E3E3;
}

.cfb-tab-btn:hover {
  background: #E1E3E3;
}

.cfb-tab-btn.cfb-active {
  background: #fff;
  cursor: default;
  margin-bottom: -1px;
}

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

.cfb-wrapper-false>.cfb-tab-left {
  border-top: 1px solid #E1E3E3 !important;
}

.cfb-tab-left>.cfb-tab-bts {
  display: block;
  padding: 0;
  margin: 0;
  width: 180px;
  border: none;
  background: #f4f4f4;
  border-right: 1px solid #E1E3E3;
}

.cfb-wrapper-false>.cfb-tab-left>.cfb-tab-bts {
  border-left: 1px solid #E1E3E3;
  border-bottom: 1px solid #E1E3E3;
}

.cfb-tab-left>.cfb-tab-bts .cfb-tab-btn {
  background: #f4f4f4;
  padding: 8px;
  border: none;
  border-top: 1px solid #E1E3E3;
  line-height: 20px;
}

.cfb-tab-left>.cfb-tab-bts .cfb-tab-btn:hover {
  background: #E1E3E3;
}

.cfb-tab-left>.cfb-tab-bts .cfb-tab-btn:last-of-type {
  border-bottom: 1px solid #E1E3E3;
}

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

.cfb-tab-left>.cfb-tab-bts .cfb-tab-btn.cfb-active {
  background: #fff;
  cursor: default;
  margin-bottom: 0;
  margin-right: -1px;
}

.cfb-range {
  background: #E1E3E3;
  height: 10px;
  display: flex;
  align-items: center;
  margin-left: 11px;
  margin-right: 11px;
  border-radius: 5px;
}

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

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

.cfb-min-range::before {
  content: '';
  width: 22px;
  position: absolute;
  height: 22px;
  border-radius: 50%;
  background: #0A79C0;
  cursor: pointer;
  left: -11px;
  top: -11px;
  display: table;
}

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

.cfb-max-range::after {
  content: '';
  width: 22px;
  position: absolute;
  height: 22px;
  border-radius: 50%;
  background: #0A79C0;
  cursor: pointer;
  right: -11px;
  top: -11px;
}

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

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

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

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

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

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

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

.cfb-range-confines {
  color: #999
}

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

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

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

.cfb-checkbox-btn span,
.cfb-radio-btn span {
  background: #fff;
  /*border: 1px solid var(--border-grey);*/
  font-size: 15px;
  padding: 1px 15px;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  /*margin: 0 6px 6px 0;*/
  border-radius: 20px;
  user-select: none;
  line-height: 26.5px
}

.cfb-checkbox-btn span:hover,
.cfb-radio-btn span:hover {
  opacity: .6
}

.cfb-checkbox-btn input[type=checkbox]:checked+span {
  background: #0A79C0;
  color: #fff;
  opacity: 1;
}

.cfb-radio-btn input[type=radio]:checked+span {
  background: var(--grad-primary);
  color: #fff;
  opacity: 1;
  border: 1px solid var(--primary);
}

.cfb-radio-btn input[type=radio]:disabled+span {
  opacity: .5;
  cursor: default
}

.cfb-cb-calend table tr td,
.cfb-cb-calend table tr th {
  border: 1px solid #fff;
  text-align: center;
  padding: 4px 5px;
  background: #f9f9f9;
  font-weight: normal;
}

.cfb-today-active {
  color: #48d948;
}

.cfb-day-active {
  background: #0A79C0 !important;
  color: #fff !important;
}

.cfb-calend-date:hover {
  cursor: pointer;
  background: #eaeaea;
  color: #5e5f64;
}

.cfb-calend-header {
  background: #f9f9f9;
  display: flex;
  align-items: center;
}

.cfb-ch-item {
  border-right: 1px solid #E1E3E3;
  width: 50%;
  text-align: center;
}

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

.cfb-ch-year,
.cfb-ch-month {
  position: relative;
  padding: 12px;
}

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

.cfb-ch-year:after,
.cfb-ch-month:after {
  position: absolute;
  content: '';
  background: url(../img/down-arrow.svg) no-repeat 2px 1px;
  height: 13px;
  width: 15px;
  background-size: 15px;
}

.cfb-ch-active .cfb-ch-year:after,
.cfb-ch-active .cfb-ch-month:after {
  transform: rotate(180deg);
  background-position: -2px -3px;
}

.cfb-ch-item:hover {
  cursor: pointer;
}

.cfb-ch-active {
  background: #fff;
}

.cfb-calend {
  border: 1px solid #E1E3E3;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  width: 260px;
}

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

.cfb-cb-list {
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  overflow-y: auto;
  /*! height: 200px; */
}

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

.cfb-cb-year,
.cfb-cb-hour {
  padding: 4px 5px;
  width: 25%;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
  background: #f9f9f9;
}

.cfb-cb-minute,
.cfb-cb-second {
  padding: 5px;
  width: 20%;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  text-align: center;
  background: #f9f9f9;
}

.cfb-cb-month {
  padding: 9px 5px;
  width: 33.33%;
  border: 1px solid #fff;
  text-align: center;
  background: #f9f9f9;
}

.cfb-ch-year-active,
.cfb-cb-month-active,
.cfb-cb-time-active {
  background: #0A79C0;
  color: #fff;
}

.cfb-cb-year:hover,
.cfb-cb-month:hover,
.cfb-cb-hour:hover,
.cfb-cb-minute:hover,
.cfb-cb-second:hover {
  background: #E1E3E3;
  cursor: pointer
}

.cfb-cb-calend {
  border: 1px solid #fff;
  padding: 4px
}

.cfb-cb-calend table {
  width: 100%;
  border-collapse: collapse;
}

.cfb-calend-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 7px 7px 7px;
  background: #f9f9f9;
  padding-top: 7px;
}

.cfb-calend-footer div {
  padding: 5px 7px;
  font-size: 14px;
  background: linear-gradient(70deg, #096f4e, #1b8d68);
  border-radius: 3px;
  color: #fff;
  width: 100%;
  text-align: center;
  margin: 0 2px;
}

.cfb-calend-footer div:hover {
  cursor: pointer;
  background: #95b1f4;
}

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

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

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

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

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

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

.cfb-ct-hour,
.cfb-ct-minute,
.cfb-ct-second {
  background: #f9f9f9;
  padding: 7px 9px;
  position: relative;
  width: 50px;
  border: 1px solid #E1E3E3;
  cursor: pointer;
  margin: 0 4px 0 3px;
}

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

.cfb-ct-active {
  background: #fff
}

.cfb-ct-hour::after,
.cfb-ct-minute::after,
.cfb-ct-second::after {
  position: absolute;
  content: '';
  background: url(../img/down-arrow.svg) no-repeat 2px 1px;
  height: 13px;
  width: 15px;
  background-size: 15px;
}

.cfb-ct-active::after {
  transform: rotate(180deg);
  background-position: -2px -2px;
}

.cfb-cb-title {
  padding: 7px 7px 5px 7px;
  margin-bottom: -7px;
  position: sticky;
  top: 0;
  background: #fff;
  font-weight: 600;
}

.cfb-calend-disabled {
  color: #e8e8e8 !important;
}

.cfb-calend-disabled:hover {
  cursor: default;
  background: #f9f9f9
}

.cfb-text-info {
  margin-top: 10px;
  font-size: 13px;
  color: #6f6a6a
}

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

.cfb-html-box {
  width: 100%;
  display: table;
  opacity: 1;
  transition: opacity 0.3s !important;
}

.cfb-type-first_col_table {
  background: #f7f7f7;
  display: flex;
  align-items: center;
}

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

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

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

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

.cfb-t_col textarea {
  min-height: 32px;
  line-height: 23px;
  background: #fff;
  min-width: 100%;
}

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

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

.cfb-table td,
.cfb-table th {
  vertical-align: top;
  text-align: left;
  padding: 5px !important;
  border: 1px solid #e7e7e7;
  width: auto;
}

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

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

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

.cfb-table th {
  background-color: #fbfbfb;
}

.cfb-table .cfb-fix-col {
  position: sticky;
  background-color: #fbfbfb;
  right: 0;
  width: 55px;
  box-shadow: 0px 0px 0px 1px #e7e7e7;
  ;
  min-width: 55px;
  vertical-align: middle;
  border: none;
  text-align: center;
}

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

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

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

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

.cfb-table tbody tr {
  background: #fff
}

.cfb-table .cfb-first-col {
  width: 35px;
  min-width: 35px;
  text-align: center;
  vertical-align: middle;
  border: none;
  border-top: 1px solid #e7e7e7;
}

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

.cfb-table tbody .cfb-first-col::before {
  counter-increment: section;
  content: counter(section);
  font-size: 14px;
  color: #4f4b4b;
}

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

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

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

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

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

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

.cfb-table thead tr .cfb-t_col .cfb-t_num {
  width: auto;
  min-width: auto;
  position: absolute;
  left: 12px;
  font-size: 14px;
  color: #4f4b4b;
  background: none;
  font-weight: normal
}

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

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

.cfb-notice {
  position: absolute;
  background: #e31e24;
  padding: 2px 25px 2px 7px;
  font-size: 12px;
  border: 2px solid #fff;
  line-height: 14px;
  color: #fff;
  border-radius: 4px;
  margin-top: 4px;
  display: none;
  z-index: 4;
}

.cfb-notice::before {
  content: '×';
  position: absolute;
  right: 2px;
  top: 2px;
  display: flex;
  height: 15px;
  width: 15px;
  background: #195EAB;
  border-radius: 50%;
  color: #fff;
  line-height: 14px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 0;
  margin-left: 3px;
  font-size: 16px;
}

.cfb-notice:hover::before {
  background: #2462a2;
}

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

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

.cfb-color-icon {
  width: 28px;
  background: #fff;
  height: 28px;
  display: table;
  margin-left: -5px;
  margin-right: -5px;
  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;
}

.cfb-color-icon div {
  width: 28px;
  height: 28px;
}

.cfb-field .picker_done {
  margin: 4px !important;
  padding: 9px;
  font-size: 15px;
  background: #0A79C0;
  border-radius: 3px;
  color: #fff;
}

.cfb-field .picker_done:hover {
  cursor: pointer;
  background: #95b1f4;
}

.cfb-submit-form,
.cfb-submit-box .cfb-reset-form {
  padding: 14px 20px;
  border-radius: 6px;
  background-color: #0A79C0 !important;
  position: relative;
  color: #fff !important;
  border: none;
  display: table;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  line-height: 14px;
}

.cfb-submit-form:hover,
.cfb-submit-box .cfb-reset-form:hover {
  opacity: 0.6;
  cursor: pointer;
}

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

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

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

.cfb_dd_hidden {
  display: none;
}

.cfb_dropdown.cfb-open-up .cfb_dd_hidden {
  bottom: 100%;
}

.cfb_dropdown.cfb-active .cfb_dd_hidden {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1000000;
}

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

.cfb-ms-name {
  display: flex;
  font-size: 13px;
  background: #f7f7f7;
  padding: 1px 1px 1px 4px;
  line-height: 14px;
  border-radius: 3px;
  align-items: center;
  margin: 2px;
  border: 1px solid #E1E3E3;
  user-select: none;
}

.cfb-ms-remove {
  margin-left: 5px;
}

.cfb-type-multiselect_hierarchical .cfb_dd_hidden,
.cfb-type-search .cfb_dd_hidden,
.cfb-type-multiselect .cfb_dd_hidden,
.cfb-select .cfb_dd_hidden {
  border: 1px solid #edeef0;
  max-height: 300px;
  background: #fff;
  min-width: 150px;
  border-radius: 15px;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  min-width: 100%;
}

.cfb-type-search.cfb-searched .cfb-searched-icon:after,
.cfb-type-select.cfb-searched .cfb_dd_hidden:after,
.cfb-type-multiselect_hierarchical.cfb-searched .cfb_dd_hidden:after,
.cfb-type-multiselect.cfb-searched .cfb_dd_hidden:after {
  position: absolute;
  top: 13px;
  right: 12px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
  border-color: #999 transparent #999 transparent;
  animation: cfb_circle_loader 2.2s linear infinite;
}

.cfb-type-multiselect_hierarchical .cfb_dd_target,
.cfb-type-multiselect .cfb_dd_target,
.cfb-input-date,
.cfb-select .cfb_dd_target {
  height: 32px;
  padding: 3px 6px;
  color: #5e5f64;
  background-color: #fff;
  font-size: 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #E1E3E3;
  border-radius: 3px;
}

.cfb-type-multiselect_hierarchical .cfb_dd_target,
.cfb-type-multiselect .cfb_dd_target {
  height: auto;
  min-height: 32px;
}

.cfb-select-control {
  display: flex;
  justify-content: end;
  align-items: center;
  background: #fff;
  min-width: 17px;
  box-shadow: -12px 0 5px 1px #fff;
  height: 27px;
}

.cfb-input-control {
  display: flex;
  justify-content: end;
  align-items: center;
  background: inherit;
  /*! min-width: 25px; */
  /*! box-shadow: -12px 0 5px -4px #fff; */
  height: 30px;
  position: absolute;
  right: 9px;
  top: 6px;
  background: #fff;z-index: 2;
}

.cfb-input input[readonly]+.cfb-input-control {
  background: inherit;
  /*! box-shadow: -12px 0 5px -4px inherit; */
}

.cfb-input-control .cfb-clear {
  margin-left: 9px;
}

.cfb-select-clear {
  margin-right: 12px;
}

.cfb-select-name {
  overflow: hidden;
  white-space: nowrap;
  display: table;
  table-layout: fixed;
  width: 100%;
  cursor: default;
}

.cfb-select-name span {
  display: none
}

.cfb-input-date[data-placeholder]:not([data-placeholder=""]):empty::before,
.cfb-select-name[data-placeholder]:not([data-placeholder=""]):empty::before,
.cfb-ms-names[data-placeholder]:not([data-placeholder=""]):empty::before {
  content: attr(data-placeholder);
  color: #999;
}

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

.cfb-select .cfb-selected {
  background: #fcf5e9;
}

.cfb-type-multiselect_hierarchical .cfb-selected::after,
.cfb-type-multiselect .cfb-selected::after {
  content: "\2713";
  color: #6488b7;
  position: absolute;
  right: 2px;
  font-weight: bold;
  font-size: 11px;
  background: #fff;
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto;
  top: 0;
  bottom: 0;
}

.cfb-options,
.cfb-search-options {
  width: 100%;
  overflow-x: hidden;
  line-height: 18px;
  padding: 0;
  margin: 0
}

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

.cfb-options li,
.cfb-search-options li {
  display: block;
  border-bottom: 1px solid #f9f9f9;
  padding: 6px 20px 6px 10px;
  position: relative;
  margin: 0 !important;
  font-size: 14px;
}

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

.cfb-options li:hover,
.cfb-search-options li:hover {
  background: #fcf5e9;
  cursor: default;
}

input.cfb-options-aj,
input.cfb-options-el {
  width: calc(100% - 10px);
  margin: 5px;
  /*! position: relative; */
}

.cfb-options-load {
  text-align: center;
  margin: 10px auto 15px auto;
  display: table;
  position: relative;
  background: #fff;
  padding: 5px 10px;
  border: 1px solid #E1E3E3;
  border-radius: 3px;
}

.cfb-options-load:hover {
  cursor: pointer;
  border: 1px solid #e8e8e8;
  color: #999;
}

.cfb-options-load.cfb-gradient-loader {
  color: #333;
  cursor: default
}

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

.cfb-options li.cfb-disabled,
.cfb-search-options li.cfb-disabled {
  color: #999 !important;
  background: #fff !important;
}

.cfb-search-non-result {
  padding: 7px 10px 10px 10px;
  color: #999
}

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

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

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

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

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

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

.cfb-notice-close {
  background: #fff;
  display: flex;
  width: 20px;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 17px;
  font-weight: bold;
  outline: none;
  color: #5e5f64;
}

.cfb-notice-close:hover {
  background: #f2f2f2;
  cursor: pointer;
}

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

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

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

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

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

.cfb-type-number .cfb-input-control {
  right: 64px;
}

.cfb-number-control {
  width: 59px;
  min-width: 59px;
  display: flex;
  border-radius: 0 3px 3px 0;
  border-top: 1px solid #E1E3E3;
  border-right: 1px solid #E1E3E3;
  border-bottom: 1px solid #E1E3E3;
  background: #fff;
  margin-left: -2px
}

.cfb-focus .cfb-number-control {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.cfb-number-control span {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F4F4;
  margin: 2px 0px 2px 2px;
  border-radius: 3px;
  font-size: 18px;
  line-height: 18px;
  user-select: none;
}

.cfb-number-control span:hover {
  cursor: pointer;
  background: #f0ecec;
}

.cfb-popup-overlay,
.cfb-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: #3b3b3c #717171;
}

.cfb-popup-preload::-webkit-scrollbar-track,
.cfb-popup-overlay::-webkit-scrollbar-track {
  background: #717171;
}

.cfb-popup-preload::-webkit-scrollbar-thumb,
.cfb-popup-overlay::-webkit-scrollbar-thumb {
  background-color: #3b3b3c;
}

.cfb-popup-preload::-webkit-scrollbar,
.cfb-popup-overlay::-webkit-scrollbar {
  background: #717171;
}

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

.cfb-popup {
  background: #fff;
  min-height: 100px;
  width: 100%;
  display: flex;
  z-index: 50005;
  margin: 10px;
  padding: 10px;
  position: relative;
  opacity: 0;
  border: 1px solid #edeef0;
  transform: scale(.9);
  transition: transform .3s ease-out 0s, opacity .2s ease 0s !important;
  scrollbar-color: auto;
  border-radius: 10px;
}

.cfb-popup-visible .cfb-popup {
  opacity: 1;
  transform: scale(1);
}

#cfb-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;
}

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

.cfb-popup-close {
  font-size: 30px;
  line-height: 23px;
  position: absolute;
  right: 9px;
  top: 8px;
  color: #5e5f64;
  font-weight: normal;
}

.cfb-popup-close:hover {
  cursor: pointer;
  opacity: .8;
}

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

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

.cfb-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 #fff;
  border-color: #999 transparent #999 transparent;
  animation: cfb_circle_loader 3.2s linear infinite;
}

.cfb-reseting .cfb-form-overlay {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  background: #fff;
}

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

#cfb-alert .cfb-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;
}

.cfb-type-phone .cfb_dropdown {
  width: 100px;
  min-width: 100px;
  margin-right: -2px;
}

.cfb-show-pass {
  background: url(../img/eye.svg) no-repeat;
  height: 17px;
  width: 18px;
  background-size: 18px;
  cursor: pointer;
}

.cfb-hide-pass {
  background: url(../img/eye-hide.svg) no-repeat;
  height: 17px;
  width: 18px;
  background-size: 18px;
  cursor: pointer;
  display: none
}

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

.cfb-new-pass {
  background: #fff;
  height: 28px;
  width: 28px;
  cursor: pointer;
  margin-left: -5px;
  margin-right: -6px;
  border-radius: 3px;
  position: relative;
}

.cfb-new-pass span {
  content: '';
  position: absolute;
  background: url(../img/update.svg) no-repeat 6px 6px;
  height: 28px;
  width: 28px;
  background-size: 16px;
  transition: all .1s linear;
}

.cfb-new-pass:hover,
.cfb-hide-pass:hover,
.cfb-show-pass:hover {
  opacity: .7
}

.cfb-toggle {
  display: table;
  max-width: 100%;
  line-height: 20px;
  /*! color: #757575; */
  font-size: 14px;
  margin: 4px 0;
}

.cfb-toggle-btn {
  width: 33px;
  height: 19px;
  border-radius: 20px;
  position: relative;
  vertical-align: top;
  background: #e3e3e3;
  transition: .2s;
  display: inline-table;
  margin: 0 3px
}

.cfb-toggle-btn:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #fff;
  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;
}

.cfb-toggle input[type=checkbox]:checked+.cfb-toggle-btn {
  background: #1AB130;
}

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

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

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

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

.cfb-files label span {
  font-size: 15px;
  padding: 3px 15px;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: #0A79C0;
  color: #fff;
  line-height: 26px;
  font-weight: normal;
  text-align: center;
}

.cfb-files label span:hover {
  opacity: .7
}

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

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

.cfb-attach-item {
  display: flex;
  align-items: center;
  border: 1px solid #edeef0;
  margin-bottom: 5px;
  background: #fff;
  border-radius: 3px;
  height: 48px;
  padding: 4px;
  max-width: 100%;
}

.cfb-attach-item:last-of-type {
  margin-bottom: 0;
}

.cfb-attach-main {
  width: 19px;
  display: inline-block;
  height: 19px;
  min-width: 19px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-left: 5px;
  margin-right: 7px;
  cursor: pointer;
}

.cfb-attach-main:before {
  content: "\2713";
  text-shadow: 1px 1px 1px rgba(105, 128, 198, 0.2);
  font-size: 14px;
  color: #495caa;
  text-align: center;
  font-weight: 700;
  margin-left: 3px;
  opacity: .1
}

.cfb-attach-selected {
  border: 1px solid #fff;
  box-shadow: inset 0px 0px 0px 2px rgba(96, 111, 196, 1);
}

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

.cfb-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;
}

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

.cfb-attach-name {
  line-height: 16px;
  color: #646161;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  max-width: 100%;
  margin-bottom: 5px;
}

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

.cfb-attach-loading .cfb-attach-size {
  width: 100%;
  background: #eee;
  height: 11px;
  border-radius: 9px;
  border: 2px solid #fff;
}

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

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

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

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

.cfb-attach-remove {
  background: #edeef0;
  width: 20px;
  min-width: 20px;
  text-align: center
}

.cfb-file-container {
  display: flex;
  align-items: center;
  margin: 5px 5px 5px 0;
}

.cfb-file-after {
  font-size: 13px;
  margin-left: 10px;
  color: #645c5c;
}

.cfb-attach-edit {
  margin-left: 10px;
  background: url(../img/edit.svg) no-repeat;
  height: 14px;
  width: 18px;
  background-size: 14px;
  opacity: 0.7;
}

.cfb-attach-remove {
  margin-left: 10px;
  background: url(../img/delete.svg) no-repeat;
  height: 19px;
  width: 18px;
  background-size: 20px;
  opacity: 0.7;
}

.cfb-attach-edit:hover,
.cfb-attach-remove:hover {
  cursor: pointer;
  opacity: 0.5;
}

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

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

.cfb-form-overlay-notice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fbfbfb;
  opacity: .96;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  z-index: 10;
}

.cfb-form-cfbattachedit .cfb-form-overlay-notice {
  font-size: 19px;
  color: #646262;
}

.cfb-type-datetime .cfb_dd_hidden,
.cfb-type-date .cfb_dd_hidden {
  max-height: inherit !important;
}

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

.cfb-type-search .cfb-input-control {
  right: 32px;
  padding-right: 8px;
  padding-left: 5px;
}

.cfb-search-icons {
  height: 24px;
  width: 24px;
  position: absolute;
  right: 15px;
  top: 9px;
  align-items: center;
  justify-content: center;
  display: flex;
  color: #8d8e94;
  background: #fff;
}

.cfb-searched .cfb-search-icon {
  display: none
}

.cfb-searched-icon {
  height: 100%;
  width: 100%
}

.cfb-type-search.cfb-searched .cfb-searched-icon:after {
  top: 5px;
  right: 2px;
  height: 14px;
  width: 14px
}

.cfb-type-search .cfb-options a {
  display: block;
  padding: 6px 20px 6px 10px;
  margin: -6px -20px -6px -10px;
}