.iban-invalid {
    border: 2px solid #dc3545 !important;
    padding-right: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71L12 12.01l-6.29-6.3-1.41 1.42L10.59 13.4l-6.3 6.29 1.42 1.41 6.29-6.3 6.3 6.3 1.41-1.41-6.3-6.29 6.3-6.29z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px;
}

.iban-valid {
    border: 2px solid #28a745 !important;
    padding-right: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2328a745' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 24px;
}

.ibanfield{
    position: relative;
}

.invalidNotice{
    display:none;
    position:absolute;
    width:calc(100% - 75px);
    margin: 0 0 0 22px;
    left: 50%;
    top: 95%;
    z-index: -2;
    padding-top:2px;
    border:2px solid;
    text-align: center;
    border-top: 0!important;
    color:white;
    font-weight: bold;
    transform: translateX(-50%);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.wide{
    width:calc(100% - 30px);
    transform:none;
    left:0;
    margin:0 15px 15px;
}
@media all and (max-width: 768px) {

    .sv-accept-check-info{
        text-align:center!important;
    }
    label[for="bic"] {
        margin-top:5px!important;
    }
    .flexible {
        width: 180px;
        left:unset;
        right:-75px;
    }
}
.invalidNotice.error{
    background: indianred;
    border-color:  #dc3545;
}

.invalidNotice.success{
    background: #34d95a;
    border-color: #28a745;
}

.invalidNotice.NoticeVisible{
    display:block;
}

.ibanMsg{
    display:none;
}

.block{
    display:block;
}

#lastschriftDetails{
    margin-bottom: 15px;
}