.f13-life-rewards-container { position: relative; border: 1px solid #aaa; margin-top: 15px; }
.f13-life-rewards-inner-container { margin: 0px -1px -1px; }
.f13-life-rewards-container .f13-data-tabs { margin: -1px; }
.f13-life-rewards-btn-new { float: right; margin-top: -30px; margin-right: 7px; text-decoration: none; }   
.reward_chart table .f13-data-ajax-link:hover { cursor: url(../image/stamp.png) 40 60, auto; }
.reward_chart .f13-data-loading { display: none !important; }
.f13-life-rewards-previous, .f13-life-rewards-next { text-decoration: none; position: absolute; left: 10px; width: 48px; top: 100px; }
.f13-life-rewards-next { right: 10px; left: unset; }
.f13-life-rewards-previous span, .f13-life-rewards-next span { font-size: 50px; }
.f13-life-tasks-today { background: #dc5f0012;}
.reward_chart table { margin-bottom: 1px; }
.reward_chart table th { padding: 10px 0px; }
.f13-life-rewards-chart-task { width: 30%; display: inline-block; text-align: center; font-weight: bold; vertical-align: top; margin-top: 45px; }
.f13-life-rewards-chart-stamp { width: 10%; display: inline-block; text-align: center; position: relative; }
.f13-life-rewards-chart-task-title { width: 30%; display: inline-block; text-align: center; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.f13-life-rewards-chart-stamp-title { width: 10%; display: inline-block; text-align: center; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.reward-chart-table a { cursor: url(../image/stamp.png) 40 60, auto !important; }
.f13-life-rewards-note { text-align: center; margin: 20px; position: relative; pointer-events: none; }
.f13-life-rewards-note img { width: 350px; border-radius: 10px; }
.f13-life-rewards-note .reward_chart_reward { text-align: center; padding: 20px; font-size: 24px; font-weight: bold; position: absolute; top: 52px; left: 50%; margin-left: 59px; color: #627a3e; }
.reward-chart-table { padding: 0px 10px; box-sizing: border-box; }
.f13-life-rewards-chart-container { width: 50%; display:inline-block; padding: 0px 5px; box-sizing: border-box; vertical-align: top; }
.f13-life-rewards-container .f13-data-table-responsive-container { border: 0; border-top: 1px solid #aaa; }

.dark img.f13-life-rewards-chart-stamp-incomplete {
    content: url("../image/grey_paw_invert.png") !important;
}
@media screen and (max-width: 730px) {
    #f13-life-rewards-container .f13-data-tabs + .f13-data-header-btn {
        border-left: 0px;
        border-right: 0px;
    }
    
    #f13-life-rewards-container .f13-data-tabs {
        border-bottom: 1px solid #aaa !important;
    }
}

@media screen and (max-width: 700px) {
    .f13-life-rewards-chart-task { width: 100%; margin-top: 10px; }
    .f13-life-rewards-chart-stamp { width: calc(100% / 7);}
    .f13-life-rewards-chart-task-title { display: none; }
    .f13-life-rewards-chart-stamp-title { width: calc(100% / 7); }
    .f13-life-rewards-chart-container { width: 100%; }
}

@media screen and (max-width: 550px) {
    .f13-life-rewards-next, .f13-life-rewards-previous { display: none; }
    .f13-life-rewards-note img { width: 100%; height: auto; }
    .f13-life-rewards-note .reward_chart_reward { padding: 0; margin: 0; left: 72%; top: 50%; margin-top: -14px; }
}