html.Safari input[type="text"].valid,
html.Chrome input[type="text"].valid {
    background-position: 5% center !important; /* Chrome a safari jinak chápou z jaké strany 5% */
}

.valid input[type="text"] {
    background: #EEF4EE url(/StyleSheets/Kalkulator/Images/tick.png) no-repeat center right 6px; /* x y bacha na safari bug */
}

input[type="text"].valid,
input[type="number"].valid,
.valid input[type="text"],
.valid input[type="number"] {
    padding-right: 30px;
    background: #EEF4EE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

select.valid, .valid select {
    background: #EEF4EE;
}

input[type="text"].notValid,
input[type="number"].notValid,
select.notValid,
.notValid select {
    background-image: url(/StyleSheets/Kalkulator/Images/errorBackground.png);
    background-position: top left;
    background-repeat: repeat;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #CC0000;
}

.valid > .data > select {
    background: #EEF4EE;
}