.usercp_nav_myalerts {
    background: url(../../../images/usercp/transmit_blue.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_all {
    background: url(../../../images/usercp/delete.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_read {
    background: url(../../../images/usercp/bin.png) no-repeat left center;
}

.newAlerts > a {
    color: red !important;
}

ul.panel_links a.myalerts {
    background-position: 0 -180px;
}

.alert-row__no-alerts td {
    text-align: center;
}

.alert--read.alert {
    opacity: .5;
}

.alert.alert--read td.trow1 {
    background-color: #F5F5F5;
}

.alerts--new a {
	color: red !important;
	font-weight: normal;
}

/* =========================================================
   MYALERTS MODAL — FINAL RESPONSIVE POSITION / AVATAR FIX
   Loaded in alerts.css so it wins after the theme layers.
   ========================================================= */

/* Desktop: true viewport centering, same vertical position */
@media screen and (min-width:761px) {
    #myalerts_alerts_modal,
    #myalerts_alerts_modal.modal {
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        top:52px !important;
        transform:none !important;

        width:560px !important;
        max-width:calc(100vw - 40px) !important;
        max-height:78vh !important;

        margin-left:auto !important;
        margin-right:auto !important;
        margin-top:0 !important;
        margin-bottom:0 !important;

        overflow-x:hidden !important;
        overflow-y:auto !important;
        z-index:999999 !important;
    }

    #myalerts_alerts_modal table.tborder {
        width:100% !important;
        table-layout:fixed !important;
    }

    #myalerts_alerts_modal td.alert__avatar {
        width:84px !important;
        min-width:84px !important;
        max-width:84px !important;
        padding:10px !important;
        text-align:center !important;
        vertical-align:middle !important;
        box-sizing:border-box !important;
    }

    #myalerts_alerts_modal td.alert__avatar a.avatar,
    #myalerts_alerts_modal td.alert__avatar img {
        display:block !important;
        width:64px !important;
        height:64px !important;
        min-width:64px !important;
        min-height:64px !important;
        max-width:64px !important;
        max-height:64px !important;
        margin:0 auto !important;
        object-fit:cover !important;
    }

    #myalerts_alerts_modal td.alert__time {
        width:96px !important;
        min-width:96px !important;
        max-width:96px !important;
        padding-left:8px !important;
        padding-right:8px !important;
        text-align:center !important;
        vertical-align:middle !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        box-sizing:border-box !important;
    }

    #myalerts_alerts_modal td.alert__content {
        width:auto !important;
        min-width:0 !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }
}




		
		
		
		
		
		
		
		
		

/* =============================================================
   LOCKED AND LOADED v3.76.41 — MYALERTS TOUCH CONTROL POLISH
   Presentation only: preserve MyAlerts links, handlers and counters.
   This block intentionally follows existing alerts.css positioning.
   ============================================================= */
#myalerts_alerts_modal { --ar-ma-fg:#e9ede8; --ar-ma-muted:#bdc7c5; --ar-ma-panel:#171e21; --ar-ma-line:#465356; --ar-ma-hover:#28353b; }
#myalerts_alerts_modal .tborder {border-spacing:0!important;border-collapse:separate!important;}
#myalerts_alerts_modal .thead {padding:12px 15px!important;}
#myalerts_alerts_modal tr.alert, #myalerts_alerts_modal tr[class*="alert-row"] {transition:background-color .16s ease;}
#myalerts_alerts_modal tr.alert:hover td {background-color:#232d30!important;}
#myalerts_alerts_modal td.alert__content {line-height:1.6!important;color:var(--ar-ma-fg)!important;}
#myalerts_alerts_modal td.alert__content a {color:#d7e9db!important;font-weight:700!important;text-decoration:none!important;border-radius:4px;}
#myalerts_alerts_modal td.alert__content a:hover,#myalerts_alerts_modal td.alert__content a:focus-visible {color:#fff!important;text-decoration:underline!important;text-underline-offset:3px;}
#myalerts_alerts_modal td.alert__time {color:var(--ar-ma-muted)!important;font-size:12px!important;line-height:1.5!important;}
/* Small per-alert check / dismiss links: preserve href and plugin event delegation. */
#myalerts_alerts_modal td.alert__time a,
#myalerts_alerts_modal .alert__controls a,
#myalerts_alerts_modal .alert__action a,
#myalerts_alerts_modal a.alert__mark-read,
#myalerts_alerts_modal a.alert__delete {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:34px;min-height:36px;padding:7px 9px!important;
  margin:3px 2px!important;border:1px solid #64736f!important;
  border-radius:6px!important;background:#253135!important;color:#f2f3ec!important;
  font-weight:800!important;text-decoration:none!important;line-height:1!important;
  box-sizing:border-box;vertical-align:middle;transition:background .16s,border-color .16s;
}
#myalerts_alerts_modal td.alert__time a:hover,#myalerts_alerts_modal td.alert__time a:focus-visible,
#myalerts_alerts_modal .alert__controls a:hover,#myalerts_alerts_modal .alert__controls a:focus-visible,
#myalerts_alerts_modal .alert__action a:hover,#myalerts_alerts_modal .alert__action a:focus-visible {
 background:#374c50!important;border-color:#c5ab70!important;color:#fff!important;
}
/* Native footer links: tactile buttons with no changes to their confirmation behavior. */
#myalerts_alerts_modal .ar15-myalerts-footer {padding:12px!important;background:#101719!important;border-top:1px solid #344044;}
#myalerts_alerts_modal .ar15-myalerts-actions {display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
#myalerts_alerts_modal .ar15-myalerts-actions .ar15-myalerts-deletions {display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0;float:none!important;}
#myalerts_alerts_modal .ar15-myalerts-actions a {display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px!important;margin:0!important;white-space:normal;border:1px solid #5f716c!important;border-radius:6px!important;background:linear-gradient(#33423e,#24332e)!important;color:#f7f6ef!important;font-size:11px!important;font-weight:800!important;letter-spacing:.025em;text-transform:uppercase;text-decoration:none!important;line-height:1.3;text-align:center;box-sizing:border-box;}
#myalerts_alerts_modal .ar15-myalerts-actions a:hover,#myalerts_alerts_modal .ar15-myalerts-actions a:focus-visible {background:#465a50!important;border-color:#d0b47a!important;color:#fff!important;}
#myalerts_alerts_modal .ar15-myalerts-actions a.ar15-myalerts-danger {background:#43252a!important;border-color:#9f565e!important;}
#myalerts_alerts_modal .ar15-myalerts-actions a.ar15-myalerts-danger:hover,#myalerts_alerts_modal .ar15-myalerts-actions a.ar15-myalerts-danger:focus-visible {background:#642b34!important;border-color:#e09ba0!important;}
#myalerts_alerts_modal a:focus-visible {outline:2px solid #e5ca8a!important;outline-offset:2px;}
/* Existing modal uses dark surfaces in either site palette; keep both legible. */
html[data-ar-theme="light"] #myalerts_alerts_modal td.alert__content a {color:#dceadd!important;}
@media(prefers-reduced-motion:reduce) {#myalerts_alerts_modal tr.alert,#myalerts_alerts_modal td.alert__time a,#myalerts_alerts_modal .ar15-myalerts-actions a {transition:none!important;}}

		



/* v3.76.47 — single mobile MyAlerts layout, no tables in modal footer */
@media screen and (max-width:760px) {
 #myalerts_alerts_modal,#myalerts_alerts_modal.modal {
  position:fixed!important; left:10px!important;right:10px!important;top:65px!important;
  width:calc(100vw - 20px)!important;max-width:none!important;
  max-height:calc(100dvh - 85px)!important; margin:0!important;
  transform:none!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:999999!important;
 }
 #myalerts_alerts_modal table.tborder {display:block!important;width:100%!important;max-width:100%!important;margin:0!important;table-layout:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
 #myalerts_alerts_modal table.tborder > thead,
 #myalerts_alerts_modal table.tborder > tbody {display:block!important;width:100%!important;min-width:0!important;}
 #myalerts_alerts_modal table.tborder > thead > tr {display:block!important;width:100%!important;}
 #myalerts_alerts_modal table.tborder > thead > tr > th {display:block!important;width:100%!important;box-sizing:border-box!important;}
 #myalerts_alerts_modal table.tborder > tbody > tr {display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;grid-template-rows:auto auto!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;background:#171e21!important;}
 #myalerts_alerts_modal table.tborder > tbody > tr > td {display:block!important;float:none!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;margin:0!important;border:0!important;}
 #myalerts_alerts_modal table.tborder > tbody > tr > td.alert__avatar {grid-column:1!important;grid-row:1!important;width:74px!important;max-width:74px!important;padding:12px 6px!important;align-self:start!important;}
 #myalerts_alerts_modal td.alert__avatar a.avatar,#myalerts_alerts_modal td.alert__avatar img {width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:cover!important;}
 #myalerts_alerts_modal table.tborder > tbody > tr > td.alert__content {grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;padding:12px 10px 3px 7px!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:normal!important;}
 /* Timestamp and action buttons share one full-width bottom row. */
 #myalerts_alerts_modal table.tborder > tbody > tr > td.alert__time {
  grid-column:1 / -1!important;grid-row:2!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-end!important;gap:8px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  text-align:left!important;padding:8px 14px 11px!important;
  white-space:normal!important;line-height:1.3!important;font-size:12px!important;
  flex-wrap:nowrap!important;min-height:62px!important;
  background:#171e21!important;
 }
 /* Override legacy unread/shaded table cell backgrounds only inside the mobile modal. */
 #myalerts_alerts_modal table.tborder > tbody > tr > td.alert__avatar,
 #myalerts_alerts_modal table.tborder > tbody > tr > td.alert__content {
  background:#171e21!important;
 }
 #myalerts_alerts_modal td.alert__time a {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;text-indent:0!important;line-height:1!important;
  font-size:16px!important;
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  padding:9px!important;margin:0!important;vertical-align:middle!important;
 }
 #myalerts_alerts_modal td.alert__time a:first-of-type {margin-left:5px!important;}
 #myalerts_alerts_modal td.alert__time a + a {margin-left:2px!important;}

 #myalerts_alerts_modal .ar15-myalerts-footer {width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:10px!important;}
 #myalerts_alerts_modal .ar15-myalerts-actions {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
 #myalerts_alerts_modal .ar15-myalerts-actions > a {display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;}
 #myalerts_alerts_modal .ar15-myalerts-deletions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
 #myalerts_alerts_modal .ar15-myalerts-deletions > a {display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 6px!important;font-size:10px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
}
@media screen and (max-width:340px){#myalerts_alerts_modal .ar15-myalerts-deletions {grid-template-columns:minmax(0,1fr)!important;}}
