body[data-route="message"]{background-color:var(--body-home-bg)}.standard-form-container[data-message-type="announcement"]{background:none;padding-top:0;margin:15px 0}.messaging-side-menu{background-color:var(--messaging-side-menu-bg);color:var(--messaging-side-menu-text-color);display:flex;justify-content:space-between;align-items:center;padding:15px 16px;font-size:15px}.messaging-side-menu>.back-button{background:none;border:0;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:var(--primary-text-color);text-align:center}.replied-message{color:var(--notification-item-main-text-color)}.replied-message .message-owner-info{display:flex;font-size:12px;color:var(--notification-item-sub-text-color)}.replied-message .message-owner-info[data-message-type="announcement"]{color:var(--notification-item-main-text-color)}.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[data-message-type="announcement"] .message-owner-info>div{padding:0}.replied-message .replied-message-content{padding:10px 5px;margin-bottom:30px;display:flex;flex-direction:column;gap:8px}.replied-message .replied-message-content>div:first-child{white-space:pre-line;overflow-wrap:anywhere}.replied-message[data-message-type="announcement"] .replied-message-content{padding:10px 0;margin-top:20px}.replied-message:not([data-message-type="announcement"]) .replied-message-content *{color:var(--notification-item-main-text-color)}.replied-message .replied-message-content pre{word-break:break-word;text-align:justify;padding:0;background-color:transparent;color:var(--notification-item-main-text-color);border:0;font-size:12px}.replied-message .replied-message-content pre p{color:var(--notification-item-main-text-color)}.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 .replied-message-content .message-attachments-container{display:flex;align-items:center;gap:8px;overflow:auto}.replied-message .replied-message-content .message-attachments-container img{flex-shrink:0;width:100px;height:50px;object-fit:cover;border:1px solid #333;border-radius:4px}.replied-message[data-creator="false"] .message-attachments-container{direction:rtl}.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"],.replied-message .notification-image[data-message-subcategory="GiveawayCreditComplete"]{background-color:#76cb79}.replied-message .notification-image img{width:50px;height:50px}.replied-message .notification-title{color:var(--notification-item-main-text-color);font-weight:700;font-size:16px}.delete-message-button-group{padding-top:15px}.delete-message-button{background:none;border:0;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:var(--notification-tab-item-bg);color:var(--notification-tab-item-text-color);border-bottom:2px solid var(--notification-tab-item-border-bottom-color)}.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:var(--notification-tab-item-active-border-bottom-color)}.notification-tab-content{padding-top:16px}.notification-list{display:flex;flex-direction:column;gap:16px;padding:0 16px 16px 16px}.notification-list .notification-item,.notification-list .notification-item[data-message-type="announcement"]{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:8px;background-color:var(--notification-item-bg);border:1px solid var(--notification-item-border-color);cursor:pointer}.notification-list .notification-item[data-message-type="announcement"]{flex-direction:row;gap:16px}.notification-list .notification-item .notification-container{display:flex;flex-direction:column;gap:8px;width:100%}.notification-list .notification-item[data-seen="false"]{background-color:var(--notification-item-unread-bg);border-color:var(--notification-item-unread-border-color)}.notification-list .notification-item .notification-image{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-color:#4a9ee5;border-radius:4px;flex-grow:0;flex-shrink:0}.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"],.notification-list .notification-item .notification-image[data-message-subcategory="GiveawayCreditComplete"]{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-title{margin:0;padding:0;font-size:16px;font-weight:700;color:var(--notification-item-main-text-color)}.notification-list .notification-item .notification-header .notification-date{font-size:12px;font-weight:600;color:var(--notification-item-sub-text-color)}.notification-list .notification-item .notification-header .notification-label{padding:2px 6px;border-radius:2px;font-size:12px;font-weight:600;background:var(--notification-item-unread-label-bg);color:#fff}.notification-list .notification-item .notification-content-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--notification-item-sub-text-color);background:none;border:0;padding:0}.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:var(--notification-item-sub-text-color)}.notification-list .notification-item .notification-title-container .notification-title-content h3{margin:0;padding:0;font-size:16px;font-weight:700;color:var(--notification-item-main-text-color)}.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:var(--notification-item-teaser-text-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.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}.notification-list .notification-item .notification-play-button-container{display:flex}.notification-list .notification-item .notification-play-button{padding:12px;font-size:12px;background:var(--notification-item-unread-label-bg);color:#fff;border-radius:8px;text-align:center}.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:var(--notification-empty-image-bg);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:var(--notification-item-main-text-color)}.empty-notification-container .empty-notification-content h3{font-size:20px}.empty-notification-container .empty-notification-content p{font-size:14px}.ticket-attachment-upload-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.ticket-attachment-upload-container .upload-file-input{position:absolute;left:-9999px}.ticket-attachment-upload-container .uploaded-file-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;row-gap:8px;width:100%}.ticket-attachment-upload-container .uploaded-file-list .uploaded-file-item{flex-basis:calc((100% - 8px)/2);min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border-radius:4px;background-color:#d8d8d8;color:#000}.ticket-attachment-upload-container .uploaded-file-list .uploaded-file-item .upload-file-warning{flex-shrink:0;display:flex;justify-content:center;align-items:center;border-radius:50%;width:16px;height:16px;font-size:12px;background:#f00;color:#fff}.ticket-attachment-upload-container .uploaded-file-list .uploaded-file-item .uploaded-file-name{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticket-attachment-upload-container .uploaded-file-list .uploaded-file-item .remove-uploaded-file{margin-top:-4px}.ticket-attachment-upload-container .choose-file-button{width:max-content;text-transform:capitalize;font-size:12px;padding:8px;margin:0}.ticket-attachment-upload-container .choose-file-button.disabled{background:#454545;color:#bbb}.ticket-attachment-upload-container .standard-button-group{margin:0}.ticket-attachment-upload-container ul li{font-size:12px}.message-attachment-preview-container{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:none}.message-attachment-preview-container.open{display:flex;justify-content:center;align-items:center}.message-attachment-preview-container .message-attachment-preview-content{display:flex;flex-direction:column;align-items:center;max-width:95vw;max-height:60vh;background:#fff}.message-attachment-preview-container .message-attachment-preview-content img{width:100%;max-height:50vh;object-fit:contain}.message-attachment-preview-container .message-attachment-preview-content span{padding:20px 0;display:block;color:#000;font-size:20px;cursor:pointer}.modal .modal-content .modal-body ul li{text-align:left;margin-bottom:8px}