.form-group  .textarea-normal{
            padding:0px;            
            }
              .checkbox.switch.disabled input[type=checkbox]~.switch-toggle:after, fieldset[disabled] input[type=radio]~.switch-toggle:after, input[type=radio][disabled]~.switch-toggle:after {
    background-color: #aaa;
    }    
              .checkbox.switch.disabled input[type=checkbox]~.switch-toggle, fieldset[disabled] input[type=radio]~.switch-toggle, input[type=radio][disabled]~.switch-toggle {
    background-color: #aaa;
    }


        input[type=checkbox]:checked+.switch-toggle, input[type=radio]:checked+.switch-toggle {
    background-color: rgb(0, 0, 255,.5);
}
        input[type=checkbox]:checked+.switch-toggle:after, input[type=radio]:checked+.switch-toggle:after {
    background-color: white;
 
}
.switch-inline, .switch-inline {
    display: inline-block;
    margin-right: 16px;
}
    .radiobtn.disabled input[type=radio]:checked~.radiobtn-circle, fieldset[disabled] input[type=radio]:checked~.radiobtn-circle, input[type=radio]:checked[disabled]~.radiobtn-circle {
    border-color: #aaa;
    }
        .radiobtn.disabled input[type=radio]:checked~.radiobtn-circle-check, fieldset[disabled] input[type=radio]:checked~.radiobtn-circle-check, input[type=radio]:checked[disabled]~.radiobtn-circle-check {
    background-color: #aaa;
}
        input[type=radio]:checked~.radiobtn-circle-check {
    background-color: white;
    }
    input[type=radio]:checked~.radiobtn-circle {
    border-color: white;
}
    .radiobtn label{
            color: white;
            font-weight: 400;            
            }
        .radio-inline, .checkbox-inline {
    
    padding-left:0px!important;
    
}
        .radio, .checkbox {
    
    margin-top: 12px!important;
    margin-bottom: 12px!important;
}
        disabled input[type=checkbox]:checked~.checkbox-circle-icon, fieldset[disabled] input[type=checkbox]:checked~.checkbox-circle-icon, input[type=checkbox]:checked[disabled]~.checkbox-circle-icon {
    background-color: #aaa;
}
        .checkbox label{
            color: white;
            }
            input[type=checkbox]:checked~.checkbox-circle-icon {
    background-color: white;
    }
    .tab-nav-indicator.animate {
    background-color: #0ff;
   
}
        .tab-nav .nav>li.active>.a, .tab-nav .nav>li.active>a {
    border-bottom-color: #0ff;
    color: white;
    transition: border-bottom-color 0s .45s;
}
        
        .form-group-label.control-focus .floating-label{
            color: white!important;
            margin-top: 6px;
            font-size:13px;
        }
        .form-group-label.control-highlight .floating-label{
            color: white!important;
            margin-top: 6px;
            font-size:13px;
        }
        .form-group-label {
    margin-top: 5px;
    margin-bottom: 5px;
}

 .form-group .more {
   // font-size:10px;
    //color: white;
}
        .form-group .checkbox label, .form-group .radio label, .form-group label, .form-group .label-on-left, .form-group .label-on-right {
    
    color: white;

            }
           
    
            
             .form-group.is-focused .form-control {

    background-image: linear-gradient(#f00, #f00), linear-gradient(#0ff,#0ff );
   
}

        .form-group .form-control {

   background-image: linear-gradient(#f00, #f00), linear-gradient(#0ff, #0ff);
   
}
        

        .qbmtg	{ position:relative; margin-bottom:15px; }

.qbmtg input {
  
  padding:10px 10px 5px 5px;
  
  width:100%;
  border:none;
  border-bottom:1px solid white;
  background: transparent;
}
.qbmtg input:focus 		{ outline:none; }

.qbmtg input:valid { border-bottom: 1px solid white;}
.qbmtg input:invalid.used { border-bottom: 1px solid red;}


/* BOTTOM BARS ================================= */
.qbmtg .bar 	{ position:relative; display:block; width:100%; }
.qbmtg .bar:before, .bar:after 	{
  content:'';
  height:2px;
  width:0;
  bottom:1px; 
  position:absolute;
  background:white; 
  transition:0.2s ease all;
}
.qbmtg .bar:before {
  left:50%;
}
.qbmtg .bar:after {
  right:50%; 
}

.qbmtg input:valid ~ .bar:before,.qbmtg input:valid ~ .bar:after{
  background: white !important;
}


/* HIGHLIGHTER ================================== */
.qbmtg .highlight {
  position:absolute;
  height:60%; 
  width:100%; 
  top:25%; 
  left:0;
  pointer-events:none;
  transition:0.2s ease all;
  opacity:0.5;
}

/* active state -------------------------------------------- */
.qbmtg input:focus ~ gtitle,.qbmtg input.used ~ gtitle 		{
  top:-10px;
  font-size:13px;
  color:white;
}


.qbmtg input:disabled ~ gtitle ,.qbmtg input:disabled.used ~ gtitle{
	top:-10px;
  font-size:13px;
  color: white;
}
.qbmtg input:valid ~ gtitle ,.qbmtg input:valid.used ~ gtitle{
	top:-10px;
  font-size:13px;
  color: white;
}
.qbmtg input:invalid.used ~ gtitle{
	top:-10px;
  font-size:14px;
  color: red;
}


.qbmtg input:focus ~ .bar:before {
  width:50%;
}
.qbmtg input:focus ~ .bar:after {
  width:50%;
}

.qbmtg input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
}
.qbmtg input:valid ~ .hightlight {
    -webkit-animation:validHighlighter 0.3s ease;
}
.qbmtg gtitle 				{
  color:white; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
}
.qbmtg .err{
	right:0px;
	position: absolute;
    margin-top: -45px;
    color:red;
    padding-left:5px;
    font-size: 12px;
}
.qbmtg label{
	right:0px;
	position: absolute;
  
    color:red;
    
    font-size: 0px;
   
}
.qbmtg input.used ~ note{
	text-decoration: none;
	padding-left:5px;
	font-size:0px;
}
.qbmtg note{
	padding-left:5px;
	text-decoration: none;	
	color:white;
	font-size:10px;
}
.qbmtg input:invalid.used ~ require{
	padding-left:5px;
	text-decoration: none;
	color:red;
	font-size:10px;
}
.qbmtg require{
	padding-left:5px;
	text-decoration: none;	
	font-size:0px;
}
a:-webkit-any-link {    
    text-decoration: none;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}


@-webkit-keyframes validHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes validHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}
@keyframes validHighlighter {
    from { background:white; }
  to    { width:0; background:transparent; }
}