/* /**
 *
 * Float label Style
 *
 */

.float-label-control input.empty + label.error,
.float-label-control textarea.empty + label.error,
.float-label-control select.empty + label.error {
  top: 1.8em;
  font-size: 12px;
  animation: none;
  -webkit-animation: none;
  z-index: 1;
  color: red;
  margin-left:5px;
}



.float-label-control label.error { position: absolute; font-weight: normal; top: 2.2em; left: 0.08em; color: red  !important; z-index: -1; font-size: 12px; -moz-animation: float-labels 200ms none ease-out; -webkit-animation: float-labels 200ms none ease-out; -o-animation: float-labels 200ms none ease-out; -ms-animation: float-labels 200ms none ease-out; -khtml-animation: float-labels 200ms none ease-out; animation: float-labels 200ms none ease-out; There is a bug sometimes pausing the animation. This avoids that. animation-play-state: running !important; -webkit-animation-play-state: running !important; }

.float-label-control1 label.error { position: absolute; font-weight: normal; top: 2.5em; left: 0.08em; color: red  !important; z-index: -1; font-size: 12px; -moz-animation: float-labels 200ms none ease-out; -webkit-animation: float-labels 200ms none ease-out; -o-animation: float-labels 200ms none ease-out; -ms-animation: float-labels 200ms none ease-out; -khtml-animation: float-labels 200ms none ease-out; animation: float-labels 200ms none ease-out; There is a bug sometimes pausing the animation. This avoids that. animation-play-state: running !important; -webkit-animation-play-state: running !important; }



.float-label-control { position: relative; margin-bottom: 1.5em;     text-align: left;}
    .float-label-control ::-webkit-input-placeholder { color: transparent; }
    .float-label-control :-moz-placeholder { color: transparent; }
    .float-label-control ::-moz-placeholder { color: transparent; }
    .float-label-control :-ms-input-placeholder { color: transparent; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
        .float-label-control input:focus,
        .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0;-moz-box-shadow: none;}
        .float-label-control textarea:focus { padding-bottom: 4px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 1.3em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #fecb00; outline: none; margin: 0px; background: none;color:#aaa;font-size:12px }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label { position: absolute; font-weight: normal; top: -1.2em; left: 0.08em; color: black; z-index: -1; font-size: 12px; -moz-animation: float-labels 200ms none ease-out; -webkit-animation: float-labels 200ms none ease-out; -o-animation: float-labels 200ms none ease-out; -ms-animation: float-labels 200ms none ease-out; -khtml-animation: float-labels 200ms none ease-out; animation: float-labels 200ms none ease-out; There is a bug sometimes pausing the animation. This avoids that. animation-play-state: running !important; -webkit-animation-play-state: running !important; }
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { top: 0.1em; font-size:14px; animation: none; -webkit-animation: none;z-index:1;color:darkgrey }
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label { z-index: 1; }
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus + label { color: black; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
.float-label-control ul.select-dropdown {width: 100% !important; max-height: 150px; overflow:auto;}
.float-label-control ul.select-dropdown.show {display: block !important;}
.float-label-control ul.select-dropdown li a{padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #d3d3d3}
.float-label-control ul.select-dropdown li a:hover{font-weight: Normal;}
.float-label-control ul.select-dropdown li a.hide{display: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color:white;
}
@keyframes float-labels 
    0% { color: #aaa; top: 0.1em; font-size: 1.5em; }
    10% {  top: -0.1em; font-size: 1.43em; }
    20% { top: -0.3em; font-size: 1.37em;}
    30% { top: -0.3em; font-size: 1.30em;}
    40% { top: -0.4em; font-size: 1.23em;}
    50% { top: -0.6em; font-size: 1.16em;}
    60% { top: -0.6em; font-size: 1.09em;}
    70% { top: -0.7em; font-size: 1.02em;}
    80% { top: -1.0em; font-size: 0.95em;}
    90% { top: -0.9em; font-size: 0.88em;}
    100% { top: -1.2em;  font-size: 0.85em;}
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    40% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    50% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    60% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    70% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    80% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    90% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.form-control:focus{
	border-bottom:0.01px solid #fecb00;
}




.float-label-control1 input.empty + label.error, .float-label-control1 textarea.empty + label.error {
  top: 2.1em;
  font-size: 12px;
    animation: none;
    -webkit-animation: none;
    z-index: 1;
     color:red;
}

#submessage.float-label-control1 input.empty + label.error, .float-label-control1 textarea.empty + label.error {
  top: 9.5em;
  font-size: 12px;
    animation: none;
    -webkit-animation: none;
    z-index: 1;
     color:red;
}

.float-label-control1 { position: relative; margin-bottom: 2.5em;     text-align: left;}
    .float-label-control1 ::-webkit-input-placeholder { color: transparent; }
    .float-label-control1 :-moz-placeholder { color: transparent; }
    .float-label-control1 ::-moz-placeholder { color: transparent; }
    .float-label-control1 :-ms-input-placeholder { color: transparent; }
    .float-label-control1 input:-webkit-autofill,
    .float-label-control1 textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control1 input, .float-label-control1 textarea, .float-label-control1 label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
        .float-label-control1 input:focus,
        .float-label-control1 textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0;-moz-box-shadow: none;}
        .float-label-control1 textarea:focus { padding-bottom: 4px; }
    .float-label-control1 input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #fecb00; outline: none; margin: 0px; background: none;color:#aaa;font-size:14px;line-height: 23px; }
    .float-label-control1 textarea { display: block;
    width: 100%;
       height: 88px;
    line-height: 20px;
    padding-top: 5%;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #fecb00;
    outline: none;
    margin: 0px;
    background: none;
    color: #aaa;
    font-size: 12px;}
    .float-label-control1 label { position: absolute; font-weight: normal; top: -1.2em; left: 0.08em; color: white; z-index: -1; font-size: 12px; -moz-animation: float-labels 200ms none ease-out; -webkit-animation: float-labels 200ms none ease-out; -o-animation: float-labels 200ms none ease-out; -ms-animation: float-labels 200ms none ease-out; -khtml-animation: float-labels 200ms none ease-out; animation: float-labels 200ms none ease-out; There is a bug sometimes pausing the animation. This avoids that. animation-play-state: running !important; -webkit-animation-play-state: running !important; }
    .float-label-control1 input.empty + label,
    .float-label-control1 textarea.empty + label { top: 0.1em; font-size:14px; animation: none; -webkit-animation: none;z-index:1;color:darkgrey }
    .float-label-control1 input:not(.empty) + label,
    .float-label-control1 textarea:not(.empty) + label { z-index: 1; }
    .float-label-control1 input:not(.empty):focus + label,
    .float-label-control1 textarea:not(.empty):focus + label { color: white; }
    .float-label-control1.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control1.label-bottom input:not(.empty) + label,
    .float-label-control1.label-bottom textarea:not(.empty) + label { top: 3em; }
.float-label-control1 ul.select-dropdown {width: 100% !important; max-height: 150px; overflow:auto;}
.float-label-control1 ul.select-dropdown.show {display: block !important;}
.float-label-control1 ul.select-dropdown li a{padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #d3d3d3}
.float-label-control1 ul.select-dropdown li a:hover{font-weight: Normal;}
.float-label-control1 ul.select-dropdown li a.hide{display: none;}
.form-control1[disabled], .form-control1[readonly], fieldset[disabled] .form-control1{
	background-color:white;
}
@keyframes float-labels {
    0% { color: #aaa; top: 0.1em; font-size: 1.5em; }
    10% {  top: -0.1em; font-size: 1.43em; }
    20% { top: -0.3em; font-size: 1.37em;}
    30% { top: -0.3em; font-size: 1.30em;}
    40% { top: -0.4em; font-size: 1.23em;}
    50% { top: -0.6em; font-size: 1.16em;}
    60% { top: -0.6em; font-size: 1.09em;}
    70% { top: -0.7em; font-size: 1.02em;}
    80% { top: -1.0em; font-size: 0.95em;}
    90% { top: -0.9em; font-size: 0.88em;}
    100% { top: -1.2em;  font-size: 0.85em;}
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    40% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    50% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    60% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    70% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    80% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    90% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.form-control1:focus{
	border-bottom:0.01px solid #fecb00;
}
 */
/* New focus floating labels starts from here */

/**
 *
 * Float label Style
 *
 */

.float-label-control {position: relative;margin-bottom: 1.5em;/* text-align: left; */}
    .float-label-control ::-webkit-input-placeholder { color: transparent; }
    .float-label-control :-moz-placeholder { color: transparent; }
    .float-label-control ::-moz-placeholder { color: transparent; }
    .float-label-control :-ms-input-placeholder { color: transparent; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label {/* font-size:13px; *//* box-shadow: none; *//* -webkit-box-shadow: none; */-moz-box-shadow: none;}
        .float-label-control input:focus,
        .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0;-moz-box-shadow: none;}
        .float-label-control textarea:focus { padding-bottom: 0px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none;color:black;font-size:13px }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label {position: absolute;font-weight:Normal;top: -2em;left: 0.08em;color: white; z-index:1;font-size: 0.85em;-moz-animation: float-labels 200ms none ease-out;-webkit-animation: float-labels 200ms none ease-out;-o-animation: float-labels 200ms none ease-out;-ms-animation: float-labels 200ms none ease-out;-khtml-animation: float-labels 200ms none ease-out;animation: float-labels 200ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/animation-play-state: running !important;-webkit-animation-play-state: running !important;}
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { top: 0.1em; font-size:14px; animation: none; -webkit-animation: none;z-index:1;color:darkgrey;}
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label {z-index: 1; color:white; margin-top:-4px !important;}
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus +  { color: white !important; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
.float-label-control ul.select-dropdown {width: 100% !important; max-height: 150px; overflow:auto;}
.float-label-control ul.select-dropdown.show {display: block !important;}
.float-label-control ul.select-dropdown li a{padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #d3d3d3}
.float-label-control ul.select-dropdown li a:hover{font-weight: Normal;}
.float-label-control ul.select-dropdown li a.hide{display: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color:white;
}
@keyframes float-labels {
    0% { color: #aaa; top: 0.1em; font-size: 1.5em; }
    /*10% {  top: -0.1em; font-size: 1.43em; }*/
    20% { top: -0.3em; font-size: 1.37em;}
    /*30% { top: -0.3em; font-size: 1.30em;}*/
    /*40% { top: -0.4em; font-size: 1.23em;}*/
    50% { top: -0.6em; font-size: 1.16em;}
    /*60% { top: -0.6em; font-size: 1.09em;}*/
    /*70% { top: -0.7em; font-size: 1.02em;}*/
    80% { top: -1.0em; font-size: 0.95em;}
    /*90% { top: -0.9em; font-size: 0.88em;}*/
    100% { top: -1.2em;  font-size: 0.85em;}
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    40% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    50% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    60% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    70% { top: 0.1em; font-size: 2.5em; opacity: 1;  }
    80% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    90% { top: 0.1em; font-size: 2.5em; opacity: 1;}
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 2.5em; opacity: 1; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.form-control:focus{
	border-bottom:0.01px solid black;
}


/* Ends here */