/*
    additions.css

    This CSS file contains styles for Confirmation of Payee (CoP) icons.
    The icons are used across multiple pages based on the match result.

    The following icons are included:
    - Success icon: Indicates a successful match.
    - Warning icon: Indicates a close match requiring further verification.
    - Danger icon: Indicates a failed match.
    - Optout and Info icons: Used for error or informational messages.

    Pages currently using these icons:
    - CoP lookup page: Payee Search Result
    - Payment summary: Transfer Money and Future Payments
    - Authorization details: For Me
    - Potentially other pages in the future.

    All icons are in .svg format and are styled via background images.

    Note: If new pages require CoP icons, please ensure they are styled appropriately by linking this stylesheet.
*/
.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');
}

.align-items-center {
    align-items: center !important;
}

.d-flex {
    display: flex !important;
}