@charset "utf-8";
/* CSS Document */

div[data-help-validation="true"]{
	position:relative;
	display:block;
}

div[data-help-validation="true"] div.help-message-container,
div[data-help-validation="true"] div.help-message-container-right,
div[data-help-validation="true"] div.help-message-container-left,
div[data-help-validation="true"] div.help-message-container-top,
div[data-help-validation="true"] div.help-message-container-bottom {
    display:none;
    width:auto;
	min-width:180px;
	max-width:100%;
	min-height:18px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	color:#333;
	text-shadow:none;
	font-size:82%;
	line-height:164%;
	vertical-align:top;
	z-index:800;
	top:0;
	padding:6px 10px;
	/*border-radius:6px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.3);
    border:1px solid #888;
    background:#aaa;*/
}

div[data-help-validation="true"] div.help-message-container-right {
    float:right;
    right:0;
}
div[data-help-validation="true"] div.help-message-container-left {
    float:left;
    left:0;  
}
div[data-help-validation="true"] div.help-message-container-top {
    top:-24px;
}
div[data-help-validation="true"] div.help-message-container-bottom {
    bottom:-24px;
    clear:both;
}


/*
div[data-help-validation="true"] div.help-message-container
{
	display:none;
	width:180px;
	min-height:28px;
	overflow:hidden;
	margin:0 auto auto;
	position:absolute;
	color:#333;
	text-shadow:none;
	font-size:82%;
	vertical-align:top;
	z-index:400;
	top:0;
	padding:5px;
	border-radius:6px;
	background:#aaa;
	box-shadow:0 0 3px rgba(0,0,0,.7);
}*/

div[data-help-validation="true"] div.validation-image-none,
div[data-help-validation="true"] div.validation-image-valid,
div[data-help-validation="true"] div.validation-image-invalid,
div[data-help-validation="true"] div.validation-image-required{
    width:30px;
    height:26px;
    min-width:30px;
    min-height:26px;
    max-width:30px;
    max-height:26px;
    overflow:hidden;
    color:rgba(255,255,255,.9);
    text-shadow:none;
    display:inline-block;
    position:static;
    margin:3px 0 auto 5px;
    padding:0;
	background-repeat:no-repeat;
	background-image:url(/scripts/plugins/help-validation/images/validation-icons.png);
	background-position: 30px 0;
	vertical-align:top;
} 
div[data-help-validation="true"] div.validation-image-none{
    display:none;
}

div[data-help-validation="true"] div.validation-image-valid{
    background-position: -30px 0;
}

div[data-help-validation="true"] div.validation-image-invalid{
    background-position: 0 0;
}

div[data-help-validation="true"] div.validation-image-required{
    background-position: -60px 0;
}

div.validation-hover{
    display:none;
    box-shadow: -2px 1px 12px #333;
    -moz-box-shadow: -2px 1px 12px #333;
    -o-box-shadow: -2px 1px 12px #333;
    -webkit-box-shadow: -2px 1px 12px #333;
    position:absolute;
    background:#fdfdbd;
    text-shadow:none;
    color:#333;
    border-radius:6px;
    -o-border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    width:auto;
    padding:7px 10px;
    z-index:500;
}

div.validation-hover:before 
{
    content: "\00a0";
    display: block;
    height: 0;
    width:  0;
    position: absolute;
    top: 2px;
    left:-23px;
    z-index:119;
    border-width:15px;
    border-style:solid;
    border-color:transparent #fdfdbd transparent transparent;
    
}

div.validation-hover-msg{
    font-size:80%;
    text-align:left;
    margin:3px 10px 3px 0;
    display:block;
    width:100%;
    text-shadow:none;
    color:#333;
    height:auto;
}

div.system-value-date {
    position: absolute;
    display: inline-block;
    top: 5px;
}

input.system-value-date {
    position: absolute;
    display: inline-block;
    top: 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 
{
    div[data-help-validation="true"] div.validation-image-valid,
    div[data-help-validation="true"] div.validation-image-invalid,
    div[data-help-validation="true"] div.validation-image-required{
		background-image: url(/scripts/plugins/help-validation/images/validation-icons@2x.png);
		background-size:auto 26px;
    }
}

@media screen and (max-width:790px){
    
    div[data-help-validation="true"] div.help-message-container,
    div[data-help-validation="true"] div.help-message-container-right,
    div[data-help-validation="true"] div.help-message-container-left,
    div[data-help-validation="true"] div.help-message-container-top,
    div[data-help-validation="true"] div.help-message-container-bottom {
	    margin-left:23%;
	    top:7px;
    }
}

@media screen and (max-width:580px)
{
    
    div.section input[type="text"],
    div.section input[type="password"],
    div.section textarea {
        max-width:210px !important;
    }
    
    [data-role="fieldcontain"]{
       min-width:400px; 
    }
    
    div[data-help-validation="true"] div.validation-image-valid,
    div[data-help-validation="true"] div.validation-image-invalid,
    div[data-help-validation="true"] div.validation-image-required{
		margin-right:auto;
    }
}

@media screen and (max-width:480px)
{
    
    div.section input[type="text"],
    div.section input[type="password"],
    div.section textarea {
        max-width:210px !important;
    }
    
    [data-role="fieldcontain"]{
       min-width:400px; 
    }
    
    div[data-help-validation="true"] div.validation-image-valid,
    div[data-help-validation="true"] div.validation-image-invalid,
    div[data-help-validation="true"] div.validation-image-required{
		margin-right:auto;
    }
}

@media screen and (max-width:467px) {
    div[data-help-validation="true"] div.help-message-container,
    div[data-help-validation="true"] div.help-message-container-right,
    div[data-help-validation="true"] div.help-message-container-left,
    div[data-help-validation="true"] div.help-message-container-top,
    div[data-help-validation="true"] div.help-message-container-bottom {
	    margin-left:21%;
    }
    [data-role="fieldcontain"]{
       min-width:320px; 
    }
}

@media screen and (max-width:320px) {
    div[data-help-validation="true"] div.help-message-container,
    div[data-help-validation="true"] div.help-message-container-right,
    div[data-help-validation="true"] div.help-message-container-left,
    div[data-help-validation="true"] div.help-message-container-top,
    div[data-help-validation="true"] div.help-message-container-bottom {
	    margin-left:auto;
    }
    
    [data-role="fieldcontain"]{
       min-width:260px; 
    }
    
    div.validation-hover{
        position:relative;
        margin:0 auto;
        width:200px;
        top:10px;
        left:15px;
    }


    div.validation-hover::before 
    {
        top: -23px;
        margin:0 auto;
        content: "\00a0";
        display: block;
        height: 0;
        width:  0;
        position: absolute;
        left:92px;
        right:auto;
        z-index:119;
        border-width:15px;
        border-style:solid;
        border-color:transparent transparent #fdfdbd transparent;
    }
}