.promo-dashboard {
    margin-top: 12px;
    border-top: 6px solid #8bc34a;
}

.promo-dashboard .promo-title {
    font-size: 20px;
    line-height: 20px;
    margin: 12px 0;
    font-family: 'Conv_Kanit-Medium';
    color: #00da37;
    text-align: center;
}

.promo-dashboard .promo-panel {
    display: flex;
    margin-bottom: 6px;
}

.promo-dashboard .promo-panel > div {
    padding: 3px;
}

.promo-panel .item {
    text-align: center;
    margin-bottom: 6px;
}

.promo-panel .item img {
    position: relative;
    width: 100%;
    top: unset;
    max-width: unset;
}

.promo-panel .item.disable img {
    filter: grayscale(100%);
}

.color-black {
    color: black !important;
}

.bg-inter {
    background-color: rgb(45, 125, 216) !important;
}

.bg-fer {
    background-color: rgb(34, 195, 69) !important;
}

.bg-ladda {
    background-color: rgb(69, 209, 228) !important;
}

.promo-panel .item.inter .promo-point, .promo-panel .item.inter a , .box-redeem.inter .promo-point, .box-redeem.inter .btn-promo-redeem {
    background-color: rgb(45, 125, 216) !important;
}

.promo-panel .item.fer .promo-point, .promo-panel .item.fer a , .box-redeem.fer .promo-point, .box-redeem.fer .btn-promo-redeem {
    background-color: rgb(34, 195, 69) !important;
}

.promo-panel .item.ladda .promo-point, .promo-panel .item.ladda a , .box-redeem.ladda .promo-point, .box-redeem.ladda .btn-promo-redeem {
    background-color: rgb(69, 209, 228) !important;
}

.promo-panel .item.disable .promo-point, .promo-panel .item.disable a {
    cursor: not-allowed;
    color: grey !important;
    background-color: lightgray !important;
}

.promo-point {
    font-size: 16px;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: lightgrey;
    border-radius: 3px;
    border: 0;
    padding: 3px;
    text-align: center;
}

.btn-promo-reward {
    font-size: 32px;
    width: 100%;
    height: 60px;
    color: rgb(37, 37, 37);
    border-radius: 3px;
    border: 0;
    text-align: center;
    cursor: pointer;
}

.btn-promo {
    color: rgb(37, 37, 37);
    background-color: lightgrey;
    border: 0;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    width: 120px;
    height: 60px;
}

.btn-promo.promo-reward {
    font-size: 32px;
}

.table-promo-redeem {
    width: 100%;
    font-size: medium;
}

.table-promo-redeem thead tr td {
    padding: 6px;
    border: 2px solid lightgray;
    font-size: large;
}

.table-promo-redeem tbody tr td {
    padding: 6px;
    color: grey;
    border: 2px solid lightgray;
}

.table-promo-redeem tbody tr td a {
    color: blue;
    font-size:large;
    text-decoration: underline;
}

.table-promo-redeem tr .datetime {
    color: lightslategray;
    font-size: medium;
}

.table-promo-redeem tr .description {
    color: dimgray;
    font-size: medium;
}