.promotion-container{background-color:#fff}.promotion-container .promotion-wrapper{width:100%;max-width:1240px;margin:auto}.promotion-container .promotion-wrapper .promotion-card{background-color:#f5f5f5;box-shadow:0 2px 8px #000}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container{position:relative;min-height:170px}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container p{margin:0}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-deco{position:absolute;z-index:1;top:-.1875rem;left:0;width:100%;height:.4375rem;background:url(/static/image/promotion/line.png) 50% repeat-x}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-title-container{position:relative;padding:6px 12px;display:flex;justify-content:space-between;align-items:center}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-title-container .promotion-end-date{padding:unset;text-align:end;height:100%;width:46%}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-title-container .span-promoCountDown{background-color:var(--v-primary-base);color:#fff;padding:4px 8px;font-size:12px}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-title-container:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--v-secondary-base);box-shadow:0 2px 4px 0 rgba(15,25,46,.5)}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-box{color:#333;padding:0 12px}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-box .promotion-desc-time{position:relative;display:flex;justify-content:start;align-items:center;font-size:12px;gap:4px}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-desc-box .promotion-desc-time .promotion-time-icon{color:#333}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-button-container{display:flex;justify-content:start;gap:18px;margin:12px}.promotion-container .promotion-wrapper .promotion-card .promotion-desc-container .promotion-button-container .promotion-button{padding:4px 6px;box-shadow:unset;min-width:90px;width:90px;height:30px}.bonus-alert-success .v-icon{color:#25b34b}.bonus-alert-failed .v-icon{color:#dc2d2d}.bonus-category-container{background-color:var(--v-background-darken1)}.bonus-category-container .bonus-category-wrapper{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 0;max-width:1240px;white-space:nowrap;margin:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.bonus-category-container .bonus-category-wrapper .bonus-button{cursor:pointer;padding:4px 8px}.bonus-category-container .bonus-category-wrapper .bonus-button:hover{border:1px solid var(--v-secondary-base);border-radius:5px}.bonus-category-container .bonus-category-wrapper .bonus-button-active{border:1px solid var(--v-secondary-base);border-radius:5px}.bonus-category-container .bonus-category-menu-title{font-size:16px;text-transform:capitalize}@media(max-width:959px){.promotion-desc-container{min-height:unset!important}}@media(max-width:599px){.bonus-category-container{background-color:var(--v-background-darken1)}.bonus-category-container .bonus-category-wrapper{justify-content:start!important}.bonus-category-container .bonus-category-wrapper .bonus-button{background-color:var(--v-background-darken2)}.bonus-category-container .bonus-category-wrapper .bonus-button:hover{border:1px solid var(--v-primary-base)}.bonus-category-container .bonus-category-wrapper .bonus-button-active{border:1px solid var(--v-primary-base)!important;background-color:var(--v-primary-base)}.promotion-container{background-color:#fff}.promotion-container .promotion-desc-container{background-color:#f5f5f5}.promotion-container .promotion-desc-container .promotion-desc-title-container{color:#000}.promotion-container .promotion-desc-container .promotion-time-icon{color:var(--v-primary-base)!important}}.cms_bonus_content{font-family:ReadexPro-Medium;text-align:left;padding-bottom:24px;height:50vh;overflow:visible}.cms_bonus_content table{width:100%;text-align:center;border-collapse:collapse}.cms_bonus_content{max-height:450px}.cms_bonus_content table,.cms_bonus_content td,.cms_bonus_content th{border:1px solid #000}.cms_bonus_content table thead th{background-color:#000;font-size:16px;color:#fff}.cms_bonus_content table tbody tr th{font-size:16px}.cms_bonus_content table td{padding:5px}.maxFrameHeight{max-height:100%}.container-promo{width:100%;padding:12px;margin-right:auto;margin-left:auto}.maxFrameHeight{max-height:500px}.promotion-progress-claim-button,.promotion-progress-more-button{height:26px!important;padding:0 10px}.promotion-progress-claim-button{width:100%}.title_color--text{font-size:14px}.transaction-status.complete{color:var(--v-primary-base)}.transaction-status.failed{color:var(--v-secondary_2-base)}.transaction-status.pending{color:var(--v-base-base)}.transaction-page-search-date-field-box{width:160px}.v-data-table__wrapper table .v-data-table-header tr{background-color:#2c3482!important}.v-data-table__wrapper table .v-data-table-header tr th span{color:var(--v-base-base)}.v-data-table__wrapper table tbody tr:nth-child(2n){background-color:#2d3454!important}.v-data-table__wrapper table td,.v-data-table__wrapper table th{border-bottom:0!important}.v-pagination{margin:15px 0}.v-pagination li button{margin:0;border-radius:0!important;box-shadow:none!important;border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--v-base_2-base);min-height:40px;min-width:40px!important;font-size:16px}.v-pagination li:last-child button{border-right:1px solid;border-color:var(--v-base_2-base);border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}.v-pagination li:first-child button{border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}