/*
 * Copyright (c) 2017 linkalist.io
 */

/*
 * Default jvFloat theme.
 * modify it as you wish!
 */

.jvFloat {
    position: relative;
    display: inline;
    margin-top: 0.9em;
}

.jvFloat .placeHolder.required {
    font-weight: normal;
    color: #470101;
}

.jvFloat .placeHolder.required:after {
    content: ' *';
}

/* Start CSS3 Animations on supported browser */
.jvFloat .placeHolder {
    position: absolute;
    top: -6px;
    left: 0;
    width: auto;
    font-size: .85em;
    font-weight: normal;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform 150ms, opacity 170ms, visibility 170ms;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap;
}

/*Allows textarea floating placeholder to be positioned distinctly from the normal .placeHolder class
 * This is required when working with Multiline text areas
 */
.jvFloat .placeHolder.textarea {
    /*top: 0px;*/
}

.float-label::placeholder:after {
    content: ' *';
}

.jvFloat .placeHolder.active {
    display: block;
    visibility: visible;
    -webkit-transform: translate(0, -1em);
    -moz-transform: translate(0, -1em);
    -o-transform: translate(0, -1em);
    -ms-transform: translate(0, -1em);
    transform: translate(0, -1em);
    transition: transform 150ms, opacity 170ms, visibility 170ms;
    opacity: 1;
}

/* End CSS3 */

/* Legacy browser */
/*.jvFloat .placeHolder {
	position: absolute;
	top: -1em;
	left: 0;
	color: #0c61fc;
	font-size: .85em;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
}
.jvFloat .placeHolder.active {
	display: block;
	visibility: visible;
	opacity: 1;
}*/
/* End Legacy */