.validator_error {
    padding: 5px 10px!important;
    color: white!important;
    border-radius: 20px!important;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black!important;
    position: absolute!important;
    opacity: .9!important;
    min-width: 40px!important;
    z-index: 1000!important;
    white-space:nowrap!important;
    pointer-events: none!important;
}

.validator_error, .validator_error .popup_arrow:after {
    background: rgba(255, 0, 0, 0.7)!important;
    backdrop-filter: blur(10px)!important;
    border: 2px solid white!important;
}

.popup_arrow {
    width: 70px!important;
    height: 16px!important;
    overflow: hidden!important;
    position: absolute!important;
    left: 35px!important;
    margin-left: -35px!important;
    bottom: -16px!important;
}

.popup_arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg);
}

input.error, select.error, textarea.error {
    outline: 2px dashed red;
}