/* no outline in chrome */
*:focus {
    outline: none;
}

input:-webkit-autofill {
    /* trick to remove yellow background in chrome */
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}

input.validatorField , textarea.validatorField , select.validatorField{
    position:relative;
    display:inline-block;
    font-size:12px;
    font-family:Verdana,Arial;
    vertical-align:middle;
    outline: none;
    background-color: white;
}

textarea.validatorField{
    width:100%;
    min-height:3.5em;
}

input[type="text"].validatorField , input[type="password"].validatorField , textarea.validatorField , select.validatorField{
    padding:1px;
    border:1px solid #000000;
    margin:1px;
    padding-left:5px;
}

input[type="text"].validatorField:focus , input[type="password"].validatorField:focus , textarea.validatorField:focus , select.validatorField:focus{
    border:2px solid #0077DD;
    margin:0px;
}

input[type="text"].validatorField.wrong , input[type="password"].validatorField.wrong , textarea.validatorField.wrong , select.validatorField.wrong {
    color:red;
    border-color:red;
}

input[type="text"].validatorField.good, input[type="password"].validatorField.good, textarea.validatorField.good, select.validatorField.good {
    color: #009016;
    border-color: #0E6F00;
}

select.validatorField.wrong option, select.validatorField.good option{
    color:black;
}



.validatorIcon{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    z-index:1;
    background-color:#EEEEEE;
    border:1px solid #555555;
    border-radius:11px;
    right:0px;
    top:0px;
    max-height: 20px;
    height: 16px;
	width: 16px;
	margin-left: 10px;
}

.validatorIcon.good{
    color:green;
    border-color:green;
    background-color:#00AA00;
}

.validatorIcon.wrong{
    color:red;
    border-color:red;
    background-color:#FF8800;
}

@media screen and (max-width: 1080px) {
    input.validatorField , textarea.validatorField , select.validatorField{
        font-size: 2.2vw;
    }
    input[type="text"].validatorField , input[type="password"].validatorField , textarea.validatorField , select.validatorField{
        /*
        margin-left: 10px;
        */
        margin-right: 0.7vw;
    }
    validatorField{
        margin-left: 1vw;
    }
}