.mk-form.flex {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.mk-form .mk-input-validation {
    position: relative;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.mk-form .mk-input-validation label {
    padding: 0;
    float: left;
}

.mk-form .mk-input-validation * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mk-form .mk-input-validation > div.fv-field-icon {
    font-family: 'Noto Sans', sans-serif;
    font-family: var(--content-font-family), sans-serif;
    width: 35px;
    height: 100%;
    bottom: 0;
    right: 0;
    display: block;
    position: absolute;
}

.mk-form .mk-input-validation.is-check > div.fv-field-icon {
    content: '' !important;
    background: none !important;
}

.mk-form .mk-input-validation.is-check.error input{
    box-shadow: 0px 0px 0px 1px red;
}

.mk-form .mk-input-validation.is-select > div.fv-field-icon {
    right: 13px;
}

.mk-form .mk-input-validation.required > div.fv-field-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11.537' viewBox='0 0 12 11.537'%3E%3Cpath id='Hvězdička' d='M95.87,26.772l-.536,4.9,4.952-1.386.326,2.408-4.715.349,3.055,4.066-2.22,1.2-2.195-4.466L92.564,38.31l-2.295-1.2,3.019-4.066L88.611,32.7l.362-2.408,4.877,1.386-.536-4.9Z' transform='translate(-88.611 -26.772)' fill='%233dab0f'/%3E%3C/svg%3E") no-repeat center center / auto 12px;
}

.mk-form .mk-input-validation input:required,
.mk-form .mk-input-validation textarea:required,
.mk-form .mk-input-validation select:required
{
    box-shadow: none;
    /*border: 1px solid transparent;*/
    box-sizing: border-box;
}

.mk-form .mk-input-validation.error {
    border: none;
    font-size: inherit;
    background: transparent;
    overflow: visible !important;
}

.mk-form .mk-input-validation > span.fv-field-error {
    color: #D20000;
    font-size: 13px;
    position: absolute;
    top: auto;
    height: 0;
    line-height: 0;
    right: 1px;
    padding: 0px 11px;
    border-radius: 8px;
    display: none;
}

.mk-form .mk-input-validation.error > span.fv-field-error {
    display: block;
}

.mk-form .mk-input-validation.error > div.fv-field-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.375' height='10.376' viewBox='0 0 10.375 10.376'%3E%3Cg id='špatně' transform='translate(5.188 -5.163) rotate(45)'%3E%3Cpath id='Path_164' data-name='Path 164' d='M8.225,0l-2.9,2.9L2.151,6.074,0,8.2l2.025,2.024.127.1,8.225-8.2Z' transform='translate(0 7.337) rotate(-45)' fill='%23d20000'/%3E%3Cpath id='Path_165' data-name='Path 165' d='M8.225,0l-2.9,2.9L2.151,6.074,0,8.2l2.025,2.024.127.1,8.225-8.2Z' transform='translate(7.337 14.637) rotate(-135)' fill='%23d20000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / auto 12px;
}

.mk-form .mk-input-validation.error > div.fv-field-icon.out {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.375' height='10.376' viewBox='0 0 10.375 10.376'%3E%3Cg id='špatně' transform='translate(5.188 -5.163) rotate(45)'%3E%3Cpath id='Path_164' data-name='Path 164' d='M8.225,0l-2.9,2.9L2.151,6.074,0,8.2l2.025,2.024.127.1,8.225-8.2Z' transform='translate(0 7.337) rotate(-45)' fill='%23d20000'/%3E%3Cpath id='Path_165' data-name='Path 165' d='M8.225,0l-2.9,2.9L2.151,6.074,0,8.2l2.025,2.024.127.1,8.225-8.2Z' transform='translate(7.337 14.637) rotate(-135)' fill='%23d20000'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / auto 12px;
    right: -33px;
}

.mk-form .mk-input-validation input,
.mk-form .mk-input-validation textarea,
.mk-form .mk-input-validation select
{
    padding-right: 35px !important;
    float: right;
}

.mk-form .mk-input-validation.error input,
.mk-form .mk-input-validation.error textarea,
.mk-form .mk-input-validation.error select
{
    border: 1px solid;
    border-color: #D20000 !important;
    box-shadow: none;
}

.mk-form .mk-input-validation.error.empty input,
.mk-form .mk-input-validation.error.empty textarea,
.mk-form .mk-input-validation.error.empty select
{
    border-color: inherit;
}

.mk-form .mk-input-validation.success > div.fv-field-icon {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.919' height='10.827' viewBox='0 0 13.919 10.827'%3E%3Cg id='Správně' transform='translate(8.764 -3.093) rotate(45)'%3E%3Crect id='Rectangle_292' data-name='Rectangle 292' width='7.291' height='2.916' rx='1.458' transform='translate(0 9.478)' fill='%233dab0f'/%3E%3Crect id='Rectangle_293' data-name='Rectangle 293' width='12.394' height='2.916' rx='1.458' transform='translate(7.291 0) rotate(90)' fill='%233dab0f'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / auto 12px;
}

.mk-form .mk-input-validation.error.empty .fv-field-error {
    background-color: transparent !important;
}

.mk-form .form-row {
    margin-bottom: 10px;
    text-align: left;
}

.mk-form.flex .form-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mk-form .form-row label {
    display: inline-block;
    width: 121px;
    font-size: 14px;
    text-align: left;
    box-sizing: border-box;
    vertical-align: middle;
    line-height: initial;
}

.mk-form .form-row label + .mk-input-validation {
    width: calc(100% - 121px);
    vertical-align: middle;
}

.mk-form .form-row label + .mk-input-validation input,
.mk-form .form-row label + .mk-input-validation textarea {
    width: 100%;
}

.mk-form .form-row input,
.mk-form .form-row textarea {
    padding: 9px 16px;
    width: calc(100% - 121px);
    border: 1px solid rgba(211, 211, 211, 1);
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 4px;
}

.mk-form .form-row label + .mk-input-validation input[type="file"] {
    max-height: initial;
    height: auto;
    font-size: 13px;
    color: initial;
}

.mk-form .form-row.submit {
    text-align: center;
    margin-top: 10px;
}

.mk-form .form-row.submit > button {
    line-height: initial;
}

@media screen and (max-width: 450px) {
    .mk-form .mk-input-validation {
        width: 100%;
    }

    .mk-form .mk-input-validation.error > div.fv-field-icon {
        right: 0;
    }

    .mk-form .mk-input-validation > span.fv-field-error {
        right: 19px;
    }   
}