body[data-route="message"]{background-color:#0a0814}body[data-route="new-message"] .standard-form-container{background:#230f2a}.messaging-side-menu{background-color:#120a1f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 16px;font-size:15px}.messaging-side-menu>.back-button{background:none;border:none;padding:0}.messaging-side-menu img{display:inline-block;height:25px;width:25px}.messaging-side-menu a{display:inline-block;position:relative}.messaging-side-menu a+a{margin-left:15px}.messaging-side-menu a[data-count]:not([data-count="0"]):after{content:attr(data-count);position:absolute;top:0;right:0;background-color:#f00;color:#fff;font-size:10px;padding:3px 4px;line-height:1;border-radius:2px}.messaging-side-menu a[data-active="true"] img{content:var(--image-src)}.no-message-container{color:#fff;text-align:center}.message-table{display:grid;grid-template-columns:80px auto}.message-table .logo-column img{display:inline-block;height:60px;width:60px}.message-table .logo-column,.message-table .message-column{display:flex;justify-content:space-between;align-items:stretch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:15px 0;border-bottom:2px solid #0c1536}.message-table a,.message-table a:hover{text-decoration:none}.message-table a{color:#fff}.message-table a>div{display:flex;flex-direction:column;justify-content:space-between}.message-table a .message{font-size:14px}.message-table a .message ul,.message-table a .message ol{list-style:initial;margin-left:1em;padding-left:1em}.message-table a .message ol{list-style-type:decimal}.message-table a .created-date{align-items:center}.message-table a .created-date img{height:25px;width:25px}.message-table .message-column *{color:#fff}.message-table [data-seen="false"]{font-weight:bold}.message-subject{color:#fff;border-bottom:2px solid #0c1536;padding-bottom:15px;margin-bottom:15px}.replied-message{color:#fff}.replied-message .message-owner-info{display:flex;font-size:14px;color:#9c9c9c}.replied-message .message-owner-info[data-message-type="announcement"]{color:#fff}.replied-message .message-owner-info img{height:60px;width:60px}.replied-message .message-owner-info>div{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 15px}.replied-message .replied-message-content{padding:10px 5px;margin-bottom:30px;display:flex;white-space:pre-line;overflow-wrap:anywhere}.replied-message .replied-message-content *{color:#333}.replied-message:not([data-message-type="announcement"]) .replied-message-content *{color:#e0e0e0}.replied-message .replied-message-content pre{word-break:break-word;text-align:justify}.replied-message .replied-message-content ul,.replied-message .replied-message-content ol{list-style:initial;margin-left:1em;padding-left:1em}.replied-message .replied-message-content ol{list-style-type:decimal}.replied-message[data-creator="false"] .message-owner-info{flex-direction:row-reverse}.replied-message[data-creator="false"] .message-owner-info>div{text-align:right}.replied-message[data-creator="false"] .replied-message-content{justify-content:flex-end;text-align:right}.replied-message .notification-image{display:flex;justify-content:center;align-items:center;background-color:#7ebaed;border-radius:10px;width:75px;height:75px}.replied-message .notification-image[data-message-subcategory="Deposit"][data-transaction-status="PEN"],.replied-message .notification-image[data-message-subcategory="Deposit"][data-transaction-status="NEW"],.replied-message .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="PEN"],.replied-message .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="NEW"],.replied-message .notification-image[data-message-subcategory="LogResetPasswordForgotPassword"],.replied-message .notification-image[data-message-subcategory="LogResetPasswordChangePassword"],.replied-message .notification-image[data-message-subcategory="LogResetPasswordPassword"],.replied-message .notification-image[data-message-subcategory="LogResetPasswordAPKPassword"],.replied-message .notification-image[data-message-subcategory="LogResetPasswordChangeMobilePassword"],.replied-message .notification-image[data-message-subcategory="HasActiveCoupon"]{background-color:#f5f164}.replied-message .notification-image[data-message-subcategory="Deposit"][data-transaction-status="REJ"],.replied-message .notification-image[data-message-subcategory="Deposit"][data-transaction-status="FAIL"],.replied-message .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="REJ"],.replied-message .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="FAIL"],.replied-message .notification-image[data-message-category="Announcement"],.replied-message .notification-image[data-message-category="Notification"]{background-color:#e5949e}.replied-message .notification-image[data-message-subcategory="Deposit"][data-transaction-status="APP"],.replied-message .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="APP"],.replied-message .notification-image[data-message-subcategory="ClaimBonus"],.replied-message .notification-image[data-message-subcategory="ClaimCommission"],.replied-message .notification-image[data-message-subcategory="ClaimCashback"],.replied-message .notification-image[data-message-subcategory="ClaimCombinePromo"],.replied-message .notification-image[data-message-subcategory="NewBonus"],.replied-message .notification-image[data-message-subcategory="NewCommission"],.replied-message .notification-image[data-message-subcategory="NewCashback"],.replied-message .notification-image[data-message-subcategory="NewCombinePromo"],.replied-message .notification-image[data-message-subcategory="ClaimPreBonusOnGoing"],.replied-message .notification-image[data-message-subcategory="ClaimPreBonusComplete"],.replied-message .notification-image[data-message-subcategory="ClaimedCoupon"],.replied-message .notification-image[data-message-subcategory="WlbCoupon"],.replied-message .notification-image[data-message-subcategory="RankedUpLoyaltyLevel"],.replied-message .notification-image[data-message-subcategory="LuckyDraw"],.replied-message .notification-image[data-message-subcategory="RedemptionStoreCoupon"],.replied-message .notification-image[data-message-subcategory="LuckyDrawDepositClaim"]{background-color:#76cb79}.replied-message .notification-image img{width:50px;height:50px}.replied-message .notification-title{color:#fff;font-weight:700}.delete-message-button-group{border-top:2px solid #0c1536;padding-top:15px}.delete-message-button{background:none;border:none;color:#818181;font-size:14px}.delete-message-button img{width:35px;display:block;margin:auto}.notification-tabs{display:flex;justify-content:space-between;align-items:center}.notification-tabs .notification-tab-item{flex-basis:calc(100%/3);display:flex;justify-content:center;text-align:center;gap:5px;padding:15px 0;cursor:pointer;font-weight:400;background-color:#1d1d1d;color:#fff;border-bottom:2px solid #333}.notification-tabs .notification-tab-item[data-count] span{position:relative;display:block}.notification-tabs .notification-tab-item[data-count] span::before{content:"";position:absolute;top:0;right:-12px;width:7px;height:7px;border-radius:50%;background-color:#b81111}.notification-tabs .notification-tab-item[data-count="0"] span::before{display:none}.notification-tabs .notification-tab-item[data-active="true"]{font-weight:800;border-bottom-color:#fff}.notification-tab-content{padding-top:16px}.notification-list{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px 16px}.notification-list .notification-item{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:8px;background-color:#040404;border:1px solid #242424;cursor:pointer}.notification-list .notification-item[data-seen="false"]{background-color:#2d1a00;border-color:#925600}.notification-list .notification-item .notification-image{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:#4a9ee5;border-radius:4px}.notification-list .notification-item .notification-image[data-message-subcategory="Deposit"][data-transaction-status="PEN"],.notification-list .notification-item .notification-image[data-message-subcategory="Deposit"][data-transaction-status="NEW"],.notification-list .notification-item .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="PEN"],.notification-list .notification-item .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="NEW"],.notification-list .notification-item .notification-image[data-message-subcategory="LogResetPasswordForgotPassword"],.notification-list .notification-item .notification-image[data-message-subcategory="LogResetPasswordChangePassword"],.notification-list .notification-item .notification-image[data-message-subcategory="LogResetPasswordPassword"],.notification-list .notification-item .notification-image[data-message-subcategory="LogResetPasswordAPKPassword"],.notification-list .notification-item .notification-image[data-message-subcategory="LogResetPasswordChangeMobilePassword"],.notification-list .notification-item .notification-image[data-message-subcategory="HasActiveCoupon"]{background-color:#b7a400}.notification-list .notification-item .notification-image[data-message-subcategory="Deposit"][data-transaction-status="REJ"],.notification-list .notification-item .notification-image[data-message-subcategory="Deposit"][data-transaction-status="FAIL"],.notification-list .notification-item .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="REJ"],.notification-list .notification-item .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="FAIL"],.notification-list .notification-item .notification-image[data-message-category="Announcement"],.notification-list .notification-item .notification-image[data-message-category="Notification"]{background-color:#b21313}.notification-list .notification-item .notification-image[data-message-subcategory="Deposit"][data-transaction-status="APP"],.notification-list .notification-item .notification-image[data-message-subcategory="Withdrawal"][data-transaction-status="APP"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimBonus"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimCommission"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimCashback"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimCombinePromo"],.notification-list .notification-item .notification-image[data-message-subcategory="NewBonus"],.notification-list .notification-item .notification-image[data-message-subcategory="NewCommission"],.notification-list .notification-item .notification-image[data-message-subcategory="NewCashback"],.notification-list .notification-item .notification-image[data-message-subcategory="NewCombinePromo"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimPreBonusOnGoing"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimPreBonusComplete"],.notification-list .notification-item .notification-image[data-message-subcategory="ClaimedCoupon"],.notification-list .notification-item .notification-image[data-message-subcategory="WlbCoupon"],.notification-list .notification-item .notification-image[data-message-subcategory="RankedUpLoyaltyLevel"],.notification-list .notification-item .notification-image[data-message-subcategory="LuckyDraw"],.notification-list .notification-item .notification-image[data-message-subcategory="RedemptionStoreCoupon"],.notification-list .notification-item .notification-image[data-message-subcategory="LuckyDrawDepositClaim"]{background-color:#07a429}.notification-list .notification-item .notification-image img{width:20px;height:20px}.notification-list .notification-item .notification-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-list .notification-item .notification-header .notification-date{font-size:12px;font-weight:600;color:#858585}.notification-list .notification-item .notification-header .notification-label{padding:2px 6px;border-radius:2px;font-size:12px;font-weight:600;background:#ff7800;color:#fff}.notification-list .notification-item .notification-title-container{display:flex;align-items:center;gap:8px}.notification-list .notification-item .notification-title-container .notification-title-content{display:flex;flex-direction:column}.notification-list .notification-item .notification-title-container .notification-title-content span{font-size:12px;font-weight:400;color:#858585}.notification-list .notification-item .notification-title-container .notification-title-content h3{margin:0;padding:0;font-size:16px;font-weight:700;color:#fff}.notification-list .notification-item>img{width:100%;height:auto;border-radius:8px}.notification-list .notification-item .notification-content p{margin:0;font-size:14px;font-weight:400;color:#cfcfcf}.notification-list .notification-item .notification-content ul,.notification-list .notification-item .notification-content ol{list-style:initial;margin-left:1em;padding-left:1em}.notification-list .notification-item .notification-content ol{list-style-type:decimal}.empty-notification-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}.empty-notification-container .empty-notification-image{background-color:#333;width:150px;height:150px;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:20px}.empty-notification-container .empty-notification-image img{width:80px;height:80px;margin-left:-10px}.empty-notification-container .empty-notification-content{text-align:center}.empty-notification-container .empty-notification-content h3,.empty-notification-container .empty-notification-content p{color:#fff}.empty-notification-container .empty-notification-content h3{font-size:20px}.empty-notification-container .empty-notification-content p{font-size:14px}