/* brosky.si additions: hero inventory resource items (oasis bounty) and PvE top 10 medals */
.male_item_145, .female_item_145 { background-image: url('/29c89d54/mainPage/img_ltr/general/resources/lumber_huge.png'); }
.male_item_146, .female_item_146 { background-image: url('/29c89d54/mainPage/img_ltr/general/resources/clay_huge.png'); }
.male_item_147, .female_item_147 { background-image: url('/29c89d54/mainPage/img_ltr/general/resources/iron_huge.png'); }
.male_item_148, .female_item_148 { background-image: url('/29c89d54/mainPage/img_ltr/general/resources/crop_huge.png'); }
.male_item_145, .female_item_145, .male_item_146, .female_item_146,
.male_item_147, .female_item_147, .male_item_148, .female_item_148 {
    background-size: 46px auto;
    background-repeat: no-repeat;
    background-position: center 6px;
}
div.player img.t20_1 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_1.gif'); }
div.player img.t20_2 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_2.gif'); }
div.player img.t20_3 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_3.gif'); }
div.player img.t20_4 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_4.gif'); }
div.player img.t20_5 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_5.gif'); }
div.player img.t20_6 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_6.gif'); }
div.player img.t20_7 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_7.gif'); }
div.player img.t20_8 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_8.gif'); }
div.player img.t20_9 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_9.gif'); }
div.player img.t20_10 { background-image: url('/a17a8f72/mainPage/img_ltr/t/t20_10.gif'); }

/* Tasks button in the hero box (notepad icon from the button sprite) */
button.layoutButton.tasksWhite i { background-position: left -42px; }

/* Task list (tasks.php) */
.tasksWrapper { margin: 0 0 10px 0; }
.taskTabs { display: flex; margin-bottom: 12px; border: 2px solid #7a5a32; border-radius: 4px; overflow: hidden; }
.taskTabs .taskTab { flex: 1; text-align: center; padding: 9px 6px; font-weight: bold; color: #fff;
    background: linear-gradient(#8c6a43, #5f4527); text-decoration: none; position: relative; }
.taskTabs .taskTab + .taskTab { border-left: 2px solid #7a5a32; }
.taskTabs .taskTab.active { background: linear-gradient(#5a3e22, #3f2b16); }
.taskTabs .taskTab:hover { color: #ffe9a8; }
.taskCount { display: inline-block; min-width: 18px; padding: 0 5px; margin-left: 6px; border-radius: 9px;
    background: #6aa82a; color: #fff; font-size: 11px; line-height: 18px; }
.tasksCollected { background: #e4f2d4; border: 1px solid #8fbf5f; padding: 6px 10px; border-radius: 4px; }
.taskList { display: flex; flex-direction: column; gap: 8px; }
.taskCard { display: flex; align-items: center; min-height: 72px; border: 2px solid #8c6a3c; border-radius: 4px;
    background: linear-gradient(90deg, #f6ecd2, #fbf5e6 60%, #f3e7c9); box-shadow: inset 0 0 0 1px #fff6dc; }
.taskCard.finished { opacity: .55; }
.taskCard.collectable { border-color: #5c8f22; }
.taskImage { width: 72px; height: 72px; flex: 0 0 72px; background-size: cover; background-position: center;
    border-right: 2px solid #c9b07a; }
.taskName { flex: 0 0 120px; padding: 0 10px; font-weight: bold; color: #4a3519; }
.taskRewards { flex: 1; display: flex; gap: 8px; flex-wrap: wrap; }
.taskReward { display: inline-flex; align-items: center; height: 22px; padding: 0 9px 0 30px; border-radius: 11px;
    background: #ddd2b6 no-repeat 4px center; color: #3d2c12; font-size: 12px; font-weight: bold; }
.taskRes { background-image: url('/29c89d54/mainPage/img_ltr/general/resources/resources_small.png'); background-size: 22px auto; }
.taskExp { padding-left: 9px; }
.taskExp:before { content: "XP"; margin-right: 6px; color: #b07d0f; font-style: italic; font-weight: 900;
    text-shadow: 0 1px 0 #fff3c4; }
.taskAction { flex: 0 0 150px; padding: 0 10px; text-align: center; }
.taskBar { height: 12px; border: 2px solid #6a4b25; border-radius: 7px; background: #4a3b2a; overflow: hidden; }
.taskBarFill { height: 100%; background: linear-gradient(#8fd14f, #4f9a1c); }
.taskBarText { margin-top: 3px; font-size: 12px; color: #3d2c12; }
.taskCollect { display: inline-block; padding: 6px 18px; border-radius: 4px; color: #fff !important; font-weight: bold;
    background: linear-gradient(#86c440, #4f8a1a); border: 1px solid #3e6d14; text-decoration: none; }
.taskCollect:hover { background: linear-gradient(#9ad655, #5c9a20); }
.taskDone { display: inline-block; padding: 6px 18px; border-radius: 4px; color: #8a8270; background: #e9e3d3;
    border: 1px solid #cfc6b1; }
.taskPager { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 12px; }
.taskPagerArrow { font-size: 18px; color: #5c8f22; text-decoration: none; }
.taskPagerArrow.disabled { color: #c9c2b0; }
.taskPagerDot { width: 12px; height: 12px; border-radius: 50%; background: #5a3e22; border: 2px solid #8c6a3c; }
.taskPagerDot.active { background: #6aa82a; }