/*
 * FlowupLabels Basic Stylesheet
 * -----------------------------
 * This style sheet is marked with comments indicating
 * what should and what shouldn't be changed for your
 * styling purposes.
 */
 .classic {
  opacity: 0;
  top:-1em; position:absolute;
  z-index: -1; font-size:12px; text-transform:uppercase;
}
.classic.is-active {
  opacity: 1;
  position:absolute;
  z-index: 1;
  color:#ccc;
  left: 45px;
  line-height: 20px;
  top: -7px;
}


.FlowupLabels .fl_wrap {
  /* Can change */
  height: 46px;
  display:block;
  position:relative;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}
.FlowupLabels .full-width .fl_wrap{ height: auto;}

/* initial label state */
.FlowupLabels .fl_label {
  /* Can change */
  top:6px; text-transform:uppercase;
  left: 5px;

  /* Don't change */
  position:absolute;
  z-index:3; /* This can be removed but then the labels must be placed after the inputs in the HTML */
  -webkit-transition: all .05s linear;
	   -moz-transition: all .05s linear;
	   	   -transition: all .05s linear;
}

.FlowupLabels .fl_input {
  /* Can change */
  background: none;
  border:none;
  border-bottom: 0;
  border-radius: 0;
  font-size: 16px;
  line-height: 22px;
  padding: 11px 0 0 5px;
    height:36px;

  /* Don't change */
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  width: 100%;
  z-index:2; /* This can be removed but then the labels must be placed after the inputs in the HTML */
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
          box-sizing:border-box;
}


.FlowupLabels .populated .fl_input, .FlowupLabels .populated .fl_input:focus{ padding-top:8px;}
/* Focus & populated label styling */
.FlowupLabels .fl_wrap.focused .fl_label,
.FlowupLabels .fl_wrap.populated .fl_label {
/* Can change */
  top:-9px;
  font-size:12px;
}
.FlowupLabels .fl_wrap.focused .fl_label {
  /* Can change */
  color: #00A34D;
}

.botline span.fly-group {display: inline-block;}

.appsection, .appsection label, .appsection .FlowupLabels .fl_input {font-size: 12px;}
.app-emergency .fl_wrap{display: inline-block;width: 60%;}
@media screen and (max-width:767px){
    .FlowupLabels .fl_label{position:relative;}
    .FlowupLabels .fl_wrap {height:auto;}

}

@media only screen and (min-width : 320px) and (max-width : 640px) {
    .classic.is-active { top: -4px;}
    .FlowupLabels .fl_label{top: 3px;}
    .app-emergency .fl_wrap {float: right;padding-right: 28px;width: 87%;}
    .FlowupLabels .fl_input {padding-top: 12px !important;}
}