/* .js-float-label-wrapper {
	position: relative;
}

.js-float-label-wrapper label {
	position: absolute;
	top: 1em; left: 0.9em;
	opacity: 0;
}

.js-float-label-wrapper.focused label,
.js-float-label-wrapper.populated label {
	opacity: 1
}

.js-float-label-wrapper.focused input,
.js-float-label-wrapper.populated input,
.js-float-label-wrapper.focused textarea,
.js-float-label-wrapper.populated textarea {
	padding-top: 2em;
}

.js-float-label-wrapper input,
.js-float-label-wrapper textarea,
.js-float-label-wrapper label {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
} */


.group 			  { 
  position:relative;
  line-height: 22px;
  /* margin-bottom: 35px;  */
  /* margin-left: 40px; */
}

.inputMaterial,.inputMaterialNoRequiredAttr {
  font-size:12px;
  /* padding:10px 10px 10px 5px !important; */
  display:block;
  /* width:315px; */
  width: 100%;
  border:none;
  /* margin-left: 4px; */
  /* border-bottom:1px solid #757575; */
}

.dateWidth,.timeWidth, .passengerWidth, .luggageWidth {
	/* width:100px !important; */
}

.inputMaterial:focus 		{ outline:none;}

/* LABEL ======================================= */

.groupLabel {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left: 20px;
  letter-spacing: .6px;
  top: 0px;
  line-height: 42px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.groupLabelCell {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left: 76px;
  letter-spacing: .6px;
  top: 0px;
  line-height: 42px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

/* input[type=text].inputWithBackgroundColor ~ .groupLabel {
	left: 6px;
	color:#999 !important;
}
 */
input[type=text].no-border-input ~ .groupLabel {
	left: 6px;
}

/* active state */
.inputMaterial:focus ~ .groupLabel, .inputMaterial:valid ~ .groupLabel {
  top: -10px;
  font-size:11px;
  color: #b9b9c1;
}

.groupLabelOnTop {
  top: -10px;
  font-size:11px;
  color: #b9b9c1;
}

.groupLabelOnTopCell {
  top: -10px;
  font-size:11px;
  color: #b9b9c1;
  left: 76px;
}

.inputMaterial:valid
{
	 background-color: transparent;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background: #05507d; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after {
  width:50%;
}

.inputMaterial::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
.inputMaterial:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
.inputMaterial::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
.inputMaterial:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}

textarea.inputMaterial::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
textarea.inputMaterial:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
textarea.inputMaterial::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
textarea.inputMaterial:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}