.customer-notifications-account { clear: both; margin: 20px 0; }
.customer-notifications-account .customer-notification-content { border: 1px solid #ddd; border-left: 4px solid var(--ab-primary, #007fa3); border-radius: 4px; padding: 18px; margin: 15px 0; }
.customer-notification-content h2 { margin-top: 0; }
.customer-notification-description { overflow-wrap: anywhere; overflow-x: auto; }
.customer-notification-description img, .customer-notification-description video, .customer-notification-description iframe { max-width: 100% !important; }
.customer-notification-description img { height: auto !important; }
.customer-notification-description table { max-width: 100%; }
#customer-notification-modal .modal-body { max-height: calc(100vh - 200px); overflow-y: auto; }
#customer-notification-modal .modal-dialog { margin: 30px auto; width: calc(100% - 30px); max-width: 720px; }
#customer-notification-modal .modal-header { min-height: 45px; }
@media (max-width: 767px) { #customer-notification-modal .modal-dialog { margin: 15px auto; } }
.customer-notifications-account .customer-notification-image { display: block; max-width: 100%; height: auto; }
#content_body #customer-notification-modal.cn-image .modal-dialog,
#customer-notification-modal.cn-image .modal-dialog { padding: 0; }
#content_body #customer-notification-modal.cn-image .modal-content,
#customer-notification-modal.cn-image .modal-content { padding: 0; border: 0; border-radius: 0; background: transparent; }
#content_body #customer-notification-modal.cn-image .modal-body,
#customer-notification-modal.cn-image .modal-body { padding: 0; max-height: none; overflow: visible; }
#customer-notification-modal.cn-image .customer-notification-content { margin: 0; padding: 0; border: 0; }
#customer-notification-modal.cn-image .customer-notification-image { display: block; width: 100%; max-width: 100%; height: auto !important; margin: 0; }
#content_body #customer-notification-modal.cn-image .modal-header,
#customer-notification-modal.cn-image .modal-header { position: absolute; inset: 0 0 auto; z-index: 1; height: 0; min-height: 0; padding: 0; border: 0; }
#customer-notification-modal.cn-image .modal-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
#customer-notification-modal.cn-image .modal-footer { display: none; }
#content_body #customer-notification-modal.cn-image .close,
#customer-notification-modal.cn-image .close { position: absolute; top: 6px; right: 6px; float: none; margin: 0; width: 36px; height: 36px; min-width: 36px; padding: 0; border: 2px solid white; border-radius: 50%; background: #111; color: white; opacity: 1; font: 28px/30px Arial,sans-serif; text-shadow: none; box-shadow: 0 1px 4px #000; }
#customer-notification-modal.cn-image .close:focus { outline: 3px solid #00a8d0; outline-offset: 3px; }