/****  floating-Lable style start ****/
.floating-label {
  position:relative; 
  margin-bottom:18px; 
}
.floating-select {
  font-size:14px;
  padding:4px 4px;
  margin-top:5px;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #CCCCCC;
}

.floating-select:focus {
  outline:none;
  border-bottom:2px solid #2196F3; 
}

.dropdown_label {
  border:0px solid #666666;
  color:#999; 
  width:100%;  
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-select:focus ~ .dropdown_label , .floating-select:not([value=""]):valid ~ .dropdown_label {
  border:0px solid #FF3366;
  /*margin-left:-15px;*/
  top:-15px;
  font-family: "Roboto", sans-serif;
  font-size:12px;
  color: #aaa;
  font-weight: normal;
}
 
.floating-select:not([value=""]):valid {
  outline:none;
  border-bottom:2px solid #2196F3; 
}