@charset "UTF-8";
/* Travion fixes for T4.6 gpack */
body.buildingsV3 #villageContent svg.buildingShape path { stroke: none !important; }
body.buildingsV3 #villageContent .buildingSlot.g0 svg.buildingShape.iso path { fill: rgba(101,115,13,0.57) !important; transition: fill 150ms ease-in; }
body.buildingsV3 #villageContent .buildingSlot.g0 svg.buildingShape.iso path:hover { fill: rgba(206,223,100,0.57) !important; }
body.buildingsV3 #villageContent img.wall { filter: none !important; }
body.buildingsV3 #villageContent .buildingSlot.a40 svg path { fill: transparent !important; stroke: none !important; }
body.buildingsV3 #sidebarBoxHero { display: none !important; }
#center #contentOuterContainer.contentPage h1.titleInHeader { z-index: 30; }
div#center #contentOuterContainer .contentTitle a.contentTitleButton { position: absolute; top: 22px; z-index: 30; float: none; margin: 0; }
div#center #contentOuterContainer .contentTitle a#closeContentButton { left: 40px; }
div#center #contentOuterContainer .contentTitle a#answersButton { left: 84px; }
#topBar #header ul#outOfGame { position: absolute; top: 8px; left: -190px; width: 176px; display: flex; justify-content: space-between; z-index: 40; }
#topBar #header ul#outOfGame li.accSwitchLi span { display: block; width: 30px; height: 30px; line-height: 28px; text-align: center; box-sizing: border-box; background-color: #c8bbaa; border: solid 1px #5c4134; border-bottom-width: 2px; border-radius: 4px; cursor: pointer; }
#topBar #header ul#outOfGame { width: 212px; left: -226px; }
ul#outOfGame li svg.help, ul#outOfGame li svg.forum { width: 15px; height: 15px; }
#topBar #header ul#outOfGame { left: -186px; width: 216px; }
body #topBar #header #logo.travionTopLogo { position: absolute !important; top: 26px !important; right: -170px !important; margin: 0 !important; z-index: 40 !important; }
body.buildingsV3 #sidebarBoxActiveVillage .innerBox.content { position: relative; }
.sidebar #sidebarBoxActiveVillage .content .t46rename { display: inline-block; width: 16px; height: 16px; padding: 0; margin: 0 0 0 6px; border: 0; background: none; box-shadow: none; cursor: pointer; position: absolute; left: 2px; top: 50%; transform: translateY(-50%); }
.sidebar #sidebarBoxActiveVillage .content .boxTitle { position: relative; }
.sidebar #sidebarBoxActiveVillage .content .t46rename svg { position: static; transform: none; width: 14px; height: 14px; }
.sidebar #sidebarBoxActiveVillage .content .t46rename svg .outline { display: none; }
.sidebar #sidebarBoxActiveVillage .content .t46rename svg .icon { fill: #b19f89; }
.sidebar #sidebarBoxActiveVillage .content .t46rename:hover svg .icon { fill: #5e463a; }
body.buildingsV3 #sidebarBoxActiveVillage .innerBox.footer { display: none; }
body.buildingsV3 #sidebarBoxAlliance .header .layoutButton svg.ops { width: 20px; height: 20px; margin-top: 1px; }
body.buildingsV3 .roundedCornersBox.t46bx { padding: 8px 10px; margin-bottom: 10px; }
body.buildingsV3 .roundedCornersBox.t46bx > .boxes-contents { overflow: hidden; }
body.buildingsV3 #travionCommandCenter { display: none !important; }
body.buildingsV3 #content.statistics table td.ra { width: 28px; text-align: right; padding-left: 0; }
body.buildingsV3 #content.statistics table td.pla { max-width: none; width: auto; }
body.buildingsV3 #content.statistics table.borderGap tr td, body.buildingsV3 #content.statistics table.borderGap tr th { background-image: linear-gradient(to bottom, #c9bfae, #c9bfae 1px, rgba(0,0,0,0) 1px); }

/* ===== T46 village list one-row (Travion 2026-09-27) ===== */
html body #sidebarBoxVillagelist .content ul li.vcatVillage{display:flex !important;align-items:center !important;min-height:0 !important;padding:1px 0 !important;margin:0 !important;position:relative !important;border-bottom:1px solid rgba(120,90,50,.12);}
html body #sidebarBoxVillagelist .content ul li.vcatVillage > a{display:flex !important;align-items:center !important;flex:1 1 auto !important;min-width:0 !important;gap:4px !important;padding:2px 4px !important;margin:0 !important;height:auto !important;line-height:18px !important;text-decoration:none !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage > a > img{display:none !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage .name{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;float:none !important;width:auto !important;display:block !important;margin:0 !important;padding:0 !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage .coordinatesWrapper{flex:0 0 auto !important;display:inline-block !important;float:none !important;position:static !important;width:auto !important;direction:ltr !important;unicode-bidi:isolate !important;white-space:nowrap !important;font-size:11px !important;margin:0 !important;padding:0 !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage .coordinatesWrapper span{display:inline !important;float:none !important;width:auto !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage .vcatAssignBtn{position:static !important;transform:none !important;flex:0 0 17px !important;width:17px !important;height:17px !important;line-height:16px !important;font-size:10px !important;margin:0 !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage > .vnoteBtn{flex:0 0 auto !important;margin:0 3px !important;font-size:11px !important;position:static !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage.active{background:rgba(255,230,160,.45) !important;}
html body #sidebarBoxVillagelist .content ul li.vcatVillage.active .name{font-weight:bold !important;}

/* ===== T46 link list full width (Travion 2026-09-27) ===== */
html body #sidebarBoxLinklist .content ul li{width:auto !important;max-width:100% !important;}
html body #sidebarBoxLinklist .content ul li a{display:block !important;width:auto !important;max-width:100% !important;grid-template-columns:none !important;-ms-grid-columns:none !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;padding:2px 4px !important;line-height:20px !important;}

/* ===== T46 dorf1 building queue under the map (Travion 2026-09-27) ===== */
html body .buildingList.t46bq{position:relative !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;transform:none !important;float:none !important;clear:both !important;display:block !important;margin:12px auto 10px !important;width:397px !important;max-width:calc(100% - 16px) !important;box-sizing:border-box !important;padding:7px !important;background-color:rgba(255,255,255,.9) !important;box-shadow:0 0 3px rgba(0,0,0,.5) !important;border-radius:7px !important;z-index:2 !important;grid-row:auto !important;grid-column:auto !important;}

/* ===== T46 daily quests in top bar (Travion 2026-09-27) ===== */
html body #sidebarBoxDailyquests{display:none !important;}

/* ===== T46 daily quests dialog design (Travion 2026-09-27) ===== */
.dialogV2 .questWrapper.mainDialog{color:#3f3421;}
.dialogV2 .questWrapper.mainDialog .pointsAndAchievements{background:linear-gradient(180deg,#6f7d89 0%,#4c5864 100%);border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 4px rgba(0,0,0,.35);margin:6px 6px 12px;padding:6px 8px;display:flow-root;border:1px solid #3d4750;}
.dialogV2 .questWrapper.mainDialog .achievementPoints .points{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.45);font-weight:bold;}
.dialogV2 .questWrapper.mainDialog .achievementPoints .pointstext{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.85);font-weight:bold;}
.dialogV2 .questWrapper.mainDialog .pointAmount{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.9);font-weight:bold;}
.dialogV2 .questWrapper.mainDialog hr.achievementLine{border:0;height:1px;background:linear-gradient(90deg,rgba(160,140,100,0),rgba(160,140,100,.55),rgba(160,140,100,0));margin:8px 0;}
.dialogV2 .questWrapper.mainDialog h1.questList{color:#3f3421 !important;font-size:16px;font-weight:bold;text-align:center;margin:6px 0 2px;text-shadow:none;}
.dialogV2 .questWrapper.mainDialog .nextReset{color:#8a7a62 !important;font-size:11px;text-align:center;margin:0 0 8px;}
.dialogV2 table#achievementQuestList{width:100%;border-collapse:separate !important;border-spacing:0 5px !important;background:none !important;}
.dialogV2 table#achievementQuestList tr td{background:#f8f3e8 !important;border-top:1px solid #dccfb3 !important;border-bottom:1px solid #dccfb3 !important;border-left:0 !important;border-right:0 !important;padding:6px 8px !important;color:#3f3421 !important;font-size:12px;vertical-align:middle !important;}
.dialogV2 table#achievementQuestList tr td:first-child{border-right:1px solid #dccfb3 !important;border-radius:0 7px 7px 0;width:30px;text-align:center;}
.dialogV2 table#achievementQuestList tr td:last-child{border-left:1px solid #dccfb3 !important;border-radius:7px 0 0 7px;white-space:nowrap;text-align:center;width:80px;}
.dialogV2 table#achievementQuestList tr td.steps{width:46px;text-align:center;}
.dialogV2 table#achievementQuestList tr td.questName,.dialogV2 table#achievementQuestList tr td.questName *{color:#3f3421 !important;font-weight:bold;text-decoration:none;opacity:1 !important;}
.dialogV2 table#achievementQuestList tr td.questName a:hover{color:#1f6fb2 !important;text-decoration:underline;}
.dialogV2 table#achievementQuestList tr.t46done td{background:#eaf3dc !important;border-color:#bcd598 !important;}
.dialogV2 table#achievementQuestList tr.t46done td.questName,.dialogV2 table#achievementQuestList tr.t46done td.questName *{color:#44681b !important;}
.dialogV2 table#achievementQuestList .t46steps{--c:#c9a24a;position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),#e5dac3 0);box-shadow:0 1px 2px rgba(0,0,0,.25);direction:ltr;}
.dialogV2 table#achievementQuestList .t46steps:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fdf9f0;}
.dialogV2 table#achievementQuestList .t46steps > span{position:relative;font-size:11px;font-weight:bold;color:#6b5a3e;}
.dialogV2 table#achievementQuestList tr.t46done .t46steps{--c:#6ea52f;}
.dialogV2 table#achievementQuestList tr.t46done .t46steps > span{color:#3e6a13;}
.dialogV2 table#achievementQuestList .t46pts{display:inline-block;min-width:58px;padding:2px 9px;border-radius:11px;background:linear-gradient(180deg,#f6ecd2,#e9d9b0);border:1px solid #cfb680;color:#6f5217 !important;font-weight:bold;font-size:12px;direction:ltr;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.dialogV2 table#achievementQuestList tr.t46done .t46pts{background:linear-gradient(180deg,#e2f0cc,#cde3a8);border-color:#9dc267;color:#3a6212 !important;}

/* ===== T46 daily quests rewards one row (Travion 2026-09-27) ===== */
.dialogV2 .questWrapper.mainDialog .pointsAndAchievements{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;padding:4px 6px !important;height:auto !important;}
.dialogV2 .questWrapper.mainDialog .pointsAndAchievements > *{float:none !important;flex:0 0 auto;}
.dialogV2 .questWrapper.mainDialog .pointsAndAchievements > .clear{display:none !important;}
.dialogV2 .questWrapper.mainDialog #achievementRewardList{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:space-around !important;flex:1 1 auto !important;float:none !important;width:auto !important;min-width:0 !important;margin:0 !important;height:auto !important;}
.dialogV2 .questWrapper.mainDialog #achievementRewardList > *{float:none !important;flex:0 0 auto;position:relative !important;left:auto !important;right:auto !important;top:auto !important;margin-top:0 !important;margin-bottom:0 !important;}

/* ===== T46 tooltips and dialog close (Travion 2026-09-27) ===== */
html body .tip{z-index:2147483000 !important;}
html body .tip .tip-container > .tl,html body .tip .tip-container > .tr,html body .tip .tip-container > .tc,html body .tip .tip-container > .ml,html body .tip .tip-container > .mr,html body .tip .tip-container > .mc,html body .tip .tip-container > .bl,html body .tip .tip-container > .br,html body .tip .tip-container > .bc{display:none !important;}
html body .tip .tip-container{background:#fdf9ef !important;border:1px solid #b39b6a !important;border-radius:7px !important;box-shadow:0 3px 10px rgba(0,0,0,.35) !important;}
html body .tip .tip-contents{position:relative !important;padding:7px 10px !important;color:#3f3421 !important;font-size:12px;line-height:1.45;}
html body .tip .tip-contents *{color:inherit;}
html body .tip .tip-contents .title,html body .tip .tip-contents .elementTitle{font-weight:bold;color:#5a4320 !important;}
.dialogV2 #dialogCancelButton{display:flex !important;align-items:center;justify-content:center;position:absolute !important;top:10px !important;left:10px !important;right:auto !important;width:28px !important;height:28px !important;border-radius:50% !important;background:linear-gradient(180deg,#fbf4e3,#ecdcb8) !important;border:1px solid #a58d5d !important;box-shadow:0 1px 3px rgba(0,0,0,.35) !important;cursor:pointer !important;z-index:10 !important;}
.dialogV2 #dialogCancelButton:hover{background:linear-gradient(180deg,#fff9ea,#f1e2c0) !important;}
.dialogV2 #dialogCancelButton:after{display:none !important;}
.dialogV2 #dialogCancelButton svg.t46x{width:12px !important;height:12px !important;}

/* ===== T46 quest detail readable (Travion 2026-09-27) ===== */
.dialogV2 .questWrapper,.dialogV2 .questWrapper .questDescription,.dialogV2 .questWrapper .questDescription *,.dialogV2 .questWrapper .questText,.dialogV2 .questWrapper .questText *,.dialogV2 .questWrapper .questAchievementPoints,.dialogV2 .questWrapper .questAchievementPoints *,.dialogV2 .questWrapper .questTextHighlight,.dialogV2 .questWrapper .questTextHighlight *,.dialogV2 .questWrapper .questDifficulty,.dialogV2 .questWrapper h2,.dialogV2 .questWrapper h3{color:#3f3421 !important;text-shadow:none !important;opacity:1 !important;}
.dialogV2 .questWrapper .questTextHighlight strong{font-size:15px;}
.dialogV2 .questWrapper .questDifficulty .difficulty{font-weight:bold;}
.dialogV2 .questWrapper .questImage img{border:1px solid #cfc1a0;border-radius:6px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);}


/* ===== T46 quest images from classic pack (Travion 2026-09-27) ===== */
.dialogV2 .questWrapper .questImage .achievementQuest_01{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_01-rtl-ignore.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_02{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_02-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_03{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_03-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_04{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_04-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_05{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_05-rtl-ignore.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06-rtl.png');}
.dialogV2 .tribe1.questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06_vid1-rtl.png');}
.dialogV2 .tribe2.questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06_vid2-rtl.png');}
.dialogV2 .tribe3.questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06_vid3-rtl.png');}
.dialogV2 .tribe6.questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06_vid6-rtl.png');}
.dialogV2 .tribe7.questWrapper .questImage .achievementQuest_06{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_06_vid7-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_07{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_07-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08-rtl.png');}
.dialogV2 .tribe1.questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08_vid1-rtl.png');}
.dialogV2 .tribe2.questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08_vid2-rtl.png');}
.dialogV2 .tribe3.questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08_vid3-rtl.png');}
.dialogV2 .tribe6.questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08_vid6-rtl.png');}
.dialogV2 .tribe7.questWrapper .questImage .achievementQuest_08{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_08_vid7-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09-rtl.png');}
.dialogV2 .tribe1.questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09_vid1-rtl.png');}
.dialogV2 .tribe2.questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09_vid2-rtl.png');}
.dialogV2 .tribe3.questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09_vid3-rtl.png');}
.dialogV2 .tribe6.questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09_vid6-rtl.png');}
.dialogV2 .tribe7.questWrapper .questImage .achievementQuest_09{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_09_vid7-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10-rtl.png');}
.dialogV2 .tribe1.questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10_vid1-rtl.png');}
.dialogV2 .tribe2.questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10_vid2-rtl.png');}
.dialogV2 .tribe3.questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10_vid3-rtl.png');}
.dialogV2 .tribe6.questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10_vid6-rtl.png');}
.dialogV2 .tribe7.questWrapper .questImage .achievementQuest_10{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_10_vid7-rtl.png');}
.dialogV2 .questWrapper .questImage .achievementQuest_11{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/descriptionImage/achievementQuest_11-rtl.png');}
.dialogV2 div.dialog div.content #achievementQuestList{border-top: 2px solid #DDD9CE; background-color: #F2F2F2; border-collapse: collapse;}
.dialogV2 div.dialog div.content #achievementQuestList tr{height: 32px;}
.dialogV2 div.dialog div.content #achievementQuestList td{background-color: transparent; border-bottom: 2px solid #FFFFFF;}
.dialogV2 div.dialog div.content #achievementQuestList tr.zebra td{background-color: #EFECDB;}
.dialogV2 div.dialog div.content #achievementQuestList img.hook{height: 30px; width: 30px;}
.dialogV2 div.dialog div.content #achievementQuestList img.hook.working{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/achievement/haken_weiss.png');}
.dialogV2 div.dialog div.content #achievementQuestList img.hook.done{background-image: url('../../../a17a8f72/mainPage/css_rtl/../img_rtl/quests/achievement/haken_gruen.png');}
.dialogV2 div.dialog div.content #achievementQuestList tr{height: 41px;}
.dialogV2 div.dialog div.content #achievementQuestList tr:nth-child(even){background-color: #EFECDB;}
.dialogV2 div.dialog div.content #achievementQuestList tr:nth-child(odd){background-color: #F2F2F2;}
.dialogV2 div.dialog div.content #achievementQuestList td.hook{width: 35px;}
.dialogV2 div.dialog div.content #achievementQuestList td.steps{width: 35px;}
.dialogV2 div.dialog div.content #achievementQuestList td.points{width: 70px; color: #99C01A; font-weight: bold;}

/* ===== T46 hospital uses Legends hospital g46 graphics (Travion 2026-09-27) ===== */
.buildingSlot.g48:not(.t46hosp){visibility:hidden !important;}

/* ===== T46 logout page (Travion 2026-09-27) ===== */
#content.logout p,#content.logout h4{display:block !important;float:none !important;width:auto !important;max-width:none !important;min-width:0 !important;white-space:normal !important;word-break:normal !important;}
#content.logout p{margin:6px 0 10px !important;line-height:1.5 !important;}

/* ===== T46 reports list compact (Travion 2026-09-27) ===== */
table#overview{border-collapse:collapse !important;width:100% !important;}
table#overview th,table#overview td{border:1px solid #d6d0c2 !important;vertical-align:middle !important;}
table#overview thead th{background:#f3efe6 !important;padding:6px 8px !important;font-weight:bold;}
table#overview td.sel{width:5% !important;padding:6px 9px !important;text-align:center !important;}
table#overview td.sub{text-align:start !important;padding:6px 8px !important;line-height:20px !important;white-space:normal !important;}
table#overview td.sub > a,table#overview td.sub > img{display:inline-block !important;vertical-align:middle !important;margin-left:5px !important;float:none !important;}
table#overview td.sub > div:not(.clear){display:inline !important;float:none !important;}
table#overview td.sub > div.clear{display:none !important;}
table#overview td.sub.newMessage > div a{font-weight:bold !important;}
table#overview td.dat{width:115px !important;white-space:nowrap !important;text-align:center !important;padding:6px 8px !important;}
table#overview tbody tr:hover td{background-color:#f7f3e8 !important;}
.t46topBtns{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px;}

/* ===== T46 reports subject one line (Travion 2026-09-27) ===== */
table#overview td.sub .coordinatesWrapper,table#overview td.sub .coordinates,table#overview td.sub .coordinatesWrapper span{display:inline !important;float:none !important;position:static !important;width:auto !important;white-space:nowrap !important;margin:0 !important;padding:0 !important;}
table#overview td.sub > div:not(.clear) a{display:inline !important;}

/* ===== T46 reports sort header full text (Travion 2026-09-27) ===== */
table#overview th.dat a,table#overview th.dat a.sorting{display:inline-flex !important;align-items:center !important;gap:4px !important;width:auto !important;max-width:none !important;overflow:visible !important;white-space:nowrap !important;grid-template-columns:none !important;text-overflow:clip !important;}

/* ===== T46 reports subject force inline (Travion 2026-09-27) ===== */
table#overview td.sub br{display:none !important;}
table#overview td.sub > div *:not(img){display:inline !important;float:none !important;position:static !important;width:auto !important;height:auto !important;margin:0 !important;clear:none !important;}
table#overview td.sub > div{white-space:normal !important;}

/* ===== T46 reports fit one line + loot bag at end (Travion 2026-09-27) ===== */
table#overview td.sub{font-size:12px !important;}
table#overview td.sub > a,table#overview td.sub > img{margin-left:3px !important;}
table#overview td.sub > a.reportInfoIcon{float:left !important;display:inline-block !important;margin:0 6px 0 0 !important;}
table#overview td.sub > div:not(.clear){white-space:nowrap !important;}
table#overview td.dat{width:90px !important;font-size:12px !important;padding:6px 4px !important;}

/* ===== T46 reports single-line rows (Travion 2026-09-27) ===== */
html body table#overview tbody td.sel,html body table#overview tbody td.sub,html body table#overview tbody td.dat{padding-top:1px !important;padding-bottom:1px !important;}
html body table#overview td.sub > div:not(.clear){display:inline-block !important;height:16px !important;line-height:16px !important;overflow:hidden !important;vertical-align:middle !important;white-space:nowrap !important;}

/* ===== T46 manual dialog (Travion 2026-09-27) ===== */
.dialogV2 .title,.dialogV2 .dialogContents > form > .title,.dialogV2 h1.titleInHeader{color:#3f3421 !important;text-shadow:none !important;opacity:1 !important;}
.dialogV2 h1.titleInHeader img.gebIcon,#content h1.titleInHeader img.gebIcon{display:none !important;}

/* ===== T46 manual iframe (Travion 2026-09-27) ===== */
body.manual h1.titleInHeader img{display:none !important;}

/* ===== T46 manual image position (Travion 2026-09-27) ===== */
body.manual span.buildingsV3{float:left !important;margin:-45px 0 6px 8px !important;position:relative !important;z-index:1;}

/* ===== T46 manual menu two columns (Travion 2026-09-27) ===== */
body.manual #troops ul:not(.hide),body.manual #buildings ul:not(.hide){display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px 18px !important;list-style:none !important;padding:8px 4px 0 !important;margin:0 !important;}
body.manual #troops ul li,body.manual #buildings ul li{display:flex !important;align-items:center !important;gap:7px !important;list-style:none !important;margin:0 !important;padding:0 !important;float:none !important;width:auto !important;min-height:20px;}
body.manual #troops ul li img.unit{flex:0 0 16px !important;width:16px !important;height:16px !important;margin:0 !important;float:none !important;position:static !important;}
body.manual #buildings ul li:not(:has(a)){display:none !important;}
body.manual #buildings ul li img.gebIcon{display:none !important;}
body.manual #troops ul li a,body.manual #buildings ul li a{font-weight:bold;text-decoration:none;}

/* ===== T46 village list header (Travion 2026-09-27) ===== */
#sidebarBoxVillagelist .layoutButton .vcatPlusIcon{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-54%) !important;font-size:17px !important;line-height:1 !important;width:auto !important;height:auto !important;display:block !important;z-index:3;}
#sidebarBoxVillagelist .layoutButton .button-container{position:static !important;}
#sidebarBoxVillagelist .expansionSlotInfo{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:0 6px !important;}
#sidebarBoxVillagelist .expansionSlotInfo .boxTitle{order:1;float:none !important;margin:0 !important;}
#sidebarBoxVillagelist .expansionSlotInfo .boxTitle:after{content:":";}
#sidebarBoxVillagelist .expansionSlotInfo .boxTitleAdditional{order:2;float:none !important;margin:0 !important;position:static !important;font-weight:bold;}
#sidebarBoxVillagelist .expansionSlotInfo .villageListBarBox{order:3;flex:0 0 100% !important;display:block !important;height:7px !important;margin:5px 0 3px !important;background:#4a3d2f !important;border-radius:4px !important;overflow:hidden !important;box-shadow:inset 0 1px 2px rgba(0,0,0,.5);}
#sidebarBoxVillagelist .expansionSlotInfo .villageListBarBox .bar{display:block !important;height:100% !important;background:linear-gradient(180deg,#9fd65a,#5f9b22) !important;border-radius:4px !important;font-size:0 !important;line-height:0 !important;}

/* ===== T46 build button icon size (Travion 2026-09-27) ===== */
#sidebarBoxVillagelist #buttonBuild{position:relative !important;overflow:hidden !important;}
#sidebarBoxVillagelist #buttonBuild svg{position:absolute !important;top:50% !important;left:50% !important;width:17px !important;height:17px !important;transform:translate(-50%,-50%) !important;}
#sidebarBoxVillagelist #buttonBuild svg svg{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;transform:none !important;}

/* ===== T46 build button icon center (Travion 2026-09-27) ===== */
#sidebarBoxVillagelist #buttonBuild > svg{right:auto !important;bottom:auto !important;margin:0 !important;}

/* ===== T46 wall level one label at the bottom (Travion 2026-09-27) ===== */
.buildingsV3 .buildingSlot.a40.top .level{display:none !important;}

/* ===== T46 statistics top10 grid + player names right (Travion 2026-09-27) ===== */
.t46top10{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px 14px !important;align-items:start !important;margin-top:8px !important;clear:both;}
.t46top10 .t46t10box{min-width:0;}
.t46top10 .t46t10box h4{margin:0 0 4px !important;float:none !important;width:auto !important;}
.t46top10 .t46t10box table.top10{width:100% !important;float:none !important;margin:0 !important;}
table#player td.pla,table#player th.pla{text-align:start !important;}
table#player td.pla a{display:inline !important;}

/* ===== T46 top10 player names right (Travion 2026-09-27) ===== */
.t46top10 table.top10 td:nth-child(2),.t46top10 table.top10 th:nth-child(2){text-align:start !important;}

/* ===== T46 report role icons (img versions of the pack svg rules) (Travion 2026-09-27) ===== */
#reportWrapper .body .role .header .outcome>img{position:absolute !important;}
#reportWrapper .body .role .header .outcome>img.loot,#reportWrapper .body .role .header .outcome>img.skull{inset-inline-end:2px !important;bottom:2px !important;width:26px !important;height:32px !important;}
#reportWrapper .body .role .header .outcome>img.losses{inset-inline-end:15px !important;bottom:-3px !important;width:48px !important;height:60px !important;}
#reportWrapper .body .role .avatar img{position:absolute !important;width:40px !important;height:46px !important;z-index:1;bottom:-4px !important;inset-inline-start:45px !important;}
body.rtl #reportWrapper .body .role .header .outcome>img,body.rtl #reportWrapper .body .role .avatar img{transform:scale(-1,1);}

/* ===== T46 map y ruler inside the map, direction-aware (Travion 2026-09-27) ===== */
#mapContainer .ruler.y{position:absolute !important;top:0 !important;bottom:16px !important;left:auto !important;right:auto !important;inset-inline-start:-26px !important;margin:0 !important;overflow:hidden !important;}
body.rtl #mapContainer .ruler.y{border-left:1px solid #777 !important;border-right:0 !important;}
body.ltr #mapContainer .ruler.y{border-right:1px solid #777 !important;border-left:0 !important;}

/* ===== T46 hero inventory wrapper - map #hero_inventory to pack #inventory ===== */
div.hero_inventory #hero_inventory{width:269px;float:inline-end;margin-inline-end:-6px;background-color:#e7e7e7;border-radius:5px;box-sizing:border-box;padding:3px 3px 4px 4px}
div.hero_inventory #hero_inventory .boxes,div.hero_inventory #hero_inventory .boxes-contents{position:static;margin:0;padding:0;background:none;border:0;box-shadow:none}
div.hero_inventory #hero_inventory .boxes-tl,div.hero_inventory #hero_inventory .boxes-tr,div.hero_inventory #hero_inventory .boxes-tc,div.hero_inventory #hero_inventory .boxes-ml,div.hero_inventory #hero_inventory .boxes-mr,div.hero_inventory #hero_inventory .boxes-mc,div.hero_inventory #hero_inventory .boxes-bl,div.hero_inventory #hero_inventory .boxes-br,div.hero_inventory #hero_inventory .boxes-bc{display:none}
div.hero_inventory #hero_inventory #itemsToSale{margin:0}

/* ===== T46 top10 own row no gap ===== */
table.top10 tr:has(> td.empty){display:none}
table.top10 td.empty{display:none}

/* ===== T46 tabs scroll ===== */
.contentNavi.subNavi.t46done .scrollingContainer{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.contentNavi.subNavi.t46done .scrollingContainer::-webkit-scrollbar{display:none}

/* ===== T46 payment shop fit ===== */
.dialog.paymentShopV1{width:auto !important;min-width:900px;max-width:none !important}
.dialog.paymentShopV1 .dialogContainer,.dialog.paymentShopV1 .dialog-container{width:auto !important;max-width:none !important}

/* ===== T46 payment shop frame ===== */
.t46dlg:has(.dialog.paymentShopV1){width:auto !important;min-width:920px;max-width:none !important}
.t46dlg:has(.dialog.paymentShopV1) #dialogContent,.t46dlg:has(.dialog.paymentShopV1) .dialogContents{width:auto !important;max-width:none !important;overflow:visible}

/* ===== T46 payment shop center ===== */
.dialogWrapper.t46dlg:has(.dialog.paymentShopV1){left:50% !important;transform:translateX(-50%);width:920px !important;min-width:0}

/* ===== T46 payment packages from V4 ===== */
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .featureCollection .packageFeatures .featureContent{-ms-grid-columns:90px 1fr;grid-template-columns:90px 1fr;-ms-grid-rows:1.8em 1fr;grid-template-rows:1.8em 1fr}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent{-ms-grid-columns:90px 1fr;grid-template-columns:90px 1fr;-ms-grid-rows:1.8em 1fr;grid-template-rows:1.8em 1fr}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .featureCollection .packageFeatures .featureContent .featureTitle{padding-right:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent .featureTitle{padding-right:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .featureCollection .packageFeatures .featureContent .featureDescription{padding-right:5px;-ms-grid-column:2;grid-column-start:2;-ms-grid-row:2;grid-row-start:2;-ms-grid-row-align:start;align-self:start}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent .featureDescription{padding-right:5px;-ms-grid-column:2;grid-column-start:2;-ms-grid-row:2;grid-row-start:2;-ms-grid-row-align:start;align-self:start}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage{background-image:url('../img_rtl/payment/plusPopupIconsV4.png');width:84px;height:56px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.tradeMulti{background-position:0 0}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.fullScreen{background-position:0 -56px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.villageStatistics{background-position:0 -112px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.buildingQueue{background-position:0 -168px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.attackWarning{background-position:0 -224px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.linkList{background-position:0 -280px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.directLinks{background-position:0 -336px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage{background-image:url('../img_rtl/payment/goldclubPopupIconsV4.png');width:84px;height:56px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.messageArchive{background-position:0 0}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.tradeRoute{background-position:0 -56px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.tradeThreeTimes{background-position:0 -112px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.raidList{background-position:0 -168px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.troopEscape{background-position:0 -224px}
.dialog.paymentShopV1.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.cropFinder{background-position:0 -280px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .title{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .title{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .changePackage{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .title{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .title{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .packages input:checked+label:after{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 .package .amount{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 .package .amount{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 .package .amount i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 .package .amount svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount i{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount svg{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;margin-left:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 .package .amount span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount span{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center;display:inline-block}
.dialog.paymentShopV1 .package{background-image:linear-gradient(to bottom,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%);border:1px solid #34220d;border-radius:4px}
.dialog.paymentShopV1 .package:before{content:"";position:absolute;top:2px;left:2px;bottom:2px;right:2px;background-color:#664e40;border:solid 1px #44321d;border-radius:1px}
.dialog.paymentShopV1 .contentWrapper .purchaseStepWrapper .packages{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:2;grid-column-start:2;position:relative}
.dialog.paymentShopV1 .contentWrapper .purchaseStepWrapper .packages input{display:none}
.dialog.paymentShopV1 .package{display:block;position:relative;width:130px;margin:0 auto;height:260px;text-align:center;grid-column-start:auto;transition-property:width,height;transition-duration:.2s;transition-timing-function:ease-out}
.dialog.paymentShopV1 .package:nth-of-type(1){-ms-grid-column:1}
.dialog.paymentShopV1 .package:nth-of-type(2){-ms-grid-column:2}
.dialog.paymentShopV1 .package:nth-of-type(3){-ms-grid-column:3}
.dialog.paymentShopV1 .package:nth-of-type(4){-ms-grid-column:4}
.dialog.paymentShopV1 .package:nth-of-type(5){-ms-grid-column:5}
.dialog.paymentShopV1 .package:nth-of-type(6){-ms-grid-column:6}
.dialog.paymentShopV1 .package:before{background-image:linear-gradient(to bottom,#05393b,#196e70 50%,#196e70);box-shadow:inset 0 0 1px 2px #118188;border-radius:2px;transition:filter 150ms}
.dialog.paymentShopV1 .package:hover{cursor:pointer}
.dialog.paymentShopV1 .package:hover:before{filter:brightness(1.6)}
.ie .dialog.paymentShopV1 .package:hover:before{background-image:linear-gradient(to bottom,#0b7d82,#27abaf 50%,#27abaf)}
.dialog.paymentShopV1 .package>div{z-index:2;color:#e3d8c4;font-weight:700}
.dialog.paymentShopV1 .package .badge{display:none}
.dialog.paymentShopV1 .package .best{display:none}
.dialog.paymentShopV1 .package .changePackage{display:none}
.dialog.paymentShopV1 .package .discount{display:none}
.dialog.paymentShopV1 .package .emptyOfferInformation{display:none}
.dialog.paymentShopV1 .package .originalAmount{display:none}
.dialog.paymentShopV1 .package .price .asterisk{display:none}
.dialog.paymentShopV1 .package .remainingTime{display:none}
.dialog.paymentShopV1 .package .title{display:none}
.dialog.paymentShopV1 .package .amount{bottom:190px;text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-size:25px;font-family:Arial,Helvetica,Verdana,sans-serif;z-index:3}
.dialog.paymentShopV1 .package .amount .goldCoin{width:30px;height:30px}
.dialog.paymentShopV1 .package .packageImage{position:absolute;bottom:23px;box-sizing:border-box;padding:17px 0;z-index:2;background-position:center;background-image:url('../img_rtl/views/shop/glare.png');width:168px;height:154px;width:100%}
.dialog.paymentShopV1 .package .packageImage img{pointer-events:none;width:120px;height:120px}
.rtl .dialog.paymentShopV1 .package .packageImage img{transform:scaleX(-1)}
.dialog.paymentShopV1 .package .price{text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-size:15px;font-family:Arial,Helvetica,Verdana,sans-serif;text-align:center;box-sizing:border-box;position:absolute;top:auto;left:5px;bottom:5px;right:5px;background-color:#0f4344;border-radius:0 0 1px 1px;height:34px;padding-top:10px;z-index:3}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .best{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage:before{background-image:linear-gradient(to bottom,#8b460b,#b58b2d 50%,#b58b2d);box-shadow:inset 0 0 1px 2px #e8b723}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage:before{background-image:linear-gradient(to bottom,#8b460b,#b58b2d 50%,#b58b2d);box-shadow:inset 0 0 1px 2px #e8b723}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage:hover:before{filter:brightness(1.5)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage:hover:before{filter:brightness(1.5)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage:hover:before{background-image:linear-gradient(to bottom,#d26a11,#d6af59 50%,#d6af59)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage:hover:before{background-image:linear-gradient(to bottom,#d26a11,#d6af59 50%,#d6af59)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .best{position:absolute;top:-30px;right:4px;padding-top:2px;display:grid;grid-template-columns:108px;align-content:center;justify-content:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best{position:absolute;top:-30px;right:4px;padding-top:2px;display:grid;grid-template-columns:108px;align-content:center;justify-content:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .best .text{white-space:normal;text-transform:uppercase;color:#efd27e;text-shadow:1px 0 1px #572121,1px 1px 1px #572121,0 1px 1px #572121,-1px 1px 1px #572121,-1px 0 1px #572121,-1px -1px 1px #572121,0 -1px 1px #572121,1px -1px 1px #572121}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best .text{white-space:normal;text-transform:uppercase;color:#efd27e;text-shadow:1px 0 1px #572121,1px 1px 1px #572121,0 1px 1px #572121,-1px 1px 1px #572121,-1px 0 1px #572121,-1px -1px 1px #572121,0 -1px 1px #572121,1px -1px 1px #572121}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .best.bestSeller{background-image:url('../img_rtl/views/shop/bestSeller.png');width:123px;height:64px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best.bestSeller{background-image:url('../img_rtl/views/shop/bestSeller.png');width:123px;height:64px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .best.bestValue{background-image:url('../img_rtl/views/shop/bestValue.png');width:123px;height:64px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best.bestValue{background-image:url('../img_rtl/views/shop/bestValue.png');width:123px;height:64px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .packageImage{background-image:url('../img_rtl/views/shop/glareHighlight.png');width:168px;height:154px;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .packageImage{background-image:url('../img_rtl/views/shop/glareHighlight.png');width:168px;height:154px;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.bestPackage .price{background-color:#6d531b}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .price{background-color:#6d531b}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .changePackage{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .discount{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .changePackage{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount{display:block}
.dialog.paymentShopV1.smallestPackage .package.promo .changePackage{display:block}
.dialog.paymentShopV1.smallestPackage .package.promo .discount{display:block}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .discount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1.smallestPackage .package.promo .discount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .discount{bottom:203px;right:10px;text-align:right;text-shadow:1px 0 0 #011107,1px 1px 0 #011107,0 1px 0 #011107,-1px 1px 0 #011107,-1px 0 0 #011107,-1px -1px 0 #011107,0 -1px 0 #011107,1px -1px 0 #011107;color:#84bf45}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount{bottom:203px;right:10px;text-align:right;text-shadow:1px 0 0 #011107,1px 1px 0 #011107,0 1px 0 #011107,-1px 1px 0 #011107,-1px 0 0 #011107,-1px -1px 0 #011107,0 -1px 0 #011107,1px -1px 0 #011107;color:#84bf45}
.dialog.paymentShopV1.smallestPackage .package.promo .discount{bottom:203px;right:10px;text-align:right;text-shadow:1px 0 0 #011107,1px 1px 0 #011107,0 1px 0 #011107,-1px 1px 0 #011107,-1px 0 0 #011107,-1px -1px 0 #011107,0 -1px 0 #011107,1px -1px 0 #011107;color:#84bf45}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount{bottom:202px;left:10px;text-align:left;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount{bottom:202px;left:10px;text-align:left;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount{bottom:202px;left:10px;text-align:left;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount .goldCoin{width:18px;height:18px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount .goldCoin{width:18px;height:18px}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount .goldCoin{width:18px;height:18px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount:after{content:"";position:absolute;top:40%;left:-5px;bottom:40%;right:-5px;border-radius:50%;background-color:rgba(212,0,0,.7);transform-origin:50%;transform:rotate(8deg)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount:after{content:"";position:absolute;top:40%;left:-5px;bottom:40%;right:-5px;border-radius:50%;background-color:rgba(212,0,0,.7);transform-origin:50%;transform:rotate(8deg)}
.dialog.paymentShopV1.smallestPackage .package.promo .originalAmount:after{content:"";position:absolute;top:40%;left:-5px;bottom:40%;right:-5px;border-radius:50%;background-color:rgba(212,0,0,.7);transform-origin:50%;transform:rotate(8deg)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.promo .amount{bottom:163px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.promo .amount{bottom:163px}
.dialog.paymentShopV1.smallestPackage .package.promo .amount{bottom:163px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);box-shadow:inset 0 0 1px 2px #9750a0}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);box-shadow:inset 0 0 1px 2px #9750a0}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);box-shadow:inset 0 0 1px 2px #9750a0}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);box-shadow:inset 0 0 1px 2px #9750a0}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer:hover:before{filter:brightness(1.4)}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:hover:before{filter:brightness(1.4)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer:hover:before{filter:brightness(1.4)}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:hover:before{filter:brightness(1.4)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer:hover:before{background-image:linear-gradient(to bottom,#64447e,#916597)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:hover:before{background-image:linear-gradient(to bottom,#64447e,#916597)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer:hover:before{background-image:linear-gradient(to bottom,#64447e,#916597)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:hover:before{background-image:linear-gradient(to bottom,#64447e,#916597)}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime{display:block;position:absolute;width:220px;height:50px;top:-27px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime{display:block;position:absolute;width:220px;height:50px;top:-27px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime{display:block;position:absolute;width:220px;height:50px;top:-27px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime{display:block;position:absolute;width:220px;height:50px;top:-27px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .gradientFrameShape{position:absolute}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .gradientFrameShape{position:absolute}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .gradientFrameShape{position:absolute}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .gradientFrameShape{position:absolute}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape{fill:#B47B35}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape{fill:#B47B35}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape{fill:#B47B35}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape{fill:#B47B35}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon i{background-image:url('../img_rtl/views/shop/hourGlass_small.png');width:14px;height:20px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon i{background-image:url('../img_rtl/views/shop/hourGlass_small.png');width:14px;height:20px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon i{background-image:url('../img_rtl/views/shop/hourGlass_small.png');width:14px;height:20px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon i{background-image:url('../img_rtl/views/shop/hourGlass_small.png');width:14px;height:20px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon .value{font-size:16px;font-weight:700;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon .value{font-size:16px;font-weight:700;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon .value{font-size:16px;font-weight:700;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon .value{font-size:16px;font-weight:700;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .title{display:block;bottom:190px;box-sizing:border-box;padding:0 10px;width:100%;height:2em;white-space:normal;text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-weight:700;font-size:16px;z-index:3}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .title{display:block;bottom:190px;box-sizing:border-box;padding:0 10px;width:100%;height:2em;white-space:normal;text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-weight:700;font-size:16px;z-index:3}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .title{display:block;bottom:190px;box-sizing:border-box;padding:0 10px;width:100%;height:2em;white-space:normal;text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-weight:700;font-size:16px;z-index:3}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .title{display:block;bottom:190px;box-sizing:border-box;padding:0 10px;width:100%;height:2em;white-space:normal;text-shadow:1px 0 1px #190000,1px 1px 1px #190000,0 1px 1px #190000,-1px 1px 1px #190000,-1px 0 1px #190000,-1px -1px 1px #190000,0 -1px 1px #190000,1px -1px 1px #190000;font-weight:700;font-size:16px;z-index:3}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .amount{bottom:160px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .amount{bottom:160px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .amount{bottom:160px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .amount{bottom:160px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .packageImage{background-image:url('../img_rtl/views/shop/glareSpecial.png')}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .packageImage{background-image:url('../img_rtl/views/shop/glareSpecial.png')}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .packageImage{background-image:url('../img_rtl/views/shop/glareSpecial.png')}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .packageImage{background-image:url('../img_rtl/views/shop/glareSpecial.png')}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .badge{display:block;position:absolute;bottom:70px;left:70px;z-index:4;text-align:center;text-shadow:0 1px 0 #3c140e;border-radius:2px;background-image:linear-gradient(to bottom,#b23625,#95291b);border:1px solid #6c1c13;box-shadow:2px 2px 6px rgba(0,0,0,.35);box-sizing:border-box;padding:5px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge{display:block;position:absolute;bottom:70px;left:70px;z-index:4;text-align:center;text-shadow:0 1px 0 #3c140e;border-radius:2px;background-image:linear-gradient(to bottom,#b23625,#95291b);border:1px solid #6c1c13;box-shadow:2px 2px 6px rgba(0,0,0,.35);box-sizing:border-box;padding:5px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge{display:block;position:absolute;bottom:70px;left:70px;z-index:4;text-align:center;text-shadow:0 1px 0 #3c140e;border-radius:2px;background-image:linear-gradient(to bottom,#b23625,#95291b);border:1px solid #6c1c13;box-shadow:2px 2px 6px rgba(0,0,0,.35);box-sizing:border-box;padding:5px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge{display:block;position:absolute;bottom:70px;left:70px;z-index:4;text-align:center;text-shadow:0 1px 0 #3c140e;border-radius:2px;background-image:linear-gradient(to bottom,#b23625,#95291b);border:1px solid #6c1c13;box-shadow:2px 2px 6px rgba(0,0,0,.35);box-sizing:border-box;padding:5px}
.colorBlind .dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.colorBlind .dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.colorBlind .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.colorBlind .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .badge .value{line-height:1.2em;font-size:14px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge .value{line-height:1.2em;font-size:14px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge .value{line-height:1.2em;font-size:14px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge .value{line-height:1.2em;font-size:14px}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase;font-weight:400}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase;font-weight:400}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase;font-weight:400}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase;font-weight:400}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer .price{background-color:#3e2947}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .price{background-color:#3e2947}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer .price{background-color:#3e2947}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .price{background-color:#3e2947}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer{background-image:none;border:1px dashed #333;pointer-events:none;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer{background-image:none;border:1px dashed #333;pointer-events:none;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer{background-image:none;border:1px dashed #333;pointer-events:none;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer{background-image:none;border:1px dashed #333;pointer-events:none;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer:before{content:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer:before{content:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer:before{content:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer:before{content:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer .emptyOfferInformation{display:block;color:#777;white-space:normal;padding:35px;font-weight:400;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer .emptyOfferInformation{display:block;color:#777;white-space:normal;padding:35px;font-weight:400;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer .emptyOfferInformation{display:block;color:#777;white-space:normal;padding:35px;font-weight:400;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer .emptyOfferInformation{display:block;color:#777;white-space:normal;padding:35px;font-weight:400;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer.noOffer{grid-column:1/4;-ms-grid-column:1;-ms-grid-column-span:3;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer.noOffer{grid-column:1/4;-ms-grid-column:1;-ms-grid-column-span:3;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer.noOffer{grid-column:1/4;-ms-grid-column:1;-ms-grid-column-span:3;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer.noOffer{grid-column:1/4;-ms-grid-column:1;-ms-grid-column-span:3;width:100%}
.dialog.paymentShopV1 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .packages{display:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage:not(.specialOffers):not(.sms) .packages:not(.specialOffersPackages):not(.smsPackages){display:-ms-grid;display:grid}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod:not(.specialOffers):not(.sms) .packages:not(.specialOffersPackages):not(.smsPackages){display:-ms-grid;display:grid}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages{-ms-grid-columns:132px 132px 132px 132px 132px 132px;grid-template-columns:132px 132px 132px 132px 132px 132px;justify-content:space-between}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages{-ms-grid-columns:132px 132px 132px 132px 132px 132px;grid-template-columns:132px 132px 132px 132px 132px 132px;justify-content:space-between}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages{-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages{-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages{-ms-grid-columns:264px 264px 264px;grid-template-columns:264px 264px 264px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:264px 264px 264px;grid-template-columns:264px 264px 264px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages{-ms-grid-columns:264px 264px 264px;grid-template-columns:264px 264px 264px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:264px 264px 264px;grid-template-columns:264px 264px 264px}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages label{width:260px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages label{width:260px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages label{width:260px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages label{width:260px}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview{pointer-events:none;animation:packagePreview 2s infinite}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(1){animation-delay:0s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(2){animation-delay:.2s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(3){animation-delay:.4s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(4){animation-delay:.6s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(5){animation-delay:.8s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(6){animation-delay:1s}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .packages input:not(:checked):not(:hover)+label{filter:sepia(.6) saturate(1.2) opacity(.9) brightness(.9)}
.ie .dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .packages input:not(:checked):not(:hover)+label{opacity:.7}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .packages input:checked+label{height:275px;pointer-events:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.selectPaymentMethod .packages input:checked+label:after{content:"";background-image:url('../img_rtl/views/shop/selected.png');width:31px;height:26px;z-index:3;bottom:-15px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation:not(.sms) .packages:not(.smsPackages){display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation:not(.specialOffers) .packages:not(.specialOffersPackages){display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages{-ms-grid-column:2;grid-column-start:2;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages input:not(:checked)+.package{display:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .changePackage{display:block}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .price{height:54px;padding-top:30px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .price .asterisk{display:inline-block;margin-right:3px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .amount{bottom:200px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .packageImage{bottom:50px}
.dialog.paymentShopV1 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .changePackage{z-index:3;bottom:35px;color:#5f9218;text-shadow:1px 0 0 #190000,1px 1px 0 #190000,0 1px 0 #190000,-1px 1px 0 #190000,-1px 0 0 #190000,-1px -1px 0 #190000,0 -1px 0 #190000,1px -1px 0 #190000;font-size:14px;cursor:pointer}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .packages{display:-ms-grid;display:grid;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .packages input:not(:checked)+.package{display:none}
.dialog.paymentShopV1 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .packages input:checked+.package{pointer-events:none}
.dialog.paymentShopV1 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .packages{display:none}
.dialog.paymentShopV1 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .packages{-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center}
.dialog.paymentShopV1 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .packages label{pointer-events:none}
.dialog.paymentShopV1.smallestPackage #smallestPackageDialog .package{pointer-events:none}

/* ===== T46 payment pros rows ===== */
.dialog.paymentShopV1 #paymentWizard.pros .feature{position:relative;padding-inline-start:70px;min-height:60px;box-sizing:border-box}
.dialog.paymentShopV1 #paymentWizard.pros .feature::before{content:"";position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);width:50px;height:50px;background:no-repeat center/contain}
.dialog.paymentShopV1 #paymentWizard.pros .feature:first-child::before{background-image:url('../img_rtl/paymentWizard/prosGoldclubimage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature:has(button.plus)::before{background-image:url('../img_rtl/paymentWizard/prosPlusImage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature:has(button.productionboostWood)::before{background-image:url('../img_rtl/paymentWizard/prosProductionboostLumberImage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature:has(button.productionboostClay)::before{background-image:url('../img_rtl/paymentWizard/prosProductionboostClayImage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature:has(button.productionboostIron)::before{background-image:url('../img_rtl/paymentWizard/prosProductionboostIronImage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature:has(button.productionboostCrop)::before{background-image:url('../img_rtl/paymentWizard/prosProductionboostCropImage.png')}
.dialog.paymentShopV1 #paymentWizard.pros .feature .featureContent{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.dialog.paymentShopV1 #paymentWizard.pros .feature .featureContent>h3.featureTitle{flex:0 0 100%;margin:0}
.dialog.paymentShopV1 #paymentWizard.pros .feature .featureContent>div{float:none;margin:0;width:auto;position:static}
.dialog.paymentShopV1 #paymentWizard.openOrders #openOrders{padding:10px 20px;box-sizing:border-box}
.dialog.paymentShopV1 #paymentWizard.openOrders #open_orders{width:100%;margin:0 auto}

/* ===== T46 payment packages row ===== */
.dialog.paymentShopV1 #packageSlider .slidingContentOuter,.dialog.paymentShopV1 #packageSlider .slidingContentInner,.dialog.paymentShopV1 #packageSlider .slidingContent{width:auto;height:auto;position:static;overflow:visible}
.dialog.paymentShopV1 #packageSlider .productsPage.visible{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:8px}
.dialog.paymentShopV1 #packageSlider .productsPage.hidden,.dialog.paymentShopV1 #packageSlider .fakeProductHelper{display:none}
.dialog.paymentShopV1 #packageSlider .package{float:none;flex:0 0 150px;margin:0;position:relative}

/* ===== T46 payment methods ===== */
.dialog.paymentShopV1 #paymentMethodsSlider .slidingContentOuter,.dialog.paymentShopV1 #paymentMethodsSlider .slidingContentInner,.dialog.paymentShopV1 #paymentMethodsSlider .slidingContent{width:auto;height:auto;position:static;overflow:visible}
.dialog.paymentShopV1 #paymentMethodsSlider .methodItem{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:44px;padding:0 16px;margin:6px;box-sizing:border-box;cursor:pointer;border:2px solid #9c7a3c;border-radius:6px;background:linear-gradient(to bottom,#f7e9c4,#e2c98f);font-weight:bold;color:#3b2e1f}
.dialog.paymentShopV1 #paymentMethodsSlider .methodItem.selected{border-color:#5d8f0d;box-shadow:0 0 0 2px #99c01a;background:linear-gradient(to bottom,#eaf5d0,#c8e08a)}

/* ===== T46 payment package price ===== */
.dialog.paymentShopV1 #packageSlider .package .footerLine .price{color:#fff3c4;font-weight:bold;font-size:15px;text-shadow:0 1px 2px #000,0 0 3px #000}

/* ===== T46 payment package gold ===== */
.dialog.paymentShopV1 #paymentWizard .package{position:relative}
.dialog.paymentShopV1 #paymentWizard .package .goldUnits,.dialog.paymentShopV1 #paymentWizard .package .goldUnitsTypeText{visibility:hidden}
.dialog.paymentShopV1 #paymentWizard .package .t46gi{position:absolute;top:95px;left:10px;right:10px;height:90px;background:url('../img_rtl/scenes/ReferAFriend/goldCoins.png') no-repeat center/contain;pointer-events:none;z-index:3}
.dialog.paymentShopV1 #paymentWizard .package .t46gu{position:absolute;top:18px;left:0;right:0;text-align:center;pointer-events:none;z-index:3;color:#fff3c4;text-shadow:0 1px 2px #000,0 0 3px #000}
.dialog.paymentShopV1 #paymentWizard .package .t46gu b{display:block;font-size:24px}
.dialog.paymentShopV1 #paymentWizard .package .t46gu span{display:block;font-size:13px}

/* ===== T46 payment package contrast ===== */
.dialog.paymentShopV1 #paymentWizard .package,.dialog.paymentShopV1 #paymentWizard .package.hideForLoading{opacity:1;filter:none}
.dialog.paymentShopV1 #paymentWizard .package .t46gu{z-index:20;opacity:1}
.dialog.paymentShopV1 #paymentWizard .package .t46gu b{color:#ffe38a;font-size:26px;text-shadow:0 0 2px #000,0 0 4px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}
.dialog.paymentShopV1 #paymentWizard .package .t46gu span{color:#fff;font-weight:bold;font-size:14px;text-shadow:0 0 2px #000,1px 1px 0 #000,-1px -1px 0 #000}
.dialog.paymentShopV1 #packageSlider .package .footerLine,.dialog.paymentShopV1 #packageSlider .package .footerLine .price{opacity:1;z-index:20}
.dialog.paymentShopV1 #packageSlider .package .footerLine .price{color:#ffe38a;font-size:16px;text-shadow:0 0 2px #000,0 0 4px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}

/* ===== T46 farmlist header ===== */
div#raidList div.listEntry div.listTitle{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;height:auto;min-height:38px;padding:6px 10px;box-sizing:border-box;background:linear-gradient(to bottom,#f3e2ae,#d7b672);border:1px solid #9c7a3c;border-radius:4px;margin:0 0 4px 0}
div#raidList div.listEntry div.listTitle>div.listTitleText{order:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;float:none;margin:0;width:auto;position:static;font-weight:bold}
div#raidList div.listEntry div.listTitle>div.raidListTitleButtons{order:2;display:flex;align-items:center;gap:6px;float:none;margin:0;width:auto;position:static}
div#raidList div.listEntry div.listTitle div.clear{display:none}
div#raidList div.listEntry div.troopSelection{display:none}

/* ===== T46 farmlist title icons ===== */
div#raidList div.listTitle button#deleteRaidList,div#raidList div.listTitle button#updateRaidList{background:none;border:0;box-shadow:none;padding:2px;margin:0;width:auto;height:auto;cursor:pointer}
div#raidList div.listTitle button#deleteRaidList img.raidList,div#raidList div.listTitle button#updateRaidList img.raidList{display:block;width:22px;height:22px;background:no-repeat center/contain}
div#raidList div.listTitle button#deleteRaidList img.raidList{background-image:url('../img_rtl/a/trashCan.png')}
div#raidList div.listTitle button#updateRaidList img.raidList{background-image:url('../img_rtl/a/editPencil.png')}

/* ===== T46 dialog white contrast ===== */
.dialogWrapper.t46dlg .dialog.white #dialogContent.content{color:#3b2e1f}
.dialogWrapper.t46dlg .dialog .buttons button.dialogButtonOk:not(.t46btn){display:inline-block;min-width:90px;padding:5px 18px;border:1px solid #3c6206;border-radius:4px;background:linear-gradient(to bottom,#8fc23a,#5d8f0d);color:#fff;font-weight:bold;text-shadow:0 1px 1px #000;cursor:pointer}

/* ===== T46 farmlist one row ===== */
div#raidList>div:first-child{height:auto;overflow:visible;margin:0 0 10px 0;display:flex;flex-wrap:wrap;gap:8px}
div#raidList div.listEntry div.listTitle{flex-wrap:nowrap}
div#raidList div.listEntry div.listTitle>div.listTitleText{flex:1 1 auto;min-width:0;flex-wrap:nowrap}
div#raidList div.listEntry div.listTitle>div.raidListTitleButtons{flex:0 0 auto}

/* ===== T46 farmlist nowrap ===== */
div#raidList>div:first-child{justify-content:flex-end}
div#raidList div.listEntry div.listTitle>div.listTitleText>*{white-space:nowrap}
div#raidList table.list thead td{white-space:nowrap}
div#raidList table.list thead td.lastRaid>span{display:inline-block;vertical-align:middle}

/* ===== T46 village name inline edit ===== */
#sidebarBoxActiveVillage #villageNameField.t46vn{display:block;box-sizing:border-box;margin:4px 0;padding:3px 8px;padding-inline-end:28px;min-height:26px;border:1px solid #b9a37a;border-radius:4px;background:#fffaf0;cursor:text;position:relative;text-align:start}
#sidebarBoxActiveVillage #villageNameField.t46vn::after{content:"";position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../img_rtl/a/editPencil.png') no-repeat center/contain;opacity:.7}
#sidebarBoxActiveVillage #villageNameField.t46vn input{width:100%;box-sizing:border-box;border:0;background:transparent;font:inherit;color:inherit;padding:0;outline:none}
#sidebarBoxActiveVillage .innerBox.footer{display:none}

/* ===== T46 village name inline edit 2 ===== */
div#sidebarBoxActiveVillage div.innerBox.footer{display:none !important}
div#sidebarBoxActiveVillage #villageNameField[data-did]{display:block;width:auto;float:none;box-sizing:border-box;margin:4px 0;padding:3px 8px;padding-inline-end:28px;min-height:26px;border:1px solid #b9a37a;border-radius:4px;background:#fffaf0;background-image:none;cursor:text;position:relative;text-align:start}
div#sidebarBoxActiveVillage #villageNameField[data-did]::before{display:none}
div#sidebarBoxActiveVillage #villageNameField[data-did]::after{content:"";position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../img_rtl/a/editPencil.png') no-repeat center/contain;opacity:.7;border:0}

/* ===== T46 village name inline edit 3 ===== */
div#sidebarBoxActiveVillage .layoutButton.editWhite{display:none !important}
body.rtl div#sidebarBoxActiveVillage #villageNameField[data-did]{padding-right:8px;padding-left:28px;text-align:right}
body.rtl div#sidebarBoxActiveVillage #villageNameField[data-did]::after{inset-inline-end:auto;right:auto;left:6px}
body.ltr div#sidebarBoxActiveVillage #villageNameField[data-did]{padding-left:8px;padding-right:28px;text-align:left}
body.ltr div#sidebarBoxActiveVillage #villageNameField[data-did]::after{inset-inline-end:auto;left:auto;right:6px}

/* ===== T46 hero status states (legends) ===== */
#topBarHeroWrapper #topBarHero .heroStatus i{position:absolute;top:2px;left:2px;bottom:2px;right:2px;border-radius:50%;transition:background-color 150ms}
#topBarHeroWrapper #topBarHero .heroStatus i.heroTrapped{background-image:url(../img_rtl/hud/topBar/hero/states/heroTrapped.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroDead{background-image:url(../img_rtl/hud/topBar/hero/states/heroDead.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroHome{background-image:url(../img_rtl/hud/topBar/hero/states/heroHome.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroReinforcing{background-image:url(../img_rtl/hud/topBar/hero/states/heroReinforcing.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroReviving{background-image:url(../img_rtl/hud/topBar/hero/states/heroReviving.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroRunning{background-image:url(../img_rtl/hud/topBar/hero/states/heroRunning.png)}
#topBarHeroWrapper #topBarHero .heroStatus i.heroTrapped{background-position:center 3px;background-color:#d01a1b}
#topBarHeroWrapper #topBarHero .heroStatus i.heroDead{background-position:center 1px;background-color:#d01a1b}
#topBarHeroWrapper #topBarHero .heroStatus i.heroHome{background-position:0 2px;background-color:#2aa82d}
#topBarHeroWrapper #topBarHero .heroStatus i.heroReinforcing{background-position:center 3px;background-color:#2a82a8}
#topBarHeroWrapper #topBarHero .heroStatus i.heroReviving{background-position:center 2px;background-color:#ed7a14}
#topBarHeroWrapper #topBarHero .heroStatus i.heroRunning{background-position:center;background-color:#f8db58}
#topBarHeroWrapper #topBarHero .heroStatus a{display:inline-block;position:absolute;top:2px;left:2px;bottom:2px;right:2px;border-radius:50%;background-color:transparent;transition-duration:150ms}
#topBarHeroWrapper #topBarHero .heroStatus a:focus{background-color:rgba(255,255,255,.5)}
#topBarHeroWrapper #topBarHero .heroStatus a:hover{background-color:rgba(255,255,255,.5)}
#topBarHeroWrapper #topBarHero .heroStatus a:active{background-color:rgba(0,0,0,.2)}
#topBarHeroWrapper #topBarHero .heroStatus a i{position:absolute;top:0;left:0;bottom:0;right:0}
#topBarHeroWrapper #topBarHero .heroStatus a:hover i.heroHome{background-color:#38b83b}
#topBarHeroWrapper #topBarHero .heroStatus a:hover i.heroRunning{background-color:#fdea91}
#topBarHeroWrapper #topBarHero .heroStatus a:active i.heroHome{background-color:#1c811f}
#topBarHeroWrapper #topBarHero .heroStatus a:active i.heroRunning{background-color:#dfb340}

/* ===== T46 villagelist attack ===== */
#sidebarBoxVillagelist li.vcatVillage.attack .name::after{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin-inline-start:4px;background:url('../img_rtl/a/att1.gif') no-repeat center}
.colorBlind #sidebarBoxVillagelist li.vcatVillage.attack .name::after{background-image:url('../img_rtl/a/att1Colorblind.gif')}

/* ===== T46 rallypoint filter icons ===== */
div#build.gid16 img.filterCategory{background-image:url('../img_rtl/a/gid16Filter.png');background-repeat:no-repeat;width:16px;height:16px}
div#build.gid16 img.filterCategory1{background-position:0 0}
div#build.gid16 img.filterCategory2{background-position:0 -16px}
div#build.gid16 img.filterCategory3{background-position:0 -32px}
div#build.gid16 img.filterCategory4{background-position:0 -48px}

/* ===== T46 rallypoint subfilter icons ===== */
div#build.gid16 img.subFilterCategory1{background-position:0 -64px}
div#build.gid16 img.subFilterCategory2{background-position:0 -80px}
div#build.gid16 img.subFilterCategory3{background-position:0 -96px}
div#build.gid16 img.subFilterCategory4{background-position:0 -112px}
div#build.gid16 img.subFilterCategory5{background-position:0 -128px}
div#build.gid16 img.subFilterCategory6{background-position:0 -144px}

/* ===== T46 nested svg transform fix (Chrome) ===== */
.sidebarBox .buttonsWrapper .layoutButton svg svg{transform:none!important}

/* ===== T46 LTR content title buttons ===== */
body:not(.he-IL):not(.ar-AE):not(.fa-IR) div#center #contentOuterContainer .contentTitle a#closeContentButton{left:auto;right:40px}
body:not(.he-IL):not(.ar-AE):not(.fa-IR) div#center #contentOuterContainer .contentTitle a#answersButton{left:auto;right:84px}
