.popup-notification{width:30vw;height:60vh;max-width:30vw;max-height:60vh;overflow:hidden;font-family:inter;cursor:pointer}.popup-notification .header-popup{height:50px;background-color:var(--brand-orange-color)!important;border-top-right-radius:8px;border-top-left-radius:8px;display:flex;align-items:center;padding:0 20px}.popup-notification .center{overflow:auto;height:calc(60vh - 50px)}.popup-notification .hover-effect{transition:color .3s ease-in-out}.popup-notification .hover-effect:hover{color:red!important}.popup-notification__sub-title{font-family:inter!important;font-size:12px!important;font-weight:400!important;line-height:16px!important}.popup-notification__sub-title,.popup-notification__title{color:var(--color-sub-text)!important;font-style:normal!important}.popup-notification__title{font-size:14px!important;font-weight:700!important;line-height:18px!important}.popup-detail-notification{width:60vw;height:60vh;max-width:60vw;max-height:60vh;overflow:hidden}.popup-detail-notification .header-popup{display:flex;align-items:center;justify-content:space-between;color:var(--brand-orange-color)!important;font-weight:700;font-size:22px;border-bottom:1px solid #ccc}.popup-detail-notification .center{overflow:auto;height:calc(60vh - 150px);margin-top:4px}.notification-list .notification-side-bar .item-noti{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;cursor:pointer;padding:10px 5px 0 70px;height:100px}.notification-list .center{display:grid;grid-template-columns:25% 75%;grid-template-rows:1fr}