.k-textbox-container,
.k-floating-label-container {
  padding-top: 1.125em;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  width: 12.4em;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: stretch;
  justify-content: stretch; }

.k-textbox-container > .k-label,
.k-floating-label-container > .k-label {
  pointer-events: none;
  position: absolute;
  line-height: 1.5em;
  cursor: text;
  top: calc(1.125em + 1px + 0.375rem);
  left: calc(0.75rem + 1px);
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out; }

.k-textbox-container > .k-textbox,
.k-textbox-container > .k-textarea,
.k-textbox-container > .k-widget,
.k-floating-label-container > .k-textbox,
.k-floating-label-container > .k-textarea,
.k-floating-label-container > .k-widget {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: auto; }

.k-textbox-container.k-state-empty > .k-label,
.k-floating-label-container.k-state-empty > .k-label {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }

.k-textbox-container > .k-label,
.k-textbox-container.k-state-focused > .k-label,
.k-floating-label-container > .k-label,
.k-floating-label-container.k-state-focused > .k-label {
  -webkit-transform: translate(-0.75rem, -0.28125rem) translate(-1px, -1.125em) translate(-12.5%, -9.375%) scale(0.75);
  -ms-transform: translate(-0.75rem, -0.28125rem) translate(-1px, -1.125em) translate(-12.5%, -9.375%) scale(0.75);
  transform: translate(-0.75rem, -0.28125rem) translate(-1px, -1.125em) translate(-12.5%, -9.375%) scale(0.75); }

.k-rtl .k-textbox-container > .k-label, .k-textbox-container[dir="rtl"] > .k-label, .k-rtl
.k-floating-label-container > .k-label,
.k-floating-label-container[dir="rtl"] > .k-label {
  left: auto;
  right: calc(0.75rem + 1px); }

.k-rtl .k-textbox-container.k-state-empty > .k-label, .k-textbox-container[dir="rtl"].k-state-empty > .k-label, .k-rtl
.k-floating-label-container.k-state-empty > .k-label,
.k-floating-label-container[dir="rtl"].k-state-empty > .k-label {
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }

.k-rtl .k-textbox-container > .k-label,
.k-rtl .k-textbox-container.k-state-focused > .k-label, .k-textbox-container[dir="rtl"] > .k-label,
.k-textbox-container[dir="rtl"].k-state-focused > .k-label, .k-rtl
.k-floating-label-container > .k-label,
.k-rtl
.k-floating-label-container.k-state-focused > .k-label,
.k-floating-label-container[dir="rtl"] > .k-label,
.k-floating-label-container[dir="rtl"].k-state-focused > .k-label {
  -webkit-transform: translate(0.75rem, -0.28125rem) translate(1px, -1.125em) translate(12.5%, -9.375%) scale(0.75);
  -ms-transform: translate(0.75rem, -0.28125rem) translate(1px, -1.125em) translate(12.5%, -9.375%) scale(0.75);
  transform: translate(0.75rem, -0.28125rem) translate(1px, -1.125em) translate(12.5%, -9.375%) scale(0.75); }