/*.floating-form {
  width:320px;
  }*/

  /****  floating-Lable style start ****/

.para_content_signup input{
  padding: 20px;
}
/*.navbar-light{
  padding-bottom: 6px;
}
*/
  .floating-label { 
    position:relative; 
    margin-bottom:5px; 
    margin-top: 5px;
  }
  .floating-input , .floating-select {
    font-size:16px;
    padding:4px 4px;
    display:block;
    width:100%;
    height:30px;
    background-color: transparent;
    color: #333333;
    border:1px solid #7a7a7a;
  }

  .floating-input:focus , .floating-select:focus {
   outline:none;
   border:1px solid #31727d; 
 }
 .floating-label span{
  color: #d63333;

}
label {
  color:#333333; 
  font-size:16px;
  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;

  position: absolute;

/*left: -9px;*/

top: 1px;

color: #999;

font-size: 16px;

display: inline-block;

padding: -1px 18px;

font-weight: 400;

background-color: rgba(255, 255, 255, 0);

pointer-events: none;

}
label.active {

top: -11px;

color: black;

background-color: #ffffff;

padding: 0px 0;

font-size: 16px;

left: 24px;
}

.form-control:focus{
  border: 1px solid #b51410;
}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-22px;
  font-size:14px;
  color: black;
}
#field, label{
  margin-left: 5px;
  margin-top: 5px;
  margin-top: 8px;
}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-22px;
  font-size:14px;
  color:#5264AE;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
  overflow-x: hidden; 
  margin-bottom: 6px;
  margin-top: 8px;
  }

  /* highlighter */
/*.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
  }*/

  /* active state */
  .floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
    -webkit-animation:inputHighlighter 0.3s ease;
    -moz-animation:inputHighlighter 0.3s ease;
    animation:inputHighlighter 0.3s ease;
  }

  /* animation */
  @-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to  { width:0; background:transparent; }
  }
  @-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
    to  { width:0; background:transparent; }
  }
  @keyframes inputHighlighter {
    from { background:#5264AE; }
    to  { width:0; background:transparent; }
  }

  /****  floating-Lable style end ****/

  /***   Body style start  ***/

/*  html {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: red;
    padding: 12px;
    background-color: #ffffff;
  }*/
  /***   Body style end  ***/
.my-form-textarea textarea{
  width: 100%;
  font-size: 14px;
border-radius: 3px;
  padding: 12px ;
  resize: none;
  min-height:  100px;
  border-color: #7a7a7a !important;
}
.floating-label label{
  background-color: #ffffff;
}
.floating-label input{
  width:100%;

padding: 19px 15px;

margin-bottom:8px;
margin-top: 6px;

font-size: 14px;
}
  /***   daniel - Fork me friend - style   ***/
  .floating-credit { position:fixed; bottom:10px;right:10px; color:#aaa; font-size:13px;font-family:arial,sans-serif; }
  .floating-credit a { text-decoration:none; color:#000000; font-weight:bold; }
  .floating-credit a:hover { border-bottom:1px dotted #f8f8f8; }
  .floating-heading { position:fixed; color:#aaa; font-size:20px; font-family:arial,sans-serif; }
  /***  daniel - Fork me friend - style  ***/


/*
#datepairExample span {
    font-size: 12px;
    color: #333333;
   
}
#date1{
    background-color: transparent;
    border: 1px solid #757575;
    border-left: none;
    border-radius: 0;
}
*/

/*#datepairExample .floating-input, .floating-select{
  display: inline;
  }*/
/*.dropdown-menu .form-group{
margin-bottom: 3rem;
}
label.error{
  color:#dc3545!important;
  margin-top: 42px;
}*/