/******* Bootstrap Theming ********/
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


/* Google */
.label-float{
  position: relative;
  padding-top: 10px;
  font-size: 12px;
}

.label-float input{
  color: #888;
  font-family: 'Lato', 'sans-serif';
  font-size: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  outline: none;
  width: 100%;
  padding: 15px 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s;
  -webkit-appearance:none;
 
}

.label-float input:focus{
  border: 1px solid #3951b2;
}

.label-float input::placeholder{
  color:transparent;
}

.label-float label{
  pointer-events: none;
  position: absolute;
  top: calc(50% - 8px);
  left: 20px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
}

.label-float input:required:invalid + label{
  color: red;
}
.label-float input:focus:required:invalid{
  border: 1px solid red;
}
.label-float input:required:invalid + label:before{
  content: '*';
}
.label-float input:focus + label,
.label-float input:not(:placeholder-shown) + label{
  font-size: 12px;
  top: 0;
  color: #3951b2;
}

.label-float select{
  color: #888;
  font-family: 'Lato', 'sans-serif';
  font-size: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  outline: none;
  width: 100%;
  padding: 15px 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s;
  -webkit-appearance:none;
 
}
.label-float select:focus{
  border: 1px solid #3951b2;
}

.label-float select::placeholder{
  color:transparent;
}

.label-float select:focus{
  border: 1px solid #3951b2;
}

.label-float select::placeholder{
  color:transparent;
}

.label-float select:required:invalid + label{
  color: red;
}
.label-float select:focus:required:invalid{
  border: 1px solid red;
}
.label-float select:required:invalid + label:before{
  content: '*';
}
.label-float select:focus + label,
.label-float select:not(:placeholder-shown) + label{
  font-size: 12px;
  top: 0;
  color: #3951b2;
}

.label-float textarea{
  color: #888;
  font-family: 'Lato', 'sans-serif';
  font-size: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  outline: none;
  width: 100%;
  padding: 15px 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s;
  -webkit-appearance:none;
 
}
.label-float textarea:focus{
  border: 1px solid #3951b2;
}

.label-float textarea::placeholder{
  color:transparent;
}

.label-float textarea:focus{
  border: 1px solid #3951b2;
}

.label-float textarea::placeholder{
  color:transparent;
}

.label-float textarea:required:invalid + label{
  color: red;
}
.label-float textarea:focus:required:invalid{
  border: 1px solid red;
}
.label-float textarea:required:invalid + label:before{
  content: '*';
}
.label-float textarea:focus + label,
.label-float textarea:not(:placeholder-shown) + label{
  font-size: 12px;
  top: 0;
  color: #3951b2;
}

.label-float-r {
  display: inline-block;
  color: #888;
  font-family: 'Lato', 'sans-serif';
  font-size: 12px;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  outline: none;
  width: 100%;
  margin-top: 12px;
  padding: 15px 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s;
  -webkit-appearance:none;
 
}

.label-float-r label{
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 20px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
  color: #3951b2;
}