/*
 *  labelholder - v0.1.3
 *  Floatlabels for Bootstrap.
 *  https://github.com/Borzik/labelholder
 *
 *  Made by Felix Borzik
 *  Under MIT License
 */

 .has-labelholder {
  position: relative
}

.has-labelholder .form-control {
  -webkit-transition: padding .2s linear;
  transition: padding .2s linear
}

.has-labelholder:before {
  color:#fcdb48 !important;
  position: absolute;
  top: 0px;
  left: 13px;
  opacity: 0;
  z-index: 5;
  pointer-events: none;
  content: attr(data-label);
  font-size: 12px;
  font-weight: 100;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear
}

.has-labelholder.input-group-lg:before,
.has-labelholder.form-group-lg:before {
  font-size: 12px;
  left: 17px;
  top: 3px
}

.has-labelholder.input-group-sm:before,
.has-labelholder.form-group-sm:before {
  font-size: 8px;
  left: 11px;
  top: 1px
}

.has-labelholder.floating:before {
  opacity: 1
}

.has-labelholder.floating .form-control {
    padding-top: 33px;
    padding-right: 12px;
    padding-bottom: 18px;
    padding-left: 12px;
}

.has-labelholder.floating.input-group-lg .form-control,
.has-labelholder.floating.form-group-lg .form-control {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px
}

.has-labelholder.floating.input-group-sm .form-control,
.has-labelholder.floating.form-group-sm .form-control {
  padding-top: 9px;
  padding-right: 10px;
  padding-bottom: 1px;
  padding-left: 10px
}