#kt_page_title .breadcrumb{gap:.5rem}#kt_page_title .breadcrumb .breadcrumb-item{padding-inline:0}#kt_page_title .breadcrumb .breadcrumb-item .bullet{border-radius:50%;flex:0 0 auto;height:4px;width:4px}.notif-item{align-items:flex-start;background:#0000;border:0;border-radius:.65rem;display:flex;gap:.75rem;max-width:100%;min-width:0;overflow:hidden;padding:.7rem .75rem;padding-inline-end:1.4rem;position:relative;text-align:start;transition:background .12s ease;width:100%}.notif-item:hover{background:#f9f9f9;background:var(--bs-gray-100,#f9f9f9)}.notif-item-unread{background:#f1faff;background:var(--bs-primary-light,#f1faff)}.notif-item-unread:hover{background:#e7f5ff;background:var(--bs-primary-light,#e7f5ff)}.notif-avatar{align-items:center;border-radius:.55rem;display:flex;flex:0 0 auto;font-size:1.05rem;height:38px;justify-content:center;overflow:hidden;width:38px}.notif-avatar img{height:100%;object-fit:cover;width:100%}.notif-avatar-danger{background:#fff5f8;color:#f1416c}.notif-avatar-warning{background:#fff8dd;color:#ffc700}.notif-avatar-primary{background:#f1faff;color:#009ef7}.notif-avatar-info{background:#f8f5ff;color:#7239ea}.notif-avatar-success{background:#e8fff3;color:#50cd89}.notif-avatar-secondary{background:#f5f8fa;color:#7e8299}.notif-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.15rem;min-width:0}.notif-head{align-items:baseline;display:flex;gap:.5rem}.notif-title{font-size:.88rem;font-weight:600;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{flex:0 0 auto;font-size:.7rem;margin-inline-start:auto;opacity:.55;white-space:nowrap}.notif-text{font-size:.79rem;line-height:1.45;min-width:0;opacity:.75;overflow-wrap:anywhere}.notif-item-compact .notif-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notif-dot{background:#009ef7;background:var(--bs-primary,#009ef7);border-radius:50%;height:7px;inset-inline-end:.5rem;position:absolute;top:.75rem;width:7px}
/* !important, and not reluctantly.
 *
 * .menu-sub-dropdown is position:absolute with NO width, so it shrink-to-fits -
 * and the rows inside are width:100%, which makes it expand to the full width
 * of its containing block instead. That is what produced a full-page-wide
 * notification panel. The width here is the only thing bounding it, so it must
 * not be losable to theme specificity or source order. */.menu.menu-sub.menu-sub-dropdown.notif-menu{max-width:calc(100vw - 2rem)!important;width:350px!important}.notif-menu-head{align-items:center;border-bottom:1px solid #eff2f5;border-bottom:1px solid var(--bs-border-color,#eff2f5);display:flex;flex-wrap:wrap;gap:.4rem .5rem;padding:.85rem 1rem}.notif-menu-title{font-size:.98rem;font-weight:700}.notif-menu-actions{align-items:center;display:flex;gap:.35rem;width:100%}.notif-menu-actions .btn{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.6rem;font-size:.75rem}.notif-menu-list{max-height:60vh;overflow-x:hidden;overflow-y:auto;padding:.4rem}.notif-menu-foot{border-top:1px solid #eff2f5;border-top:1px solid var(--bs-border-color,#eff2f5);padding:.6rem;text-align:center}.notif-day{font-size:.7rem;font-weight:700;letter-spacing:.04em;opacity:.45;padding:.6rem .75rem .25rem;text-transform:uppercase}.notif-empty{font-size:.85rem;opacity:.6;padding:2.5rem 1rem;text-align:center}.notif-empty i{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.35}.notif-bell{display:inline-flex;position:relative}.notif-badge{align-items:center;background:#f1416c;background:var(--bs-danger,#f1416c);border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;inset-inline-end:-4px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;top:-4px}.notif-page{align-items:flex-start;display:flex;gap:1.25rem}.notif-rail{flex:0 0 250px;max-width:250px;position:sticky;top:1rem}.notif-rail-group+.notif-rail-group{margin-top:1.25rem}.notif-rail-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem;opacity:.45;text-transform:uppercase}.notif-filter{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.2rem;padding:.45rem .6rem;text-align:start;width:100%}.notif-filter:hover{background:#f5f8fa;background:var(--bs-gray-100,#f5f8fa)}.notif-filter-active{background:#f1faff;background:var(--bs-primary-light,#f1faff);border-color:#009ef7;border-color:var(--bs-primary,#009ef7);font-weight:600}.notif-filter-count{font-size:.72rem;margin-inline-start:auto;opacity:.55}.notif-feed{flex:1 1 auto;min-width:0}.notif-feed .notif-item{border:1px solid #eff2f5;border:1px solid var(--bs-border-color,#eff2f5);margin-bottom:.5rem;padding:.9rem 1rem}.notif-day-sticky{background:#fff;background:var(--bs-body-bg,#fff);position:sticky;top:0;z-index:1}@media (max-width:991.98px){.notif-page{flex-direction:column}.notif-rail{flex:0 0 auto;max-width:none;position:static;width:100%}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}