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

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

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

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

v5 - анимация перехода placeholder в label для однострочных полей типа text, select, ....
*/

.cfb-v1 .cfb-label {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

.cfb-type-select_hierarchical.cfb-v5 label,
.cfb-type-multiselect.cfb-v5 label,
.cfb-type-select.cfb-v5 label {
  color: #999;
  position: absolute;
  transition: top 0.2s ease 0s, font-size 0.2s ease 0s;
  top: 12px;
}

.cfb-not-null.cfb-type-select_hierarchical.cfb-v5 label,
.cfb-not-null.cfb-type-multiselect.cfb-v5 label,
.cfb-not-null.cfb-type-select.cfb-v5 label
 {
  background: #fff;
  padding: 0 5px;
  top: -8px;
  font-size: 12px;
}





.cfb-textarea-wrap label,
.cfb-input label {
  color: #999;
  position: absolute;
  transition: top 0.2s ease 0s, font-size 0.2s ease 0s;
  top: 14px;
  left: 16px;
  cursor: text;
  font-size: 14px
}


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



.cfb-not-null.cfb-type-phone.cfb-v5 label,
.cfb-focus.cfb-v5 .cfb-input label,
.cfb-focus.cfb-v5 .cfb-textarea-wrap label,
.cfb-val.cfb-v5 .cfb-input label,
.cfb-val.cfb-v5 .cfb-textarea-wrap label

/* .cfb-v5 .cfb-textarea-wrap textarea:not(:placeholder-shown) + .cfb-textarea-control + label,
.cfb-v5 .cfb-input input:not(:placeholder-shown) + .cfb-input-control + label  */
  
{
   background: #fff;
   padding: 0 3px;
  top: -6px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  left: 15px;
   max-width: 100%;
 text-overflow: ellipsis;
}