@import "./fixes/paymentWizard-ltr.css";
@import "./fixes/paymentWizard-rtl.css";

.contentNavi .content .tabItem {
    max-width: 100%;
}

#content.village3 table#troops tbody.noPadding td {
    padding-left: 0;
    padding-right: 0;
}

#content.village3 table.vil_troops tbody.noPadding td {
    padding-left: 0;
    padding-right: 0;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanweblight.eot?#) format("eot"), url(../fonts/iranyekanweblight.woff2) format("woff2"), url(../fonts/iranyekanweblight.woff) format("woff");
    font-weight: 300;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanwebregular.eot?#) format("eot"), url(../fonts/iranyekanwebregular.woff2) format("woff2"), url(../fonts/iranyekanwebregular.woff) format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'IRYekan';
    src: url(../fonts/iranyekanwebbold.eot?#) format("eot"), url(../fonts/iranyekanwebbold.woff2) format("woff2"), url(../fonts/iranyekanwebbold.woff) format("woff");
    font-weight: 900;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotolight.eot?#) format("eot"), url(../fonts/robotolight.woff2) format("woff2"), url(../fonts/robotolight.woff) format("woff");
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotoregular.eot?#) format("eot"), url(../fonts/robotoregular.woff2) format("woff2"), url(../fonts/robotoregular.woff) format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/robotobold.eot?#) format("eot"), url(../fonts/robotobold.woff2) format("woff2"), url(../fonts/robotobold.woff) format("woff");
    font-weight: 900;
}

body.fa-IR {
    font-family: Roboto, IRYekan, IRANSans, Arial, Helvetica, Verdana, sans-serif;
}

body.fa-IR div.messages #bbEditor .messageEditor {
    font-family: IRYekan, IRANSans, Roboto, Arial, Helvetica, Verdana, sans-serif;
}

button, select, input {
    font-family: Roboto, IRYekan, IRANSans, Arial, Helvetica, Verdana, sans-serif;
}

.subNavi .normal .content .tabItem {
    padding: 8px 3px 0;
}

body.fa-IR div.sidebar div#sidebarBoxAllianceNoNews div.header div.boxTitle {
    height: 21px;
}

.rtl h1 {
    font-size: 18px;
}

.rtl h2 {
    font-size: 15px;
}

.rtl h4 {
    font-size: 14px;
}

.rtl h5 {
    font-size: 13px;
}

.rtl table td,
.rtl table th {
    font-size: 13px;
}

.rtl div.fatal_error p.errorText {
    font-size: 16px;
}

.rtl .paymentPopupDialogWrapper .featureBooking h3 {
    font-size: 12px;
}

.rtl div#paymentWizard h4 {
    font-size: 13px;
}

.rtl .paymentPopupDialogWrapper .featureBooking h3 {
    font-size: 13px;
}

.rtl div#paymentWizard .header .tabButton .text {
    font-size: 13px;
}

.rtl div#paymentWizard .accountBalance {
    font-size: 13px;
}

.rtl .paymentPopupDialogWrapper .feature {
    font-size: 12px;
}

.rtl div#paymentWizard.plusSupport,
.rtl div#paymentWizard.earnGold {
    font-size: 13px;
}

.rtl div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent {
    font-size: 13px;
}

.rtl div.player table#villages td.name span.mainVillage {
    font-size: 12px;
}

.rtl div#build .statusMessage,
.rtl div#build .errorMessage {
    font-size: 12px;
}

.rtl #sidebarBoxDailyquests .travianBirthdayRibbon div.headline {
    font-size: 15px;
}

body.rtl #reportWrapper>.header .headline.withQuickNavigation .subject {
    direction: rtl;
}

body.rtl #sidebarBoxActiveVillage .sidebarBoxInnerBox .header #villageNameField {
    direction: rtl;
}

body.rtl #sidebarBoxVillagelist .content ul li a .name {
    direction: rtl;
}

body.rtl div.player table#villages td.name {
    direction: rtl;
}

body.rtl div.sidebar div#sidebarBoxHero .header .playerName {
    direction: rtl;
}

body.rtl table.allianceMembers tbody td.player {
    direction: rtl;
}

body.rtl div.statistics table#player td.pla {
    direction: rtl;
}

body.rtl div#build.gid16 table.troop_details thead td:last-of-type {
    direction: rtl;
}

body.rtl div#build.gid16 table.troop_details thead a {
    direction: rtl;
}

body.rtl div.build .gid16 #raidList .listTitle {
    margin-top: 2px;
}

body.rtl div.build .gid16 #raidList div.addSlot button {
    margin-right: 5px;
}

.rtl .sidebar .sidebarBox .sidebarBoxInnerBox .header {
    font-size: 14px;
}

#statisticsV2 .recharts-layer {
    direction: ltr;
}

div.village1 table#movements div.mov {
    font-size: 12px;
}

.rtl div.village1 table#movements div.dur_r {
    font-size: 11px;
}

div.player .description1,
div.player .description2 {
    font-size: 12px;
}

div.bbEditor div.bbToolbarWindow div {
    max-width: 275px;
}

div#build.gid13 .information .errorMessage,
div#build.gid22 .information .errorMessage {
    display: block;
}

.rtl div#build .statusMessage,
.rtl div#build .errorMessage {
    display: block;
}

.rtl div#build .a2b .statusMessage,
.rtl div#build .a2b .errorMessage {
    display: inline-block;
}

.rtl.mobileOptimized div.village1 div#map_details .villageList.movements.movements,
.rtl.mobileOptimized div.village1 div#map_details .villageList.units.movements {
    transform-origin: top left;
}

.sidebar #sidebarBoxLinklist .content ul li a {
    overflow: visible;
    word-wrap: break-word;
}

#tileDetails .detailImage .options {
    margin-bottom: 10px;
}

.ltr div.build .gid16 #raidList div.addSlot button:first-child {
    margin-left: 5px;
}

.rtl div.build .gid16 #raidList div.addSlot button:last-child {
    margin-right: 5px;
}

.sidebarBoxNews {
    margin-top: 60px;
}

.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent, .dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent {
    overflow: visible;
}

.dialog.paymentShopV3 .paymentPopupDialogWrapper .feature {
    min-height: 60px;
}

.flag_fa-IR,
.flag_ir {
  background-position: -1712px 0;
}

#mentorTaskList li svg.check {
    width: 12px;
    height: 12px;
    fill: #2a8d2f;
    vertical-align: middle;
    margin-left: 4px;
}

button.layoutButton:not(background) {
    position: relative;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    padding: 0;
    overflow: visible;
    background-image:linear-gradient(to bottom,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);
    border: 1px solid #283308;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(37,37,37,0.7);
}

button.layoutButton:not(background):hover:not(.disabled) {
    cursor: pointer;
}

button.layoutButton:not(background) div.button-container {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    width: auto;
    height: auto;
    border: 1px solid #2b333c;
    border-radius: 50%;
    padding: 0;
}

button.layoutButton:not(background) div.button-container i {
    background-image: url('../../img_rtl/layout/icons/buttonIcons-rtl.png');
    position: absolute;
    top: -1px;
    left: -1px;
    width: 32px;
    height: 32px;
    overflow: hidden;
}

button.layoutButton:not(background).disabled {
    background-image: linear-gradient(to bottom, rgba(72,99,116,0.6), rgba(31,51,73,0.6) 35%, rgba(22,46,59,0.6));
    border: 1px solid rgba(40,51,8,0.6);
    opacity: .95;
}

button.layoutButton:not(background).disabled div.button-container {
    border: 1px solid rgba(43,51,60,0.6);
}

button.layoutButton:not(background).green:not(.disabled) div.button-container {
    background-image: linear-gradient(to bottom, #587c1e, #7cb029);
    box-shadow: inset 0 0 1px 1px rgba(40,51,8,0.5), inset 0 2px 2px 1px #b1dd4f, inset 0px -2px 2px 0px #2c4a0c;
}

button.layoutButton:not(background).green:not(.disabled):hover:not(.disabled):not(:active) .button-container {
    box-shadow: inset 0 0 1px 1px rgba(40,51,8,0.5), inset 0 2px 2px 1px #e8f4cd, inset 0px -2px 2px 0px #395a13;
}

button.layoutButton:not(background).green:not(.disabled):active:not(.disabled) .button-container {
    box-shadow: inset 0 0 1px 1px rgba(40,51,8,0.5), inset 0 1px 2px 1px #2c4a0c, inset 0px -2px 2px 0px #b1dd4f;
}

button.layoutButton:not(background).green.disabled .button-container {
    background-image: linear-gradient(to bottom, #8d957f, #8fa172);
}

button.layoutButton:not(background).green.disabled img {
    opacity: .6;
}

button.layoutButton:not(background).gold:not(.disabled) div.button-container {
    background-image: linear-gradient(to bottom, #fdf5cb, #f8eeb0 40%, #f0dc7c 45%, #e6ce64 85%, #caac50);
    box-shadow: inset 0 0 1px 1px rgba(82,67,32,0.5), inset 0 2px 2px 1px #faf8ec, inset 0px -2px 2px 0px #524320;
}

button.layoutButton:not(background).gold:not(.disabled):hover:not(.disabled):not(:active) .button-container {
    box-shadow: inset 0 0 1px 1px rgba(82,67,32,0.5), inset 0 2px 2px 1px #fff, inset 0px -2px 2px 0px #b89745;
}

button.layoutButton:not(background).gold:not(.disabled):active:not(.disabled) .button-container {
    box-shadow: inset 0 0 1px 1px rgba(82,67,32,0.5), inset 0 1px 2px 1px #524320, inset 0px -2px 2px 0px #f8eeb0;
}

button.layoutButton:not(background).gold.disabled .button-container {
    background-image: linear-gradient(to bottom, #e1d9b1, #aa9f79);
}

button.layoutButton.bulbWhite div.button-container i {
    background-position: right -588px;
}

button.layoutButton.buildOn div.button-container i {
    background-position: right -800px;
}

button.layoutButton.buildOff div.button-container i {
    background-position: right -758px;
}

/* Farm list button styles */
.listEntry {
    margin-bottom: 8px;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    background: #fafafa;
}

.listEntry .listTitle {
    cursor: default;
    background: linear-gradient(to bottom, #f8f8f8, #e8e8e8);
    border-bottom: 1px solid #ddd;
    margin-bottom: 0 !important;
    padding: 3px 8px;
    display: flex !important;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
    width: 100% !important;
    height: auto !important;
    position: static !important;
    right: auto !important;
}

.listEntry .listTitleText {
    flex: 1;
    float: none !important;
    padding-left: 0 !important;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listEntry .listTitle .del {
    float: none;
    margin-left: 4px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-position: -128px -416px;
}

.listEntry .listTitle .del:hover {
    background-position: -144px -416px;
}

.listEntry .listTitle .farmBtn img {
    display: block;
    width: 16px;
    height: 16px;
}

.listEntry .listTitle .farmBtn.imgRaid img {
    background-image: url('../../../img/farmlisticon/att_all.gif');
}

.listEntry .listTitle .farmBtn.imgAdd img {
    background-image: url('../../../img/farmlisticon/add-singel-farm.png');
}

.listEntry .listTitle .farmBtn.imgEdit img {
    background-image: url('../../../img/farmlisticon/edit-list-name.png');
}

.listEntry .listTitle .farmBtn.imgDelete img {
    background-image: url('../../../img/farmlisticon/clear.gif');
}

.listEntry .listTitle .farmBtn.imgDeleteList {
    margin-left: 6px;
}

.listEntry .listTitle .farmBtn.imgDeleteList img {
    background-image: url('../../../img/farmlisticon/delete.gif');
}

.listEntry .listTitle .farmBtn.imgFarmFinder img {
    background-image: url('../../../img/farmlisticon/add-farm-finder.png');
}

.listEntry .listTitle .switchClosed {
    background: url('../../../img/farmlisticon/loader-close.png') no-repeat center;
    width: 20px;
    height: 20px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0;
    color: #333 !important;
    flex-shrink: 0;
    cursor: pointer;
}

.listEntry .listTitle .switchOpened {
    background: url('../../../img/farmlisticon/loader-open.png') no-repeat center;
    width: 20px;
    height: 20px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0;
    color: #333 !important;
    flex-shrink: 0;
    cursor: pointer;
}

.listEntry .listTitle .switchClosed:hover,
.listEntry .listTitle .switchOpened:hover {
    opacity: 0.7;
}

.listEntry .listTitle .farmBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 22px;
    height: 22px;
    border-radius: 3px;
    padding: 3px;
    flex-shrink: 0;
    opacity: 1;
}

.listEntry .listTitle .farmBtn:hover {
    opacity: 0.7;
}

.listEntry .loading {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 2px;
}

.listEntry .listContent {
    margin-top: 2px;
    padding: 4px;
}

.listEntry .listContent.hide {
    display: none;
}

.listEntry .farmListActions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0;
    flex-wrap: wrap;
}

.listEntry .farmListActions .markAll {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    margin-left: auto;
}

.listEntry .farmListActions .farmActionBtn .button-container {
    padding: 0 8px;
    min-height: 22px;
    line-height: 22px;
}

.listEntry .farmListActions .farmActionBtn .button-content {
    font-size: 11px;
    white-space: nowrap;
}

/* Farm Finder Dialog */
.ffSelect {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    margin-top: 4px;
    background: #fff;
    min-height: 34px;
    box-sizing: border-box;
}

.ffInput {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    margin-top: 4px;
    background: #fff;
    min-height: 34px;
    box-sizing: border-box;
}

.ffInput:focus,
.ffSelect:focus {
    border-color: #587c1e;
    outline: none;
    box-shadow: 0 0 3px rgba(88,124,30,0.3);
}

.ffTroopGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    direction: rtl;
}

.ffTroopCell {
    text-align: center;
    padding: 5px 4px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    position: relative;
}

.ffTroopCell .unit {
    cursor: help;
}

.ffTroopCell:hover {
    background: #eef5e0;
}

.ffTroopCellDisabled {
    background: #e8e8e8;
    opacity: 0.5;
}

.ffTroopCellDisabled:hover {
    background: #e8e8e8;
}

.ffTroopInput {
    width: 40px;
    padding: 5px 3px;
    border: 1px solid #a0a0a0;
    border-radius: 10px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    text-align: center;
    background: #fff;
}

.ffTroopInput:focus {
    border-color: #587c1e;
    outline: none;
}

.ffTroopInput:disabled {
    background: #e8e8e8;
    color: #999;
    cursor: not-allowed;
}

/* Bottom bar for farm list */
.raidListBottomBar {
   display: flex;
    align-items: center;
    justify-content: center;
}

.ffAutoFarmBtn {
    background: linear-gradient(to bottom, #dc3545, #b02a37);
    color: #fff;
    border: 1px solid #842029;
    border-radius: 12px;
    padding: 5px 14px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.ffAutoFarmBtn:hover {
    background: linear-gradient(to bottom, #c82333, #9a2028);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.3);
}

.ffAutoFarmBtn:active {
    background: linear-gradient(to top, #dc3545, #b02a37);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.ffSearchBtn {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 24px !important;
    vertical-align: middle;
}

.ffSearchBtn .button-content {
    line-height: 32px;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Auto-Farm Timer Badge */
.afTimerBadge {
    display: inline-block;
    background: linear-gradient(to bottom, #ffc107, #e0a800);
    color: #333;
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 6px;
    border-radius: 10px;
    margin-right: 6px;
    border: 1px solid #c89b00;
    line-height: 16px;
    vertical-align: middle;
    direction: ltr;
    animation: afPulse 2s infinite;
}

@keyframes afPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Auto-Farm Settings Row */
.afSettingsRow {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    margin-top: 4px;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
    direction: rtl;
}

.afSettingsLabel {
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #555;
    white-space: nowrap;
}

.afIntervalInput {
    width: 70px !important;
    text-align: center;
    border-radius: 10px !important;
    font-size: 12px !important;
    padding: 3px 6px !important;
    direction: ltr;
}

.afSaveBtn .button-content {
    font-size: 11px !important;
    padding: 0 8px !important;
}

/* Start/Stop Buttons */
.afToggleWrap {
    position: relative;
    display: inline-block;
}

/* Red textButtonV1 variant (same as green but red) */
button.red:not(.disabled) .button-container {
    border: 1px solid #5c1010;
    background-image: linear-gradient(to bottom, #c82333, #9a2028);
    box-shadow: inset 2px 0 1px -1px #842029, inset -2px 0 1px -1px #842029, inset 0 3px 1px -1px #e4606d, inset 0 -3px 1px -1px rgba(100, 20, 20, 0.6);
}

button.red .button-container:not(.hover):not(.click) {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

button.red .button-container .button-content {
    color: #fff;
}

button.red:not(.disabled) .button-container.hover:not(.click), button.red:not(.disabled) .button-container:not(.click):focus {
    background-color: #c82333;
    background-image: none;
    border-color: #7a1a1a;
}

button.red:not(.disabled) .button-container.hover:not(.click) .button-content, button.red:not(.disabled) .button-container:not(.click):focus .button-content {
    box-shadow: inset 0 20px 25px -10px rgba(255, 255, 255, 0.7);
    color: #5c1010;
    text-shadow: none;
}

button.red:not(.disabled) .button-container.click {
    background-image: linear-gradient(to top, #c82333, #9a2028);
    box-shadow: inset 2px 0 1px -1px #842029, inset -2px 0 1px -1px #842029;
}

button.red:not(.disabled) .button-container.click .button-content {
    color: #7a1a1a;
    text-shadow: none;
}

.afStartBtn, .afStopBtn {
    background: linear-gradient(to bottom, #28a745, #1e7e34) !important;
    border-color: #1e7e34 !important;
}

.afStartBtn:hover, .afStopBtn:hover {
    background: linear-gradient(to bottom, #218838, #155d27) !important;
}

.afStopBtn {
    background: linear-gradient(to bottom, #dc3545, #b02a37) !important;
    border-color: #842029 !important;
}

.afStopBtn:hover {
    background: linear-gradient(to bottom, #c82333, #9a2028) !important;
}

.afStopBtn .button-content {
    font-size: 12px !important;
}

/* Auto-Farm Toast */
.afToast {
    text-align: center;
    padding: 8px;
    margin-top: 8px;
    background: #17a2b8;
    color: #fff;
    border-radius: 4px;
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    direction: rtl;
}

/* Simple dialog OK button - no shadow */
button.dialogButtonOk .button-container {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Reports page layout fixes */
div.reports .contentNavi.subNavi {
    margin-bottom: 10px;
}

div.reports .reportFilter {
    margin-bottom: 10px;
    background-color: #e7e7e7;
    border-radius: 5px;
    padding: 5px 10px;
}

div.reports .reportFilter .boxes-contents {
    padding: 5px 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
}

div.reports .reportFilter .boxes-contents > div {
    direction: rtl;
}

div.reports .reportFilter .filterIcons {
    direction: rtl;
    margin-right: 5px;
}

div.reports .reportFilter .filterVillage {
    direction: ltr;
    white-space: nowrap;
}

div.reports .reportFilter select {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    margin-right: 5px;
    min-height: 26px;
    min-width: 120px;
}

div.reports .reportFilter button.iconFilter {
    margin: 3px 2px;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    display: inline-block;
}

div.reports .reportFilter button.iconFilter:hover {
    border-color: #999;
    background: #ddd;
}

div.reports .reportFilter button.iconFilter img {
    width: 16px;
    height: 16px;
    display: block;
}

div.reports div.boxes.reportFilter {
    margin-bottom: 10px;
    background-color: #e7e7e7;
    border-radius: 5px;
}

div.reports div.boxes.reportFilter .boxes-contents {
    padding: 0;
}

div.reports div.boxes.reportFilter select {
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    margin-right: 5px;
}

div.reports div.boxes.reportFilter button.iconFilter {
    margin: 3px 2px;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
}

div.reports div.boxes.reportFilter button.iconFilter:hover {
    border-color: #999;
    background: #ddd;
}

div.reports table#overview {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

div.reports table#overview {
    border-collapse: separate;
    border-spacing: 0;
}

div.reports table#overview thead th {
    background: linear-gradient(to bottom, #e8e8e8, #d0d0d0);
    border: 1px solid #bbb;
    padding: 6px 8px;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}

div.reports table#overview thead tr th {
    padding-bottom: 10px;
}

div.reports table#overview thead th.dat {
    width: 23%;
    text-align: center;
}

div.reports table#overview tbody td {
    border: 1px solid #ddd;
    padding: 5px 8px;
    vertical-align: top;
}

div.reports table#overview tbody tr:nth-child(even) {
    background: #f9f9f9;
}

div.reports table#overview tbody tr:hover {
    background: #f0f5e5;
}

div.reports table#overview td.sel {
    width: 5%;
    text-align: center;
    vertical-align: middle;
}

div.reports table#overview td.sub {
    text-align: right;
}

div.reports table#overview td.dat {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

div.reports .footer {
    margin: 10px 0;
    padding: 8px 0;
    border-top: 1px solid #ddd;
}

div.reports .footer #markAll {
    float: right;
    margin-right: 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}

div.reports .footer .paginator {
    float: left;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

div.reports .footer .paginator .number {
    display: inline-block;
    padding: 2px 6px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f5f5f5;
    margin: 0 1px;
}

div.reports .footer .paginator .number.currentPage {
    background: #587c1e;
    color: #fff;
    border-color: #3d5a13;
    font-weight: bold;
}

div.reports .footer .paginator a.number {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

div.reports .footer .paginator a.number:hover {
    background: #e0e0e0;
}

div.reports .footer img.first,
div.reports .footer img.previous,
div.reports .footer img.next,
div.reports .footer img.last {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

div.reports .footer img.first.disabled,
div.reports .footer img.previous.disabled,
div.reports .footer img.next.disabled,
div.reports .footer img.last.disabled {
    opacity: 0.3;
    cursor: default;
}

div.reports .footer .perpageWrap {
    display: inline-block;
    float: left;
    margin-top: 4px;
    font-size: 12px;
}

div.reports .footer .perpageWrap select {
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid #a0a0a0;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: middle;
}

div.reports .footer .textButtonV3 {
    margin: 4px 3px;
    vertical-align: middle;
}

/* Management tab (t=5) */
.mgrSection {
    background: linear-gradient(to bottom, #f0f0f0, #d8d8d8);
    border: 1px solid #b0b0b0;
    border-radius: 10px;
    padding: 15px 20px;
    margin: 12px 0;
    direction: rtl;
}
.mgrTitle {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}
.mgrRadio {
    display: block;
    padding: 5px 0;
    cursor: pointer;
    direction: rtl;
    line-height: 24px;
}
.mgrRadio input[type="radio"] {
    margin-left: 5px;
    vertical-align: middle;
}
.mgrCheck {
    display: block;
    padding: 5px 0;
    cursor: pointer;
    direction: rtl;
}
.mgrCheck input[type="checkbox"] {
    margin-left: 5px;
    vertical-align: middle;
}
.mgrBtnWrap {
    text-align: center;
    margin-top: 12px;
}

/* ========== #plusup quick buttons 5x2 ========== */
/* 5 columns x 2 rows icon bar */
#sidebarBoxButton #plusup,
#plusup {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, auto);
  justify-items: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  gap: 8px 4px;
  margin: 0;
  padding: 4px 2px;
}

/* sprite icons inside green framed buttons */

#plusup .layoutButton.buttonFramed .button-container svg {
  display: none !important;
}

#plusup .layoutButton.buttonFramed .button-container i {
  display: block !important;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../img_rtl/layout/icons/buttonIcons-rtl.png');
  background-repeat: no-repeat;
  background-size: 22px auto !important;
  z-index: 3;
  pointer-events: none;
}



/* ========== #plusup sprite positions ========== */
/* buttonIcons-rtl.png = vertical strip (32x480, 15 cells x 32px).
   order: embassy, workshop, stable, barracks, bazar, a2bar, farmList,
   top10, troop, market, grBarracks, grStable, goldSend, townHall, cp.
   percentages keep the right cell no matter the display size. */
#plusup .layoutButton.embassyBlack .button-container i { background-position: 0 0% !important; }
#plusup .layoutButton.workshopBlack .button-container i { background-position: 0 7.142857% !important; }
#plusup .layoutButton.stableBlack .button-container i { background-position: 0 14.285714% !important; }
#plusup .layoutButton.barracksBlack .button-container i { background-position: 0 21.428571% !important; }
#plusup .layoutButton.bazarBlack .button-container i { background-position: 0 28.571429% !important; }
#plusup .layoutButton.a2barBlack .button-container i { background-position: 0 35.714286% !important; }
#plusup .layoutButton.farmListBlack .button-container i { background-position: 0 42.857143% !important; }
#plusup .layoutButton.top10Black .button-container i { background-position: 0 50% !important; }
#plusup .layoutButton.troopBlack .button-container i { background-position: 0 57.142857% !important; }
#plusup .layoutButton.marketBlack .button-container i { background-position: 0 64.285714% !important; }

/* ========== #plusupMore extra quick buttons ========== */
#sidebarBoxButton #plusupMore,
#plusupMore {
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  gap: 8px 4px;
  margin: 0;
  padding: 4px 2px 0;
  border-top: 1px solid rgba(191, 179, 155, 0.5);
}
#plusupMore .layoutButton.buttonFramed .button-container svg {
  display: none !important;
}
#plusupMore .layoutButton.buttonFramed .button-container i {
  display: block !important;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('../img_rtl/layout/icons/buttonIcons-rtl.png');
  background-repeat: no-repeat;
  background-size: 22px auto !important;
  z-index: 3;
  pointer-events: none;
}
#plusupMore .layoutButton.grBarracksBlack .button-container i { background-position: 0 71.428571% !important; }
#plusupMore .layoutButton.grStableBlack .button-container i { background-position: 0 78.571429% !important; }
#plusupMore .layoutButton.goldSendBlack .button-container i { background-position: 0 85.714286% !important; }
#plusupMore .layoutButton.townHallBlack .button-container i { background-position: 0 92.857143% !important; }
#plusupMore .layoutButton.cpBlack .button-container i { background-position: 0 100% !important; }

/* ========== realistic 3D gold round buttons ========== */
#sidebarBoxButton #plusup .layoutButton.buttonFramed.gold.round:after,
#plusupMore .layoutButton.buttonFramed.gold.round:after {
  background-image: radial-gradient(circle at 35% 28%, #fffbe8 0%, #ffe98a 20%, #ffd23f 42%, #e8a400 62%, #a97100 82%, #5c3a00 100%) !important;
  box-shadow: inset 0 -3px 6px rgba(80, 50, 0, 0.55), inset 0 2px 3px rgba(255, 255, 255, 0.6);
}
#sidebarBoxButton #plusup .layoutButton.buttonFramed.gold.round:before,
#plusupMore .layoutButton.buttonFramed.gold.round:before {
  box-shadow: inset 0 -1px 1px 1px rgba(120, 75, 0, 0.65), inset 0 1px 1px 1px rgba(255, 242, 190, 0.5) !important;
}
#sidebarBoxButton #plusup .layoutButton.buttonFramed.gold.round:hover:after,
#plusupMore .layoutButton.buttonFramed.gold.round:hover:after {
  background-image: radial-gradient(circle at 35% 28%, #fffef5 0%, #fff0a8 20%, #ffdc6b 42%, #f4b61f 62%, #bd7d00 82%, #6b4a00 100%) !important;
}
#sidebarBoxButton #plusup .layoutButton.buttonFramed.gold.round:active:after,
#plusupMore .layoutButton.buttonFramed.gold.round:active:after {
  background-image: radial-gradient(circle at 30% 30%, #f7e6a0 0%, #ecc650 20%, #d9a600 42%, #b57d00 62%, #7a5500 100%) !important;
  box-shadow: inset 0 2px 4px rgba(60, 35, 0, 0.6) !important;
}

/* ========== #plus hub table headers ========== */
div.plus table.plusFunctions thead td {
  margin-bottom: 10px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
/* ========== Hero status sprite (heroStatusInformations-rtl.png) ========== */
.heroStatusMessage img[class*="heroStatus"],
#topBarHero .heroStatus img,
.heroStatus img.heroStatusIcon {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  background-image: url('../img_rtl/hero/heroStatusInformations-rtl.png') !important;
  background-repeat: no-repeat !important;
  background-size: 16px 146px !important;
  border: 0 !important;
  vertical-align: middle;
}

#topBarHero .heroStatus a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#topBarHero .heroStatus svg {
  display: none !important;
}

/* frames from original Travian CSS */
img.heroStatus102 { background-position: 0 0 !important; }
img.heroStatus101 { background-position: 0 -26px !important; }
img.heroStatus100 { background-position: 0 -52px !important; }
img.heroStatus3,
img.heroStatus4,
img.heroStatus5,
img.heroStatus9,
img.heroStatus40,
img.heroStatus50 { background-position: 0 -78px !important; }
img.heroStatus101Regenerate { background-position: 0 -104px !important; }
img.heroStatus103 { background-position: 0 -130px !important; }

/* ========== Report Toolbar (delete/archive) ========== */
div.reports .rptToolbar {
    margin-bottom: 8px;
}
div.reports .rptToolbar .toolList {
    display: flex;
    gap: 12px;
    direction: rtl;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 10px;
    background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
    border-radius: 5px;
    border: 1px solid #c0c0c0;
}
div.reports .rptToolbar .toolList button.icon {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: none;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    padding: 3px 8px;
    cursor: pointer;
    direction: rtl;
    position: static;
    float: none;
    text-align: center;
}
div.reports .rptToolbar .toolList button.icon:before,
div.reports .rptToolbar .toolList button.icon:after {
    display: none !important;
}
div.reports .rptToolbar .toolList button.icon:hover {
    background: #d0d0d0;
    border-color: #888;
}
div.reports .rptToolbar .toolList button.icon i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
div.reports .rptToolbar .toolList .rptToolLabel {
    font-size: 12px;
    color: #333;
    white-space: nowrap;
}
div.reports .rptToolbar .toolList i.delete {
    background-image: url('../../img_rtl/report/delete_tiny.png');
}
div.reports .rptToolbar .toolList i.archive {
    background-image: url('../../img_rtl/report/archive_tiny.png');
}

/* ========== Attacker ToolList (repeat/simulate) ========== */
#reportWrapper .troopHeadline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#reportWrapper .troopHeadline .rptAtkToolList {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
#reportWrapper .troopHeadline .rptAtkToolList button.icon {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: none;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    padding: 3px 8px;
    cursor: pointer;
    direction: rtl;
    position: static;
    float: none;
    text-align: center;
}
#reportWrapper .troopHeadline .rptAtkToolList button.icon:before,
#reportWrapper .troopHeadline .rptAtkToolList button.icon:after {
    display: none !important;
}
#reportWrapper .troopHeadline .rptAtkToolList button.icon:hover {
    background: #d0d0d0;
    border-color: #888;
}
#reportWrapper .troopHeadline .rptAtkToolList button.icon i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#reportWrapper .troopHeadline .rptAtkToolList .rptToolLabel {
    font-size: 11px;
    color: #333;
    white-space: nowrap;
}
#reportWrapper .troopHeadline .rptAtkToolList i.repeatAttack {
    background-image: url('../../img_rtl/report/repeatAttack_small.png');
}
#reportWrapper .troopHeadline .rptAtkToolList i.simulate {
    background-image: url('../../img_rtl/report/simulate_small.png');
}

/* ========== Coordinates (x|y): force LTR — x left, y right, minus before number ========== */
span.coordinates,
span.coordinates.coordinatesrtl,
span.coordinates.coordinatesRtl,
span.coordinates.coordinatesRTL {
    direction: ltr !important;
    unicode-bidi: isolate;
}

span.coordinates .coordinateX,
span.coordinates .coordinatePipe,
span.coordinates .coordinateY {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Map tooltip coordinates (span.xCoord/pi/yCoord from crypt.js): force LTR */
span.xCoord,
span.pi,
span.yCoord {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Oasis popup coordinates: keep x left / y right, minus tied to number — scoped to this one popup only */
span.coordinates.coordinateOasis {
    direction: ltr !important;
    unicode-bidi: isolate;
}

span.coordinatesAligned.coordinatesrtl .coordinateY,
span.coordinatesAligned.coordinatesRtl .coordinateY,
span.coordinatesAligned.coordinatesRTL .coordinateY {
    text-align: left;
}

input.coordinates {
    direction: ltr;
    text-align: left;
}

div.coordinatesInput {
    direction: ltr;
}

div.coordinatesInput div.xCoord,
div.coordinatesInput div.yCoord,
body.rtl div.coordinatesInput div.xCoord,
body.rtl div.coordinatesInput div.yCoord {
    float: left;
}

body.rtl div.coordinatesInput div.xCoord {
    margin-right: 15px;
    margin-left: 0;
}

body.rtl #mapContainer #mapCoordEnter.toolbar div.coordinatesInput div.xCoord {
    margin-right: 5px;
    margin-left: 0;
}

/* Plain coordinate table cells and legacy cox/pi/coy divs: force LTR */
td.coords,
th.coords,
td.aligned_coords {
    direction: ltr;
    unicode-bidi: isolate;
}

div.cox,
div.coy,
div.pi {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline;
}

/* ========== messages.php (world-start message) transparent background ========== */
body.buildingsV1.perspectiveBuildings div#background {
    background-image: url('../img_rtl/layout/background2019/bgBuildings.jpg');
    background-position: calc(50% - 84px) top;
}

/* ========== login / logout / register (anmelden) : keep only bgVillage, no second image ========== */
body.login div#background,
body.logout div#background,
body.activate div#background {
    background-image: url('../img_ltr/layout/background2019/bgVillage.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
}

button:focus {
    box-shadow: none !important;
    z-index: auto;
}

button.green:not(.disabled) .button-container:not(.click):focus {
    background-color: transparent;
    background-image: linear-gradient(to bottom, #7cb029, #587c1e);
    border-color: #283308;
}

button.green:not(.disabled) .button-container:not(.click):focus .button-content {
    box-shadow: none;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Remove top bar stripe on 404 error pages */
body.error_site.buildingsV3 div#background:before {
    display: none !important;
}

/* Center content on 404 pages when sidebar is hidden */
body.error_site #center #contentOuterContainer {
    float: none;
    margin: 0 auto;
}

/* Active tab cursor: pointer like other tabs */
.contentNavi.subNavi.tabFavorWrapper .scrollingContainer .content.favorActive > a,
.subNavi .active a {
    cursor: pointer !important;
}

/* pw_email input: override compact2 font-size 14px → 12px + width 250px */
div.outerLoginBox table.pwForgottenTable input[type="email"].text,
div.outerLoginBox table.pwForgottenTable input.pw_email {
    font-size: 12px !important;
    width: 250px !important;
}