.cop-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cop-icon-success {
    background-image: url('images/match_cop.svg');
}

.cop-icon-warning {
    background-image: url('images/close_match_cop.svg');
}

.cop-icon-danger {
    background-image: url('images/no_match_cop.svg');
}

.cop-icon-optout,
.cop-icon-info {
    background-image: url('images/error_cop.svg');
}

.confirm-info-box:has(.cop-icon) p:has(.cop-icon) {
    position: relative;
    text-wrap: pretty;
    overflow-wrap: break-word
}

    .confirm-info-box:has(.cop-icon) p:has(.cop-icon) .alert-icon, .confirm-info-box:has(.cop-icon) p:has(.cop-icon) .cop-icon {
        vertical-align: baseline;
        position: absolute;
        top: 0;
        right: 100%;
        margin-right: 6px
    }

@media (max-width:575.98px) {
    .confirm-info-box:has(.cop-icon) p:has(.cop-icon) {
        width: calc(100%-40px);
        margin-left: 40px;
        margin-top: 10px
    }
}

@media (max-width:575.98px) {
    .confirm-info-box:has(.cop-icon).well > .row {
        flex-direction: column
    }

        .confirm-info-box:has(.cop-icon).well > .row [class^=col-] {
            width: 100%
        }
}

.input2 {
    border: none;
    background-color: transparent;
    outline: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    cursor: default;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}