.no-message-container{color:var(--no-message-cntr-color);text-align:center;font-size:var(--normal-font)}.message-table{display:flex;flex-direction:column;gap:10px}.message-table .message-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--message-item-bg);border:1px solid var(--message-item-border);border-radius:10px;padding:10px}.message-table .logo-column img{display:inline-block;height:50px;width:50px;border-radius:50%}.message-table a,.message-table a:hover{text-decoration:none}.message-table a{color:var(--message-table-color);flex-grow:1;display:flex;flex-direction:column;gap:10px;padding-left:15px}.message-table a>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.message-table a .category{flex-basis:calc(70% - 5px);font-size:12px;font-weight:700;word-break:break-all}.message-table a .created-date{flex-basis:calc(30% - 5px);font-size:9px;text-align:right}.message-table a .message{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-table a .message *{color:var(--message-table-color)}.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 [data-seen="false"]{background-color:var(--message-data-seen-false-bg);border-color:var(--message-item-border)}.message-subject{color:var(--message-subject-color);padding-bottom:15px;margin-bottom:15px}.replied-message{color:var(--replied-message-color);border-bottom:3px solid var(--replied-message-border-bottom);display:flex;flex-direction:column;gap:10px}.replied-message+.replied-message{margin-top:15px}.replied-message .message-owner-info{display:flex;font-size:12px;color:var(--replied-message-owner-info-color)}.replied-message[data-message-type="announcement"] .message-owner-info{color:var(--message-table-color)}.replied-message .message-owner-info img{height:50px;width:50px;border-radius:50%}.replied-message .message-owner-info>div{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 15px;font-weight:700}.replied-message .message-owner-info>div>div{font-weight:400}.replied-message[data-message-type="announcement"] .message-owner-info>div{padding:0}.replied-message .replied-message-content{max-width:80%;padding:15px;margin-bottom:30px;border-radius:8px;background-color:var(--replied-message-content-bg);color:var(--replied-message-content-color);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 .replied-message-content pre{word-break:break-word;text-align:justify;padding:0;background-color:transparent;color:var(--msg-color);border:0;font-size:12px}.replied-message .replied-message-content pre p{color:var(--msg-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="true"]{align-items:flex-end}.replied-message[data-creator="true"] .message-owner-info{flex-direction:row-reverse}.replied-message[data-creator="true"] .message-owner-info>div{text-align:right}.replied-message[data-creator="true"] .replied-message-content{justify-content:flex-end;text-align:right;background-color:var(--replied-message-content-creator-bg)}.replied-message .replied-message-content *{color:var(--msg-color)}.replied-message[data-message-type="announcement"] .replied-message-content{background-color:transparent;color:var(--message-table-color);font-size:14px;max-width:100%}.replied-message:not([data-message-type="announcement"]) .replied-message-content *{color:var(--replied-msg-content-color)}.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="ClaimCombinePromo"],.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.notification-title{color:var(--message-table-color);font-size:16px;font-weight:700}.delete-message-button-group{display:flex;justify-content:center;align-items:center;padding-top:15px}.delete-message-button{display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px;background:none;border:0;color:var(--delete-message-btn-color)}.delete-message-button img{width:20px;height:auto}.new-message-container textarea.form-control{height:300px;border-radius:15px;background-color:var(--new-message-cntr-textarea-bg);border-color:var(--new-message-cntr-textarea-border)}.new-message-container select.form-control{background-color:var(--new-message-input-bg)}.tab-menu-background-container{margin-bottom:0}.notification-tabs{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:16px 16px 0;margin:-20px -15px 0 -15px}.notification-tabs .notification-tab-item{display:flex;justify-content:center;text-align:center;gap:4px;padding:12px 16px;cursor:pointer;border-radius:50px;font-size:14px;background:var(--notification-tab-item-bg);color:var(--notification-tab-item-color);border:1px solid var(--notification-tab-item-border)}.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:-8px;width:7px;height:7px;border-radius:50%;background-color:#b81111}.notification-tabs .notification-tab-item[data-active="true"][data-count] span::before{background-color:#fff}.notification-tabs .notification-tab-item[data-count="0"] span::before{display:none}.notification-tabs .notification-tab-item[data-active="true"]{background:var(--notification-tab-item-active-bg);color:#fff}.notification-tab-content{padding-top:16px}.notification-list{display:flex;flex-direction:column;gap:16px;padding:0 0 16px 0}.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);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-active-bg);border-color:var(--notification-item-active-border)}.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-content-main-color)}.notification-list .notification-item .notification-header .notification-date{font-size:12px;font-weight:600;color:var(--notification-content-sub-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-label-bg);color:#fff}.notification-list .notification-item .notification-content-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#858585;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-content-sub-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-content-main-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-content-detail-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:14px;background:var(--notification-item-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:#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:var(--notification-content-detail-color)}.empty-notification-container .empty-notification-content h3{font-size:20px}.empty-notification-container .empty-notification-content p{font-size:14px}.reply-message-form{margin-top:16px}.reply-message-form textarea.form-control{height:auto;border-radius:12px}.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:12px;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 .attachment-note{color:var(--replied-message-color)}.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}