.banner {
    padding: 13px 16px;
    color: var(--iqser-white);
    justify-content: space-between;

    .read-only-text {
        font-size: 11px;
        font-weight: 600;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
    }

    mat-icon {
        height: 14px;
        width: 14px;

        &.primary-white {
            padding-right: 8px;
        }
    }

    .ocr-indicator {
        display: flex;
        flex: 1;
        align-items: center;
    }

    &.justify-center {
        justify-content: center !important;
    }
}

.read-only {
    background-color: var(--iqser-primary);
}
