.float-label-control {
  position: relative;
  margin-bottom: 1em;
  margin-top: 0.5em; }

.float-label-control input[type=text]::-webkit-input-placeholder,
.float-label-control input[type=password]::-webkit-input-placeholder,
.float-label-control input[type=email]::-webkit-input-placeholder,
.float-label-control input[type=date]::-webkit-input-placeholder,
.float-label-control textarea::-webkit-input-placeholder,
.float-label-control select::-webkit-input-placeholder,
.float-label-control ::-webkit-input-placeholder,
.float-label-control input[type=text]:focus::-webkit-input-placeholder,
.float-label-control input[type=password]:focus::-webkit-input-placeholder,
.float-label-control input[type=email]:focus::-webkit-input-placeholder,
.float-label-control input[type=date]:focus::-webkit-input-placeholder,
.float-label-control textarea:focus::-webkit-input-placeholder,
.float-label-control select:focus::-webkit-input-placeholder,
.float-label-control :focus::-webkit-input-placeholder {
  color: transparent; }

.float-label-control input[type=text]::-moz-placeholder,
.float-label-control input[type=password]::-moz-placeholder,
.float-label-control input[type=email]::-moz-placeholder,
.float-label-control input[type=date]::-moz-placeholder,
.float-label-control textarea::-moz-placeholder,
.float-label-control select::-moz-placeholder,
.float-label-control ::-moz-placeholder,
.float-label-control input[type=text]:focus::-moz-placeholder,
.float-label-control input[type=password]:focus::-moz-placeholder,
.float-label-control input[type=email]:focus::-moz-placeholder,
.float-label-control input[type=date]:focus::-moz-placeholder,
.float-label-control textarea:focus::-moz-placeholder,
.float-label-control select:focus::-moz-placeholder,
.float-label-control :focus::-moz-placeholder {
  color: transparent; }

.float-label-control input[type=text]:-ms-input-placeholder,
.float-label-control input[type=password]:-ms-input-placeholder,
.float-label-control input[type=email]:-ms-input-placeholder,
.float-label-control input[type=date]:-ms-input-placeholder,
.float-label-control textarea:-ms-input-placeholder,
.float-label-control select:-ms-input-placeholder,
.float-label-control :-ms-input-placeholder,
.float-label-control input[type=text]:focus:-ms-input-placeholder,
.float-label-control input[type=password]:focus:-ms-input-placeholder,
.float-label-control input[type=email]:focus:-ms-input-placeholder,
.float-label-control input[type=date]:focus:-ms-input-placeholder,
.float-label-control textarea:focus:-ms-input-placeholder,
.float-label-control select:focus:-ms-input-placeholder,
.float-label-control :focus:-ms-input-placeholder {
  color: transparent; }

.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important; }

.float-label-control input, .float-label-control textarea, .float-label-control label {
  font-size: 1em;
  box-shadow: none;
  -webkit-box-shadow: none; }

.float-label-control input:focus,
.float-label-control textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom-width: 2px;
  padding-bottom: 0; }

.float-label-control textarea:focus {
  padding-bottom: 4px; }

.float-label-control input, .float-label-control textarea {
  display: block;
  width: 100%;
  padding: 0.1em 0 1px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  outline: none;
  margin: 0; }

.float-label-control textarea {
  padding: 0.1em 0 5px 0; }

.float-label-control label {
  position: absolute;
  font-weight: normal;
  top: -0.8em;
  left: 0;
  color: #aaaaaa;
  z-index: 0;
  font-size: 0.8em;
  -moz-animation: float-labels 300ms none ease-out;
  -webkit-animation: float-labels 300ms none ease-out;
  -o-animation: float-labels 300ms none ease-out;
  -ms-animation: float-labels 300ms none ease-out;
  -khtml-animation: float-labels 300ms none ease-out;
  animation: float-labels 300ms none ease-out;
  /* There is a bug sometimes pausing the animation. This avoids that.*/
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important; }

.float-label-control input.empty ~ label,
.float-label-control textarea.empty ~ label {
  top: 0.2em;
  left: 10px;
  font-size: 1.2em;
  animation: none;
  -webkit-animation: none;
  pointer-events: none; }

.float-label-control input:not(.empty) ~ label,
.float-label-control textarea:not(.empty) ~ label {
  z-index: 1; }

.float-label-control input:not(.empty):focus ~ label,
.float-label-control textarea:not(.empty):focus ~ label {
  color: #aaaaaa; }

.padded_row.float-label-control label,
.padded_row .float-label-control label {
  left: 0.5em; }

.float-label-control.has-error .form-control,
.float-label-control.has-success .form-control,
.has-error .float-label-control .form-control,
.has-success .float-label-control .form-control {
  -webkit-box-shadow: none;
  box-shadow: none; }

@keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1em; }
  20% {
    font-size: 1em;
    opacity: 0; }
  30% {
    top: 0.1em; }
  50% {
    opacity: 0;
    font-size: 0.85em; }
  100% {
    top: -0.8em;
    opacity: 1; } }

@-webkit-keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1em; }
  20% {
    font-size: 1em;
    opacity: 0; }
  30% {
    top: 0.1em; }
  50% {
    opacity: 0;
    font-size: 0.85em; }
  100% {
    top: -0.8em;
    opacity: 1; } }

/*# sourceMappingURL=float-labels.css.map */