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

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

    .jvFloat .placeHolder.required {
        color: red;
    }

    /* Start CSS3 Animations on supported browser */
    .jvFloat .placeHolder {
        display: block;
        position: absolute;
        margin-top: -8px;
        left: 0;
        width: auto;
        color: #b3b3b3;
        font-size: .8em;
        font-weight: bold;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: -webkit-transform 150ms, opacity 100ms, visibility 100ms;
        transition: transform 150ms, opacity 100ms, visibility 100ms;
        opacity: 0;
        visibility: hidden;
    }

.Safari .jvFloat .placeHolder {
    visibility: visible;
}

.jvFloat .placeHolder.active {
    /*margin-top: -5px;*/
    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);
    -webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
    transition: transform 100ms, opacity 120ms, visibility 120ms;
    opacity: 1;
}

.Firefox .FFFixTextArea .jvFloat .placeHolder {
    position: relative;
    margin-bottom: -7px;
}

.jvFloat textarea {
    margin-top: 1em;
}
/* 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 */


/*Modifications*/

.BlueLabel .jvFloat .placeHolder {
    color: #0080ff!important;
}

/* JH - 20150622 */
/* Start CSS3 Animations on supported browser */
.jvFloat .placeHolder:before {
    
    content: "";
       padding-right: 00px;
        font-size: 18px;
        color: transparent!important;
    display: inline;
    visibility: visible;
}
.di-required .jvFloat .placeHolder:before {
    content: "\25CF";
    padding-right: 10px;
    font-size: 18px;
    color: red!important;
    display: inline !important;
    font-weight: bold;        
    visibility: visible;   
}

.di-required .jvFloat .placeHolder.active:before {
    content: "\25CF";
    padding-right: 10px;
    font-size: 18px;
    color: red!important;
    display: inline !important;
    font-weight: bold;
    visibility: visible;    
}
/* JH - 20150622 */

/*@media (min-width: 1px) and (max-width:767px) {
    .jvFloat .placeHolder.active {
        -webkit-transform: translate(0, -0.5em);
    -moz-transform: translate(0, -0.5em);
    -o-transform: translate(0, -0.5em);
    -ms-transform: translate(0, -0.5em);
    transform: translate(0, -0.5em);
    -webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
    transition: transform 100ms, opacity 120ms, visibility 120ms;
    }
}*/

/*END Modifications*/