/*jquery.gritter.min.css*/
#gritter-notice-wrapper{position:fixed;top:20px;right:20px;width:320px;z-index:99999999}#gritter-notice-wrapper.top-left{left:20px;right:auto}#gritter-notice-wrapper.bottom-right{top:auto;left:auto;bottom:20px;right:20px}#gritter-notice-wrapper.bottom-left{top:auto;right:auto;bottom:20px;left:20px}.hover .gritter-top{background-position:right -30px}.hover .gritter-bottom{background-position:bottom right}.gritter-item{display:block;background:#fff;color:#444;padding:0;font-size:11px;font-family:verdana;box-shadow:4px 6px 30px 3px rgba(0,0,0,.3);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}.hover .gritter-item{background-position:right -40px}.gritter-item p{word-wrap:break-word;margin:0 22px 0 50px;padding:13px 10px 5px 10px}.gritter-success .gritter-item p{text-align:center}.gritter-danger .gritter-item p{text-align:left}.gritter-warning .gritter-item p{text-align:left}.gritter-info .gritter-item p{text-align:left}.gritter-close{display:block!important;position:absolute;top:0;right:0;font-size:22px;cursor:pointer;width:30px;height:50px;text-align:center;padding-top:7px}.gritter-close:before{content:"\00d7"}.gritter-title{display:block;height:auto;width:50px;float:left}.gritter-success .gritter-title .gritter-title-text{font-size:30px;padding-top:0;display:block;height:50px;width:50px;float:left;background:#20c997;text-align:center;color:#fff!important}.gritter-success .gritter-title .gritter-title-text:before{content:"\2713"}.gritter-danger .gritter-title .gritter-title-text{font-size:30px;padding-top:0;display:block;height:50px;width:50px;float:left;background:#d5423c;text-align:center;color:#fff!important}.gritter-danger .gritter-title .gritter-title-text:before{content:"\00d7"}.gritter-warning .gritter-title .gritter-title-text{font-size:30px;padding-top:0;display:block;height:50px;width:50px;float:left;background:#ff9800;text-align:center;color:#fff!important}.gritter-warning .gritter-title .gritter-title-text:before{content:"\00d7"}.gritter-info .gritter-title .gritter-title-text{font-size:30px;padding-top:0;display:block;height:50px;width:50px;float:left;background:#2196f3;text-align:center;color:#fff!important}.gritter-info .gritter-title .gritter-title-text:before{content:"\00d7"}#gritter-notice-wrapper{top:55px;right:20px}#lightCustomModal{z-index:21000!important;background:#fff;padding:15px 20px;width:450px;text-align:center!important}#lightCustomModal h4{color:#444!important;font-size:20px!important;line-height:30px!important;letter-spacing:0!important;font-weight:400!important;margin-bottom:30px}@media (max-width:767px){#lightCustomModal{width:100%}}

/* ==== Toast notifications — visual refresh + fixed icon/close-button
   ambiguity ====
   The vendor rules above reuse the exact same "×" glyph for BOTH the status
   icon (left badge — decorative, not clickable) and the actual close button
   (top-right, clickable) on danger/warning/info toasts. Visually
   indistinguishable, so every error/warning looked like it had two dismiss
   buttons. Only .gritter-success used a different glyph (a checkmark) and
   was fine. Giving every status its own real icon below, plus a general
   polish pass (rounder corners, readable type, softer shadow) — same class
   names throughout, so no JS (onSuccessMsg/onErrorMsg/onWarningMsg/onInfoMsg)
   needs to change anywhere this is used. Kept identical to the backend
   stylesheet's own copy of this same override. */

#gritter-notice-wrapper {
    width: 360px;
}

.gritter-item {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden;
}

.gritter-item p {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0 44px 0 62px;
    padding: 16px 12px;
    text-align: left;
}

.gritter-title {
    width: 62px;
}

.gritter-success .gritter-title .gritter-title-text,
.gritter-danger .gritter-title .gritter-title-text,
.gritter-warning .gritter-title .gritter-title-text,
.gritter-info .gritter-title .gritter-title-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 100%;
    min-height: 58px;
    font-size: 22px;
}

.gritter-success .gritter-title .gritter-title-text { background: #1cc88a; }
.gritter-danger  .gritter-title .gritter-title-text { background: #e74a3b; }
.gritter-warning .gritter-title .gritter-title-text { background: #f6a609; }
.gritter-info    .gritter-title .gritter-title-text { background: #2196f3; }

/* Distinct status icons — none of these reuse the close button's "×" */
.gritter-success .gritter-title .gritter-title-text:before { content: "\2713"; }
.gritter-danger  .gritter-title .gritter-title-text:before { content: "\0021"; font-weight: 700; }
.gritter-warning .gritter-title .gritter-title-text:before { content: "\0021"; font-weight: 700; }
.gritter-info    .gritter-title .gritter-title-text:before { content: "\0069"; font-style: italic; font-weight: 700; }

.gritter-close {
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 26px;
    padding-top: 0;
    color: #999;
    transition: background-color .15s ease, color .15s ease;
}

.gritter-close:hover {
    background: rgba(0, 0, 0, .06);
    color: #333;
}