@charset "UTF-8";div.plus table.features td.preview a{border:1px solid silver;padding:1px;display:block}
div.plus table#plus_features td.preview img,div.plus table#gold_features td.preview img{width:127px;height:88px}
div.plus table#plus_features td.preview img.waitingLoop{background-image:url('../../img_rtl/p/waitingLoop.jpg')}
div.plus table#plus_features td.preview img.mapFullscreen{background-image:url('../../img_rtl/p/mapFullscreen.jpg')}
div.plus table#plus_features td.preview img.archive{background-image:url('../../img_rtl/p/archive.jpg')}
div.plus table#plus_features td.preview img.market{background-image:url('../../img_rtl/p/market.jpg')}
div.plus table#plus_features td.preview img.autoCompletion{background-image:url('../../img_rtl/p/autoCompletion.jpg')}
div.plus table#plus_features td.preview img.directLinks{background-image:url('../../img_rtl/p/directLinks.jpg')}
div.plus table#plus_features td.preview img.graphicStatistics{background-image:url('../../img_rtl/p/graphicStatistics.jpg')}
div.plus table#plus_features td.preview img.villageOverview{background-image:url('../../img_rtl/p/villageOverview.jpg')}
div.plus table#plus_features td.preview img.notepad{background-image:url('../../img_rtl/p/notepad.jpg')}
div.plus table#gold_features td.preview img.p25Lumber{background-image:url('../../img_rtl/p/p25Lumber.jpg')}
div.plus table#gold_features td.preview img.p25Clay{background-image:url('../../img_rtl/p/p25Clay.jpg')}
div.plus table#gold_features td.preview img.p25Iron{background-image:url('../../img_rtl/p/p25Iron.jpg')}
div.plus table#gold_features td.preview img.p25Crop{background-image:url('../../img_rtl/p/p25Crop.jpg')}
div.plus table#gold_features td.preview img.constructionComplete{background-image:url('../../img_rtl/p/constructionComplete.jpg')}
div.plus table#gold_features td.preview img.npcMerchant{background-image:url('../../img_rtl/p/npcMerchant.jpg')}
div.plus div.goldBalance{display:inline-block}div.plus table.plusFunctions{margin-bottom:5px}
div.plus table.plusFunctions span.none{font-weight:normal}div.plus table.plusFunctions div.run{font-size:12px}
div.plus table.plusFunctions td.desc{width:45%}div.plus table.plusFunctions td.dur{width:15%;text-align:center}
div.plus table.plusFunctions td.cost{width:15%;white-space:nowrap;font-weight:bold;text-align:center}
div.plus table.plusFunctions td.act{width:25%;text-align:center}div.plus table.plusFunctions td.act.arrow{text-align:right;background-image:none}
div.plus table.plusFunctions td.act.link{text-align:right}div.plus div.exchange{width:300px}
div.plus table.exchangeOffice input.text{width:90px}div.plusFaq p{margin-top:2px;margin-bottom:12px}
div.plusFaq b{background-image:url('../../img_rtl/p/faqIcon.png');padding-right:25px}
div.plus span.link,div.plus p.mail{font-family:Courier New}div.plus span.notice{font-size:12px;color:silver}
div.plus input.mail{width:170px}div.plus a#addMailRow{position:relative;top:4px}
div.plus p.report{color:#228b22;font-size:22px}div.plus textarea#optionalSwsMessage{width:480px;height:200px}
div.plus #email_invite_link{margin-top:10px}div.plus #invite tbody td{padding:6px 0 3px}
div.plus #invite td.addRow{vertical-align:top;width:16px;padding:2px 0 0 0}div#silverExchange{background-color:#e7e7e7;border-radius:5px;padding:8px 0;margin-bottom:20px}
div#silverExchange h4{margin:0 12px 3px}div#silverExchange .exchangeMessageLine{font-weight:bold;font-size:13px;margin:3px 17px 0}
div#silverExchange .exchangeLine{margin:0 7px}div#silverExchange .exchangeLine button{float:left}
div#silverExchange .exchangeLine input{width:50px;margin-top:4px}div#silverExchange .exchangeLine .exchangeItem{margin-left:5px;margin-right:5px;float:right}
div#silverExchange .directionButtons{margin-right:10px}div#silverExchange .directionButtons input{display:none;visibility:hidden}
div#silverExchange .directionButtons .directionButton{display:block;float:right;margin-left:5px;background-image:url('../../img_rtl/exchangeSilver/btnSmallSwap.png');width:61px;height:27px;cursor:pointer;text-align:center;overflow:hidden;white-space:nowrap}
div#silverExchange .directionButtons .directionButton.active{background-position:center center}
div#silverExchange .directionButtons .directionButton:hover{background-position:center bottom}
div#silverExchange .directionButtons .directionButton img{margin:0 2px}div#silverExchange .directionButtons .directionButton img.silver{position:relative;bottom:1px}
div#silverExchange .directionButtons .directionButton img.arrow{background-image:url('../../img_rtl/exchangeSilver/arrowGreen-rtl.png');width:14px;height:12px}
div#silverExchange .exchangeType{display:none;visibility:hidden}div#silverExchange .exchangeType .exchangeItem .gold,div#silverExchange .exchangeType .exchangeItem .silver{margin:8px 2px 0 2px}
div#silverExchange .exchangeType .exchangeItem .gold{margin-top:6px}div#silverExchange .exchangeType .exchangeItem .resultTerm .silver{margin-top:0}
div#silverExchange .exchangeType.active{display:block;visibility:visible}div#silverExchange .error{margin:0}
div#silverExchange .exchangeType .exchangeItem .silverExchangeFormularTerm{margin:0 3px;line-height:27px}
div#silverExchange .exchangeType .exchangeItem.formularDirectionLTR .silverExchangeFormularTerm{float:left}
div#silverExchange .exchangeType .exchangeItem.formularDirectionRTL .silverExchangeFormularTerm{float:right}
#reportWrapper{width:100%;box-sizing:border-box;border-top-style:none;z-index:2;position:relative}
#reportWrapper *{box-sizing:border-box}#reportWrapper .toolList .iconButton,#reportWrapper .toolList button.icon{margin-right:10px}
#reportWrapper .reportImage{width:100%;background-size:cover;background-position:center;border:1px solid #ddc6a2;border-top:0;border-bottom:0}
#reportWrapper .victory{display:inline-block;position:relative;width:100%}#reportWrapper .victory .reportImage.outcome{background-image:url('../../img_rtl/report/reportHeader.jpg');width:552px;height:136px;background-size:cover;width:100%}
#reportWrapper .victory .reportImage.outcome.lostWon{transform:scaleX(-1)}#reportWrapper .victory .tribe{position:absolute;z-index:2;bottom:1px}
#reportWrapper .victory .tribe.attacker{right:1px}#reportWrapper .victory .tribe.defender{left:1px;transform:scaleX(-1)}
#reportWrapper .victory .tribe.tribe1.won{background-image:url('../../img_rtl/report/outcome/romanWon.png');width:118px;height:136px}
#reportWrapper .victory .tribe.tribe1.lost{background-image:url('../../img_rtl/report/outcome/romanLost.png');width:147px;height:136px}
#reportWrapper .victory .tribe.tribe2.won{background-image:url('../../img_rtl/report/outcome/teutonWon.png');width:152px;height:136px}
#reportWrapper .victory .tribe.tribe2.lost{background-image:url('../../img_rtl/report/outcome/teutonLost.png');width:160px;height:136px}
#reportWrapper .victory .tribe.tribe3.won{background-image:url('../../img_rtl/report/outcome/gaulWon.png');width:137px;height:136px}
#reportWrapper .victory .tribe.tribe3.lost{background-image:url('../../img_rtl/report/outcome/gaulLost.png');width:156px;height:136px}
#reportWrapper .victory .tribe.tribe6.won{background-image:url('../../img_rtl/report/outcome/egyptianWon.png');width:154px;height:136px}
#reportWrapper .victory .tribe.tribe6.lost{background-image:url('../../img_rtl/report/outcome/egyptianLost.png');width:166px;height:136px}
#reportWrapper .victory .tribe.tribe7.won{background-image:url('../../img_rtl/report/outcome/hunWon.png');width:117px;height:136px}
#reportWrapper .victory .tribe.tribe7.lost{background-image:url('../../img_rtl/report/outcome/hunLost.png');width:127px;height:136px}
#reportWrapper .victory+.role{margin-top:-1px}#reportWrapper>.header{background-color:#fcf2da;border:solid 1px #ddc6a2;margin-top:-4px;position:relative}
#reportWrapper>.header.noImages{padding-bottom:20px;border-bottom:0}#reportWrapper>.header.noImages ~ .body .reportImage{display:none}
#reportWrapper>.header .headline{height:30px;border-bottom:solid 1px #ddc6a2}#reportWrapper>.header .headline.withQuickNavigation{display:-ms-grid;display:grid;-ms-grid-columns:30px 1fr 30px;grid-template-columns:30px 1fr 30px}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation{display:inline-block;width:30px;text-align:center;background-color:rgba(255,255,255,0);transition-duration:150ms}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:first-of-type{-ms-grid-column:1;grid-column-start:1}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:last-of-type{-ms-grid-column:3;grid-column-start:3}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation svg{width:12px;height:17px;margin-top:7px;transform:translateX(0);transition-duration:150ms;transition-timing-function:ease-out}
.rtl #reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation svg{transform:scale(-1,1)}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation svg path{fill:transparent;stroke:#ddc6a2;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;transition-duration:150ms}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover,#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus{background-color:rgba(255,255,255,0.3)}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover svg.chevronBack,#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus svg.chevronBack{margin-left:10px}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover svg.chevronForward,#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus svg.chevronForward{margin-right:10px}
.rtl #reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover svg.chevronBack,.rtl #reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus svg.chevronBack{transform:scale(-1,1)}
.rtl #reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover svg.chevronForward,.rtl #reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus svg.chevronForward{transform:scale(-1,1)}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):hover svg path,#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):focus svg path{stroke:#998d73}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation:not(.disabled):active{background-color:rgba(255,255,255,0.6)}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation.disabled{pointer-events:none}
#reportWrapper>.header .headline.withQuickNavigation .reportQuickNavigation.disabled svg path{stroke:transparent}
#reportWrapper>.header .headline.withQuickNavigation .subject{-ms-grid-column:2;grid-column-start:2}
#reportWrapper>.header .headline .subject{font-weight:bold;line-height:30px;padding:0 5px;border-left:solid 1px #ddc6a2;border-right:solid 1px #ddc6a2}
#reportWrapper>.header .headline .subject .subject,#reportWrapper>.header .headline .subject .body .role .troopHeadline div:first-of-type,#reportWrapper>.header .body .role .troopHeadline .headline .subject div:first-of-type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
#reportWrapper>.header .headline:not(.withQuickNavigation) .subject{width:100%;border:0;padding:0 10px}
#reportWrapper>.header .time{padding-right:10px;height:36px;line-height:38px}#reportWrapper>.header .toolList{position:absolute;left:10px;top:35px}
#reportWrapper .body h4{margin-bottom:35px}#reportWrapper .body table{background-color:#fff9eb;padding:3px 5px 5px}
#reportWrapper .body table th,#reportWrapper .body table td{padding:5px 3px}#reportWrapper .body table th.unit,#reportWrapper .body table td.unit{width:48px}
#reportWrapper .body table th{width:36px;text-align:center;background-color:#fff9eb}
#reportWrapper .body table th i{display:inline-block;width:16px;height:16px}#reportWrapper .body table th i.troopCount{background-image:url('../../img_rtl/scenes/General/troops/troopCount_small.png')}
#reportWrapper .body table th i.troopDead{background-image:url('../../img_rtl/scenes/General/troops/troopDead_small.png')}
#reportWrapper .body table th i.troopWounded{background-image:url('../../img_rtl/scenes/General/troops/troopWounded_small.png')}
#reportWrapper .body table th i.trap{background-image:url('../../img_rtl/scenes/General/troops/trap_small.png')}
#reportWrapper .body table th i.troopRevived{background-image:url('../../img_rtl/scenes/General/troops/troopRevived_small.png')}
#reportWrapper .body table td{background-color:transparent}#reportWrapper .body table td.role{border:0;background:0}
#reportWrapper .body table .goods th{text-align:right;padding-left:10px;width:20%}
#reportWrapper .body table .goods th,#reportWrapper .body table .goods td,#reportWrapper .body table .infos th,#reportWrapper .body table .infos td{vertical-align:top}
#reportWrapper .body table .goods th span,#reportWrapper .body table .goods th i,#reportWrapper .body table .goods td span,#reportWrapper .body table .goods td i,#reportWrapper .body table .infos th span,#reportWrapper .body table .infos th i,#reportWrapper .body table .infos td span,#reportWrapper .body table .infos td i{display:inline-block}
#reportWrapper .body table .units th{width:1%}#reportWrapper .body table .units th,#reportWrapper .body table .units td{text-align:left}
#reportWrapper .body .role{position:relative;background-color:#fff9eb;border:1px solid #ddc6a2;margin-bottom:7px;padding-bottom:10px}
#reportWrapper .body .role .avatar{-ms-grid-column-align:start;justify-self:start;-ms-grid-row:1;grid-row-start:1;-ms-grid-column:1;grid-column-start:1}
#reportWrapper .body .role .avatar svg{width:40px;height:46px;z-index:1;bottom:-4px;right:45px;position:absolute}
.rtl #reportWrapper .body .role .avatar svg{transform:scale(-1,1)}#reportWrapper .body .role .header{position:relative;z-index:3;display:-ms-grid;display:grid;align-items:center;justify-content:space-between;padding:0 5px}
#reportWrapper .body .role .header h2,#reportWrapper .body .role .header h3{color:#f2f2f2}
#reportWrapper .body .role .header h2{text-transform:uppercase;font-size:1.5em;-ms-grid-row:1;grid-row-start:1;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-align:center;align-self:center}
#reportWrapper .body .role .header .outcome{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-align:end;align-self:end;margin-left:-5px}
#reportWrapper .body .role .header .outcome>svg{position:absolute}#reportWrapper .body .role .header .outcome>svg.losses{left:15px;bottom:-3px;width:48px;height:60px}
#reportWrapper .body .role .header .outcome>svg.skull,#reportWrapper .body .role .header .outcome>svg.loot{left:2px;bottom:2px;width:26px;height:32px}
.rtl #reportWrapper .body .role .header .outcome>svg{transform:scale(-1,1)}#reportWrapper .body .role .header .outcome .arrowWrapper{position:relative;width:39px;height:36px;overflow:hidden}
#reportWrapper .body .role .header .outcome .arrowWrapper .outcomeArrow{width:40px;height:38px;position:relative;top:-1px;left:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
.rtl #reportWrapper .body .role .header .outcome .arrowWrapper{transform:scale(-1,1)}
#reportWrapper .body .role .troopHeadline{height:38px;padding:0 10px;background-color:#fcf2da;border-top:1px solid #ddc6a2;border-bottom:1px solid #ddc6a2;position:relative;line-height:38px;font-size:16px;display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.ie #reportWrapper .body .role .troopHeadline.withToolList{-ms-grid-columns:1fr 110px;grid-template-columns:1fr 110px}
.ie #reportWrapper .body .role .troopHeadline:not(.withToolList){-ms-grid-columns:1fr;grid-template-columns:1fr}
#reportWrapper .body .role .troopHeadline div:first-of-type{-ms-grid-column:1;grid-column-start:1}
#reportWrapper>.header .body .role .troopHeadline div:first-of-type .headline .subject,#reportWrapper>.header .headline .body .role .troopHeadline div:first-of-type .subject,#reportWrapper .body .role .troopHeadline div:first-of-type div:first-of-type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
#reportWrapper .body .role .troopHeadline .toolList{-ms-grid-column:2;grid-column-start:2;left:10px;-ms-grid-row-align:center;align-self:center}
#reportWrapper .body .role.attacker{border-top:0}#reportWrapper .body .role.attacker .header,#reportWrapper .body .role.defender .header,#reportWrapper .body .role.reinforcement .header{-ms-grid-rows:36px;grid-template-rows:36px;-ms-grid-columns:100px 1fr 150px;grid-template-columns:100px 1fr 150px}
#reportWrapper .body .role.attacker .header{background-color:#a33f41}#reportWrapper .body .role.attacker .header .outcome{background-color:#7e3132}
#reportWrapper .body .role.attacker .header .outcome svg{fill:#a33f41}#reportWrapper .body .role.defender .header,#reportWrapper .body .role.reinforcement .header{background-color:#8cb1c8}
#reportWrapper .body .role.defender .header .outcome,#reportWrapper .body .role.reinforcement .header .outcome{background-color:#6a9ab8}
#reportWrapper .body .role.defender .header .outcome svg,#reportWrapper .body .role.reinforcement .header .outcome svg{fill:#8cb1c8}
#reportWrapper .body .role.reinforcement .outcome{display:none}#reportWrapper .body .additionalInformation th{text-align:right;padding-left:10px;width:20%}
#reportWrapper .body .additionalInformation .combatReportLine .negative{color:#d40000}
#reportWrapper .body tbody.infos td div{margin-bottom:6px;line-height:16px}#reportWrapper .body tbody.infos td.dropItems div{margin-top:0;margin-bottom:0;margin-right:15px;float:right}
#reportWrapper .body tbody.infos td.dropItems div:first-of-type{margin-right:0}#reportWrapper .body table tbody.infos td img{margin-left:5px}
.webkit #reportWrapper .body table tbody.infos td img{vertical-align:top}#reportWrapper .body table tbody.infos td img.clock{margin-left:10px}
#reportWrapper .body table#attacker tbody.goods div.res{width:100%}#reportWrapper .body table#attacker tbody.goods div.carry{width:100%}
#reportWrapper .body table#attacker tbody.goods div.carry img{margin-left:5px}#reportWrapper .body table#attacker tbody.goods div.cranny{float:left;margin-right:20px}
#reportWrapper .body .reportImage.adventureLose{background-image:url('../../img_rtl/report/reports_adventure-lost.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.adventureVictory{background-image:url('../../img_rtl/report/reports_adventure-won.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.villageSettled{background-image:url('../../img_rtl/report/reports_settle.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.usedCages{background-image:url('../../img_rtl/report/reports_used-cages.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.trade{background-image:url('../../img_rtl/report/reports_resources.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.reinforcement{background-image:url('../../img_rtl/report/reports_reinforcement.jpg');width:554px;height:190px}
#reportWrapper .body .reportImage.visits{background-image:url('../../img_rtl/views/truce/truceNeutral.jpg');width:550px;height:200px;width:552px}
#reportWrapper .body .iExperience{width:16px;height:16px;background-image:url('../../img_rtl/report/experience-rtl.png');margin-right:0;float:none !important}
#reportWrapper .body .injury{width:16px;height:16px;background-image:url('../../img_rtl/report/injury-rtl.png');float:none !important}
#reportWrapper .body .item,#reportWrapper .body div.reports .item{width:18px;height:12px}
#reportWrapper .body .item1,#reportWrapper .body .item2,#reportWrapper .body .item3,#reportWrapper .body .item4,#reportWrapper .body .item5,#reportWrapper .body .item6,#reportWrapper .body .item7,#reportWrapper .body .item8,#reportWrapper .body .item9,#reportWrapper .body .item10,#reportWrapper .body .item11,#reportWrapper .body .item12,#reportWrapper .body .item13,#reportWrapper .body .item14,#reportWrapper .body .item15,#reportWrapper .body .item16,#reportWrapper .body .item17,#reportWrapper .body .item18,#reportWrapper .body .item19,#reportWrapper .body .item20,#reportWrapper .body .item21,#reportWrapper .body .item22,#reportWrapper .body .item23,#reportWrapper .body .item24,#reportWrapper .body .item25,#reportWrapper .body .item26,#reportWrapper .body .item27,#reportWrapper .body .item28,#reportWrapper .body .item29,#reportWrapper .body .item30,#reportWrapper .body .item31,#reportWrapper .body .item32,#reportWrapper .body .item33,#reportWrapper .body .item34,#reportWrapper .body .item35,#reportWrapper .body .item36,#reportWrapper .body .item37,#reportWrapper .body .item38,#reportWrapper .body .item39,#reportWrapper .body .item40,#reportWrapper .body .item41,#reportWrapper .body .item42,#reportWrapper .body .item43,#reportWrapper .body .item44,#reportWrapper .body .item45,#reportWrapper .body .item46,#reportWrapper .body .item47,#reportWrapper .body .item48,#reportWrapper .body .item49,#reportWrapper .body .item50,#reportWrapper .body .item51,#reportWrapper .body .item52,#reportWrapper .body .item53,#reportWrapper .body .item54,#reportWrapper .body .item55,#reportWrapper .body .item56,#reportWrapper .body .item57,#reportWrapper .body .item58,#reportWrapper .body .item59,#reportWrapper .body .item60,#reportWrapper .body .item61,#reportWrapper .body .item62,#reportWrapper .body .item63,#reportWrapper .body .item64,#reportWrapper .body .item65,#reportWrapper .body .item66,#reportWrapper .body .item67,#reportWrapper .body .item68,#reportWrapper .body .item69,#reportWrapper .body .item70,#reportWrapper .body .item71,#reportWrapper .body .item72,#reportWrapper .body .item73,#reportWrapper .body .item74,#reportWrapper .body .item75,#reportWrapper .body .item76,#reportWrapper .body .item77,#reportWrapper .body .item78,#reportWrapper .body .item79,#reportWrapper .body .item80,#reportWrapper .body .item81,#reportWrapper .body .item82,#reportWrapper .body .item83,#reportWrapper .body .item84,#reportWrapper .body .item85,#reportWrapper .body .item86,#reportWrapper .body .item87,#reportWrapper .body .item88,#reportWrapper .body .item89,#reportWrapper .body .item90,#reportWrapper .body .item91,#reportWrapper .body .item92,#reportWrapper .body .item93,#reportWrapper .body .item94,#reportWrapper .body .item95,#reportWrapper .body .item96,#reportWrapper .body .item97,#reportWrapper .body .item98,#reportWrapper .body .item99,#reportWrapper .body .item100,#reportWrapper .body .item101,#reportWrapper .body .item102,#reportWrapper .body .item103,#reportWrapper .body .item104,#reportWrapper .body .item105,#reportWrapper .body .item106,#reportWrapper .body .item107,#reportWrapper .body .item108,#reportWrapper .body .item109,#reportWrapper .body .item110,#reportWrapper .body .item111,#reportWrapper .body .item112,#reportWrapper .body .item113,#reportWrapper .body .item114{background-image:url('../../img_rtl/a/carry.gif')}
#reportWrapper .body .itemLarge{width:68px;height:68px;background-position:center}
#reportWrapper .body i.tribeIcon{display:inline-block;position:absolute;bottom:0}
#reportWrapper .body i.tribeIcon.bigTribe1:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/roman.png');width:55px;height:63px}
#reportWrapper .body i.tribeIcon.bigTribe2:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/teuton.png');width:57px;height:59px}
#reportWrapper .body i.tribeIcon.bigTribe3:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/gaul.png');width:57px;height:62px}
#reportWrapper .body i.tribeIcon.bigTribe4:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/nature.png');width:57px;height:52px}
#reportWrapper .body i.tribeIcon.bigTribe5:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/natar.png');width:57px;height:51px}
#reportWrapper .body i.tribeIcon.bigTribe6:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/egyptian.png');width:57px;height:58px}
#reportWrapper .body i.tribeIcon.bigTribe7:not(.inactive){background-image:url('../../img_rtl/scenes/CombatSimulator/tribes/hun.png');width:57px;height:60px}
#reportWrapper .iconButton,#reportWrapper button.icon{position:relative;width:26px;height:26px;overflow:hidden;border-radius:3px;border:1px solid #cfcfcf;border-bottom-color:#b6b6b6;float:left;background-image:none;text-align:center;display:inline-block}
#reportWrapper .iconButton:not(.disabled),#reportWrapper button.icon:not(.disabled){background-color:#fafafa}
#reportWrapper .iconButton:not(.disabled):before,#reportWrapper button.icon:not(.disabled):before{content:"";position:absolute;top:1px;left:1px;bottom:1px;right:1px;border:1px solid #e2e2e2;background-color:#fafafa}
#reportWrapper .iconButton:not(.disabled):after,#reportWrapper button.icon:not(.disabled):after{opacity:.5;transform:rotate(-10deg);content:"";position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;background-image:linear-gradient(to bottom,rgba(223,223,223,0) 45%,#dfdfdf 55%,#e6e6e6)}
#reportWrapper .iconButton:hover:not(.disabled),#reportWrapper button.icon:hover:not(.disabled){background-color:#7cb029}
#reportWrapper .iconButton.disabled,#reportWrapper button.icon.disabled{background:#919191;cursor:not-allowed}
#reportWrapper .iconButton.gold,#reportWrapper button.icon.gold{background-color:#e6ce64}
#reportWrapper .iconButton.gold:after,#reportWrapper button.icon.gold:after{background-image:linear-gradient(to bottom,#fdf5cb,#f8eeb0 30%,#f0dc7c 35%,#e6ce64 75%,#caac50)}
#reportWrapper .iconButton.gold:hover:not(.disabled),#reportWrapper button.icon.gold:hover:not(.disabled){background-color:#a08939}
#reportWrapper .iconButton i,#reportWrapper button.icon i{z-index:2;position:relative;-ms-grid-column-align:center;justify-self:center}
#reportWrapper .iconButton i.delete,#reportWrapper button.icon i.delete{background-image:url('../../img_rtl/report/delete_tiny.png');width:14px;height:15px}
#reportWrapper .iconButton i.access,#reportWrapper button.icon i.access{background-image:url('../../img_rtl/report/access_small.png');width:20px;height:18px;right:1px}
#reportWrapper .iconButton i.archive,#reportWrapper button.icon i.archive{background-image:url('../../img_rtl/report/archive_tiny.png');width:17px;height:15px;top:1px}
#reportWrapper .iconButton i.markRead,#reportWrapper button.icon i.markRead{background-image:url('../../img_rtl/report/markRead_small.png');width:16px;height:18px;top:1px}
#reportWrapper .iconButton i.repeatAttack,#reportWrapper button.icon i.repeatAttack{background-image:url('../../img_rtl/report/repeatAttack_small.png');width:18px;height:21px;top:3px}
#reportWrapper .iconButton i.simulate,#reportWrapper button.icon i.simulate{background-image:url('../../img_rtl/report/simulate_small.png');width:19px;height:17px;top:4px}
#reportWrapper .iconButton i.raidList,#reportWrapper button.icon i.raidList{background-image:url('../../img_rtl/report/raidList_small.png');width:20px;height:18px}
#reportWrapper .goods .res{width:100%}#reportWrapper .goods .rArea{float:right;margin-right:15px}
#reportWrapper .goods .rArea:first-of-type{margin-right:0}#reportWrapper .goods .rArea i{margin-left:5px}
#reportWrapper .goods .carry{margin-top:3px}#reportWrapper .goods .carry img{margin-left:5px}
#reportWrapper .goods .cranny{float:left;margin-right:20px}#reportWrapper .goods .cranny img{float:right}
#reportWrapper .footer{margin-top:25px}#reportWrapper td.empty{display:none}table#inbox-size-table{margin-top:10px;border-spacing:0}
table#inbox-size-table tr td{padding:0}table#inbox-size-table thead tr td{text-align:right}
table#inbox-size-table tbody tr:first-child td:first-child{color:gray}table#inbox-size-table tbody tr:first-child td:last-child{text-align:left;width:90px}
table#inbox-size-table #inbox-size-bar{height:4px;border:1px solid #a6a6a6;padding:1px;margin-top:4px;position:relative}
table#inbox-size-table #inbox-size-bar div{background-color:#006900;height:4px}div.reportFilter{padding:10px 16px 10px 16px;background-color:#e7e7e7;border-radius:5px}
div.reportFilter button.iconFilter,div.reportFilter button.iconFilter:hover{margin-left:10px}
div.reports table#overview td.sub div.reportIcon{padding:0}div.reports table#overview td.sub div.reportText{padding:0 22px 0 0}
div.reports table.reportSurround .reportIcon{background-image:url('../../img_rtl/report/surroundingReports-rtl.png');width:16px;height:16px;float:right;padding:0;margin:0 0 0 5px}
div.reports table.reportSurround .reportIcon.alliance{background-position:0 0;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.fight{background-position:0 -26px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.oasisAbandon{background-position:0 -52px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.oasisOccupy{background-position:0 -78px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.villageConquer{background-position:0 -104px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.villageFound{background-position:0 -130px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.villageLost{background-position:0 -156px;width:16px;height:16px}
div.reports table.reportSurround .reportIcon.villageRename{background-position:0 -182px;width:16px;height:16px}
div.reports .footer{margin:10px 0}div.reports .footer .paginator{float:left}div.reports #markAll{margin-right:7px;float:right}
div.reports #markAll span{margin-right:8px}div.reports table#overview td.sub a.reportInfo,div.reports table#overview td.sub span.reportInfo{float:left}
div.reports table#overview td.sub img.reportInfo.carry{top:2px}div.reports table#overview thead th.sent a{color:black;font-weight:normal}
div.reports table#overview tbody td{vertical-align:top}div.reports table#overview td.sel{width:5%;padding:7px 5px 5px;text-align:center}
div.reports table#overview td.sub .messageStatus{float:right}div.reports table#overview td.sub .iReport{float:right;margin-right:10px}
div.reports table#overview td.sub .iReport.iReportArchive{margin-right:0}div.reports table#overview td.sub .reportInfoIcon{float:left}
div.reports table#overview td.sub div{padding-right:52px;padding-left:25px}div.reports table#overview td.sub div a{overflow:visible;white-space:pre-wrap}
div.reports table#overview td.sub div.titleReportArchive{padding-right:25px}div.reports table#overview td.dist{text-align:left}
div.reports table#overview td.dat{width:23%;text-align:center;white-space:nowrap;padding-left:2px;padding-right:2px}
div.reports table#overview tfoot th.buttons{text-align:right}div.reports table#overview tfoot th.buttons input{vertical-align:middle}
div.reports table#overview tfoot th.navi{text-align:left;color:silver;font-weight:bold}
div.reports #reportWrapper .combatStatistics table .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
div.reports #reportWrapper .combatStatistics table .inlineIcon i,div.reports #reportWrapper .combatStatistics table .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}
div.reports #reportWrapper .combatStatistics table .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}
div.reports #reportWrapper .combatStatistics{border:1px solid #ddc6a2}div.reports #reportWrapper .combatStatistics .header{height:36px;line-height:36px;background-color:#778243;border-bottom:1px solid #ddc6a2}
div.reports #reportWrapper .combatStatistics .header h2{color:#f2f2f2;text-transform:uppercase;font-size:1.5em;margin:0 10px}
div.reports #reportWrapper .combatStatistics table{border-collapse:collapse}div.reports #reportWrapper .combatStatistics table th,div.reports #reportWrapper .combatStatistics table td{line-height:24px;padding:2px 5px}
div.reports #reportWrapper .combatStatistics table th:nth-child(2),div.reports #reportWrapper .combatStatistics table td:nth-child(2){border-left:1px solid #ddc6a2;border-right:1px solid #ddc6a2}
div.reports #reportWrapper .combatStatistics table th{text-align:right}div.reports #reportWrapper .combatStatistics table thead th{font-weight:bold;background-color:#fcf2da}
div.reports #reportWrapper .combatStatistics table tbody tr:nth-child(even) th,div.reports #reportWrapper .combatStatistics table tbody tr:nth-child(even) td{background-color:#fcf2da}
div.reports #reportWrapper .combatStatistics table tbody td{width:30%}.rtl div.reports #reportWrapper .supportReport .supportHeader .headline .to svg,div.reports #reportWrapper .supportReport .supportHeader .headline .to .rtl svg{transform:scaleX(-1)}
div.reports #reportWrapper .supportReport .supportHeader .headline,div.reports #reportWrapper .supportReport .supportHeader .participants{display:-ms-grid;display:grid;-ms-grid-columns:260px 1fr;grid-template-columns:260px 1fr}
div.reports #reportWrapper .supportReport .supportHeader .headline .from,div.reports #reportWrapper .supportReport .supportHeader .participants .from{-ms-grid-column:1;grid-column-start:1;padding-right:10px}
div.reports #reportWrapper .supportReport .supportHeader .headline .to,div.reports #reportWrapper .supportReport .supportHeader .participants .to{-ms-grid-column:2;grid-column-start:2;padding-left:10px;text-align:left}
div.reports #reportWrapper .supportReport .supportHeader .headline .from,div.reports #reportWrapper .supportReport .supportHeader .headline .to{height:36px;line-height:36px;position:relative;text-transform:uppercase;font-size:1.5em;color:#f2f2f2}
div.reports #reportWrapper .supportReport .supportHeader .headline .from{z-index:2}
div.reports #reportWrapper .supportReport .supportHeader .headline .to{overflow:hidden}
div.reports #reportWrapper .supportReport .supportHeader .headline .to svg{width:40px;height:38px;position:absolute;top:-1px;right:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
div.reports #reportWrapper .supportReport .supportHeader .participants{font-size:16px;border:1px solid #ddc6a2;border-bottom:0;background-color:#fcf2da}
div.reports #reportWrapper .supportReport .supportHeader .participants .to,div.reports #reportWrapper .supportReport .supportHeader .participants .from{padding-top:3px;padding-bottom:3px;line-height:1.5em}
div.reports #reportWrapper .supportReport .supportHeader .participants .to .village,div.reports #reportWrapper .supportReport .supportHeader .participants .from .village{width:250px;overflow:hidden;display:inline-block;text-overflow:ellipsis}
div.reports #reportWrapper .supportReport .supportHeader .headline{border-left:solid 1px #dfc495;border-right:solid 1px #dfc495}
div.reports #reportWrapper .supportReport .supportHeader .headline .from{background-color:#8cb1c8}
div.reports #reportWrapper .supportReport .supportHeader .headline .to{background-color:#6a9ab8}
div.reports #reportWrapper .supportReport .supportHeader .headline .to svg{fill:#8cb1c8}
div.reports #reportWrapper .supportReport .troopHeadline{display:none}div.reports #reportWrapper .supportReport .supportTroops{position:relative;border:solid 1px #dfc495;border-bottom:0}
div.reports #reportWrapper .supportReport .supportTroops thead:first-child td,div.reports #reportWrapper .supportReport .supportTroops thead:first-child th{padding:0}
div.reports #reportWrapper .supportReport .additionalInformation{border:solid 1px #dfc495;border-top:0}
div.reports #reportWrapper .supportReport .additionalInformation tbody.infos td div{margin-bottom:0}
.rtl div.reports #reportWrapper .tradeReport .tradeHeader .headline .to svg,div.reports #reportWrapper .tradeReport .tradeHeader .headline .to .rtl svg{transform:scaleX(-1)}
div.reports #reportWrapper .tradeReport .tradeHeader .headline,div.reports #reportWrapper .tradeReport .tradeHeader .participants{display:-ms-grid;display:grid;-ms-grid-columns:260px 1fr;grid-template-columns:260px 1fr}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .from,div.reports #reportWrapper .tradeReport .tradeHeader .participants .from{-ms-grid-column:1;grid-column-start:1;padding-right:10px}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .to,div.reports #reportWrapper .tradeReport .tradeHeader .participants .to{-ms-grid-column:2;grid-column-start:2;padding-left:10px;text-align:left}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .from,div.reports #reportWrapper .tradeReport .tradeHeader .headline .to{height:36px;line-height:36px;position:relative;text-transform:uppercase;font-size:1.5em;color:#f2f2f2}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .from{z-index:2}div.reports #reportWrapper .tradeReport .tradeHeader .headline .to{overflow:hidden}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .to svg{width:40px;height:38px;position:absolute;top:-1px;right:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
div.reports #reportWrapper .tradeReport .tradeHeader .participants{font-size:16px;border:1px solid #ddc6a2;border-bottom:0;background-color:#fcf2da}
div.reports #reportWrapper .tradeReport .tradeHeader .participants .to,div.reports #reportWrapper .tradeReport .tradeHeader .participants .from{padding-top:3px;padding-bottom:3px;line-height:1.5em}
div.reports #reportWrapper .tradeReport .tradeHeader .participants .to .village,div.reports #reportWrapper .tradeReport .tradeHeader .participants .from .village{width:250px;overflow:hidden;display:inline-block;text-overflow:ellipsis}
div.reports #reportWrapper .tradeReport .tradeHeader .headline{border-left:solid 1px #dfc495;border-right:solid 1px #dfc495}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .from{background-color:#e39f4d}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .to{background-color:#db8722}
div.reports #reportWrapper .tradeReport .tradeHeader .headline .to svg{fill:#e39f4d}
div.reports #reportWrapper .tradeReport .tradeHeader .participants .alliance{display:inline-block}
div.reports #reportWrapper .tradeReport .troopHeadline{display:none}div.reports #reportWrapper .tradeReport #trade{border:solid 1px #dfc495}
.rtl div.reports #reportWrapper .settleReport .settleHeader .headline .to svg,div.reports #reportWrapper .settleReport .settleHeader .headline .to .rtl svg{transform:scaleX(-1)}
div.reports #reportWrapper .settleReport .additionalInformation .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
div.reports #reportWrapper .settleReport .additionalInformation .inlineIcon i,div.reports #reportWrapper .settleReport .additionalInformation .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}
div.reports #reportWrapper .settleReport .additionalInformation .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}
div.reports #reportWrapper .settleReport .settleHeader .headline{display:-ms-grid;display:grid;-ms-grid-columns:260px 1fr;grid-template-columns:260px 1fr}
div.reports #reportWrapper .settleReport .settleHeader .headline .from{-ms-grid-column:1;grid-column-start:1;padding-right:10px}
div.reports #reportWrapper .settleReport .settleHeader .headline .to{-ms-grid-column:2;grid-column-start:2;padding-left:10px;text-align:left}
div.reports #reportWrapper .settleReport .settleHeader .headline .from,div.reports #reportWrapper .settleReport .settleHeader .headline .to{height:36px;line-height:36px;position:relative;text-transform:uppercase;font-size:1.5em;color:#f2f2f2}
div.reports #reportWrapper .settleReport .settleHeader .headline .from{z-index:2}
div.reports #reportWrapper .settleReport .settleHeader .headline .to{overflow:hidden}
div.reports #reportWrapper .settleReport .settleHeader .headline .to svg{width:40px;height:38px;position:absolute;top:-1px;right:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
div.reports #reportWrapper .settleReport .settleHeader .headline{-ms-grid-columns:1fr 150px;grid-template-columns:1fr 150px;border-left:solid 1px #dfc495;border-right:solid 1px #dfc495}
div.reports #reportWrapper .settleReport .settleHeader .headline .from{background-color:#e39f4d}
div.reports #reportWrapper .settleReport .settleHeader .headline .to{background-color:#db8722}
div.reports #reportWrapper .settleReport .settleHeader .headline .to svg{fill:#e39f4d}
div.reports #reportWrapper .settleReport .troopHeadline{display:none}div.reports #reportWrapper .settleReport .additionalInformation{border:solid 1px #dfc495}
div.reports #reportWrapper .settleReport .additionalInformation tbody.infos td div{margin-bottom:0}
.rtl div.reports #reportWrapper .animalReport .animalHeader .headline .to svg,div.reports #reportWrapper .animalReport .animalHeader .headline .to .rtl svg{transform:scaleX(-1)}
div.reports #reportWrapper .animalReport .animalHeader .headline{display:-ms-grid;display:grid;-ms-grid-columns:260px 1fr;grid-template-columns:260px 1fr}
div.reports #reportWrapper .animalReport .animalHeader .headline .from{-ms-grid-column:1;grid-column-start:1;padding-right:10px}
div.reports #reportWrapper .animalReport .animalHeader .headline .to{-ms-grid-column:2;grid-column-start:2;padding-left:10px;text-align:left}
div.reports #reportWrapper .animalReport .animalHeader .headline .from,div.reports #reportWrapper .animalReport .animalHeader .headline .to{height:36px;line-height:36px;position:relative;text-transform:uppercase;font-size:1.5em;color:#f2f2f2}
div.reports #reportWrapper .animalReport .animalHeader .headline .from{z-index:2}
div.reports #reportWrapper .animalReport .animalHeader .headline .to{overflow:hidden}
div.reports #reportWrapper .animalReport .animalHeader .headline .to svg{width:40px;height:38px;position:absolute;top:-1px;right:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
div.reports #reportWrapper .animalReport{border:solid 1px #dfc495;border-top:0}div.reports #reportWrapper .animalReport .animalHeader .headline{-ms-grid-columns:1fr 150px;grid-template-columns:1fr 150px}
div.reports #reportWrapper .animalReport .animalHeader .headline .from{background-color:#8cb1c8}
div.reports #reportWrapper .animalReport .animalHeader .headline .from .tribeIcon{position:absolute;right:0}
div.reports #reportWrapper .animalReport .animalHeader .headline .from .roleIcon{position:absolute;width:40px;height:46px;z-index:1;bottom:-4px;right:45px}
div.reports #reportWrapper .animalReport .animalHeader .headline .to{background-color:#6a9ab8}
div.reports #reportWrapper .animalReport .animalHeader .headline .to svg{fill:#8cb1c8}
div.reports #reportWrapper .animalReport .animalHeader .participants{font-size:16px;background-color:#fcf2da;border-top:solid 1px #dfc495;border-bottom:solid 1px #dfc495;padding:8px 10px}
div.reports #reportWrapper .animalReport .troopHeadline{display:none}div.reports #reportWrapper .animalReport #trade{border:solid 1px #dfc495}
.rtl div.reports #reportWrapper .adventureReport .adventureHeader .headline .to svg,div.reports #reportWrapper .adventureReport .adventureHeader .headline .to .rtl svg{transform:scaleX(-1)}
div.reports #reportWrapper .adventureReport .adventureHeader .headline{display:-ms-grid;display:grid;-ms-grid-columns:260px 1fr;grid-template-columns:260px 1fr}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from{-ms-grid-column:1;grid-column-start:1;padding-right:10px}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .to{-ms-grid-column:2;grid-column-start:2;padding-left:10px;text-align:left}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from,div.reports #reportWrapper .adventureReport .adventureHeader .headline .to{height:36px;line-height:36px;position:relative;text-transform:uppercase;font-size:1.5em;color:#f2f2f2}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from{z-index:2}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .to{overflow:hidden}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .to svg{width:40px;height:38px;position:absolute;top:-1px;right:-2px;stroke:rgba(0,0,0,0.2);stroke-width:.75}
div.reports #reportWrapper .adventureReport{border:solid 1px #dfc495;border-top:0}
div.reports #reportWrapper .adventureReport .adventureHeader .headline{-ms-grid-columns:1fr 150px;grid-template-columns:1fr 150px}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from{background-color:#a33f41;font-size:1em}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from h2{color:#f2f2f2;margin-right:100px;font-size:1.5em}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from .tribeIcon{position:absolute;right:0}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .from .roleIcon{position:absolute;width:40px;height:46px;z-index:1;bottom:-4px;right:45px}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .to{background-color:#7e3132}
div.reports #reportWrapper .adventureReport .adventureHeader .headline .to svg{fill:#a33f41}
div.statistics table td,div.statistics table th{text-align:center}div.statistics td.ra{width:5%;text-align:left;white-space:nowrap}
div.statistics td.pop{width:20%}div.statistics td.al{text-align:right}div.statistics td.vil{width:10%;max-width:1px}
div.statistics td.vil td.vil,div.statistics td.vil td.pla,div.statistics td.vil table#wonder td.nam,div.statistics table#wonder td.vil td.nam{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.statistics td.po{width:20%}div.statistics td.re{width:20%;white-space:nowrap}
div.statistics td.pla{width:18%;max-width:1px}div.statistics td.pla td.vil,div.statistics td.pla td.pla,div.statistics td.pla table#wonder td.nam,div.statistics table#wonder td.pla td.nam{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.statistics td.av{width:18%}div.statistics td.po{width:20%}div.statistics p.error{font-size:10px}
div.statistics div#search_navi .searchWrapper{float:right;margin-top:15px;padding:0 10px;background-color:#e7e7e7;border-radius:5px}
div.statistics div#search_navi div.search{margin:4px;text-align:center}div.statistics div#search_navi div.search div.searchItem{float:right}
div.statistics div#search_navi input.ra{width:32px}div.statistics div#search_navi table{width:1%;position:relative}
div.statistics div#search_navi table span{white-space:nowrap}div.statistics div#search_navi table td{padding-right:2px;padding-left:2px}
div.statistics div#search_navi input.name{width:90px}div.statistics div#search_navi div.search span.or{margin:auto 8px}
div.statistics div#search_navi div.navi{float:left;text-align:left;line-height:22px;white-space:nowrap;color:silver;font-weight:bold}
div.statistics div#search_navi .paginator{float:left;margin-top:15px}div.statistics table#player td.pla{width:auto;text-align:right}
div.statistics table#player td.al{width:30%}div.statistics table#player_off td.pla{width:auto;text-align:right}
div.statistics table#player_def td.pla{width:auto;text-align:right}div.statistics table#alliance td.al{width:auto}
div.statistics table#alliance_off td.al{width:auto}div.statistics table#alliance_def td.al{width:auto}
div.statistics table.top10{margin:0 auto;width:97%}div.statistics table.top10 td.pla{width:auto;text-align:right}
div.statistics table.top10 td.pla span.archived{font-weight:bold;color:#777}div.statistics table.top10 td.val{width:10%}
div.statistics table.top10 tr.none td{background-color:#efefef}div.statistics table.top10 tr.own.hl td.ra{text-align:center;white-space:nowrap}
div.statistics div.top10Wrapper{width:275px;position:relative}div.statistics div.top10Wrapper h4{right:0}
div.statistics table#top10_bighmr td.val{width:10%;direction:ltr}
div.statistics p.bighmr_note{margin-top:4px;font-size:11px;line-height:1.6;color:#666;text-align:justify}
div.statistics p.bighmr_note span.bighmr_red{color:#e60000;font-weight:bold}
div.statistics div#statLeft{float:right;right:-5px}div.statistics div#statRight{float:left;left:-5px}
div.statistics table#villages td.vil{width:auto;text-align:right}div.statistics table#villages td.pla{width:30%;text-align:right}
div.statistics table#villages td.hab{width:15%}div.statistics table#villages td.aligned_coords{padding:2px 0}
div.statistics table#villages td.vil{width:30%}div.statistics table#villages td.coords{width:20%}
div.statistics table#heroes td.hero{text-align:right}div.statistics table#heroes td.hero img{position:relative;top:1px;margin:-2px}
div.statistics table#heroes td.pla{width:30%;text-align:right}div.statistics table#heroes td.lev{width:10%}
div.statistics table#heroes td.xp{width:15%}div.statistics table#world_player{width:264px}
div.statistics table#world_player th{width:30%;white-space:nowrap}div.statistics table#world_player th,div.statistics table#world_player td{text-align:right}
div.statistics table#world_tribes td,div.statistics table#world_misc td{width:33%}
div.statistics table#wonder td.nam{width:35%;max-width:1px}div.statistics table#wonder td.nam td.vil,div.statistics table#wonder td.nam td.pla,div.statistics table#wonder td.nam td.nam{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.statistics table#wonder td.al{width:15%}div.statistics table#wonder td.lev{width:10%}
div.statistics table#wonder td.at{width:2%;color:silver}div.statistics div.plusInfoText{padding:0 9px}
div.statistics div.graph{padding-top:20px;padding-right:60px;width:450px;height:220px}
div.statistics div.legende{border:solid black 1px;background-color:#ebebeb;padding:3px 5px;float:right;line-height:17px;margin-right:25px}
div.statistics div.legende div.box{width:9px;height:9px;font-size:0;font-border:solid 1px black;font-float:right;margin:4px 4px 0}
div.support div.supportDescription{margin-bottom:15px}div.support_form div.supportTabs{margin-top:15px}
div.support_form td.form_table_label,div.support td.form_table_label{width:30%;white-space:nowrap}
div.support_form td.form_table_element,div.support td.form_table_element{width:70%}
div.support_form table.form_table,div.support table.form_table{background-color:transparent}
div.support_form table.form_table td,div.support table.form_table td{vertical-align:top}
.helpInfoBlock{margin-bottom:10px;padding:5px}.helpDescription{margin-bottom:10px;padding:5px}
.helpInfoBlock:hover{background-color:#eee}.helpInfoLinkLess:hover{background-color:#fff}
.helpInfoBlock a{display:block;color:black;font-weight:normal}.helpInfoBlock .plusFaq a{color:#99c01a;display:inline;font-weight:bold}
.helpInfoBlock .helpHeadLine{font-weight:bold;font-size:18px;margin-bottom:2px}.dialog.plusQuestions .contentWrapper .contentArea .topic,.dialog.plusQuestions .contentWrapper.referAFriend .infoArea,.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm{padding:15px;border:2px solid #bfb39b;border-radius:2px;background-color:#fff9eb;box-shadow:0 3px 3px 0 rgba(191,179,155,0.8)}
.dialog.plusQuestions{width:900px}.dialog.plusQuestions .dialogContents{width:calc(100% - 34px);height:calc(100% - 17px)}
@media screen and (max-width:620px){.mobileOptimized .dialog.plusQuestions .dialogContents{width:866px}
}.dialog.plusQuestions .dialogContents form>.content{padding:9px 0 0}.dialog.plusQuestions .contentWrapper{display:-ms-grid;display:grid;-ms-grid-columns:270px 1fr;grid-template-columns:270px 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.plusQuestions .contentWrapper *{box-sizing:border-box}.dialog.plusQuestions .contentWrapper h5{margin-bottom:10px}
.dialog.plusQuestions .contentWrapper .infoArea{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;position:relative}
.dialog.plusQuestions .contentWrapper a.arrow{margin-top:10px}.dialog.plusQuestions .contentWrapper .contentArea{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;padding-right:10px;position:relative}
.dialog.plusQuestions .contentWrapper .contentArea h4{color:#5e463a;font-size:17px;line-height:18px;margin-top:2px}
.dialog.plusQuestions .contentWrapper .contentArea .topic:not(:first-child){margin-top:10px}
.dialog.plusQuestions .contentWrapper.plusSupport{padding:0 10px}.dialog.plusQuestions .contentWrapper.plusSupport .infoArea{background-image:url('../../img_rtl/views/support/supportChar.png');width:270px;height:420px}
.dialog.plusQuestions .contentWrapper.plusSupport .plusSupportFooter{position:absolute;bottom:15px;font-size:13px}
.dialog.plusQuestions .contentWrapper.referAFriend{padding:0 10px 10px;min-height:410px}
.dialog.plusQuestions .contentWrapper.referAFriend .infoArea{margin-top:32px}.dialog.plusQuestions .contentWrapper.referAFriend .infoArea .goldReward{white-space:nowrap}
.dialog.plusQuestions .contentWrapper.referAFriend .infoArea .amount{font-weight:bold}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm{height:calc(100% - 32px)}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm label{display:block}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm label:not(:first-child){margin-top:5px}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm label input{margin-right:10px;width:300px}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm label.added input{transform:translateX(-50px);opacity:0;animation:addReceiverLine 500ms ease-out forwards}
@keyframes addReceiverLine{50%{opacity:1}100%{transform:translateX(0);opacity:1}
}.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm a.addReceiver{display:inline-block}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm a.addReceiver.hide{display:none}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .messageTitle{margin-top:15px}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm textarea{height:100px}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .messageLine{margin:5px 0;opacity:0;transform:translateY(20px);animation:showMessage 500ms ease-out forwards;font-weight:bold}
@keyframes showMessage{100%{opacity:1;transform:translateY(0)}}.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .buttonWrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr auto;grid-template-columns:1fr auto;-ms-grid-rows:1fr;grid-template-rows:1fr;margin:16px 0}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .buttonWrapper span.cancel{-ms-grid-column:1;grid-column-start:1}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .buttonWrapper span.cancel a{background-image:none;position:relative}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .buttonWrapper span.cancel a:before{content:"";position:absolute;right:0;top:3px;background-image:url('../../img_rtl/a/arrow-rtl.gif');width:4px;height:8px;transform:scaleX(-1)}
.dialog.plusQuestions .contentWrapper.referAFriend.inviteFriends .contentArea .sendForm .buttonWrapper button{-ms-grid-column:2;grid-column-start:2}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .scrollableContent{height:375px;overflow:auto}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper{position:relative;padding:0 10px}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper:before{content:"";position:absolute;top:27px;left:0;bottom:0;right:0;border:2px solid #beae9a;background-color:#faf6ea;box-shadow:0 3px 3px 0 rgba(190,174,154,0.8)}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table{background-color:transparent;position:relative}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table th,.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table td{color:#5e463a;background-color:transparent;padding:7px 9px}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table th:first-child,.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table td:first-child{padding-right:0}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table th:last-child,.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table td:last-child{padding-left:0}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table th{font-weight:bold;text-align:right}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table tbody td{border-bottom:1px solid #b7b7b7}
.dialog.plusQuestions .contentWrapper.referAFriend.invitedFriends .tableWrapper table tbody td.noData{color:#beae9a}
div.village1 div.buildingList,div.village2 div.buildingList{position:relative;float:right;width:397px;z-index:2;box-sizing:border-box;padding:7px;background-color:rgba(255,255,255,0.9);box-shadow:0 0 3px rgba(0,0,0,0.5);border-radius:7px}
@media screen and (max-width:620px){.mobileOptimized div.village1 div.buildingList,.mobileOptimized div.village2 div.buildingList{width:405px;padding:11px;box-shadow:0 0 5px rgba(0,0,0,0.8)}
}div.village1 div.buildingList h5,div.village2 div.buildingList h5{font-weight:normal}
div.village1 div.buildingList h5 span,div.village2 div.buildingList h5 span{font-size:13px}
div.village1 div.buildingList h5 img,div.village2 div.buildingList h5 img{position:relative;top:2px}
div.village1 div.buildingList div.finishNow,div.village2 div.buildingList div.finishNow{position:absolute;left:4px;top:3px}
div.village1 div.buildingList div.finishNow button,div.village2 div.buildingList div.finishNow button{text-align:left}
div.village1 div.buildingList ul,div.village2 div.buildingList ul{padding:0;margin:4px 0 2px}
div.village1 div.buildingList ul li,div.village2 div.buildingList ul li{list-style:none;margin-bottom:2px}
div.village1 div.buildingList a,div.village2 div.buildingList a{float:right;padding:2px 4px}
div.village1 div.buildingList .boxes-contents,div.village2 div.buildingList .boxes-contents{margin-top:5px}
div.village1 div.buildingList div.name,div.village2 div.buildingList div.name{float:right}
div.village1 div.buildingList div.name .lvl,div.village2 div.buildingList div.name .lvl{font-size:13px;color:#f88c1f;font-weight:bold}
div.village1 div.buildingList div.buildDuration,div.village1 div.buildingList div.buildStart,div.village2 div.buildingList div.buildDuration,div.village2 div.buildingList div.buildStart{float:left;font-size:12px;text-align:left;color:#6b6b6b}
.village1 a.contentTitleButton#answersButton,.village2 a.contentTitleButton#answersButton{width:32px;height:32px;border-radius:50%}
.village1 a.contentTitleButton#answersButton:before,.village2 a.contentTitleButton#answersButton:before{border-radius:50%;border:1px solid #34220d;position:absolute;top:2px;left:2px;bottom:2px;right:2px;box-shadow:inset 0 -2px 1px 1px #63a90b,inset 2px -1px 1px 0 #578b11,inset -2px -1px 1px 0 #578b11,inset 0 2px 1px 1px #cfdcbe}
.village1 a.contentTitleButton#answersButton:hover:before,.village2 a.contentTitleButton#answersButton:hover:before{box-shadow:inset 0 -2px 1px 1px #71bb13,inset 2px -1px 1px 0 #6da71d,inset -2px -1px 1px 0 #6da71d,inset 0 2px 1px 1px #d4e2c1}
.village1 a.contentTitleButton#answersButton:active:before,.village2 a.contentTitleButton#answersButton:active:before{box-shadow:inset 0 -2px 1px 1px #88c72d,inset 2px -1px 1px 0 #8dc03a,inset -2px -1px 1px 0 #8dc03a,inset 0 2px 1px 1px #abd171}
.village1 a.contentTitleButton#answersButton.disabled:before,.village1 a.contentTitleButton#answersButton:disabled:before,.village2 a.contentTitleButton#answersButton.disabled:before,.village2 a.contentTitleButton#answersButton:disabled:before{box-shadow:inset 0 -1px 1px 1px #90b65e,inset 0 1px 1px 1px #b3c19d}
div.village1 .level:not(.colorLayer),div.village2 div#village_map .buildingSlot .level{position:absolute;width:24px;height:23px;font-size:15px;font-family:Arial,Helvetica,Verdana,sans-serif;text-align:center;background-image:url('../../img_rtl/g/circle.png');background-position:1px 0}
div.village2 div#village_map .buildingSlot .level:not(.colorLayer).maxLevel.ww{letter-spacing:-2px}
div.village1 .colorLayer,div.village2 div#village_map .buildingSlot div.colorLayer{position:absolute;border:1px solid #333;background-image:linear-gradient(to top,#606060,#c8c8c8 100%);margin:1px;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 2px 0 white}
div.village1 .colorLayer.notNow,div.village2 div#village_map .buildingSlot .colorLayer.notNow{border:1px solid #988b42;background-color:#fdf15f;background-image:-moz-linear-gradient(bottom,#988b42,#fdf15f 100%);background-image:-webkit-linear-gradient(bottom,#988b42,#fdf15f 100%);background-image:linear-gradient(to top,#988b42,#fdf15f 100%)}
div.village1 .colorLayer.good,div.village2 div#village_map .buildingSlot .colorLayer.good{border:1px solid #506d00;background-color:#c7e94f;background-image:-moz-linear-gradient(bottom,#7da100,#c7e94f 100%);background-image:-webkit-linear-gradient(bottom,#7da100,#c7e94f 100%);background-image:linear-gradient(to top,#7da100,#c7e94f 100%)}
div.village1 .colorLayer.maxLevel,div.village2 div#village_map .buildingSlot .colorLayer.maxLevel{border:1px solid #0d648e;background-color:#b1e4ff;background-image:-moz-linear-gradient(bottom,#0d648e,#b1e4ff 100%);background-image:-webkit-linear-gradient(bottom,#0d648e,#b1e4ff 100%);background-image:linear-gradient(to top,#0d648e,#b1e4ff 100%)}
div.village1 .colorLayer .labelLayer,div.village2 div#village_map .buildingSlot .colorLayer .labelLayer{position:relative;top:4px;right:4px;width:18px;height:18px;background-color:white;border-radius:50%;line-height:17px;font-size:12px;font-family:Verdana,sans-serif;text-align:center}
div.village1 .colorLayer.underConstruction .labelLayer,div.village2 div#village_map .buildingSlot .colorLayer.underConstruction .labelLayer{background-color:#ffa84f}
div.village2 div#village_map .buildingSlot div.colorLayer.maxLevel.ww{width:32px;height:32px;margin-right:-2px}
div.village2 div#village_map .buildingSlot div.colorLayer.maxLevel.ww .labelLayer{width:24px;height:24px;line-height:23px}
.village1 .tip .level,.village2 .tip .level{font-weight:normal}.village1 .tip .showCosts,.village2 .tip .showCosts{line-height:16px}
.village1 .tip .showCosts .resources,.village2 .tip .showCosts .resources{margin-bottom:0}
table#warehouse thead tr td{cursor:pointer}.rtl div.village1 #resourceFieldContainer svg.resourceField,div.village1 #resourceFieldContainer .rtl svg.resourceField,.rtl div.village1 #resourceFieldContainer svg.villageCenter,div.village1 #resourceFieldContainer .rtl svg.villageCenter{transform:scaleX(-1)}
div.village1 div#map_details:after,div.village1 div.movements:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body.village1 #center #contentOuterContainer{background:0;padding:0;border:0;z-index:33}
body.village1 #center #contentOuterContainer:before,body.village1 #center #contentOuterContainer:after{display:none}
body.village1 #center #contentOuterContainer div.contentContainer{background:0;padding:0;border:0}
body.village1 #center #contentOuterContainer div.contentTitle{background:0;box-shadow:none;position:absolute;left:0;z-index:500;border:0}
body.village1 #center #contentOuterContainer div.contentTitle .contentTitleButton{display:none}
body.village1 #center #contentOuterContainer div.contentTitle .contentTitleButton#answersButton{display:inline-block}
body.village1 #center #contentOuterContainer div.contentFooter{display:none}body.village1 #center #contentOuterContainer #content{background-color:transparent;padding:0;margin:0}
body.village1 #center #contentOuterContainer #content .village1Content{margin:0 -14px;display:-ms-grid;display:grid;-ms-grid-columns:397px 230px;grid-template-columns:397px 230px;width:627px;-ms-grid-rows:1fr;grid-template-rows:1fr}
@media screen and (max-width:620px){body.village1.mobileOptimized #center #contentOuterContainer{z-index:38;overflow:visible;margin:0}
body.village1.mobileOptimized #center #contentOuterContainer div.contentTitle{display:none}
}div.village1 table{line-height:19px;background:0}div.village1 table th,div.village1 table td{padding:0;background:0}
div.village1 table thead th{text-align:right}div.village1 table tbody td{padding:4px 2px 1px;line-height:16px;background:0}
div.village1 table td.ico{width:5px;padding-right:4px;padding-top:1px}div.village1 table td.ico div{position:relative}
div.village1 table td.ico div img.productionBoost{position:absolute;right:0;top:0}
div.village1 table td.num{text-align:left;white-space:nowrap}div.village1 #resourceFieldContainer{position:absolute;top:76px;right:-59px;text-align:right}
@media screen and (max-width:620px){.mobileOptimized div.village1 #resourceFieldContainer{transform:scale(1.35);transform-origin:top center;right:60px;top:214px}
}div.village1 #resourceFieldContainer .level.buildingSlot1:hover ~ svg.resourceField .buildingSlot1,div.village1 #resourceFieldContainer .level.buildingSlot2:hover ~ svg.resourceField .buildingSlot2,div.village1 #resourceFieldContainer .level.buildingSlot3:hover ~ svg.resourceField .buildingSlot3,div.village1 #resourceFieldContainer .level.buildingSlot4:hover ~ svg.resourceField .buildingSlot4,div.village1 #resourceFieldContainer .level.buildingSlot5:hover ~ svg.resourceField .buildingSlot5,div.village1 #resourceFieldContainer .level.buildingSlot6:hover ~ svg.resourceField .buildingSlot6,div.village1 #resourceFieldContainer .level.buildingSlot7:hover ~ svg.resourceField .buildingSlot7,div.village1 #resourceFieldContainer .level.buildingSlot8:hover ~ svg.resourceField .buildingSlot8,div.village1 #resourceFieldContainer .level.buildingSlot9:hover ~ svg.resourceField .buildingSlot9,div.village1 #resourceFieldContainer .level.buildingSlot10:hover ~ svg.resourceField .buildingSlot10,div.village1 #resourceFieldContainer .level.buildingSlot11:hover ~ svg.resourceField .buildingSlot11,div.village1 #resourceFieldContainer .level.buildingSlot12:hover ~ svg.resourceField .buildingSlot12,div.village1 #resourceFieldContainer .level.buildingSlot13:hover ~ svg.resourceField .buildingSlot13,div.village1 #resourceFieldContainer .level.buildingSlot14:hover ~ svg.resourceField .buildingSlot14,div.village1 #resourceFieldContainer .level.buildingSlot15:hover ~ svg.resourceField .buildingSlot15,div.village1 #resourceFieldContainer .level.buildingSlot16:hover ~ svg.resourceField .buildingSlot16,div.village1 #resourceFieldContainer .level.buildingSlot17:hover ~ svg.resourceField .buildingSlot17,div.village1 #resourceFieldContainer .level.buildingSlot18:hover ~ svg.resourceField .buildingSlot18,div.village1 #resourceFieldContainer svg.resourceField>path:hover,div.village1 #resourceFieldContainer svg.villageCenter>path:hover{fill:rgba(255,255,255,0.2);stroke:rgba(255,255,255,0.5);stroke-width:2}
div.village1 #resourceFieldContainer .level.buildingSlot1:active ~ svg.resourceField .buildingSlot1,div.village1 #resourceFieldContainer .level.buildingSlot2:active ~ svg.resourceField .buildingSlot2,div.village1 #resourceFieldContainer .level.buildingSlot3:active ~ svg.resourceField .buildingSlot3,div.village1 #resourceFieldContainer .level.buildingSlot4:active ~ svg.resourceField .buildingSlot4,div.village1 #resourceFieldContainer .level.buildingSlot5:active ~ svg.resourceField .buildingSlot5,div.village1 #resourceFieldContainer .level.buildingSlot6:active ~ svg.resourceField .buildingSlot6,div.village1 #resourceFieldContainer .level.buildingSlot7:active ~ svg.resourceField .buildingSlot7,div.village1 #resourceFieldContainer .level.buildingSlot8:active ~ svg.resourceField .buildingSlot8,div.village1 #resourceFieldContainer .level.buildingSlot9:active ~ svg.resourceField .buildingSlot9,div.village1 #resourceFieldContainer .level.buildingSlot10:active ~ svg.resourceField .buildingSlot10,div.village1 #resourceFieldContainer .level.buildingSlot11:active ~ svg.resourceField .buildingSlot11,div.village1 #resourceFieldContainer .level.buildingSlot12:active ~ svg.resourceField .buildingSlot12,div.village1 #resourceFieldContainer .level.buildingSlot13:active ~ svg.resourceField .buildingSlot13,div.village1 #resourceFieldContainer .level.buildingSlot14:active ~ svg.resourceField .buildingSlot14,div.village1 #resourceFieldContainer .level.buildingSlot15:active ~ svg.resourceField .buildingSlot15,div.village1 #resourceFieldContainer .level.buildingSlot16:active ~ svg.resourceField .buildingSlot16,div.village1 #resourceFieldContainer .level.buildingSlot17:active ~ svg.resourceField .buildingSlot17,div.village1 #resourceFieldContainer .level.buildingSlot18:active ~ svg.resourceField .buildingSlot18,div.village1 #resourceFieldContainer svg.resourceField>path:active,div.village1 #resourceFieldContainer svg.villageCenter>path:active{fill:rgba(255,255,255,0.35);stroke:rgba(255,255,255,0.5);stroke-width:2}
div.village1 #resourceFieldContainer .level{position:absolute;z-index:21;line-height:23px;cursor:pointer}
div.village1 #resourceFieldContainer .level.buildingSlot1{top:13px;right:171px}div.village1 #resourceFieldContainer .level.buildingSlot2{top:14px;right:261px}
div.village1 #resourceFieldContainer .level.buildingSlot3{top:26px;right:329px}div.village1 #resourceFieldContainer .level.buildingSlot4{top:52px;right:113px}
div.village1 #resourceFieldContainer .level.buildingSlot5{top:65px;right:226px}div.village1 #resourceFieldContainer .level.buildingSlot6{top:72px;right:283px}
div.village1 #resourceFieldContainer .level.buildingSlot7{top:70px;right:368px}div.village1 #resourceFieldContainer .level.buildingSlot8{top:103px;right:53px}
div.village1 #resourceFieldContainer .level.buildingSlot9{top:103px;right:134px}
div.village1 #resourceFieldContainer .level.buildingSlot10{top:104px;right:324px}
div.village1 #resourceFieldContainer .level.buildingSlot11{top:104px;right:412px}
div.village1 #resourceFieldContainer .level.buildingSlot12{top:164px;right:61px}
div.village1 #resourceFieldContainer .level.buildingSlot13{top:154px;right:134px}
div.village1 #resourceFieldContainer .level.buildingSlot14{top:190px;right:270px}
div.village1 #resourceFieldContainer .level.buildingSlot15{top:159px;right:392px}
div.village1 #resourceFieldContainer .level.buildingSlot16{top:244px;right:165px}
div.village1 #resourceFieldContainer .level.buildingSlot17{top:249px;right:256px}
div.village1 #resourceFieldContainer .level.buildingSlot18{top:226px;right:346px}
div.village1 #resourceFieldContainer svg.resourceField,div.village1 #resourceFieldContainer svg.villageCenter{position:absolute;pointer-events:none}
div.village1 #resourceFieldContainer svg.resourceField>path,div.village1 #resourceFieldContainer svg.villageCenter>path{pointer-events:auto;cursor:pointer;transition-duration:150ms;transition-timing-function:ease-in;fill:transparent}
div.village1 #resourceFieldContainer svg.resourceField{z-index:1}div.village1 #resourceFieldContainer svg.villageCenter{z-index:2}
div.village1{text-align:left}div.village1 .showTroopsToggleMobile{display:none}div.village1 div#map_details{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:2;grid-column-start:2;margin-bottom:37px;position:relative;z-index:1000;pointer-events:none}
div.village1 div#map_details>*{pointer-events:auto}div.village1 div#map_details>.movements{min-height:130px;margin-top:25px}
@media screen and (max-width:620px){.mobileOptimized div.village1 div#map_details>.movements{min-height:auto;margin-top:0}
}div.village1 div#map_details .villageList{box-sizing:border-box;padding:4px;background-color:rgba(255,255,255,0.9);box-shadow:0 0 3px rgba(0,0,0,0.5);margin-bottom:8px;border-radius:7px;float:left}
div.village1 div#map_details .villageList.movements{max-width:230px}div.village1 div#map_details .villageList.production,div.village1 div#map_details .villageList.units{width:192px}
@media screen and (max-width:620px){.mobileOptimized div.village1 div#map_details{position:fixed;top:78px;bottom:120px;left:10px;pointer-events:none;padding:0}
.mobileOptimized div.village1 div#map_details .villageList{padding:8px;box-shadow:0 0 5px rgba(0,0,0,0.8)}
.mobileOptimized div.village1 div#map_details .villageList.movements,.mobileOptimized div.village1 div#map_details .villageList.units{pointer-events:auto}
.mobileOptimized div.village1 div#map_details .villageList.movements{width:230px;transform:scale(1.25);transform-origin:top left}
.mobileOptimized div.village1 div#map_details .villageList.units{width:auto;overflow:auto;position:fixed;bottom:340px;max-height:calc(100% - 650px);left:10px;text-align:center}
.mobileOptimized div.village1 div#map_details .villageList.production{display:none}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile{display:block;position:fixed;bottom:232px;left:19px;padding:10px;cursor:pointer;z-index:3;pointer-events:auto;border:1px solid #553420;border-radius:50%;background-image:linear-gradient(to bottom,#cbb198,#7b6050);box-shadow:inset 0 1px 0 0 #ddcbb7,inset 0 -1px 0 0 #664f3d,inset 1px 0 0 0 #bba693,inset -1px 0 0 0 #7d6651,0 3px 3px 0 rgba(0,0,0,0.3);-webkit-tap-highlight-color:transparent}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile:before{content:"";position:absolute;top:6px;left:6px;bottom:6px;right:6px;border:1px solid #553420;border-radius:50%;box-shadow:0 -1px 0 0 #89735d,0 1px 0 0 #aa9789,-1px 0 0 0 #8e7360,1px 0 0 0 #8e7360,inset 0 0 3px 0 rgba(0,0,0,0.5);background-color:#e5d4be;transition-duration:150ms}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile svg{width:45px;height:45px;top:0;transition-duration:150ms;position:relative;z-index:2}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile svg .icon{fill:#6a9d19}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile svg .outline{fill:#006900;stroke:#006900;stroke-width:2}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile.noTroops svg .icon{fill:#908172}
.mobileOptimized div.village1 div#map_details .showTroopsToggleMobile.noTroops svg .outline{fill:#51443d;stroke:#51443d}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile:checked+label{background-image:linear-gradient(to bottom,#dbc1a8,#b49581)}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile:checked+label svg{filter:brightness(1.1)}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile:not(:checked) ~ .units{display:none}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops{min-width:85px;z-index:2;position:relative;overflow:auto;display:inline-block;padding:8px;box-sizing:border-box}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops thead{display:none}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops tbody{display:inline-block}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops tbody tr td{width:auto;font-size:21px;line-height:20px;padding-right:0;padding-left:0}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops tbody tr td.ico img{transform:scale(1.25)}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops tbody tr td.num{padding-right:5px}
.mobileOptimized div.village1 div#map_details input#showTroopsToggleMobile ~ .units table#troops tbody tr td:last-of-type:not(.noTroops){display:none}
}div.village1 div#map_details input#showTroopsToggleMobile{display:none}div.village1 div.movements{width:230px;line-height:19px;float:left}
div.village1 table#movements{margin-top:-1px}div.village1 table#movements td{padding:1px 0}
div.village1 table#movements td.typ{width:32px;vertical-align:top;font-weight:bold}
div.village1 table#movements td.typ img{margin:0 4px 0 1px}div.village1 table#movements div.mov{float:right;font-weight:bold;white-space:nowrap}
div.village1 table#movements div.dur_r{float:left;padding-left:2px;font-size:12px;color:#6b6b6b;white-space:nowrap}
div.village1 table#movements td.wrap{line-height:10px}div.village1 table#movements div.dur_l{float:right;padding-bottom:2px;font-size:12px;color:#6b6b6b}
div.village1 table#movements .a1{color:#d40000}.colorBlind div.village1 table#movements .a1{color:#0022af}
.village1 #center a.contentTitleButton#answersButton{position:absolute;left:-20px;z-index:500;top:-15px}
div.village1 table#movements .d1{color:#228b22}div.village1 table#movements .a2,div.village1 table#movements .d2{color:#f2c700}
div.village1 table#movements .a3,div.village1 table#movements .d3{color:#b500a3}
div.village1 table#movements .adventure,div.village1 table#movements .settle{color:#0022af}
.colorBlind div.village1 table#movements .adventure{color:#228b22}div.village1 table#movements .settle{color:#228b22}
div.village1 table#production td.res{width:70%}div.village1 table#production td.per{width:30%}
div.village1 div.production button.productionBoostButton{display: block; margin-left: auto; margin-right: auto; margin-top: 5px;}div.village1 table#troops td.un{width:100%}
div.village1 div.buildingList{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:1;grid-column-start:1;margin-top:400px;-ms-grid-row-align:start;align-self:start}
@media screen and (max-width:620px){.mobileOptimized div.village1 div.buildingList{position:absolute;right:50%;transform:translateX(50%);position:fixed;bottom:105px;top:auto;margin-bottom:15px}
}div.village1 div.buildingList h5{text-align:right}body.village1 #ingameManual{z-index:1}
body.rearrangeBuildings .rearrangeBuildings .container button.confirm{position:absolute;right:50%;transform:translateX(50%)}
.village2 #center button#levelSwitch,.village2 #center button#levelSwitch:hover,.village2 #center button#levelSwitch:active{background-image:linear-gradient(to bottom,#cba467 5%,#f3e2ae 13%,#efbf7b 32%,#aa8050 48%,#835e35 72%,#ad8a54 93%,#d7b672 100%)}
body.village2 #center #contentOuterContainer{background:0;padding:0;border:0;z-index:33;top:3px}
body.village2 #center #contentOuterContainer:before,body.village2 #center #contentOuterContainer:after{display:none}
body.village2 #center #contentOuterContainer div.contentContainer{background:0;padding:0;border:0}
body.village2 #center #contentOuterContainer div.contentTitle{background:0;box-shadow:none;position:absolute;left:0;z-index:500;border:0}
body.village2 #center #contentOuterContainer div.contentTitle .contentTitleButton{display:none}
body.village2 #center #contentOuterContainer div.contentTitle .contentTitleButton#answersButton{display:inline-block;left:-20px;top:-2px}
body.village2 #center #contentOuterContainer div.contentFooter{display:none}body.village2 #center #contentOuterContainer #content{padding:0;margin-right:-29px;margin-top:-16px;background-color:transparent}
@media screen and (max-width:620px){body.village2.mobileOptimized #center #contentOuterContainer{top:132px;z-index:38}
body.village2.mobileOptimized #center #contentOuterContainer #content{margin-top:-26px}
body.village2.mobileOptimized #center #contentOuterContainer div.contentTitle{display:none}
body.village2.mobileOptimized #center button#levelSwitch{display:none}}body.village2.rearrangeBuildings #center #contentOuterContainer div.contentTitle{display:none}
div.village2 table{line-height:19px;background:0}div.village2 table th,div.village2 table td{padding:0;background:0}
div.village2 table thead th{text-align:right}div.village2 table tbody td{padding:1px 2px;background:0}
div.village2 div.villageMapWrapper{width:554px;height:534px}div.village2 div#village_map{width:628px;height:534px;position:absolute;z-index:1}
div.village2 div#village_map img.clickareas{width:628px;height:534px;position:relative;z-index:98}
.village2 #center button#levelSwitch{width:32px;height:32px;box-sizing:border-box;padding:0;overflow:hidden;border-radius:50%;border:1px solid #34220d;box-shadow:0 0 4px 2px white;position:absolute;top:14px;right:15px;cursor:pointer;z-index:500;text-align:center}
.village2 #center button#levelSwitch:before{content:"";position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:2;transition:background-color 150ms;border-radius:50%;border:1px solid #673b10;background-color:#de8925;box-shadow:inset 0 1px 1px 0 #e8e1c0,inset 0 0 1px 1px #a61}
.village2 #center button#levelSwitch:active{box-shadow:0 0 4px 2px white;border:1px solid #34220d}
.village2 #center button#levelSwitch:active:before{background-color:#cd7e20;box-shadow:inset 0 1px 1px 0 #a3610e,inset 0 0 1px 1px #dec28f;border:1px solid #392818}
.village2 #center button#levelSwitch:hover:before{background-color:#eca045;box-shadow:inset 0 1px 1px 0 #eae5c6,inset 0 0 1px 1px #b4721f}
.village2 #center button#levelSwitch svg{z-index:3;position:relative;width:15px;height:15px;fill:#faead5;stroke:#894e0f;stroke-width:1px}
.village2 img.rocket{z-index:20;width:75px;height:140px}.village2 img.rocket_tur{right:161px;top:168px;background-image:url('../../img_rtl/special/NewyearRocket_turquoise_1a.gif')}
.village2 img.rocket_purp{right:265px;top:148px;background-image:url('../../img_rtl/special/NewyearRocket_purple_1a.gif')}
.village2 img.rocket_yell{right:200px;top:248px;background-image:url('../../img_rtl/special/NewyearRocket_yellow_1a.gif')}
.village2 img.rocket_oran{right:300px;top:0;background-image:url('../../img_rtl/special/NewyearRocket_orange_1a.gif')}
.village2 img.rocket_green{right:110px;top:230px;background-image:url('../../img_rtl/special/NewyearRocket_green_1a.gif')}
.village2 img.rocket_red{right:328px;top:210px;background-image:url('../../img_rtl/special/NewyearRocket_red_1a.gif')}
div.village2 div.buildingList{top:-4px;right:16px}@media screen and (max-width:620px){.mobileOptimized div.village2 div.buildingList{position:absolute;right:50%;transform:translateX(50%);position:fixed;bottom:105px;top:auto;margin-bottom:15px}
/* dorf2 buildingList internal spacing & alignment fix */
body.village2 #content .buildingList{top:auto!important;right:auto!important;margin-top:0!important;float:right!important}
body.village2 #content .buildingList .boxes-contents{padding:0!important}
body.village2 #content .buildingList ul{margin:4px 0 2px!important;padding:0!important}
body.village2 #content .buildingList ul li{margin-bottom:2px!important;padding:2px 0!important;line-height:16px!important;display:block!important;overflow:hidden!important}
body.village2 #content .buildingList a{padding:2px 4px!important;line-height:16px!important}
body.village2 #content .buildingList a img.del{vertical-align:middle!important;position:static!important;top:auto!important}
body.village2 #content .buildingList div.name{padding:0 4px!important;line-height:16px!important}
body.village2 #content .buildingList div.buildDuration,
body.village2 #content .buildingList div.buildStart{padding:0!important;line-height:16px!important}
}.village2 .onTop{z-index:50}body.rearrangeBuildings .rearrangeBuildings{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;z-index:50;transition:opacity 500ms ease-out;pointer-events:none}
body.rearrangeBuildings .rearrangeBuildings .villageMask{position:absolute;background-image:url('../../img_rtl/views/village/villageMask.png');background-size:4029px 1509px;background-position:calc(50% - 84px) top;z-index:50;width:100%;min-height:100%}
body.rearrangeBuildings .rearrangeBuildings .container{color:#f2f2f2;width:600px;height:650px;position:absolute;right:50%;transform:translateX(50%);position:absolute;z-index:51;padding-top:60px;pointer-events:none;margin-top:-20px;opacity:0;transition:margin-top 250ms 250ms ease-out,opacity 250ms 250ms ease-out}
body.rearrangeBuildings .rearrangeBuildings .container h1{font-size:35px;font-family:"Noto Serif";text-align:center;text-shadow:-1px 0 25px #000,-1px -1px 25px #000,0 -1px 25px #000}
body.rearrangeBuildings .rearrangeBuildings .container .instructions{text-align:center;position:relative;padding:10px 0;font-size:15px;text-shadow:-1px 0 2px #000,-1px -1px 2px #000,0 -1px 2px #000}
body.rearrangeBuildings .rearrangeBuildings .container .instructions .step{width:100%;transition-duration:250ms;transform:translateY(24px);opacity:0;position:absolute}
body.rearrangeBuildings .rearrangeBuildings .container .instructions .step.active{transform:translateY(0);opacity:1}
body.rearrangeBuildings .rearrangeBuildings .container .close{pointer-events:auto}
body.rearrangeBuildings .rearrangeBuildings .container .close svg{width:28px;height:28px;fill:#f2f2f2;position:absolute;top:60px;left:0;cursor:pointer;transition-duration:150ms}
body.rearrangeBuildings .rearrangeBuildings .container .close:hover svg{fill:#b7b7b7}
body.rearrangeBuildings .rearrangeBuildings .container .close:active svg{fill:#5f5f64}
body.rearrangeBuildings .rearrangeBuildings .container button.confirm{pointer-events:auto;bottom:-40px;opacity:0;transition:bottom 250ms 250ms ease-out,opacity 250ms 250ms ease-out}
body.rearrangeBuildings .rearrangeBuildings.show{opacity:1}body.rearrangeBuildings .rearrangeBuildings.show .container{margin-top:0;opacity:1}
body.rearrangeBuildings .rearrangeBuildings.show .container button.confirm{bottom:0;opacity:1}
body.rearrangeBuildings .rearrangeBuildings .proceedDialog{display:none}body.rearrangeBuildings .rearrangeBuildings .abortDialog{display:none}
body.rearrangeBuildings button#levelSwitch{display:none}body.rearrangeBuildings .rearrangeBuildingsConfirmDialog #dialogContent p{max-width:320px}
body.rearrangeBuildings .rearrangeBuildingsConfirmDialog .rearrangeBuildingsButtons button:last-of-type{margin-right:10px}
body.rearrangeBuildings:not(.ie) .rearrangeBuildingsButtons{display:-ms-grid;display:grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto;justify-content:space-between}
body.rearrangeBuildings.ie .rearrangeBuildingsButtons{display:block}body.rearrangeBuildings.ie .rearrangeBuildingsButtons:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body.rearrangeBuildings.ie .rearrangeBuildingsButtons button:last-of-type{float:left}
body.rearrangeBuildings .rearrangeBuildingsAbortDialog{max-width:300px}body.rearrangeBuildings .rearrangeBuildingsAbortDialog .decisionButtons{text-align:center}


body.rearrangeBuildings .rearrangeBuildingsAbortDialog .decisionButtons button:last-of-type{margin-right:10px}
body.rearrangeBuildings.rtl .rearrangeBuildings .villageMask{background-position:calc(50% + 84px) top}
div.village3 table tbody th{font-weight:bold}div.village3 table tbody td{white-space:nowrap;text-align:center}
div.village3 table tbody .vil{text-align:right;max-width:1px}div.village3 table tbody .vil .vil,div.village3 table#overview tbody .vil td.vil,div.village3 table#troops tbody .vil th.villageName,div.village3 table#troops tbody .vil td.villageName,div.village3 table.vil_troops tbody .vil th.villageName,div.village3 table.vil_troops tbody .vil td.villageName,div.village3 table.under_progress tbody .vil th.villageName,div.village3 table.under_progress tbody .vil td.villageName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.village3 table#overview td{white-space:normal}div.village3 table#overview td.vil{text-align:right;max-width:1px}
div.village3 table#overview td.vil tbody .vil,div.village3 table#overview tbody td.vil .vil,div.village3 table#overview td.vil td.vil,div.village3 table#overview td.vil table#troops th.villageName,div.village3 table#troops table#overview td.vil th.villageName,div.village3 table#overview td.vil table#troops td.villageName,div.village3 table#troops table#overview td.vil td.villageName,div.village3 table#overview td.vil table.vil_troops th.villageName,div.village3 table.vil_troops table#overview td.vil th.villageName,div.village3 table#overview td.vil table.vil_troops td.villageName,div.village3 table.vil_troops table#overview td.vil td.villageName,div.village3 table#overview td.vil table.under_progress th.villageName,div.village3 table.under_progress table#overview td.vil th.villageName,div.village3 table#overview td.vil table.under_progress td.villageName,div.village3 table.under_progress table#overview td.vil td.villageName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.village3 table#overview td.att{width:15%}div.village3 table#overview td.bui{width:10%}
div.village3 table#overview td.bui img.bau{width:10px;height:16px;background-image:url('../../img_rtl/a/bau.gif')}
div.village3 table#overview td.tro{width:15%}div.village3 table#overview td.tra{width:15%;white-space:nowrap}
div.village3 table#ressources tbody td{text-align:left}div.village3 table#ressources td.vil{text-align:right}
div.village3 table#ressources td.lum{width:15%}div.village3 table#ressources td.clay{width:15%}
div.village3 table#ressources td.iron{width:15%}div.village3 table#ressources td.crop{width:15%}
div.village3 table#ressources td.tra{width:10%}div.village3 table#ressources td.tra a{color:black;font-weight:normal}
div.village3 table#warehouse td.crit,div.village3 table#warehouse span.crit{color:#d40000}
.colorBlind div.village3 table#warehouse td.crit,.colorBlind div.village3 table#warehouse span.crit{color:#0022af}
div.village3 table#warehouse td.vil{padding-right:4px}div.village3 table#warehouse td.lum{width:10%}
div.village3 table#warehouse td.clay{width:10%}div.village3 table#warehouse td.iron{width:10%}
div.village3 table#warehouse td.max123{width:15%}div.village3 table#warehouse td.crop{width:10%}
div.village3 table#warehouse td.max4{width:15%}div.village3 table#culture_points td.cps{width:15%}
div.village3 table#culture_points td.cel{width:20%}div.village3 span.dot{color:silver;font-weight:bold}
div.village3 table#culture_points td.tro{width:20%;white-space:normal}div.village3 table#culture_points td.slo{width:10%}
div.village3 div.troops_wrapper{width:100%;overflow-y:auto;margin-bottom:15px}div.village3 table#troops tr.small th,div.village3 table#troops tr.small td{font-size:12px}
div.village3 table#troops th,div.village3 table#troops td,div.village3 table.vil_troops th,div.village3 table.vil_troops td,div.village3 table.under_progress th,div.village3 table.under_progress td{padding:6px 1px 3px}
div.village3 table#troops th.unit,div.village3 table#troops td.unit,div.village3 table.vil_troops th.unit,div.village3 table.vil_troops td.unit,div.village3 table.under_progress th.unit,div.village3 table.under_progress td.unit{width:7%}
div.village3 table#troops th.villageName,div.village3 table#troops td.villageName,div.village3 table.vil_troops th.villageName,div.village3 table.vil_troops td.villageName,div.village3 table.under_progress th.villageName,div.village3 table.under_progress td.villageName{text-align:right;max-width:1px}
div.village3 table#troops th.villageName tbody .vil,div.village3 table#troops tbody th.villageName .vil,div.village3 table#troops th.villageName table#overview td.vil,div.village3 table#overview table#troops th.villageName td.vil,div.village3 table#troops th.villageName th.villageName,div.village3 table#troops th.villageName td.villageName,div.village3 table#troops td.villageName tbody .vil,div.village3 table#troops tbody td.villageName .vil,div.village3 table#troops td.villageName table#overview td.vil,div.village3 table#overview table#troops td.villageName td.vil,div.village3 table#troops td.villageName th.villageName,div.village3 table#troops td.villageName td.villageName,div.village3 table.vil_troops th.villageName tbody .vil,div.village3 table.vil_troops tbody th.villageName .vil,div.village3 table.vil_troops th.villageName table#overview td.vil,div.village3 table#overview table.vil_troops th.villageName td.vil,div.village3 table.vil_troops th.villageName table#troops th.villageName,div.village3 table#troops table.vil_troops th.villageName th.villageName,div.village3 table.vil_troops th.villageName table#troops td.villageName,div.village3 table#troops table.vil_troops th.villageName td.villageName,div.village3 table.vil_troops th.villageName th.villageName,div.village3 table.vil_troops th.villageName td.villageName,div.village3 table.vil_troops td.villageName tbody .vil,div.village3 table.vil_troops tbody td.villageName .vil,div.village3 table.vil_troops td.villageName table#overview td.vil,div.village3 table#overview table.vil_troops td.villageName td.vil,div.village3 table.vil_troops td.villageName table#troops th.villageName,div.village3 table#troops table.vil_troops td.villageName th.villageName,div.village3 table.vil_troops td.villageName table#troops td.villageName,div.village3 table#troops table.vil_troops td.villageName td.villageName,div.village3 table.vil_troops td.villageName th.villageName,div.village3 table.vil_troops td.villageName td.villageName,div.village3 table.under_progress th.villageName tbody .vil,div.village3 table.under_progress tbody th.villageName .vil,div.village3 table.under_progress th.villageName table#overview td.vil,div.village3 table#overview table.under_progress th.villageName td.vil,div.village3 table.under_progress th.villageName table#troops th.villageName,div.village3 table#troops table.under_progress th.villageName th.villageName,div.village3 table.under_progress th.villageName table#troops td.villageName,div.village3 table#troops table.under_progress th.villageName td.villageName,div.village3 table.under_progress th.villageName th.villageName,div.village3 table.under_progress th.villageName td.villageName,div.village3 table.under_progress td.villageName tbody .vil,div.village3 table.under_progress tbody td.villageName .vil,div.village3 table.under_progress td.villageName table#overview td.vil,div.village3 table#overview table.under_progress td.villageName td.vil,div.village3 table.under_progress td.villageName table#troops th.villageName,div.village3 table#troops table.under_progress td.villageName th.villageName,div.village3 table.under_progress td.villageName table#troops td.villageName,div.village3 table#troops table.under_progress td.villageName td.villageName,div.village3 table.under_progress td.villageName th.villageName,div.village3 table.under_progress td.villageName td.villageName{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:rtl}
div.village3 table#troops th.inProgress,div.village3 table#troops td.inProgress,div.village3 table.vil_troops th.inProgress,div.village3 table.vil_troops td.inProgress,div.village3 table.under_progress th.inProgress,div.village3 table.under_progress td.inProgress{width:22%}
div.village3 table#troops th.villageName,div.village3 table.vil_troops th.villageName,div.village3 table.under_progress th.villageName{text-align:center}
div.warsim table#select{margin-bottom:10px}div.warsim table#select tbody td{padding:5px 7px;vertical-align:top;width:33%}
div.warsim table#select .choice{line-height:24px}div.warsim table#select input.radio{position:relative;top:1px}
div.warsim #attacker{float:right;margin-bottom:10px;width:49%}div.warsim #defender{float:left;margin-bottom:10px;width:49%}
div.warsim .fighterType{float:right;margin-bottom:10px}div.warsim .border{border:1px solid silver;margin-bottom:10px}
div.warsim table.fill_in{width:100%}div.warsim table.fill_in th{padding:2px;font-weight:bold;text-align:center;background-color:#d3d3d3}
div.warsim table.fill_in td{padding:2px 1px}div.warsim table.fill_in td.details{padding:0}
div.warsim table.fill_in td.details table{background-color:#fff}div.warsim table.fill_in td.details table td.ico{width:16px;padding-right:4px;padding-left:4px}
div.warsim table.fill_in td.details table td.value{width:43px}div.warsim table.fill_in td.details table td.value input.text{width:35px}
div.warsim table.fill_in td.details table td.research{width:23px;padding-left:4px}
div.warsim table.fill_in td.details table td.research input.text{width:15px}div.warsim table.results{margin-bottom:20px}
div.warsim table.results tbody td{padding-right:2px;padding-left:2px}div.warsim table.results tbody th{width:20%}
div.warsim table.results tbody td{width:8%;text-align:center}div.hero_adventure table tbody td{text-align:center}
div.hero_adventure table tbody .location{text-align:right}div.hero_adventure table tbody td.coords{padding-right:2px;padding-left:2px;width:5%}
div.hero_adventure table .moveTime,div.hero_adventure table .timeLeft{width:13%;white-space:nowrap}
div.hero_adventure table .difficulty{width:10%}div.hero_adventure table .goTo{width:25%}
div.hero_adventure table a.gotoAdventure,div.hero_inventory .market a{white-space:nowrap}
div.hero_auction .footer{margin:10px 0}div.hero_auction .footer .paginator{float:left}
div.hero_auction #markAll{margin-right:7px;float:right}div.hero_auction #markAll span{margin-right:8px}
div.hero_auction .error{margin-top:15px}div.hero_auction div#auction .currentBid{margin-bottom:17px}
div.hero_auction div#auction td.outbid,div.hero_auction div#auction td.late{color:#a00}
div.hero_auction div#auction td.name{padding:6px 8px 4px}div.hero_auction div#auction td.selected{background-color:#e4e4e4}
div.hero_auction div#auction td.name.selected:not(.detail){font-weight:bold}div.hero_auction div#auction div.submitBid{float:left;position:relative}
div.hero_auction div#auction td.finished,div.hero_auction div#auction td.notEnoughSilver{color:#707070;white-space:nowrap}
div.hero_auction div#auction td.win,div.hero_auction div#auction input.bid{color:#228b22}
div.hero_auction div#auction #itemsToSale .itemInInventory{width:81px;height:81px;border:1px solid #b9b9b9;margin:5px 2px 3px 5px;background-color:#fff;float:right;position:relative}
div.hero_auction .hero_inventory{background-color:#e7e7e7;border-radius:5px;padding:3px 5px 4px 7px}
div.hero_auction .hero_inventory #itemsToSale{margin:0}div.hero_auction div#auction #itemsToSale .itemInInventory:hover{background-color:#e4e4e4}
div.hero_auction div#auction #itemsToSale div.icon{position:absolute;padding:0 2px}
div.hero_auction div#auction #itemsToSale .amount,div.hero_inventory .amount{position:absolute;left:0;min-width:30px;height:18px;background-color:#b9b9b9;text-align:center;color:#f2f2f2}
div.hero_auction div#auction .bidHeadline{font-weight:bold;padding:3px 0}div.hero_auction div#auction td.detail{padding:10px}
div.hero_auction div#auction .auctionDetails{line-height:20px}div.hero_auction div#filter .wrapper{padding:5px;background-color:#e7e7e7;border-radius:5px}
div.hero_auction div#filter{width:100%}div.hero_auction div#auction div.filter{display:inline;float:right;padding:2px;margin:2px;background-color:#fff;width:16px;height:16px}
div.hero_auction div#auction div#filter{margin-top:14px;margin-bottom:14px}div.hero_auction div#auction div.silver{text-align:center;width:106px;float:right;padding:2px;margin:2px}
div.hero_auction div#auction table.sellings{margin-bottom:14px}div.hero_auction div#auction div.filter.filterActive{background-color:#efa}
div.hero_auction div#auction div.filter a{color:#000;font-weight:normal}div.hero_auction div#auction td.bids,div.hero_auction div#auction td.bid,div.hero_auction div#auction td.time,div.hero_auction div#auction td.silver,div.hero_auction div#auction td.icon,div.hero_auction div#auction td.delete{text-align:center}
div.hero_auction div#auction td.time,div.hero_auction div#auction th.time{width:13%;white-space:nowrap}
div.hero_auction div#auction td.silver,div.hero_auction div#auction th.silver{width:8.5%}
div.hero_auction div#auction td.bid,div.hero_auction div#auction th.bid{width:18%}
div.hero_auction div#auction td.bids,div.hero_auction div#auction th.bids{width:5%}
div.hero_auction div#auction td.icon,div.hero_auction div#auction th.icon{width:5%}
div.hero_auction div#auction td.delete,div.hero_auction div#auction th.delete{width:5%}
div.hero_auction div#auction div.silverAmount{width:20%}div.hero_auction div#auction input.maxBid{width:52px;text-align:left}
img.itemCategory{background-image:url('../../img_rtl/hero/item.gif');width:16px;height:16px}
img.itemCategory_helmet{background-position:0 0}img.itemCategory_body{background-position:0 -26px}
img.itemCategory_leftHand{background-position:0 -52px}img.itemCategory_rightHand{background-position:0 -78px}
img.itemCategory_shoes{background-position:0 -104px}img.itemCategory_horse{background-position:0 -130px}
img.itemCategory_bandage25{background-position:0 -156px}img.itemCategory_bandage33{background-position:0 -182px}
img.itemCategory_cage{background-position:0 -208px}img.itemCategory_scroll{background-position:0 -234px}
img.itemCategory_ointment{background-position:0 -260px}img.itemCategory_bucketOfWater{background-position:0 -286px}
img.itemCategory_bookOfWisdom{background-position:0 -312px}img.itemCategory_lawTables{background-position:0 -338px}
img.itemCategory_artWork{background-position:0 -364px}div.hero_auction table#silverAccounting img.openedClosedSwitch{width:18px;height:18px;float:right;padding:0;margin-left:5px}
div.hero_auction table#silverAccounting tbody.blockedSilver tr#showHideBlockedSilverDetails{cursor:pointer}
div.hero_auction table#silverAccounting tbody.blockedSilver tr#showHideBlockedSilverDetails td,div.hero_auction table#silverAccounting tbody.noBlockedSilver td,div.hero_auction table#silverAccounting tbody tr.oldBalance td{background-color:#efefef}
div.hero_auction table#silverAccounting tbody.noBlockedSilver td.cause,div.hero_auction table#silverAccounting tbody.noBookings td{color:#777}
div.hero_auction table#silverAccounting tbody.currentBids td.cause{padding-right:33px}
div.hero_auction table#silverAccounting tbody.currentBids td.cause img.itemCategory,div.hero_auction table#silverAccounting tbody.latestBookings td.cause img.itemCategory{position:relative;top:2px;margin-left:3px}
div.hero_auction table#silverAccounting .date,div.hero_auction table#silverAccounting .accounting,div.hero_auction table#silverAccounting .balance{width:15%}
div.hero_auction table#silverAccounting td.accounting,div.hero_auction table#silverAccounting td.balance{text-align:left}
div.hero_auction span.balanceSince{font-size:11px;color:#777;font-style:italic;padding:3px 3px 0 0}
#auction .auctionAdventureBar{background-color:#fff;height:8px;border:1px solid #c6c6c6;padding:1px;margin:1px}
#auction .auctionAdventureBar .bar{background-color:#006900;height:100%;float:right}
#auction .auctionAdventureBarText{position:relative;float:right;padding-bottom:5px}
#auction .auctionAdventureBarNumbers{position:relative;float:left}#auction .auctionDetails a.hidden{color:#333;font-weight:normal}
#heroEditor .attributes .container .info:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#heroEditor .image{position:relative;height:330px;width:254px;right:4px;top:6px;z-index:1}
#heroEditor .head{position:relative;height:340px;width:261px;float:right}#heroEditor .attributes{float:left;width:269px}
#heroEditor .attributes .container{background-color:#e7e7e7;padding:6px;border-radius:5px}
#heroEditor .attributes .container+.container{margin-top:10px}#heroEditor .attributes .container .info{border:1px solid silver;background-color:#fff}
#heroEditor .attributes .container .info+.info{border-top:0}#heroEditor .attributes .container .info .headline{background-position:10px 4px;height:24px;line-height:24px}
#heroEditor .attributes .container .info .title{padding-right:9px;display:block;color:#333;font-weight:normal;cursor:pointer}
#heroEditor .attributes .container.gender .info .headline{line-height:28px;float:right}
#heroEditor .attributes .container.gender .info .title{width:50%;float:right}#heroEditor .attributes .container.gender .info #genderButtons{float:left;margin:2px 10px;height:24px}
#heroEditor .attributes .container.gender .info #genderButtons img{position:absolute;background:url('../../img_rtl/hero/gender.png') transparent no-repeat;width:18px;height:18px;left:4px;top:3px}
#heroEditor .attributes .container.gender .info #genderButtons img.heroEditorActivateFemale{background-position:right -28px}
#heroEditor .attributes .container .infoOpen{background-color:#ececec}#heroEditor .attributes .options{margin-top:8px}
#heroEditor .attributes #random{float:right}#heroEditor .attributes #save{float:left}
#heroEditor .attributes .info .title:hover{color:#333}#heroEditor .attributes .container .info .headline .expander{position:absolute;right:230px}
#heroEditor .attributes .container .info .details{border-top:1px solid silver;background:#ececec;padding:2px 7px;width:241px;display:none}
#heroEditor .attributes .container .info .details .attribute{background-color:#fff;border:1px solid silver;float:right;width:50px;height:50px;padding:9px 11px;margin:3px;cursor:pointer}
#heroEditor .attributes .container .info .details .attribute:hover{background-color:silver}
#heroEditor .head div.tl,div.hero_inventory div.tl{position:absolute;background-image:url('../../img_rtl/round/roundCorner/tl.png');background-position:top left;height:33px;top:0;left:0;width:100%}
#heroEditor .head div.tr,div.hero_inventory div.tr{background-image:url('../../img_rtl/round/roundCorner/tr.png');background-position:top right;right:0;top:0;height:33px}
#heroEditor .head div.bl,div.hero_inventory div.bl{position:absolute;background-image:url('../../img_rtl/round/roundCorner/bl.png');background-position:top left;height:33px;bottom:0;left:0;width:100%}
#heroEditor .head div.br,div.hero_inventory div.br{background-image:url('../../img_rtl/round/roundCorner/br.png');background-position:top right;right:0;height:33px}
#heroEditor .head div.bl,#heroEditor .head div.br{z-index:2}#horseToggleBox{width:100%}
#horseToggleBox>div{float:right;border:solid 1px #e7e7e7;position:relative;border-radius:5px;transition-duration:500ms}
#horseToggleBox>div#horseToggleMounted{float:left}#horseToggleBox>div.active{border:solid 1px #a3c840;cursor:default}
#horseToggleBox>div .background{width:270px;height:313px;z-index:1;transition-duration:500ms}
#horseToggleBox>div.active .background{opacity:1}#horseToggleBox>div#horseToggleUnmounted .background{background-image:url('../../img_rtl/hero/horseToggle/hero-background-1-rtl.png')}
#horseToggleBox>div#horseToggleMounted .background{background-image:url('../../img_rtl/hero/horseToggle/hero-background-2-rtl.png')}
#horseToggleBox>div .details{width:92%;background-color:rgba(255,255,255,0.6);height:64px;position:absolute;bottom:8px;right:50%;margin-right:-46%;border-radius:4px;z-index:4;text-align:center}
#horseToggleBox>div .details span{display:inline-block;width:100%;text-align:center}
#horseToggleBox>div .details .speed{padding:5px;font-size:110%;color:#333;margin-top:5px}
#horseToggleBox>div .details .state{padding:5px;width:auto;background:rgba(158,215,87,0.5);position:relative;font-size:110%;font-weight:bold}
#horseToggleBox>div .details .button button{width:82%;text-align:center}#horseToggleBox>div .details .button button .button-content{font-size:14px}
#horseToggleBox>div .details .state:before{background:-webkit-linear-gradient(left,transparent,rgba(158,215,87,0.5));background:-o-linear-gradient(left,transparent,rgba(158,215,87,0.5));background:-moz-linear-gradient(left,transparent,rgba(158,215,87,0.5));background:linear-gradient(to left,transparent,rgba(158,215,87,0.5));content:"";width:80px;height:26px;position:absolute;right:-80px;top:0}
#horseToggleBox>div .details .state:after{background:-webkit-linear-gradient(left,rgba(158,215,87,0.5),transparent);background:-o-linear-gradient(left,rgba(158,215,87,0.5),transparent);background:-moz-linear-gradient(left,rgba(158,215,87,0.5),transparent);background:linear-gradient(to left,rgba(158,215,87,0.5),transparent);content:"";width:80px;height:26px;position:absolute;left:-80px;top:0}
#horseToggleBox>div.inactive .details .state,#horseToggleBox>div.active .details .button{display:none}
#horseToggleBox>div .hero{width:100%;position:absolute;z-index:2}#horseToggleBox>div#horseToggleMounted .hero{height:98%;position:absolute;text-align:center}
#horseToggleBox>div#horseToggleUnmounted .hero{height:98%;text-align:right}#horseToggleBox .hero img{max-width:220px;margin-top:20px}
#horseToggleBox>div#horseToggleUnavailable{height:90.5%;width:552px;border:solid 1px #a3c840;cursor:default}
#horseToggleBox>div .overlay{width:100%;height:100%;position:absolute;background-color:rgba(255,255,255,0.6);z-index:3;transition-duration:500ms}
#horseToggleBox>div.active .overlay{opacity:0}#horseToggleBox>div.inactive.hover .background{opacity:.4}
#horseToggleBox>div.inactive.hover .overlay{opacity:0}#horseToggleBox>div#horseToggleUnavailable>.overlay{opacity:1;border-radius:5px}
#horseToggleBox>div#horseToggleUnavailable>.background{width:100%;margin-top:1px;background:url('../../img_rtl/hero/horseToggle/heroNotInHomeVillageBackground-rtl.png') no-repeat bottom center}
#horseToggleBox>div#horseToggleUnavailable>.background.state3,#horseToggleBox>div#horseToggleUnavailable>.background.state4,#horseToggleBox>div#horseToggleUnavailable>.background.state5,#horseToggleBox>div#horseToggleUnavailable>.background.state9,#horseToggleBox>div#horseToggleUnavailable>.background.state40,#horseToggleBox>div#horseToggleUnavailable>.background.state50{background-image:url('../../img_rtl/hero/horseToggle/heroNotInHomeVillageOnthewayBackground-rtl.png')}
#horseToggleBox>div#horseToggleUnavailable>.background.state103{background-image:url('../../img_rtl/hero/horseToggle/heroNotInHomeVillageDefendingBackground-rtl.png')}
#horseToggleBox>div#horseToggleUnavailable>.background.state102{background-image:url('../../img_rtl/hero/horseToggle/heroNotInHomeVillageCapturedBackground-rtl.png')}
#horseToggleBox>div#horseToggleUnavailable>.hero{width:270px;height:313px;z-index:1;right:0}
#horseToggleBox>div#horseToggleUnavailable>.hero.mounted{left:0;right:auto}#horseToggleBox>div#horseToggleUnavailable>.hero.state3,#horseToggleBox>div#horseToggleUnavailable>.hero.state4,#horseToggleBox>div#horseToggleUnavailable>.hero.state5,#horseToggleBox>div#horseToggleUnavailable>.hero.state9,#horseToggleBox>div#horseToggleUnavailable>.hero.state40,#horseToggleBox>div#horseToggleUnavailable>.hero.state50,#horseToggleBox>div#horseToggleUnavailable>.hero.state103,#horseToggleBox>div#horseToggleUnavailable>.hero.state102{display:none}
#horseToggleBox>div#horseToggleUnavailable>.hero.dead{height:78.5%;background:url('../../img_rtl/hero/horseToggle/heroTombstone-rtl.png') no-repeat bottom center;margin-right:25px;width:527px}
#horseToggleBox>div#horseToggleUnavailable>.details .heroStatus,#horseToggleBox>div#horseToggleUnavailable>.details .message{height:16px;line-height:16px;padding:5px;font-size:15px;color:#333;margin-top:5px;width:auto;display:block}
#horseToggleBox>div#horseToggleUnavailable>.details .heroStatus{font-weight:bold}
#horseToggleBox>div#horseToggleUnavailable>.details .message{font-size:14px}div.itemNotMoveable,span.itemNotMoveable{color:#f88c1f}
span.heroAttributeInformation{color:#5dcbfb}div.hero_inventory .statusWrapper{margin-right:10px;margin-left:10px;max-width:100%;padding:0;width:auto}
div.hero_inventory #hero_level p{position:absolute;top:2px;right:10px}div.hero_inventory .bar-bg{background-color:#fff;height:8px;border:1px solid #c6c6c6;padding:1px;margin:1px}
div.hero_inventory .bar{background-color:#006900;height:100%;float:right}div.hero_inventory h4{width:100%;right:0;margin-bottom:10px}
div.hero_inventory h4 img{margin-left:8px}div.hero_inventory .market .buy,div.hero_inventory .market .sell{margin-right:15px}
div.hero_inventory #hero_body_container{position:relative;width:295px;height:422px}
div.hero_inventory #hero_body,div.hero_inventory #hero_body_content{position:absolute;top:0;width:295px;height:422px}
div.hero_inventory #hero_body{overflow:hidden}div.hero_inventory #hero_body .heroBodyImage{width:330px;height:422px;position:relative}
div.hero_inventory #hero_body .heroBodyImage-LTR{left:-35px}div.hero_inventory #hero_body .heroBodyImage-RTL{right:0}
div.hero_inventory #hero_body_content .content .draggable{background-image:url('../../img_rtl/hero/heroBodyItem.png')}
div.hero_inventory #hero_body_content .content #bag.draggable{background-image:url('../../img_rtl/hero/heroBodyItemBag.png');width:81px;height:81px}
div.hero_inventory #hero_body_content .content .item{width:60px;height:60px;cursor:pointer;z-index:50}
div.hero_inventory #hero_body_content #shoes .item.onHero,div.hero_inventory #hero_body_content #horse .item.onHero,div.hero_inventory #hero_body_content #rightHand .item.onHero,div.hero_inventory #hero_body_content #leftHand .item.onHero,div.hero_inventory #hero_body_content #helmet .item.onHero,div.hero_inventory #hero_body_content #body .item.onHero{background-image:none}
div.hero_inventory #hero_body_content #shoes .item.onHero .amount,div.hero_inventory #hero_body_content #horse .item.onHero .amount,div.hero_inventory #hero_body_content #rightHand .item.onHero .amount,div.hero_inventory #hero_body_content #leftHand .item.onHero .amount,div.hero_inventory #hero_body_content #helmet .item.onHero .amount,div.hero_inventory #hero_body_content #body .item.onHero .amount{display:none}
div.hero_inventory #hero_body_content .content #bag .item{width:81px;height:81px;display:none}
div.hero_inventory #hero_body_content .content #bag .item.onHero,div.hero_inventory #hero_body_content .content #bag .item.whileDragging{display:block}
div.hero_inventory #hero_body_content .content #bag .amount{display:block}div.hero_inventory .heroHidden{float:right;margin-top:15px;margin-right:23px}
div.hero_inventory .heroHidden input.check{position:relative;top:1px}div.hero_inventory .market{background-color:#fff;margin:5px 2px 2px 4px;padding:7px 5px;width:246px;float:right}
div.hero_inventory div.attribute.regenerate .element.resourceDemandCaption{margin-top:0}
div.hero_inventory .regenerateCosts .showCosts{padding:0;margin:0;width:100%}div.hero_inventory .regenerateCosts .showCosts .resourceWrapper{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto auto 1fr;grid-template-columns:auto auto auto auto auto 1fr;margin-bottom:10px}
div.hero_inventory .regenerateCosts .showCosts .resourceWrapper .clocks{-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:end;justify-self:end;display:inline-block;-ms-grid-column:6;grid-column-start:6;min-width:70px}
div.hero_inventory #bodyOptions{float:right;width:295px;margin-right:-6px}div.hero_inventory #hero_body_content .content .draggable:hover,div.hero_inventory #hero_body_content .content .draggable.heroMarked{background-position:right bottom}
div.hero_inventory #hero_body_content .content .draggable.disabled:hover,div.hero_inventory #hero_body_content .content .draggable.disabled.heroMarked{background-position:right top}
div.hero_inventory #hero_body_content .content .draggable.disabled .item,div.hero_inventory #hero_body_content .content .item.disabled{cursor:not-allowed}
div.hero_inventory #hero_body_content #helmet{position:absolute;left:128px;top:39px}
div.hero_inventory #hero_body_content .gender_female #helmet{position:absolute;left:128px;top:50px}
div.hero_inventory #hero_body_content #leftHand{position:absolute;left:177px;top:189px}
div.hero_inventory #hero_body_content #rightHand{position:absolute;left:79px;top:189px}
div.hero_inventory #hero_body_content #body{position:absolute;left:128px;top:116px}
div.hero_inventory #hero_body_content #horse{position:absolute;left:25px;top:300px}
div.hero_inventory #hero_body_content #shoes{position:absolute;left:128px;top:350px}
div.hero_inventory #hero_body_content #bag{position:absolute;left:210px;top:310px}
div.hero_inventory #inventory{width:269px;float:left;margin-left:-6px;background-color:#e7e7e7;border-radius:5px;box-sizing:border-box;padding:3px 3px 4px 4px}
div.hero_inventory #inventory #itemsToSale{margin:0}div.hero_inventory .pointsHeadline{float:left;font-weight:bold;width:70px;text-align:center;margin-bottom:8px}
div.hero_inventory .changeResourcesHeadline{margin-bottom:6px;margin-top:2ex;font-weight:bold}
div.hero_inventory .experience{margin-bottom:2px}div.hero_inventory #hero_body_content .content div.draggable{width:60px;height:60px}
div.hero_inventory #attributes{margin-bottom:10px;width:100%}div.hero_inventory #attributes .roundedCornersBox:first-of-type{padding-top:10px;margin-bottom:10px}
div.hero_inventory #attributes .roundedCornersBox h4{margin-bottom:0;height:24px;box-sizing:border-box}
div.hero_inventory #attributes .roundedCornersBox:last-of-type{margin-bottom:10px}
div.hero_inventory #attributes .header{margin-bottom:1px;font-weight:bold}div.hero_inventory #attributes .resourcePick{display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto auto auto auto;grid-template-columns:auto auto auto auto auto auto}
.ie div.hero_inventory #attributes .resourcePick{display:flex}div.hero_inventory #attributes .resourcePick .resource{grid-column-start:auto}
div.hero_inventory #attributes .resourcePick .resource:nth-child(1){-ms-grid-column:1}
div.hero_inventory #attributes .resourcePick .resource:nth-child(2){-ms-grid-column:2}
div.hero_inventory #attributes .resourcePick .resource:nth-child(3){-ms-grid-column:3}
div.hero_inventory #attributes .resourcePick .resource:nth-child(4){-ms-grid-column:4}
div.hero_inventory #attributes .resourcePick .resource:nth-child(5){-ms-grid-column:5}
div.hero_inventory #attributes .resourcePick .resource:nth-child(6){-ms-grid-column:6}
div.hero_inventory #attributes .resourcePick .resource label{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;-ms-grid-row-align:center;align-self:center}
div.hero_inventory #attributes .resourcePick .resource label input,div.hero_inventory #attributes .resourcePick .resource label span,div.hero_inventory #attributes .resourcePick .resource label i{-ms-grid-row-align:center;align-self:center}
div.hero_inventory #attributes .resourcePick .resource label input,div.hero_inventory #attributes .resourcePick .resource label i{margin-left:5px}
div.hero_inventory #attributes .resourcePick .resource label input{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1}
div.hero_inventory #attributes .resourcePick .resource label i{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1}
div.hero_inventory #attributes .resourcePick .resource label span{-ms-grid-column:3;grid-column-start:3;-ms-grid-row:1;grid-row-start:1;display:inline-block}
.ie div.hero_inventory #attributes .resourcePick .resource{width:16.66%}div.hero_inventory #attributes #setResource,div.hero_inventory #attributes .attackBehaviour{margin-right:15px}
div.hero_inventory #attributes .resource.last{margin-left:0;width:auto}.gecko div.hero_inventory #attributes .resource .baseCrop{margin-top:2px}
div.hero_inventory .heroPropertiesContent .roundedCornersBox{max-width:100%;width:auto;margin-right:10px;margin-left:10px;padding:0}
div.hero_inventory #itemsToSale .inventory{width:81px;height:81px;text-align:center;margin:2px;background-color:#fff;float:right;border:1px solid #b9b9b9}
div.hero_inventory #itemsToSale .inventory .item{width:81px;height:81px;text-align:center;padding:0;cursor:pointer}
div.hero_inventory #itemsToSale .inventory .item.highlight{z-index:2;background-color:#fce6c4;width:81px;height:81px}
div.hero_inventory #itemsToSale .inventory .item:hover{background-color:#eee}div.hero_inventory #itemsToSale .inventory .item.disabled:hover,div.hero_auction .hero_inventory .disabled:hover{cursor:not-allowed;background-color:transparent}
div.hero_inventory #itemsToSale .inventory .item.whileDragging,div.hero_inventory #hero_body_content .content .item.whileDragging{background-color:#fce6c4;z-index:51;width:81px;height:81px;border:1px solid #b9b9b9}
div.hero_inventory div.tl,div.hero_inventory div.tr,div.hero_inventory div.bl,div.hero_inventory div.br{display:none}
.item{width:60px;height:60px;background-color:transparent}.male_item_1{background-image:url('../../img_rtl/hero/male/items/item1.png')}
.female_item_1{background-image:url('../../img_rtl/hero/female/items/item1.png')}.male_item_2{background-image:url('../../img_rtl/hero/male/items/item2.png')}
.female_item_2{background-image:url('../../img_rtl/hero/female/items/item2.png')}.male_item_3{background-image:url('../../img_rtl/hero/male/items/item3.png')}
.female_item_3{background-image:url('../../img_rtl/hero/female/items/item3.png')}.male_item_4{background-image:url('../../img_rtl/hero/male/items/item4.png')}
.female_item_4{background-image:url('../../img_rtl/hero/female/items/item4.png')}.male_item_5{background-image:url('../../img_rtl/hero/male/items/item5.png')}
.female_item_5{background-image:url('../../img_rtl/hero/female/items/item5.png')}.male_item_6{background-image:url('../../img_rtl/hero/male/items/item6.png')}
.female_item_6{background-image:url('../../img_rtl/hero/female/items/item6.png')}.male_item_7{background-image:url('../../img_rtl/hero/male/items/item7.png')}
.female_item_7{background-image:url('../../img_rtl/hero/female/items/item7.png')}.male_item_8{background-image:url('../../img_rtl/hero/male/items/item8.png')}
.female_item_8{background-image:url('../../img_rtl/hero/female/items/item8.png')}.male_item_9{background-image:url('../../img_rtl/hero/male/items/item9.png')}
.female_item_9{background-image:url('../../img_rtl/hero/female/items/item9.png')}.male_item_10{background-image:url('../../img_rtl/hero/male/items/item10.png')}
.female_item_10{background-image:url('../../img_rtl/hero/female/items/item10.png')}.male_item_11{background-image:url('../../img_rtl/hero/male/items/item11.png')}
.female_item_11{background-image:url('../../img_rtl/hero/female/items/item11.png')}.male_item_12{background-image:url('../../img_rtl/hero/male/items/item12.png')}
.female_item_12{background-image:url('../../img_rtl/hero/female/items/item12.png')}.male_item_13{background-image:url('../../img_rtl/hero/male/items/item13.png')}
.female_item_13{background-image:url('../../img_rtl/hero/female/items/item13.png')}.male_item_14{background-image:url('../../img_rtl/hero/male/items/item14.png')}
.female_item_14{background-image:url('../../img_rtl/hero/female/items/item14.png')}.male_item_15{background-image:url('../../img_rtl/hero/male/items/item15.png')}
.female_item_15{background-image:url('../../img_rtl/hero/female/items/item15.png')}.male_item_16{background-image:url('../../img_rtl/hero/male/items/item16.png')}
.female_item_16{background-image:url('../../img_rtl/hero/female/items/item16.png')}.male_item_17{background-image:url('../../img_rtl/hero/male/items/item17.png')}
.female_item_17{background-image:url('../../img_rtl/hero/female/items/item17.png')}.male_item_18{background-image:url('../../img_rtl/hero/male/items/item18.png')}
.female_item_18{background-image:url('../../img_rtl/hero/female/items/item18.png')}.male_item_19{background-image:url('../../img_rtl/hero/male/items/item19.png')}
.female_item_19{background-image:url('../../img_rtl/hero/female/items/item19.png')}.male_item_20{background-image:url('../../img_rtl/hero/male/items/item20.png')}
.female_item_20{background-image:url('../../img_rtl/hero/female/items/item20.png')}.male_item_21{background-image:url('../../img_rtl/hero/male/items/item21.png')}
.female_item_21{background-image:url('../../img_rtl/hero/female/items/item21.png')}.male_item_22{background-image:url('../../img_rtl/hero/male/items/item22.png')}
.female_item_22{background-image:url('../../img_rtl/hero/female/items/item22.png')}.male_item_23{background-image:url('../../img_rtl/hero/male/items/item23.png')}
.female_item_23{background-image:url('../../img_rtl/hero/female/items/item23.png')}.male_item_24{background-image:url('../../img_rtl/hero/male/items/item24.png')}
.female_item_24{background-image:url('../../img_rtl/hero/female/items/item24.png')}.male_item_25{background-image:url('../../img_rtl/hero/male/items/item25.png')}
.female_item_25{background-image:url('../../img_rtl/hero/female/items/item25.png')}.male_item_26{background-image:url('../../img_rtl/hero/male/items/item26.png')}
.female_item_26{background-image:url('../../img_rtl/hero/female/items/item26.png')}.male_item_27{background-image:url('../../img_rtl/hero/male/items/item27.png')}
.female_item_27{background-image:url('../../img_rtl/hero/female/items/item27.png')}.male_item_28{background-image:url('../../img_rtl/hero/male/items/item28.png')}
.female_item_28{background-image:url('../../img_rtl/hero/female/items/item28.png')}.male_item_29{background-image:url('../../img_rtl/hero/male/items/item29.png')}
.female_item_29{background-image:url('../../img_rtl/hero/female/items/item29.png')}.male_item_30{background-image:url('../../img_rtl/hero/male/items/item30.png')}
.female_item_30{background-image:url('../../img_rtl/hero/female/items/item30.png')}.male_item_31{background-image:url('../../img_rtl/hero/male/items/item31.png')}
.female_item_31{background-image:url('../../img_rtl/hero/female/items/item31.png')}.male_item_32{background-image:url('../../img_rtl/hero/male/items/item32.png')}
.female_item_32{background-image:url('../../img_rtl/hero/female/items/item32.png')}.male_item_33{background-image:url('../../img_rtl/hero/male/items/item33.png')}
.female_item_33{background-image:url('../../img_rtl/hero/female/items/item33.png')}.male_item_34{background-image:url('../../img_rtl/hero/male/items/item34.png')}
.female_item_34{background-image:url('../../img_rtl/hero/female/items/item34.png')}.male_item_35{background-image:url('../../img_rtl/hero/male/items/item35.png')}
.female_item_35{background-image:url('../../img_rtl/hero/female/items/item35.png')}.male_item_36{background-image:url('../../img_rtl/hero/male/items/item36.png')}
.female_item_36{background-image:url('../../img_rtl/hero/female/items/item36.png')}.male_item_37{background-image:url('../../img_rtl/hero/male/items/item37.png')}
.female_item_37{background-image:url('../../img_rtl/hero/female/items/item37.png')}.male_item_38{background-image:url('../../img_rtl/hero/male/items/item38.png')}
.female_item_38{background-image:url('../../img_rtl/hero/female/items/item38.png')}.male_item_39{background-image:url('../../img_rtl/hero/male/items/item39.png')}
.female_item_39{background-image:url('../../img_rtl/hero/female/items/item39.png')}.male_item_40{background-image:url('../../img_rtl/hero/male/items/item40.png')}
.female_item_40{background-image:url('../../img_rtl/hero/female/items/item40.png')}.male_item_41{background-image:url('../../img_rtl/hero/male/items/item41.png')}
.female_item_41{background-image:url('../../img_rtl/hero/female/items/item41.png')}.male_item_42{background-image:url('../../img_rtl/hero/male/items/item42.png')}
.female_item_42{background-image:url('../../img_rtl/hero/female/items/item42.png')}.male_item_43{background-image:url('../../img_rtl/hero/male/items/item43.png')}
.female_item_43{background-image:url('../../img_rtl/hero/female/items/item43.png')}.male_item_44{background-image:url('../../img_rtl/hero/male/items/item44.png')}
.female_item_44{background-image:url('../../img_rtl/hero/female/items/item44.png')}.male_item_45{background-image:url('../../img_rtl/hero/male/items/item45.png')}
.female_item_45{background-image:url('../../img_rtl/hero/female/items/item45.png')}.male_item_46{background-image:url('../../img_rtl/hero/male/items/item46.png')}
.female_item_46{background-image:url('../../img_rtl/hero/female/items/item46.png')}.male_item_47{background-image:url('../../img_rtl/hero/male/items/item47.png')}
.female_item_47{background-image:url('../../img_rtl/hero/female/items/item47.png')}.male_item_48{background-image:url('../../img_rtl/hero/male/items/item48.png')}
.female_item_48{background-image:url('../../img_rtl/hero/female/items/item48.png')}.male_item_49{background-image:url('../../img_rtl/hero/male/items/item49.png')}
.female_item_49{background-image:url('../../img_rtl/hero/female/items/item49.png')}.male_item_50{background-image:url('../../img_rtl/hero/male/items/item50.png')}
.female_item_50{background-image:url('../../img_rtl/hero/female/items/item50.png')}.male_item_51{background-image:url('../../img_rtl/hero/male/items/item51.png')}
.female_item_51{background-image:url('../../img_rtl/hero/female/items/item51.png')}.male_item_52{background-image:url('../../img_rtl/hero/male/items/item52.png')}
.female_item_52{background-image:url('../../img_rtl/hero/female/items/item52.png')}.male_item_53{background-image:url('../../img_rtl/hero/male/items/item53.png')}
.female_item_53{background-image:url('../../img_rtl/hero/female/items/item53.png')}.male_item_54{background-image:url('../../img_rtl/hero/male/items/item54.png')}
.female_item_54{background-image:url('../../img_rtl/hero/female/items/item54.png')}.male_item_55{background-image:url('../../img_rtl/hero/male/items/item55.png')}
.female_item_55{background-image:url('../../img_rtl/hero/female/items/item55.png')}.male_item_56{background-image:url('../../img_rtl/hero/male/items/item56.png')}
.female_item_56{background-image:url('../../img_rtl/hero/female/items/item56.png')}.male_item_57{background-image:url('../../img_rtl/hero/male/items/item57.png')}
.female_item_57{background-image:url('../../img_rtl/hero/female/items/item57.png')}.male_item_58{background-image:url('../../img_rtl/hero/male/items/item58.png')}
.female_item_58{background-image:url('../../img_rtl/hero/female/items/item58.png')}.male_item_59{background-image:url('../../img_rtl/hero/male/items/item59.png')}
.female_item_59{background-image:url('../../img_rtl/hero/female/items/item59.png')}.male_item_60{background-image:url('../../img_rtl/hero/male/items/item60.png')}
.female_item_60{background-image:url('../../img_rtl/hero/female/items/item60.png')}.male_item_61{background-image:url('../../img_rtl/hero/male/items/item61.png')}
.female_item_61{background-image:url('../../img_rtl/hero/female/items/item61.png')}.male_item_62{background-image:url('../../img_rtl/hero/male/items/item62.png')}
.female_item_62{background-image:url('../../img_rtl/hero/female/items/item62.png')}.male_item_63{background-image:url('../../img_rtl/hero/male/items/item63.png')}
.female_item_63{background-image:url('../../img_rtl/hero/female/items/item63.png')}.male_item_64{background-image:url('../../img_rtl/hero/male/items/item64.png')}
.female_item_64{background-image:url('../../img_rtl/hero/female/items/item64.png')}.male_item_65{background-image:url('../../img_rtl/hero/male/items/item65.png')}
.female_item_65{background-image:url('../../img_rtl/hero/female/items/item65.png')}.male_item_66{background-image:url('../../img_rtl/hero/male/items/item66.png')}
.female_item_66{background-image:url('../../img_rtl/hero/female/items/item66.png')}.male_item_67{background-image:url('../../img_rtl/hero/male/items/item67.png')}
.female_item_67{background-image:url('../../img_rtl/hero/female/items/item67.png')}.male_item_68{background-image:url('../../img_rtl/hero/male/items/item68.png')}
.female_item_68{background-image:url('../../img_rtl/hero/female/items/item68.png')}.male_item_69{background-image:url('../../img_rtl/hero/male/items/item69.png')}
.female_item_69{background-image:url('../../img_rtl/hero/female/items/item69.png')}.male_item_73{background-image:url('../../img_rtl/hero/male/items/item73.png')}
.female_item_73{background-image:url('../../img_rtl/hero/female/items/item73.png')}.male_item_74{background-image:url('../../img_rtl/hero/male/items/item74.png')}
.female_item_74{background-image:url('../../img_rtl/hero/female/items/item74.png')}.male_item_75{background-image:url('../../img_rtl/hero/male/items/item75.png')}
.female_item_75{background-image:url('../../img_rtl/hero/female/items/item75.png')}.male_item_76{background-image:url('../../img_rtl/hero/male/items/item76.png')}
.female_item_76{background-image:url('../../img_rtl/hero/female/items/item76.png')}.male_item_77{background-image:url('../../img_rtl/hero/male/items/item77.png')}
.female_item_77{background-image:url('../../img_rtl/hero/female/items/item77.png')}.male_item_78{background-image:url('../../img_rtl/hero/male/items/item78.png')}
.female_item_78{background-image:url('../../img_rtl/hero/female/items/item78.png')}.male_item_79{background-image:url('../../img_rtl/hero/male/items/item79.png')}
.female_item_79{background-image:url('../../img_rtl/hero/female/items/item79.png')}.male_item_80{background-image:url('../../img_rtl/hero/male/items/item80.png')}
.female_item_80{background-image:url('../../img_rtl/hero/female/items/item80.png')}.male_item_81{background-image:url('../../img_rtl/hero/male/items/item81.png')}
.female_item_81{background-image:url('../../img_rtl/hero/female/items/item81.png')}.male_item_82{background-image:url('../../img_rtl/hero/male/items/item82.png')}
.female_item_82{background-image:url('../../img_rtl/hero/female/items/item82.png')}.male_item_83{background-image:url('../../img_rtl/hero/male/items/item83.png')}
.female_item_83{background-image:url('../../img_rtl/hero/female/items/item83.png')}.male_item_84{background-image:url('../../img_rtl/hero/male/items/item84.png')}
.female_item_84{background-image:url('../../img_rtl/hero/female/items/item84.png')}.male_item_85{background-image:url('../../img_rtl/hero/male/items/item85.png')}
.female_item_85{background-image:url('../../img_rtl/hero/female/items/item85.png')}.male_item_86{background-image:url('../../img_rtl/hero/male/items/item86.png')}
.female_item_86{background-image:url('../../img_rtl/hero/female/items/item86.png')}.male_item_87{background-image:url('../../img_rtl/hero/male/items/item87.png')}
.female_item_87{background-image:url('../../img_rtl/hero/female/items/item87.png')}.male_item_88{background-image:url('../../img_rtl/hero/male/items/item88.png')}
.female_item_88{background-image:url('../../img_rtl/hero/female/items/item88.png')}.male_item_89{background-image:url('../../img_rtl/hero/male/items/item89.png')}
.female_item_89{background-image:url('../../img_rtl/hero/female/items/item89.png')}.male_item_90{background-image:url('../../img_rtl/hero/male/items/item90.png')}
.female_item_90{background-image:url('../../img_rtl/hero/female/items/item90.png')}.male_item_91{background-image:url('../../img_rtl/hero/male/items/item91.png')}
.female_item_91{background-image:url('../../img_rtl/hero/female/items/item91.png')}.male_item_92{background-image:url('../../img_rtl/hero/male/items/item92.png')}
.female_item_92{background-image:url('../../img_rtl/hero/female/items/item92.png')}.male_item_93{background-image:url('../../img_rtl/hero/male/items/item93.png')}
.female_item_93{background-image:url('../../img_rtl/hero/female/items/item93.png')}.male_item_94{background-image:url('../../img_rtl/hero/male/items/item94.png')}
.female_item_94{background-image:url('../../img_rtl/hero/female/items/item94.png')}.male_item_95{background-image:url('../../img_rtl/hero/male/items/item95.png')}
.female_item_95{background-image:url('../../img_rtl/hero/female/items/item95.png')}.male_item_96{background-image:url('../../img_rtl/hero/male/items/item96.png')}
.female_item_96{background-image:url('../../img_rtl/hero/female/items/item96.png')}.male_item_97{background-image:url('../../img_rtl/hero/male/items/item97.png')}
.female_item_97{background-image:url('../../img_rtl/hero/female/items/item97.png')}.male_item_98{background-image:url('../../img_rtl/hero/male/items/item98.png')}
.female_item_98{background-image:url('../../img_rtl/hero/female/items/item98.png')}.male_item_99{background-image:url('../../img_rtl/hero/male/items/item99.png')}
.female_item_99{background-image:url('../../img_rtl/hero/female/items/item99.png')}.male_item_100{background-image:url('../../img_rtl/hero/male/items/item100.png')}
.female_item_100{background-image:url('../../img_rtl/hero/female/items/item100.png')}.male_item_101{background-image:url('../../img_rtl/hero/male/items/item101.png')}
.female_item_101{background-image:url('../../img_rtl/hero/female/items/item101.png')}.male_item_102{background-image:url('../../img_rtl/hero/male/items/item102.png')}
.female_item_102{background-image:url('../../img_rtl/hero/female/items/item102.png')}.male_item_103{background-image:url('../../img_rtl/hero/male/items/item103.png')}
.female_item_103{background-image:url('../../img_rtl/hero/male/items/item103.png')}.male_item_104{background-image:url('../../img_rtl/hero/male/items/item104.png')}
.female_item_104{background-image:url('../../img_rtl/hero/male/items/item104.png')}.male_item_105{background-image:url('../../img_rtl/hero/male/items/item105.png')}
.female_item_105{background-image:url('../../img_rtl/hero/male/items/item105.png')}.male_item_106{background-image:url('../../img_rtl/hero/male/items/item106.png')}
.female_item_106{background-image:url('../../img_rtl/hero/male/items/item106.png')}.male_item_107{background-image:url('../../img_rtl/hero/male/items/item107.png')}
.female_item_107{background-image:url('../../img_rtl/hero/male/items/item107.png')}.male_item_108{background-image:url('../../img_rtl/hero/male/items/item108.png')}
.female_item_108{background-image:url('../../img_rtl/hero/male/items/item108.png')}.male_item_109{background-image:url('../../img_rtl/hero/male/items/item109.png')}
.female_item_109{background-image:url('../../img_rtl/hero/male/items/item109.png')}.male_item_110{background-image:url('../../img_rtl/hero/male/items/item110.png')}
.female_item_110{background-image:url('../../img_rtl/hero/male/items/item110.png')}.male_item_111{background-image:url('../../img_rtl/hero/male/items/item111.png')}
.female_item_111{background-image:url('../../img_rtl/hero/male/items/item111.png')}.male_item_112{background-image:url('../../img_rtl/hero/male/items/item112.png')}
.female_item_112{background-image:url('../../img_rtl/hero/male/items/item112.png')}.male_item_113{background-image:url('../../img_rtl/hero/male/items/item113.png')}
.female_item_113{background-image:url('../../img_rtl/hero/male/items/item113.png')}.male_item_114{background-image:url('../../img_rtl/hero/male/items/item114.png')}
.female_item_114{background-image:url('../../img_rtl/hero/male/items/item114.png')}.male_item_115{background-image:url('../../img_rtl/hero/male/items/item115.png')}
.female_item_115{background-image:url('../../img_rtl/hero/female/items/item115.png')}.male_item_116{background-image:url('../../img_rtl/hero/male/items/item116.png')}
.female_item_116{background-image:url('../../img_rtl/hero/female/items/item116.png')}.male_item_117{background-image:url('../../img_rtl/hero/male/items/item117.png')}
.female_item_117{background-image:url('../../img_rtl/hero/female/items/item117.png')}.male_item_118{background-image:url('../../img_rtl/hero/male/items/item118.png')}
.female_item_118{background-image:url('../../img_rtl/hero/female/items/item118.png')}.male_item_119{background-image:url('../../img_rtl/hero/male/items/item119.png')}
.female_item_119{background-image:url('../../img_rtl/hero/female/items/item119.png')}.male_item_120{background-image:url('../../img_rtl/hero/male/items/item120.png')}
.female_item_120{background-image:url('../../img_rtl/hero/female/items/item120.png')}.male_item_121{background-image:url('../../img_rtl/hero/male/items/item121.png')}
.female_item_121{background-image:url('../../img_rtl/hero/female/items/item121.png')}.male_item_122{background-image:url('../../img_rtl/hero/male/items/item122.png')}
.female_item_122{background-image:url('../../img_rtl/hero/female/items/item122.png')}.male_item_123{background-image:url('../../img_rtl/hero/male/items/item123.png')}
.female_item_123{background-image:url('../../img_rtl/hero/female/items/item123.png')}.male_item_124{background-image:url('../../img_rtl/hero/male/items/item124.png')}
.female_item_124{background-image:url('../../img_rtl/hero/female/items/item124.png')}.male_item_125{background-image:url('../../img_rtl/hero/male/items/item125.png')}
.female_item_125{background-image:url('../../img_rtl/hero/female/items/item125.png')}.male_item_126{background-image:url('../../img_rtl/hero/male/items/item126.png')}
.female_item_126{background-image:url('../../img_rtl/hero/female/items/item126.png')}.male_item_127{background-image:url('../../img_rtl/hero/male/items/item127.png')}
.female_item_127{background-image:url('../../img_rtl/hero/female/items/item127.png')}.male_item_128{background-image:url('../../img_rtl/hero/male/items/item128.png')}
.female_item_128{background-image:url('../../img_rtl/hero/female/items/item128.png')}.male_item_129{background-image:url('../../img_rtl/hero/male/items/item129.png')}
.female_item_129{background-image:url('../../img_rtl/hero/female/items/item129.png')}.male_item_130{background-image:url('../../img_rtl/hero/male/items/item130.png')}
.female_item_130{background-image:url('../../img_rtl/hero/female/items/item130.png')}.male_item_131{background-image:url('../../img_rtl/hero/male/items/item131.png')}
.female_item_131{background-image:url('../../img_rtl/hero/female/items/item131.png')}.male_item_132{background-image:url('../../img_rtl/hero/male/items/item132.png')}
.female_item_132{background-image:url('../../img_rtl/hero/female/items/item132.png')}.male_item_133{background-image:url('../../img_rtl/hero/male/items/item133.png')}
.female_item_133{background-image:url('../../img_rtl/hero/female/items/item133.png')}.male_item_134{background-image:url('../../img_rtl/hero/male/items/item134.png')}
.female_item_134{background-image:url('../../img_rtl/hero/female/items/item134.png')}.male_item_135{background-image:url('../../img_rtl/hero/male/items/item135.png')}
.female_item_135{background-image:url('../../img_rtl/hero/female/items/item135.png')}.male_item_136{background-image:url('../../img_rtl/hero/male/items/item136.png')}
.female_item_136{background-image:url('../../img_rtl/hero/female/items/item136.png')}.male_item_137{background-image:url('../../img_rtl/hero/male/items/item137.png')}
.female_item_137{background-image:url('../../img_rtl/hero/female/items/item137.png')}.male_item_138{background-image:url('../../img_rtl/hero/male/items/item138.png')}
.female_item_138{background-image:url('../../img_rtl/hero/female/items/item138.png')}.male_item_139{background-image:url('../../img_rtl/hero/male/items/item139.png')}
.female_item_139{background-image:url('../../img_rtl/hero/female/items/item139.png')}.male_item_140{background-image:url('../../img_rtl/hero/male/items/item140.png')}
.female_item_140{background-image:url('../../img_rtl/hero/female/items/item140.png')}.male_item_141{background-image:url('../../img_rtl/hero/male/items/item141.png')}
.female_item_141{background-image:url('../../img_rtl/hero/female/items/item141.png')}.male_item_142{background-image:url('../../img_rtl/hero/male/items/item142.png')}
.female_item_142{background-image:url('../../img_rtl/hero/female/items/item142.png')}.male_item_143{background-image:url('../../img_rtl/hero/male/items/item143.png')}
.female_item_143{background-image:url('../../img_rtl/hero/female/items/item143.png')}.male_item_144{background-image:url('../../img_rtl/hero/male/items/item144.png')}
.female_item_144{background-image:url('../../img_rtl/hero/female/items/item144.png')}.male_item_145{background-image:url('../../img_rtl/hero/male/items/item145.png')}
.female_item_145{background-image:url('../../img_rtl/hero/female/items/item145.png')}.male_item_146{background-image:url('../../img_rtl/hero/male/items/item146.png')}
.female_item_146{background-image:url('../../img_rtl/hero/female/items/item146.png')}.male_item_147{background-image:url('../../img_rtl/hero/male/items/item147.png')}
.female_item_147{background-image:url('../../img_rtl/hero/female/items/item147.png')}.male_item_148{background-image:url('../../img_rtl/hero/male/items/item148.png')}
.female_item_148{background-image:url('../../img_rtl/hero/female/items/item148.png')}table#heroInventoryDataDialog{margin-top:5px}
table#heroInventoryDataDialog td,table#heroInventoryDataDialog th{font-size:12px;padding:6px 0 3px}
table#heroInventoryDataDialog td{text-align:left}table#heroInventoryDataDialog tr.rowAfterUse th,table#heroInventoryDataDialog tr.rowAfterUse td{font-weight:bold;color:#f88c1f}
div.hero_inventory #attributes.hero-dead .lineWrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
div.hero_inventory #attributes.hero-dead .lineWrapper .duration{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
div.hero_inventory #attributes.hero-dead .lineWrapper .duration i,div.hero_inventory #attributes.hero-dead .lineWrapper .duration 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}
div.hero_inventory #attributes.hero-dead .lineWrapper .duration 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}
div.hero_inventory #attributes .main .health .bar-bg .bar{background-color:#99c01a}
div.hero_inventory #attributes.hero-regenerate .main .health .bar-bg .bar{background-color:#f88c1f}
div.hero_inventory #attributes.hero-dead .lineWrapper{margin-top:10px}div.hero_inventory #attributes.hero-dead .lineWrapper button{float:left}
div.hero_inventory #attributes.hero-dead .errorMessage{color:#777;margin-top:10px}
div.hero_inventory .attribute{margin:0 10px 10px}div.hero_inventory .attribute.heroStatus{margin-right:15px;margin-left:15px}
div.hero_inventory input.radio{margin-left:8px;vertical-align:middle;position:relative}
div.hero_inventory .attribute .element{margin:0 0 6px 8px}div.hero_inventory div.attribute .element{float:right}
div.hero_inventory div.attribute.regenerate .element.resourceDemandCaption{font-weight:bold;margin-top:10px;margin-left:0}
div.hero_inventory div.attribute.regenerate .element.attributesHeadline{margin-left:5px;margin-right:5px}
div.hero_inventory div.attribute.regenerate .element.resourceDemandCaption,div.hero_inventory div.attribute.regenerate .element.attributesHeadline,div.hero_inventory .attribute .regenerateCosts{float:none}
div.hero_inventory .attribute .attribName{width:105px;min-width:105px;max-width:105px;padding-right:12px}
div.hero_inventory .attribute .speed .attribName{width:auto}div.hero_inventory #attributes .main .attribute .value,div.hero_inventory #attributes .main .attribute .current{font-weight:bold}
div.hero_inventory .attribute .powervalue{width:50px;max-width:50px;min-width:50px}
div.hero_inventory .attribute .speed .powervalue{width:170px}div.hero_inventory .attribute .production{float:left}
div.hero_inventory .attribute .progress{width:191px;max-width:191px;min-width:191px}
div.hero_inventory .attributes{width:100%;padding-right:5px;padding-left:5px;padding-bottom:10px}
div.hero_inventory table.attributes tr:last-of-type td{padding-bottom:0;padding-top:16px;padding-right:12px;font-size:13px}
div.hero_inventory .attributes .pointsValue{font-weight:bold;text-align:center;font-size:13px}
div.hero_inventory .attributes .headline{text-align:right;font-weight:bold;width:115px}
div.hero_inventory .attributes .pointsText{font-size:13px;text-align:left}div.hero_inventory .attributes .pointsText.availablePoints{padding-left:0}
div.hero_inventory .attributes.noPointsToSet .pointsTextWithItems,div.hero_inventory .attributes.noPointsToSet .pointsValueWithItems,div.hero_inventory .attributes.noPointsToSet .pointsValueSetter,div.hero_inventory .attributes.noPointsToSet .pointsEmptyColumn{display:none}
div.hero_inventory .attributes .points{padding-right:0;padding-left:0}div.hero_inventory .attributes .points input{width:40px;text-align:center}
div.hero_inventory .attributes .pointsValueSetter.sub{padding-left:0}div.hero_inventory .attributes .pointsValueSetter.add{padding-right:0}
div.hero_inventory .attributes .pointsValueSetter{width:18px;min-width:18px;max-width:18px;height:18px}
div.hero_inventory .attributes .pointsValueSetter a{width:18px;height:18px;display:inline-block;background-position:0 0}
div.hero_inventory .attributes .pointsValueSetter a:hover{background-position:0 -28px}
div.hero_inventory .attributes .pointsValueSetter a.click{background-position:0 -56px}
div.hero_inventory .attributes .pointsValueSetter a.disabled{background-position:0 -84px;cursor:default}
div.hero_inventory .attributes .pointsValueSetter.sub a{background-image:url('../../img_rtl/a/btnMinus-small.png')}
div.hero_inventory .attributes .pointsValueSetter.add a{background-image:url('../../img_rtl/a/btnPlus-small.png')}
div.hero_inventory .attributes .points{width:66px;min-width:66px;max-width:66px;text-align:center}
div.hero_inventory .attributes .progress .bar.setted{background-color:#99c01a;transition-duration:250ms}
div.hero_inventory #attributes .main form{position:relative}div.hero_inventory #attributes .main form .showCosts{width:350px;line-height:20px}
div.hero_inventory #attributes .main form .showCosts .resources{margin-bottom:0}
div.hero_inventory #attributes .main form button{position:absolute;left:0}div.hero_inventory .openCloseSwitchBar{margin-right:5px;font-weight:bold;cursor:pointer;margin-bottom:10px}
div.hero_inventory .openCloseSwitchBar .openedClosedSwitch{width:18px;height:18px;padding:0;margin-left:8px;vertical-align:middle;float:right}
div.hero_inventory .openCloseSwitchBar .title{float:right;line-height:18px}div.hero_inventory .openCloseSwitchBar .availablePoints .points{font-weight:bold}
div.hero_inventory .openCloseSwitchBar .availablePoints{float:left;font-weight:normal;margin-left:15px;line-height:18px}
div.hero_inventory .saveHeroAttributes{text-align:left;padding-left:10px;margin-top:10px;margin-bottom:10px}
span.heroAttributesFormMessage{float:left;margin-left:10px}span.header.error.notEnoughCrop{width:340px;float:right}
.heroStatusMessage{margin-bottom:6px}.heroStatusMessage .coordinatesWrapper{vertical-align:baseline}
.heroStatusMessage img{width:20px;height:16px;background-image:url('../../img_rtl/hero/heroStatusInformations-rtl.png');background-repeat:no-repeat;background-position:0 52px;position:relative;top:2px}
.heroStatusMessage img.heroStatus102{background-position:0 0}.heroStatusMessage img.heroStatus101{background-position:0 -26px}
.heroStatusMessage img.heroStatus100{background-position:0 -52px}.rtl .heroStatusMessage img.heroStatus100{background-position:4px -52px}
.heroStatusMessage img.heroStatus3,.heroStatusMessage img.heroStatus4,.heroStatusMessage img.heroStatus5,.heroStatusMessage img.heroStatus9,.heroStatusMessage img.heroStatus40,.heroStatusMessage img.heroStatus50{background-position:0 -78px}
.heroStatusMessage img.heroStatus101Regenerate{background-position:0 -104px}.heroStatusMessage img.heroStatus103{background-position:0 -130px}
.heroStatusMessage span.titleExtra{font-weight:normal}@charset "UTF-8";.dialog.paymentShopV3 .paymentPopupDialogWrapper .feature{width:100%;min-height:56px;margin:0 auto 10px;border:1px solid #ad9251;background-color:#f8f1d0;position:relative;font-size:13px;display:-ms-grid;display:grid;-ms-grid-columns:65px 10px 1fr;grid-template-columns:65px 10px 1fr;box-sizing:border-box;padding:2px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureImage{width:65px;height:50px;float:right;margin:2px;border:1px solid #ad9251;-ms-grid-column:1;grid-column-start:1;box-sizing:border-box}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureContent{float:right;position:relative;-ms-grid-column:3;grid-column-start:3;box-sizing:border-box}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureInfo .featureText{line-height:14px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .furtherFeatures .featureInfo{border-color:transparent;background:0;margin-bottom:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .furtherFeatures .featureInfo .featureImage{border:1px solid #afada4}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking{width:100%;max-width:547px;display:block;padding:0}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .featureContent{width:calc(100% - 18px);height:54px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;margin:0 9px 2px 5px;box-sizing:border-box}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking h3{margin:9px 0;font-size:15px;-ms-grid-column:1;grid-column-start:1}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .featureRemainingTime{position:absolute;right:0;bottom:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .renewalActive{color:#228b22}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .bonusEndsSoon{color:#d40000}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .featureButton{position:absolute;top:5px;left:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .featureDuration,.dialog.paymentShopV3 .paymentPopupDialogWrapper .featureBooking .featureRenewal{position:absolute;bottom:5px;left:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper{width:100%;max-width:525px;min-height:400px;margin-top:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper h3{margin:4px 0;font-size:13px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .headlineText{float:right}.dialog.paymentShopV3 .paymentPopupDialogWrapper .goldWrapper{font-size:15px;float:left;font-weight:normal;margin-top:2px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .furtherInfos{font-style:italic}
.dialog.paymentShopV3 .paymentPopupDialogWrapper .goldButtonWrapper{text-align:center;margin-top:5px}
.dialog.paymentShopV3 .paymentPopupDialogWrapper h3.extraFeatures{font-style:italic;margin-bottom:3px}
.dialog.paymentShopV3 #smallestPackageDialog{width:200px;text-align:center}.dialog.paymentShopV3 #smallestPackageDialog button{display:block;margin:10px auto}
.dialog.paymentShopV3 #smallestPackageDialog #smallestPackageData .goldProduct{cursor:default;margin:10px 31px}
.dialog.paymentShopV3 #smallestPackageDialog #smallestPackageData .goldProduct:active,.dialog.paymentShopV3 #smallestPackageDialog #smallestPackageData .goldProduct:hover{background-position:right top}
.dialog.paymentShopV3 #smallestPackageDialog .buyGoldQuestion{font-weight:bold}.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature{display:-ms-grid;display:grid;-ms-grid-columns:65px 1fr;grid-template-columns:65px 1fr;box-sizing:border-box}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .featureImage{background-image:url('../../img_rtl/payment/productionBoostPopupIcons.png');-ms-grid-column:1;grid-column-start:1}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .featureContent{-ms-grid-column:2;grid-column-start:2;box-sizing:border-box}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .productionBoostWood{background-position:0 0}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .productionBoostClay{background-position:0 -60px}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .productionBoostIron{background-position:0 -120px}
.dialog.paymentShopV3.premiumFeatureProductionBoost .paymentPopupDialogWrapper .feature .productionBoostCrop{background-position:0 -180px}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .featureImage{background-image:url('../../img_rtl/payment/goldclubPopupIcons.png')}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .messageArchive{background-position:0 0}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .cropFinder{background-position:0 -60px}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .raidList{background-position:0 -120px}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .tradeThreeTimes{background-position:0 -300px}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .troopEscape{background-position:0 -240px}
.dialog.paymentShopV3.premiumFeatureGoldclub .paymentPopupDialogWrapper .feature .tradeRoute{background-position:0 -180px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .featureImage{background-image:url('../../img_rtl/payment/plusPopupIcons.png')}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .attackWarning{background-position:0 0}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .buildingQueue{background-position:0 -60px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .directLinks{background-position:0 -120px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .fullScreen{background-position:0 -180px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .linkList{background-position:0 -240px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .tradeMulti{background-position:0 -300px}
.dialog.paymentShopV3.premiumFeaturePlus .paymentPopupDialogWrapper .feature .villageStatistics{background-position:0 -360px}
.dialog.paymentShopV4.premiumFeaturePackage{width:625px;height:auto}.dialog.paymentShopV4.premiumFeaturePackage .dialogContents{width:591px;height:auto}
@media screen and (max-width:620px){.mobileOptimized .dialog.paymentShopV4.premiumFeaturePackage .dialogContents{width:591px;transform:scale(0.96)}
}.dialog.paymentShopV4.premiumFeaturePackage .dialogContents form>.content{height:auto;padding:10px}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection{display:inline}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection *{box-sizing:border-box}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection>div:not(:last-of-type){margin-bottom:5px}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .activation{padding:5px}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .activation .title{font-weight:bold;margin-bottom:5px}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .featureBooking .featureContent{border:0;background:transparent;box-shadow:none}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .featureBooking .featureContent .featureDuration,.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .featureBooking .featureContent .featureButton{grid-row:1 / 3;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4.premiumFeaturePackage .dialogContents .featureCollection .featureBooking .featureContent .featureDuration{padding-right:5px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent,.dialog.paymentShopV4.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.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent .featureTitle,.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .featureCollection .packageFeatures .featureContent .featureTitle{padding-right:5px;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .featureCollection .packageFeatures .featureContent .featureDescription,.dialog.paymentShopV4.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.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage{background-image:url('../../img_rtl/payment/plusPopupIconsV4.png');width:84px;height:56px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.tradeMulti{background-position:0 0}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.fullScreen{background-position:0 -56px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.villageStatistics{background-position:0 -112px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.buildingQueue{background-position:0 -168px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.attackWarning{background-position:0 -224px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.linkList{background-position:0 -280px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeaturePlus .packageFeatures .featureContent .featureImage.directLinks{background-position:0 -336px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage{background-image:url('../../img_rtl/payment/goldclubPopupIconsV4.png');width:84px;height:56px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.messageArchive{background-position:0 0}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.tradeRoute{background-position:0 -56px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.tradeThreeTimes{background-position:0 -112px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.raidList{background-position:0 -168px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.troopEscape{background-position:0 -224px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureGoldclub .packageFeatures .featureContent .featureImage.cropFinder{background-position:0 -280px}
.dialog.paymentShopV4.premiumFeaturePackage.premiumFeatureProductionBoost .furtherInformation{padding:5px 5px 0}
.dialog.paymentShopV1 div#paymentWizard,.dialog.paymentShopV3 div#paymentWizard{width:874px;min-height:503px}
.dialog.paymentShopV1 div#paymentWizard h4,.dialog.paymentShopV3 div#paymentWizard h4{font-size:14px}
.dialog.paymentShopV1 div#paymentWizard .header,.dialog.paymentShopV3 div#paymentWizard .header{position:absolute;top:-32px;height:78px;right:0;left:0;margin-left:100px}
.dialog.paymentShopV1 div#paymentWizard .header ul,.dialog.paymentShopV1 div#paymentWizard .header li,.dialog.paymentShopV3 div#paymentWizard .header ul,.dialog.paymentShopV3 div#paymentWizard .header li{list-style-type:none;margin:0;padding:0}
.dialog.paymentShopV1 div#paymentWizard .header li,.dialog.paymentShopV3 div#paymentWizard .header li{float:right;display:block;height:32px;overflow:hidden;position:relative;transition-duration:200ms}
.dialog.paymentShopV1 div#paymentWizard .header li:not(.active):hover,.dialog.paymentShopV3 div#paymentWizard .header li:not(.active):hover{margin-top:-8px;height:40px}
.dialog.paymentShopV1 div#paymentWizard .header li.active,.dialog.paymentShopV3 div#paymentWizard .header li.active{height:98px;margin-top:-20px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton,.dialog.paymentShopV3 div#paymentWizard .header .tabButton{position:relative;min-width:146px;margin-left:5px;height:80px;text-align:center;display:block}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton{margin-top:20px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .tabBtnBGPart,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .tabBtnBGPart{position:absolute;background-image:url('../../img_rtl/paymentWizard/tabsInactive-rtl.png');top:0;right:0;bottom:0;left:0}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .tabBtnBGPart.start,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .tabBtnBGPart.start{background-position:right top;position:absolute}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton .tabBtnBGPart.start,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton .tabBtnBGPart.start{background-position:right top;position:absolute}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .tabBtnBGPart.end,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .tabBtnBGPart.end{background-position:left bottom}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .tabBtnBGPart.middle,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .tabBtnBGPart.middle{margin:0 10px;background-position:right center;background-repeat:repeat-x}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton .tabBtnBGPart.middle,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton .tabBtnBGPart.middle{margin:0 68px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .text,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .text{position:relative;font-weight:bold;font-size:15px;line-height:34px;color:#f9f9f9;overflow:visible;padding-right:9px;padding-left:9px}
.dialog.paymentShopV1 div#paymentWizard .header .active .tabButton .text,.dialog.paymentShopV3 div#paymentWizard .header .active .tabButton .text{background:0}
.dialog.paymentShopV1 div#paymentWizard .header li .tabBorder,.dialog.paymentShopV3 div#paymentWizard .header li .tabBorder{position:absolute;bottom:0;height:5px;right:2px;left:5px;display:block;background-repeat:repeat-x}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabBorder,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabBorder{background:0}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton .tabBtnImgWrapper,.dialog.paymentShopV3 div#paymentWizard .header .tabButton .tabBtnImgWrapper{position:relative}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton .tabBtnBGPart,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton .tabBtnBGPart{background-image:url('../../img_rtl/paymentWizard/tabsActive-rtl.png')}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton{height:78px}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton .text,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton .text{color:#323232}
.dialog.paymentShopV1 div#paymentWizard .header li.active .tabButton .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header li.active .tabButton .tabBtnImg{position:relative;background-image:url('../../img_rtl/paymentWizard/tabsButtonImages-rtl-ignore.png');margin-top:-33px;height:76px;width:107px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton.buyGold .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header .tabButton.buyGold .tabBtnImg{background-position:right 20px;width:74px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton.pros .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header .tabButton.pros .tabBtnImg{background-position:right -52px;width:42px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton.plusSupport .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header .tabButton.plusSupport .tabBtnImg{background-position:right -122px}
.dialog.paymentShopV1 div#paymentWizard .header .tabButton.earnGold .tabBtnImg,.dialog.paymentShopV1 div#paymentWizard .header .tabButton.openOrders .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header .tabButton.earnGold .tabBtnImg,.dialog.paymentShopV3 div#paymentWizard .header .tabButton.openOrders .tabBtnImg{background-position:right -190px}
.dialog.paymentShopV1 div#paymentWizard .accountBalance,.dialog.paymentShopV3 div#paymentWizard .accountBalance{position:absolute;float:left;height:25px;top:30px;left:0;font-size:15px}
.dialog.paymentShopV1 div#paymentWizard .accountBalance span,.dialog.paymentShopV3 div#paymentWizard .accountBalance span{font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard .accountBalance .gold,.dialog.paymentShopV3 div#paymentWizard .accountBalance .gold{margin:0 5px 0 2px}
.dialog.paymentShopV1 div#paymentWizard .contentWrapper,.dialog.paymentShopV3 div#paymentWizard .contentWrapper{position:relative;margin-top:38px;width:100%;float:left}
.dialog.paymentShopV1 div#paymentWizard .contentArea,.dialog.paymentShopV3 div#paymentWizard .contentArea{position:relative;float:left;width:594px;min-height:445px}
.dialog.paymentShopV1 div#paymentWizard .iframeArea,.dialog.paymentShopV3 div#paymentWizard .iframeArea{width:100%;height:100%;text-align:center}
.dialog.paymentShopV1 iframe#paymentWizardIframe,.dialog.paymentShopV3 iframe#paymentWizardIframe{border:solid 0;width:840px;height:580px}
.dialog.paymentShopV1 div#paymentWizard .contentWrapper .contentHead,.dialog.paymentShopV3 div#paymentWizard .contentWrapper .contentHead{float:right;margin-bottom:10px}
.dialog.paymentShopV1 div#paymentWizard .infoArea,.dialog.paymentShopV3 div#paymentWizard .infoArea{position:absolute;top:0;bottom:0;right:0;width:269px}
.dialog.paymentShopV1 div#paymentWizard .paymentWizard,.dialog.paymentShopV3 div#paymentWizard .paymentWizard{text-align:right}
.dialog.paymentShopV1 div#paymentWizard .contentBorder,.dialog.paymentShopV3 div#paymentWizard .contentBorder{border:1px solid #ccbb8f;border-radius:7px;box-sizing:border-box;padding:10px;box-shadow:0 1px 1px #d6d3c9}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep{position:relative;width:241px;height:69px;background-image:url('../../img_rtl/paymentWizard/infoArrow-rtl.png');background-position:right bottom;color:#666;float:right;margin-top:5px;margin-right:5px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep.buyGoldFormStep,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep.buyGoldFormStep{display:none}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep.active,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep.active{background-position:right top;color:#333}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepNumber,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepNumber{position:absolute;font-size:51px;font-weight:bold;color:#eae0af;line-height:69px;left:24px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepLabel,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepLabel{margin:7px 7px 0 0;font-size:16px;font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldLocation,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldLocation{max-width:160px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepContent{margin:5px 19px 0 0;font-size:15px;white-space:nowrap;overflow:hidden}
.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepFooter,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepFooter{margin:3px 19px 0 0;font-size:14px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldFooter .footerItem a,.dialog.paymentShopV1 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepFooter a,.dialog.paymentShopV3 div#paymentWizard .buyGoldFooter .footerItem a,.dialog.paymentShopV3 div#paymentWizard .buyGoldInfoStep .buyGoldInfoStepFooter a{background-image:url('../../img_rtl/pager/next-rtl.png');background-position:right 4px;padding-right:8px;margin-right:10px}
.dialog.paymentShopV1 div#paymentWizard .infoArea .locationStep,.dialog.paymentShopV3 div#paymentWizard .infoArea .locationStep{margin-top:3px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldFooter,.dialog.paymentShopV3 div#paymentWizard .buyGoldFooter{position:absolute;bottom:11px;right:0;left:0;font-size:14px}
.dialog.paymentShopV1 div#paymentWizard .buyGoldFooter .footNotes,.dialog.paymentShopV3 div#paymentWizard .buyGoldFooter .footNotes{font-style:italic}
.dialog.paymentShopV1 div#paymentWizard .buyGoldFooter .footerItem,.dialog.paymentShopV3 div#paymentWizard .buyGoldFooter .footerItem{margin-top:10px;margin-right:5px}
.dialog.paymentShopV1 .goldProduct,.dialog.paymentShopV1 .paymentWizard .goldProduct,.dialog.paymentShopV3 .goldProduct,.dialog.paymentShopV3 .paymentWizard .goldProduct{position:relative;float:right;width:136px;height:190px;background-image:url('../../img_rtl/paymentWizard/goldProduct-rtl.png');background-position:right top;cursor:pointer;margin-right:6px;margin-top:6px}
.dialog.paymentShopV1 .goldProduct:hover,.dialog.paymentShopV1 .paymentWizard .goldProduct:hover,.dialog.paymentShopV3 .goldProduct:hover,.dialog.paymentShopV3 .paymentWizard .goldProduct:hover{background-position:right center}
.dialog.paymentShopV1 .goldProduct:active,.dialog.paymentShopV1 .paymentWizard .goldProduct:active,.dialog.paymentShopV3 .goldProduct:active,.dialog.paymentShopV3 .paymentWizard .goldProduct:active{background-position:right bottom}
.dialog.paymentShopV1 .goldProduct .goldProductContentWrapper,.dialog.paymentShopV3 .goldProduct .goldProductContentWrapper{position:relative;margin:11px;width:114px;height:168px;overflow:hidden}
.dialog.paymentShopV1 .goldProduct .goldProductContentWrapper .goldProductImageWrapper,.dialog.paymentShopV3 .goldProduct .goldProductContentWrapper .goldProductImageWrapper{position:absolute;bottom:20px;right:0;left:0;text-align:center}
.dialog.paymentShopV1 .goldProduct .goldProductTextWrapper,.dialog.paymentShopV3 .goldProduct .goldProductTextWrapper{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;color:#574e39}
.dialog.paymentShopV1 .goldProduct .goldProductTextWrapper .goldUnitsTypeText,.dialog.paymentShopV3 .goldProduct .goldProductTextWrapper .goldUnitsTypeText{font-size:17px}
.dialog.paymentShopV1 .goldProduct .goldProductTextWrapper .goldUnits,.dialog.paymentShopV3 .goldProduct .goldProductTextWrapper .goldUnits{font-size:35px;line-height:30px}
.dialog.paymentShopV1 .goldProduct .goldProductTextWrapper .footerLine,.dialog.paymentShopV3 .goldProduct .goldProductTextWrapper .footerLine{position:absolute;bottom:0;right:0;left:0;text-align:center;border-top:1px solid #bbb49c;color:#3c3c3c;font-size:14px}
.dialog.paymentShopV1 .goldProduct .goldProductTextWrapper .voucher,.dialog.paymentShopV3 .goldProduct .goldProductTextWrapper .voucher{font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard .providerLink,.dialog.paymentShopV3 div#paymentWizard .providerLink{color:#333;font-weight:normal;display:block;margin:0 7px}
.dialog.paymentShopV1 div#paymentWizard .providerLink .providerContent,.dialog.paymentShopV3 div#paymentWizard .providerLink .providerContent{font-size:13px;min-height:125px}
.dialog.paymentShopV1 div#paymentWizard .providerLink .providerContent h3,.dialog.paymentShopV3 div#paymentWizard .providerLink .providerContent h3{margin-top:9px;margin-bottom:7px;font-size:14px}
.dialog.paymentShopV1 div#paymentWizard .providerLink .providerContent p,.dialog.paymentShopV3 div#paymentWizard .providerLink .providerContent p{margin:8px 0}
.dialog.paymentShopV1 div#paymentWizard .providerLink .providerContent .error,.dialog.paymentShopV3 div#paymentWizard .providerLink .providerContent .error{font-size:12px}
.dialog.paymentShopV1 div#paymentWizard .providerLink .selectedGoldPacket,.dialog.paymentShopV3 div#paymentWizard .providerLink .selectedGoldPacket{position:absolute;top:1px;bottom:3px;width:114px;text-align:center;font-size:11px;background-image:url('../../img_rtl/paymentWizard/providerBGGradient.png');background-repeat:repeat-y}
.dialog.paymentShopV1 div#paymentWizard .providerLink .selectedGoldPacket img,.dialog.paymentShopV3 div#paymentWizard .providerLink .selectedGoldPacket img{margin-top:19px}
.dialog.paymentShopV1 div#paymentWizard .providerLink.inactive .selectedGoldPacket,.dialog.paymentShopV3 div#paymentWizard .providerLink.inactive .selectedGoldPacket{background:0}
.dialog.paymentShopV1 div#paymentWizard .paymentWizard .providerLink .providerContent,.dialog.paymentShopV3 div#paymentWizard .paymentWizard .providerLink .providerContent{margin-right:122px;margin-bottom:15px}
.dialog.paymentShopV1 div#paymentWizard .paymentWizard .providerLink .selectedGoldPacket,.dialog.paymentShopV3 div#paymentWizard .paymentWizard .providerLink .selectedGoldPacket{right:1px;border-left:1px solid #bbb49c}
.dialog.paymentShopV1 div#paymentWizard.plusSupport,.dialog.paymentShopV1 div#paymentWizard.earnGold,.dialog.paymentShopV3 div#paymentWizard.plusSupport,.dialog.paymentShopV3 div#paymentWizard.earnGold{font-size:14px}
.dialog.paymentShopV1 div#paymentWizard .roundedContentBox,.dialog.paymentShopV3 div#paymentWizard .roundedContentBox{margin-top:10px}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .earnGoldPage,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .earnGoldPage{display:none}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor{position:absolute;width:253px;height:430px;background-image:url('../../img_rtl/paymentWizard/mentorBig-rtl.png')}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor.vid_1,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor.vid_1{background-position:0 0}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor.vid_2,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor.vid_2{background-position:0 -430px}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor.vid_3,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor.vid_3{background-position:0 -860px}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor.vid_6,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor.vid_6{background-position:0 -1290px}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .infoArea img.mentor.vid_7,.dialog.paymentShopV3 div#paymentWizard.plusSupport .infoArea img.mentor.vid_7{background-position:0 -1720px}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .contentArea .plusSupportFooter,.dialog.paymentShopV1 div#paymentWizard.earnGold .infoArea .footer,.dialog.paymentShopV3 div#paymentWizard.plusSupport .contentArea .plusSupportFooter,.dialog.paymentShopV3 div#paymentWizard.earnGold .infoArea .footer{position:absolute;bottom:15px;right:15px;left:15px}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .contentArea .plusSupportFooter .hint,.dialog.paymentShopV3 div#paymentWizard.plusSupport .contentArea .plusSupportFooter .hint{margin:0 17px;font-style:italic}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .receiverBlock,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .receiverBlock{margin:0 12px}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .receiverLinkLine,.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .receiverLine,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .receiverLinkLine,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .receiverLine{margin:6px 0}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .receiverLine input,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .receiverLine input{margin-right:5px}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea .premiumFeatureDescription,.dialog.paymentShopV1 div#paymentWizard.earnGold .infoArea .howToDescription,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea .premiumFeatureDescription,.dialog.paymentShopV3 div#paymentWizard.earnGold .infoArea .howToDescription{margin:0 12px}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea .premiumFeatureDescription p,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea .premiumFeatureDescription p{font-size:13px}
.dialog.paymentShopV1 div#paymentWizard.earnGold .infoArea .howToDescription .goldReward,.dialog.paymentShopV3 div#paymentWizard.earnGold .infoArea .howToDescription .goldReward{white-space:nowrap}
.dialog.paymentShopV1 div#paymentWizard.earnGold .infoArea .howToDescription .amount,.dialog.paymentShopV3 div#paymentWizard.earnGold .infoArea .howToDescription .amount{font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard.plusSupport .contentArea h5,.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .roundedContentBox h5,.dialog.paymentShopV3 div#paymentWizard.plusSupport .contentArea h5,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .roundedContentBox h5{color:#666;font-weight:bold;margin:6px 7px}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .roundedContentBox.red h5,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .roundedContentBox.red h5{color:#d40000}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .roundedContentBox.red .boxContent,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .roundedContentBox.red .boxContent{color:#d40000}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .buttonLine,.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .message,.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .messageLine,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .buttonLine,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .message,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .messageLine{margin:10px 5px}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .message textarea,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .message textarea{width:100%}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .buttonLine .earnGoldSendMailCancel,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .buttonLine .earnGoldSendMailCancel{float:right}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .buttonLine .earnGoldSendMailSubmit,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .buttonLine .earnGoldSendMailSubmit{float:left}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .messageLine,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .messageLine{font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea .messageLine .green,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea .messageLine .green{color:#99c01a}
.dialog.paymentShopV1 div#paymentWizard .contentArea .roundedContentBox,.dialog.paymentShopV3 div#paymentWizard .contentArea .roundedContentBox{margin:1px 10px;width:559px;background-color:#f8f1d0;border:1px solid #ad9250;border-radius:5px;box-shadow:1px 1px 2px rgba(102,102,102,0.3)}
.dialog.paymentShopV1 div#paymentWizard .contentArea .roundedContentBox+.roundedContentBox,.dialog.paymentShopV3 div#paymentWizard .contentArea .roundedContentBox+.roundedContentBox{margin-top:10px}
.dialog.paymentShopV1 div#paymentWizard .contentArea .roundedContentBox .boxContent,.dialog.paymentShopV3 div#paymentWizard .contentArea .roundedContentBox .boxContent{margin:0 14px}
.dialog.paymentShopV1 div#paymentWizard .contentArea .roundedContentBox .footer,.dialog.paymentShopV3 div#paymentWizard .contentArea .roundedContentBox .footer{margin:5px 14px}
.dialog.paymentShopV1 div#paymentWizard .contentArea .roundedContentBox .footer a,.dialog.paymentShopV1 div#paymentWizard.earnGold .infoArea .footer a,.dialog.paymentShopV1 div#paymentWizard.earnGold .contentArea a,.dialog.paymentShopV3 div#paymentWizard .contentArea .roundedContentBox .footer a,.dialog.paymentShopV3 div#paymentWizard.earnGold .infoArea .footer a,.dialog.paymentShopV3 div#paymentWizard.earnGold .contentArea a{background-image:url('../../img_rtl/pager/next-rtl.png');background-position:right 4px;padding-right:8px}
.dialog.paymentShopV1 div#paymentWizard table,.dialog.paymentShopV1 div#paymentWizard tr,.dialog.paymentShopV1 div#paymentWizard td,.dialog.paymentShopV3 div#paymentWizard table,.dialog.paymentShopV3 div#paymentWizard tr,.dialog.paymentShopV3 div#paymentWizard td{border-collapse:collapse;background-color:#f8f1d0;border:1px solid #ad9251;text-align:center}
.dialog.paymentShopV1 div#paymentWizard table thead,.dialog.paymentShopV1 div#paymentWizard table thead tr,.dialog.paymentShopV1 div#paymentWizard table thead td,.dialog.paymentShopV1 div#paymentWizard table thead th,.dialog.paymentShopV3 div#paymentWizard table thead,.dialog.paymentShopV3 div#paymentWizard table thead tr,.dialog.paymentShopV3 div#paymentWizard table thead td,.dialog.paymentShopV3 div#paymentWizard table thead th{background-color:#99c01a;border:1px solid #646464;color:#f2f2f2;font-weight:bold}
.dialog.paymentShopV1 div#paymentWizard.earnGold .earnGoldAdvertisedPersonsList .paginator,.dialog.paymentShopV3 div#paymentWizard.earnGold .earnGoldAdvertisedPersonsList .paginator{margin:10px 2px;float:left}
.dialog.paymentShopV1 div#paymentWizard.earnGold .earnGoldAdvertisedPersonsList .paginator a,.dialog.paymentShopV3 div#paymentWizard.earnGold .earnGoldAdvertisedPersonsList .paginator a{background-image:none;padding-right:0}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img{width:124px;height:120px;position:absolute;bottom:17px;right:12px}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosProductionboostWoodImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosProductionboostWoodImage{background-image:url('../../img_rtl/paymentWizard/prosProductionboostWoodImage.png')}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosProductionboostClayImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosProductionboostClayImage{background-image:url('../../img_rtl/paymentWizard/prosProductionboostClayImage.png')}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosProductionboostIronImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosProductionboostIronImage{background-image:url('../../img_rtl/paymentWizard/prosProductionboostIronImage.png')}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosProductionboostCropImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosProductionboostCropImage{background-image:url('../../img_rtl/paymentWizard/prosProductionboostCropImage.png')}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosPlusImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosPlusImage{background-image:url('../../img_rtl/paymentWizard/prosPlusImage.png')}
.dialog.paymentShopV1 div#paymentWizard.pros .infoArea img.prosGoldclubImage,.dialog.paymentShopV3 div#paymentWizard.pros .infoArea img.prosGoldclubImage{background-image:url('../../img_rtl/paymentWizard/prosGoldclubimage.png')}
.dialog.paymentShopV1 div#paymentWizard .paymentPopupDialogWrapper,.dialog.paymentShopV3 div#paymentWizard .paymentPopupDialogWrapper{width:100%;margin:0 auto}
.dialog.paymentShopV1 div#paymentWizard .paymentPopupDialogWrapper #featureCollection,.dialog.paymentShopV3 div#paymentWizard .paymentPopupDialogWrapper #featureCollection{margin-top:25px}
.dialog.paymentShopV1 div#paymentWizard .paymentPopupDialogWrapper,.dialog.paymentShopV3 div#paymentWizard .paymentPopupDialogWrapper{max-width:100%}
.dialog.paymentShopV1 div#paymentWizard .featureCollection .premiumFeatureProductionBoost,.dialog.paymentShopV3 div#paymentWizard .featureCollection .premiumFeatureProductionBoost{margin-bottom:-1px}
.dialog.paymentShopV1 div#paymentWizard .feature .dynamicContent,.dialog.paymentShopV3 div#paymentWizard .feature .dynamicContent{position:absolute;top:2px;right:-20px}
.dialog.paymentShopV1 div#paymentWizard .feature .dynamicContent .highlightArrow,.dialog.paymentShopV3 div#paymentWizard .feature .dynamicContent .highlightArrow{width:30px;height:52px;background:url('../../img_rtl/paymentWizard/prosArrow-rtl.png');margin-right:-17px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard{width:884px}.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .infoArea{width:245px;padding:10px;border:solid 1px #ccbb8f;border-radius:5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .contentArea{width:578px;padding:10px;border:solid 1px #ccbb8f;border-radius:5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .feature{width:576px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .feature .featureContent{width:559px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .contentArea .roundedContentBox{width:561px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard h1{font-size:15px}.dialog.paymentShopV2 .headerPlayerInfo{position:absolute;left:0;top:30px}
.dialog.paymentShopV2 .headerPlayerInfo div{float:right}.dialog.paymentShopV2 .headerPlayerInfo #locationSelector{font-size:15px;font-weight:bold}
.dialog.paymentShopV2 .headerPlayerInfo .accountBalance,.dialog.paymentShopV2 div#paymentWizard .accountBalance.v2{position:relative;top:0;margin-right:10px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider{width:100%;min-height:250px;box-sizing:border-box;border-top:solid 3px #ddd9ce;border-bottom:solid 3px #ddd9ce;padding:6px 10px 0;margin-bottom:10px}
.dialog.paymentShopV2 .slideArea{width:26px;height:215px;position:absolute;cursor:pointer}
.dialog.paymentShopV2 .slideArea.inactive{cursor:default}.dialog.paymentShopV2 .slideArea div{width:26px;height:44px;position:absolute;top:50%;margin-top:-22px}
.dialog.paymentShopV2 .slideArea .arrowL{background:url('../../img_rtl/layout/arrowL-rtl.png') no-repeat 0 -44px}
.dialog.paymentShopV2 .slideArea .arrowR{background:url('../../img_rtl/layout/arrowR-rtl.png') no-repeat 0 -44px}
.dialog.paymentShopV2 .slideArea:hover div{opacity:.8}.dialog.paymentShopV2 .slideArea.inactive:hover div{opacity:1;cursor:default}
.dialog.paymentShopV2 .slideArea:active div{opacity:1}.dialog.paymentShopV2 .slideArea.inactive div{background-position:0 0}
.dialog.paymentShopV2 #packageSlider .slideArea.area2{position:absolute;left:0}.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .slidingContentOuter{width:90%;overflow:hidden;margin-right:5%;height:231px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .slidingContentInner{position:relative;margin-right:auto;margin-left:auto;height:250px;width:99999%}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .slidingContent{position:relative;margin-right:auto;margin-left:auto}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .productsPage{width:780px;transition-duration:500ms;position:relative;float:right;display:table;text-align:center}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .productsPage.visible{opacity:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .productsPage.hidden{opacity:0;cursor:default;pointer-events:none}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package,.dialog.paymentShopV2 #smallestPackageData .package{border:solid 3px #ddd9ce;margin-right:10px;background-color:#faf5e1;position:relative;transition-duration:500ms;cursor:pointer;opacity:1;display:inline-block;vertical-align:bottom}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package:hover{box-shadow:0 0 5px #b3b3b3}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .fakeProductHelper{height:210px;display:inline-block;vertical-align:bottom}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size1,.dialog.paymentShopV2 #smallestPackageData .package.size1{width:148px;height:210px}
.dialog.paymentShopV2 #smallestPackageData .package.size1{margin-right:0;cursor:default}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size2{width:139px;height:197px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size3{width:131px;height:187px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size4{width:122px;height:177px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size5{width:118px;height:172px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.placeholder{width:118px;height:172px;border:0;background-color:transparent;pointer-events:none}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .productsPage .package:nth-child(2){margin-right:0 !important}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.visible{opacity:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.selected{box-shadow:0 0 5px #0ab507;border-color:rgba(10,181,7,0.38);cursor:default}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.hideForLoading{opacity:0}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductImageWrapper,.dialog.paymentShopV2 #smallestPackageData .package .goldProductImageWrapper{text-align:center;width:100%;position:absolute;bottom:25px;z-index:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductImageWrapper img,.dialog.paymentShopV2 #smallestPackageData .package .goldProductImageWrapper img{max-width:100%}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductTextWrapper,.dialog.paymentShopV2 #smallestPackageData .package .goldProductTextWrapper{text-align:center;color:#574e39;position:relative;z-index:2;height:100%}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductTextWrapper .goldUnits,.dialog.paymentShopV2 #smallestPackageData .package .goldProductTextWrapper .goldUnits{padding-top:15px;font-size:38px;line-height:30px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size1 .goldProductTextWrapper .goldUnits,.dialog.paymentShopV2 #smallestPackageData .package.size1 .goldProductTextWrapper .goldUnits{font-size:38px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size2 .goldProductTextWrapper .goldUnits{font-size:36px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size3 .goldProductTextWrapper .goldUnits{font-size:34px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size4 .goldProductTextWrapper .goldUnits{font-size:32px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size5 .goldProductTextWrapper .goldUnits{font-size:30px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size6 .goldProductTextWrapper .goldUnits{font-size:28px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductTextWrapper .goldUnitsTypeText,.dialog.paymentShopV2 #smallestPackageData .package .goldProductTextWrapper .goldUnitsTypeText{font-size:22px;padding-top:15px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size1 .goldProductTextWrapper .goldUnitsTypeText{font-size:22px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size2 .goldProductTextWrapper .goldUnitsTypeText{font-size:20px;padding-top:14px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size3 .goldProductTextWrapper .goldUnitsTypeText{font-size:18px;padding-top:11px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size4 .goldProductTextWrapper .goldUnitsTypeText{font-size:16px;padding-top:9px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size5 .goldProductTextWrapper .goldUnitsTypeText{font-size:14px;padding-top:7px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size6 .goldProductTextWrapper .goldUnitsTypeText{font-size:12px;padding-top:4px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .goldProductTextWrapper .footerLine,.dialog.paymentShopV2 #smallestPackageData .package .goldProductTextWrapper .footerLine{width:100%;position:absolute;bottom:5px;font-size:16px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size1 .goldProductTextWrapper .footerLine{font-size:16px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size2 .goldProductTextWrapper .footerLine{font-size:15px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size3 .goldProductTextWrapper .footerLine{font-size:14px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size4 .goldProductTextWrapper .footerLine{font-size:13px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size5 .goldProductTextWrapper .footerLine{font-size:12px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #packageSlider .package.size6 .goldProductTextWrapper .footerLine{font-size:11px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .priceNotificationBox{float:left;padding-top:5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider{width:550px;box-sizing:border-box;padding:0 10px 0;min-height:190px;float:right}
.dialog.paymentShopV2 #paymentMethodsSlider .loading{position:absolute;width:526px;height:169px;background:url('../../img_rtl/misc/loading.gif') no-repeat center;z-index:2}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slidingContentOuter{margin-right:40px;width:454px;height:170px;overflow:hidden;padding-top:4px;padding-bottom:4px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slidingContentInner{width:99999%}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodsPage{width:444px;transition-duration:500ms;position:relative;float:right}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodsPage.visible{opacity:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodsPage.hidden{opacity:0;cursor:default;pointer-events:none}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem{width:100px;height:67px;float:right;margin-bottom:23px;margin-right:5px;border:solid 3px #ddd9ce;background-color:#faf5e1;transition-duration:500ms;text-align:center;cursor:pointer}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem img{width:85px;height:34px;margin-top:16px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem:hover{box-shadow:0 0 5px #b3b3b3}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem.selected{box-shadow:0 0 5px #0ab507;border-color:rgba(10,181,7,0.38);cursor:default}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem.inactive{opacity:.5;cursor:not-allowed}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .methodItem.defect{opacity:.5;box-shadow:0 0 50px #b52828 inset;cursor:not-allowed}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea{width:47px;height:168px;position:absolute;cursor:pointer}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea.inactive{cursor:default}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea div{width:26px;height:44px;position:absolute;top:50%;margin-top:-22px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea .arrowL{background:url('../../img_rtl/layout/arrowL-rtl.png') no-repeat 0 -44px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea .arrowR{background:url('../../img_rtl/layout/arrowR-rtl.png') no-repeat 0 -44px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea:hover div{opacity:.8}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea.inactive:hover div{opacity:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea:active div{opacity:1}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea.inactive div{background-position:0 0}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #paymentMethodsSlider .slideArea.area2{position:absolute;margin-right:500px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview{float:right;width:334px;box-sizing:border-box;padding-right:15px;padding-left:9px;position:relative;border-right:solid 3px #ddd9ce}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox{width:100%;min-height:173px;padding:10px;border:solid 3px #ddd9ce;background-color:#faf5e1;margin:0 auto;box-sizing:border-box}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox tr{background-color:transparent;border:0}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox td{background-color:transparent;border:0;text-align:right;font-weight:bold;font-size:130%;padding:10px 10px 5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox td:nth-child(2){text-align:left}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox tr:first-child td{padding-bottom:30px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox tr:nth-last-of-type(2){border-top:solid 2px #ddd9ce;border-bottom:solid 2px #ddd9ce}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview .resultBox tr:last-of-type td{text-align:left}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #overview button{text-align:right}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages{width:550px;min-height:90px;float:right;position:relative;padding:0 10px 0;box-sizing:border-box;border-left:solid 3px #ddd9ce}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .package,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .package{border:solid 3px #ddd9ce;float:right;background-color:#faf5e1;position:relative;transition-duration:500ms;cursor:pointer;opacity:1;width:110px;height:67px;margin-right:5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .package:first-of-type{margin-right:45px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .package:hover,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .package:hover{box-shadow:0 0 5px #b3b3b3}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .package.selected,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .package.selected{box-shadow:0 0 5px #0ab507;border-color:rgba(10,181,7,0.38);cursor:default}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductImageWrapper,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductImageWrapper{text-align:right;width:100%;position:absolute}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductImageWrapper img{max-width:51px;max-height:51px;margin-top:8px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductImageWrapper img{max-width:53%;max-height:67px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductTextWrapper,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductTextWrapper{text-align:center;color:#574e39;width:60%;float:left;padding-top:2px;margin-left:1px;position:relative;z-index:2}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductTextWrapper .goldUnits{padding-top:0;font-size:25px;line-height:25px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductTextWrapper .goldUnitsTypeText{font-size:15px;padding-top:0}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #phonePackages .goldProductTextWrapper .footerLine{font-size:10px;word-break:break-all;font-weight:bold}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers{width:334px;min-height:102px;box-sizing:border-box;float:right;position:relative;padding:0 10px 0}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .package:first-of-type{margin-right:5px}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductTextWrapper .goldUnits,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductTextWrapper .goldUnitsTypeText,.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductTextWrapper .footerLine{display:none}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard #vouchers .goldProductTextWrapper{max-width:45%;font-weight:bold;padding-top:15px;overflow:hidden}
.dialog.paymentShopV2 #openOrders{width:100%;min-height:467px;padding:10px;border:solid 1px #ccbb8f;border-radius:5px;box-sizing:border-box}
.dialog.paymentShopV2 #paymentWizardContainer #paymentWizard .spaceBorder{width:100%;height:1px;border-top:solid 3px #ddd9ce;margin-top:10px;margin-bottom:6px}
.rtl .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .back svg,.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .back .rtl svg,.rtl .dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods .paymentMethod.back div svg,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods .paymentMethod.back div .rtl svg{transform:scaleX(-1)}
.dialog.paymentShopV4 .loading:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-0.25em}
.dialog.paymentShopV4 .loading>*,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best>*,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best>*{display:inline-block;vertical-align:middle}
.dialog.paymentShopV4 .package .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .packages input:checked+label:after,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .changePackage{position:absolute;right:50%;transform:translateX(50%)}
.dialog.paymentShopV4 .accountBalance .inlineIcon,.dialog.paymentShopV4 .package .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .inlineIcon,#oneTimeOfferNotification .notificationPackage .costsWrapper .inlineIcon{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:auto auto;grid-template-columns:auto auto}
.dialog.paymentShopV4 .accountBalance .inlineIcon i,.dialog.paymentShopV4 .package .amount i,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount i,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount i,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount i,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step i,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon i,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .inlineIcon i,#oneTimeOfferNotification .notificationPackage .costsWrapper .inlineIcon i,.dialog.paymentShopV4 .accountBalance .inlineIcon svg,.dialog.paymentShopV4 .package .amount svg,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount svg,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount svg,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount svg,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon svg,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon svg,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon svg,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon svg,.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection .inlineIcon svg,.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step svg,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon svg,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .inlineIcon svg,#oneTimeOfferNotification .notificationPackage .costsWrapper .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.paymentShopV4 .accountBalance .inlineIcon span,.dialog.paymentShopV4 .package .amount span,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount span,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount span,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount span,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon span,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon span,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon span,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon span,.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection .inlineIcon span,.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step span,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon span,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .inlineIcon span,#oneTimeOfferNotification .notificationPackage .costsWrapper .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.paymentShopV4 .contentWrapper .purchaseStepWrapper,.dialog.paymentShopV4 .package,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .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.paymentShopV4 .contentWrapper .purchaseStepWrapper:before,.dialog.paymentShopV4 .package:before,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package:before{content:"";position:absolute;top:2px;left:2px;bottom:2px;right:2px;background-color:#664e40;border:solid 1px #44321d;border-radius:1px}
.dialog.paymentShopV4{width:900px;height:600px}@media screen and (max-width:620px){.mobileOptimized .dialog.paymentShopV4{max-width:600px}
}.dialog.paymentShopV4 a:link,.dialog.paymentShopV4 a:visited{color:#5f9218}.dialog.paymentShopV4 a:hover,.dialog.paymentShopV4 a:focus,.dialog.paymentShopV4 a:active{color:#82c228}
.dialog.paymentShopV4 .dialogContents{width:866px;height:583px}@media screen and (max-width:620px){.mobileOptimized .dialog.paymentShopV4 .dialogContents{width:866px;transform:scale(0.66667);transform-origin:right 0}
}.dialog.paymentShopV4 .dialogContents form>.content{padding:9px 0 0;height:517px;background-color:#e7ddcb}
.dialog.paymentShopV4 .accountBalance{position:absolute;top:28px;left:150px;color:#e3d8c4;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:19px;font-weight:bold}
.dialog.paymentShopV4 .accountBalance .inlineIcon .goldCoin{width:30px;height:30px}
.dialog.paymentShopV4 .accountBalance:after{content:"";position:absolute;top:3px;left:-15px;height:20px;border:1px solid transparent;border-right-color:#3e261c;border-left-color:#d2bda1}
.dialog.paymentShopV4 .contentNavi{width:100%;left:auto;right:auto;margin-bottom:5px;z-index:2}
.dialog.paymentShopV4 .contentNavi .scrollingContainer{height:58px}.dialog.paymentShopV4 .contentNavi .content a span:before{transition-duration:500ms;content:"";top:50%;position:absolute;opacity:0;transform:translateY(-50%) scale(0.5)}
.dialog.paymentShopV4 .contentNavi .content.active a,.dialog.paymentShopV4 .contentNavi .content.active a:hover{pointer-events:none;color:#5e463a;background-color:#e7ddcb;box-shadow:none;border-bottom:0}
.dialog.paymentShopV4 .contentNavi .content.active a span,.dialog.paymentShopV4 .contentNavi .content.active a:hover span{position:relative}
.dialog.paymentShopV4 .contentNavi .content.active a:before,.dialog.paymentShopV4 .contentNavi .content.active a:hover:before{background-image:linear-gradient(#bfae8f,#f7e3be 6px,rgba(247,227,190,0) 9px)}
.dialog.paymentShopV4 .contentNavi .content.active:after{content:"";position:absolute;top:auto;left:2px;bottom:2px;right:0;z-index:10;height:3px;background-color:#e7ddcb}
.dialog.paymentShopV4 .contentNavi .content.active:last-child:after{left:0}.dialog.paymentShopV4 .contentNavi .content.promotion a span:before{content:"%";color:#f2f2f2;font-size:11px;line-height:22px;background-image:url('../../img_rtl/views/shop/promotionIndicator.png');width:28px;height:24px;background-repeat:no-repeat;right:-32px;opacity:1;transform:translateY(-50%)}
.colorBlind .dialog.paymentShopV4 .contentNavi .content.promotion a span:before{background-image:url('../../img_rtl/views/shop/promotionIndicatorColorblind.png');width:28px;height:24px}
.dialog.paymentShopV4 .contentWrapper{display:-ms-grid;display:grid;-ms-grid-rows:22px 1fr 72px;grid-template-rows:22px 1fr 72px;height:443px;padding:0 10px 10px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper{-ms-grid-row:2;grid-row-start:2;display:-ms-grid;display:grid;-ms-grid-columns:1fr 150px 1fr;grid-template-columns:1fr 150px 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr;align-items:center;justify-items:center;position:relative;box-sizing:border-box;width:846px;height:306px;margin-top:20px;padding:3px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper:before{background-image:url('../../img_rtl/views/shop/boxBackground.png');background-repeat:no-repeat}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-align:start;justify-self:start;position:relative;height:100%}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia:before{content:"";position:absolute;bottom:0}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia.normal{margin-right:5px;width:234px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia.normal:before{background-image:url('../../img_rtl/views/shop/silwia_normal.png');width:234px;height:315px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia.success{margin-right:45px;width:274px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .silwia.success:before{background-image:url('../../img_rtl/views/shop/silwia_success.png');width:274px;height:315px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .packages{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:2;grid-column-start:2;position:relative}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .packages input{display:none}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .confirmation{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:3;grid-column-start:3;display:-ms-grid;display:grid;position:relative;height:100%;justify-items:center;align-items:center}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .confirmation .confirmationTitle{-ms-grid-row-align:end;align-self:end;font-size:24px;line-height:23px;font-weight:bold;text-align:center}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .confirmation .confirmationImage{background-image:url('../../img_rtl/views/shop/confirmed.png');width:264px;height:170px}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .confirmation .confirmationText{-ms-grid-row-align:start;align-self:start;font-size:17px;line-height:19px;text-align:center}
.dialog.paymentShopV4 .contentWrapper .purchaseStepWrapper .confirmation .confirmationText .value{font-weight:bold}
.dialog.paymentShopV4 .loading{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;z-index:5;background-image:linear-gradient(180deg,transparent 117px,rgba(64,43,19,0.8) 117px,rgba(0,0,0,0.8));opacity:0;transition-duration:250ms;pointer-events:none}
.dialog.paymentShopV4 .loading svg{width:150px;height:150px;margin-top:117px;animation:loadingSpinner 800ms linear infinite}
@keyframes loadingSpinner{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}
}.dialog.paymentShopV4 .loading.preview{background-image:none}.dialog.paymentShopV4 .loading.preview svg{display:none}
.dialog.paymentShopV4 .loading.visible{opacity:1;pointer-events:auto}.dialog.paymentShopV4 .fallbackPackageImage{background-image:url('../../img_rtl/views/shop/package3.png');width:120px;height:120px}
.dialog.paymentShopV4 .paymentWrapper{display:-ms-grid;display:grid;-ms-grid-columns:282px 282px 282px;grid-template-columns:282px 282px 282px;-ms-grid-rows:22px 50px;grid-template-rows:22px 50px;-ms-grid-row:3;grid-row-start:3}
.dialog.paymentShopV4 .paymentWrapper .buyButton,.dialog.paymentShopV4 .paymentWrapper #backToGame{-ms-grid-column:3;grid-column-start:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:end;justify-self:end;width:272px;height:50px}
.dialog.paymentShopV4 .paymentWrapper #backToGame{display:none}.error.errorMessage{max-width:600px}
.dialog.paymentShopV4 .content .featureCollection{height:100%;display:-ms-grid;display:grid;-ms-grid-rows:70px 70px 70px 70px 70px 70px;grid-template-rows:70px 70px 70px 70px 70px 70px;-ms-grid-columns:1fr;grid-template-columns:1fr;align-content:space-between}
.ie .dialog.paymentShopV4 .content .featureCollection{-ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}
.dialog.paymentShopV4 .content .featureCollection .feature{-ms-grid-column:1;grid-column-start:1;position:relative;border:0;background-color:transparent;height:70px}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(1){-ms-grid-row:1;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(2){-ms-grid-row:2;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(3){-ms-grid-row:3;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(4){-ms-grid-row:4;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(5){-ms-grid-row:5;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature:nth-child(6){-ms-grid-row:6;grid-row-start:auto}
.dialog.paymentShopV4 .content .featureCollection .feature .featureContent{border:2px solid #beae9a;border-radius:2px;background-color:#faf6ea;padding:5px 0 5px 5px;height:100%;box-shadow:0 3px 3px 0 rgba(190,174,154,0.8);display:-ms-grid;display:grid;-ms-grid-columns:70px 1fr 1fr;grid-template-columns:70px 1fr 1fr;-ms-grid-rows:28px 28px;grid-template-rows:28px 28px;align-content:space-between;align-items:center}
.dialog.paymentShopV4 .content .featureCollection .feature .featureContent.active{border-color:#189105;background-color:#d8eaa8}
.dialog.paymentShopV4 .content .featureCollection .feature:not(.active) .featureImage svg{display:none}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage{-ms-grid-column:1;grid-column-start:1;grid-row:1 / 3;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage svg{width:24px;height:24px;position:absolute;top:13px;right:13px;fill:#62b1dc;stroke:#000}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.goldclub{background-image:url('../../img_rtl/views/shop/goldClub_large.png');width:45px;height:34px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.goldclub svg{display:none}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.plus{background-image:url('../../img_rtl/views/shop/travianPlus_large.png');width:45px;height:37px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.plus svg{display:none}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.productionboostWood{background-image:url('../../img_rtl/general/resources/lumber_medium.png');width:45px;height:32px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.productionboostClay{background-image:url('../../img_rtl/general/resources/clay_medium.png');width:45px;height:29px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.productionboostIron{background-image:url('../../img_rtl/general/resources/iron_medium.png');width:45px;height:29px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureImage.productionboostCrop{background-image:url('../../img_rtl/general/resources/crop_large.png');width:45px;height:41px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureTitle{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;font-weight:bold;-ms-grid-row-align:end;align-self:end}
.dialog.paymentShopV4 .content .featureCollection .feature .featureRemainingTime,.dialog.paymentShopV4 .content .featureCollection .feature .featureDuration{-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.paymentShopV4 .content .featureCollection .feature .featureRemainingTime .renewalActive{color:#228b22}
.dialog.paymentShopV4 .content .featureCollection .feature .featureRemainingTime .bonusEndsSoon{color:#d40000}
.colorBlind .dialog.paymentShopV4 .content .featureCollection .feature .featureRemainingTime .bonusEndsSoon{color:#0022af}
.dialog.paymentShopV4 .content .featureCollection .feature .featureButton{-ms-grid-column:3;grid-column-start:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end;-ms-grid-row-align:start;align-self:start}
.dialog.paymentShopV4 .content .featureCollection .feature .featureButton button{min-width:160px}
.dialog.paymentShopV4 .content .featureCollection .feature .featureButton button div{white-space:nowrap}
.dialog.paymentShopV4 .content .featureCollection .feature .featureRenewal{-ms-grid-column:3;grid-column-start:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:end;justify-self:end;-ms-grid-row-align:end;align-self:end}
.dialog.paymentShopV4 .content .featureCollection .feature .featureRenewal input,.dialog.paymentShopV4 .content .featureCollection .feature .featureRenewal label{vertical-align:text-top}
.dialog.paymentShopV4 .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.paymentShopV4 .package:nth-of-type(1){-ms-grid-column:1}.dialog.paymentShopV4 .package:nth-of-type(2){-ms-grid-column:2}
.dialog.paymentShopV4 .package:nth-of-type(3){-ms-grid-column:3}.dialog.paymentShopV4 .package:nth-of-type(4){-ms-grid-column:4}
.dialog.paymentShopV4 .package:nth-of-type(5){-ms-grid-column:5}.dialog.paymentShopV4 .package:nth-of-type(6){-ms-grid-column:6}
.dialog.paymentShopV4 .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.paymentShopV4 .package:hover{cursor:pointer}.dialog.paymentShopV4 .package:hover:before{filter:brightness(1.6)}
.ie .dialog.paymentShopV4 .package:hover:before{background-image:linear-gradient(to bottom,#0b7d82,#27abaf 50%,#27abaf)}
.dialog.paymentShopV4 .package>div{z-index:2;color:#e3d8c4;font-weight:bold}.dialog.paymentShopV4 .package .best,.dialog.paymentShopV4 .package .title,.dialog.paymentShopV4 .package .badge,.dialog.paymentShopV4 .package .remainingTime,.dialog.paymentShopV4 .package .emptyOfferInformation,.dialog.paymentShopV4 .package .discount,.dialog.paymentShopV4 .package .originalAmount,.dialog.paymentShopV4 .package .changePackage,.dialog.paymentShopV4 .package .price .asterisk{display:none}
.dialog.paymentShopV4 .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.paymentShopV4 .package .amount .goldCoin{width:30px;height:30px}.dialog.paymentShopV4 .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.paymentShopV4 .package .packageImage img{pointer-events:none;width:120px;height:120px}
.rtl .dialog.paymentShopV4 .package .packageImage img{transform:scaleX(-1)}.dialog.paymentShopV4 .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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage:before,.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage:hover:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage:hover:before{filter:brightness(1.5)}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage:hover:before,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage:hover:before{background-image:linear-gradient(to bottom,#d26a11,#d6af59 50%,#d6af59)}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best{position:absolute;top:-30px;right:4px;padding-top:2px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best .text,.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best.bestSeller,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best.bestSeller{background-image:url('../../img_rtl/views/shop/bestSeller.png');width:123px;height:64px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .best.bestValue,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .best.bestValue{background-image:url('../../img_rtl/views/shop/bestValue.png');width:123px;height:64px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .packageImage,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .packageImage{background-image:url('../../img_rtl/views/shop/glareHighlight.png');width:168px;height:154px;width:100%}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.bestPackage .price,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.bestPackage .price{background-color:#6d531b}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .discount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .changePackage,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .changePackage,.dialog.paymentShopV4.smallestPackage .package.promo .discount,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount,.dialog.paymentShopV4.smallestPackage .package.promo .changePackage{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .discount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount,.dialog.paymentShopV4.smallestPackage .package.promo .discount,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount{position:absolute;font-size:14px;font-family:Arial,Helvetica,Verdana,sans-serif}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .discount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .discount,.dialog.paymentShopV4.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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount,.dialog.paymentShopV4.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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount .goldCoin,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount .goldCoin,.dialog.paymentShopV4.smallestPackage .package.promo .originalAmount .goldCoin{width:18px;height:18px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .originalAmount:after,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .originalAmount:after,.dialog.paymentShopV4.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,0.7);transform-origin:50%;transform:rotate(8deg)}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.promo .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.promo .amount,.dialog.paymentShopV4.smallestPackage .package.promo .amount{bottom:163px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);box-shadow:inset 0 0 1px 2px #9750a0}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer:hover:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:hover:before,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:hover:before,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer:hover:before{filter:brightness(1.4)}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer:hover:before,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer:hover:before,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer:hover:before,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer:hover:before{background-image:linear-gradient(to bottom,#64447e,#916597)}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime{display:block;position:absolute;width:220px;height:50px;top:-27px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .gradientFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .gradientFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .gradientFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .gradientFrameShape{position:absolute}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .gradientFrameShape .innerFrameShape{fill:#b47b35}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon i,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon i{background-image:url('../../img_rtl/views/shop/hourGlass_small.png');width:14px;height:20px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .remainingTime .inlineIcon .value,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .remainingTime .inlineIcon .value,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .remainingTime .inlineIcon .value,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .remainingTime .inlineIcon .value{font-size:16px;font-weight:bold;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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .title,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .title,.dialog.paymentShopV4 #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:bold;font-size:16px;z-index:3}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .amount,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .amount{bottom:160px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .packageImage,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .packageImage,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .packageImage,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .packageImage{background-image:url('../../img_rtl/views/shop/glareSpecial.png')}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge,.dialog.paymentShopV4 #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,0.35);box-sizing:border-box;padding:5px}
.colorBlind .dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge,.colorBlind .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge,.colorBlind .dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge,.colorBlind .dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge .value,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge .value,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge .value,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .badge .value{line-height:1.2em;font-size:14px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .badge .text,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .badge .text,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .badge .text,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase;font-weight:normal}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer .price,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer .price,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer .price,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer .price{background-color:#3e2947}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer,.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer:before,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer:before{content:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer .emptyOfferInformation,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer .emptyOfferInformation,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer .emptyOfferInformation,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer .emptyOfferInformation{display:block;color:#777;white-space:normal;padding:35px;font-weight:normal;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.specialOffer.emptyOffer.noOffer,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .package.specialOffer.emptyOffer.noOffer,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .package.specialOffer.emptyOffer.noOffer,.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .package.specialOffer.emptyOffer.noOffer{grid-column:1 / 4;-ms-grid-column:1;-ms-grid-column-span:3;width:100%}
.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .buyProgress{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .silwia,.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .packages,.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .smsPackages,.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .specialOffersPackages,.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .billingInformation,.dialog.paymentShopV4 #paymentWizard.buyGold .contentWrapper .purchaseStepWrapper .confirmation{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection{height:auto;top:30px;right:27px;left:auto;position:absolute;cursor:pointer;padding:3px 23px 3px 5px;transition-duration:250ms;border-radius:4px}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection.disabled{opacity:.5;pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection:hover{background-color:rgba(94,70,58,0.5)}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection:active{background-color:#5e463a}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection .inlineIcon{pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection svg{pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection svg.arrowDown{width:16px;height:16px;fill:#402b13;top:7px;right:3px;position:absolute}
.dialog.paymentShopV4 #paymentWizard.buyGold .countrySelection svg.languageFlag{width:29px;height:22px;border:1px solid #777}
.dialog.paymentShopV4 #paymentWizard.buyGold #countrySelectionTemplate{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress{display:flex;width:100%}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step{-ms-grid-columns:28px 1fr;grid-template-columns:28px 1fr;position:relative;flex:0 0 auto}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step svg{height:22px;margin-left:5px;position:relative}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.done.allowedStep{cursor:pointer}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.done svg .shield{fill:#2a7b3c}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.done svg .check{fill:#8fc74e}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.active{font-weight:bold}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.active svg .shield{fill:#2a7b3c}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.active svg .check{fill:#8fc74e}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.locked svg .shield{fill:#bcb2a1}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .step.locked svg .check{fill:#e3d8c4}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .divider{flex:1;align-self:center;position:relative;box-sizing:border-box}
.dialog.paymentShopV4 #paymentWizard.buyGold .buyProgress .divider:before{content:"";display:block;position:absolute;right:10px;left:10px;height:1px;background-color:#3e261c}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .choosePayment{grid-column:1 / 3;-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;grid-row-start:1;font-size:13px;display:inline-block}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .smsPayment{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .transactionHistory{display:-ms-grid;display:grid;-ms-grid-column:3;grid-column-start:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end;text-align:left;display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .rightOfWithdrawal{display:-ms-grid;display:grid;grid-column:1 / 4;-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end;text-align:left;display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods{height:50px;grid-column:1 / 3;-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:2;grid-row-start:2;-ms-grid-row-align:end;align-self:end;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:92px 92px 92px 92px 92px 92px;grid-template-columns:92px 92px 92px 92px 92px 92px;justify-content:space-between}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods{-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod{width:90px;border:1px solid #baa892;border-radius:1px;background-image:linear-gradient(to bottom,#f0e9dc,#af967c);grid-column-start:auto;display:-ms-grid;display:grid;-ms-grid-rows:34px 14px;grid-template-rows:34px 14px;-ms-grid-columns:90px;grid-template-columns:90px;justify-items:center;align-items:center}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(1){-ms-grid-column:1}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(2){-ms-grid-column:2}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(3){-ms-grid-column:3}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(4){-ms-grid-column:4}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(5){-ms-grid-column:5}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:nth-of-type(6){-ms-grid-column:6}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod:hover{cursor:pointer;background-image:linear-gradient(to bottom,#fdf8f2,#d4b795)}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod .paymentImage{width:80px;height:24px;background-size:contain;background-position:center;-ms-grid-row:1;grid-row-start:1}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod .paymentImage{margin:5px}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod .duration{height:14px;width:90px;text-align:center;background-color:#55493b;border:1px solid #55493b;border-top:0;color:#f2f2f2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row:2;grid-row-start:2;font-size:13px;line-height:14px}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod.notAvailable{background-image:none;background-color:#991915;opacity:.5;cursor:default}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod.notAvailable .duration{border:0}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod.notAvailable img{opacity:.7}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods .paymentMethod.back{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label:nth-of-type(n+6){display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods{-ms-grid-row:1;grid-row-start:1;display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr;grid-template-columns:1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .forward,.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .back{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .forward{font-weight:bold;font-size:200%;margin-bottom:10px}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods .back svg{fill:#5e463a;width:7px;height:7px}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label{display:none}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:not(.togglePaymentMethods):nth-of-type(6){-ms-grid-column:2}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:not(.togglePaymentMethods):nth-of-type(7){-ms-grid-column:3}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:not(.togglePaymentMethods):nth-of-type(8){-ms-grid-column:4}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:not(.togglePaymentMethods):nth-of-type(9){-ms-grid-column:5}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:not(.togglePaymentMethods):nth-of-type(10){-ms-grid-column:6}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label:nth-of-type(n+6){display:-ms-grid;display:grid}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label.togglePaymentMethods{-ms-grid-column:1;grid-column-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ label.togglePaymentMethods .forward{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:not(:checked) ~ label.togglePaymentMethods{-ms-grid-column:6;grid-column-start:6}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input.togglePaymentMethods:not(:checked) ~ label.togglePaymentMethods .back{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input:disabled+.paymentMethod{opacity:.5;pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input:disabled+.paymentMethod:not(.notAvailable){background-image:none;background-color:#af967c}
.dialog.paymentShopV4 #paymentWizard.buyGold .paymentWrapper .paymentMethods input:checked+.paymentMethod:not(.notAvailable){background-image:none;background-color:#fff}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage:not(.specialOffers):not(.sms) .packages:not(.specialOffersPackages):not(.smsPackages),.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod:not(.specialOffers):not(.sms) .packages:not(.specialOffersPackages):not(.smsPackages){display:-ms-grid;display:grid}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage.sms .smsPackages,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod.sms .smsPackages{display:-ms-grid;display:grid}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage.specialOffers .specialOffersPackages,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod.specialOffers .specialOffersPackages{display:-ms-grid;display:grid}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper{display:block;margin-top:35px;padding:0;background-image:none;border:0}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper:before,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper:before{content:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages,.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages{-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:264px 264px 264px;grid-template-columns:264px 264px 264px}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages,.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.smsPackages label,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .purchaseStepWrapper .packages.specialOffersPackages label,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.smsPackages label,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .purchaseStepWrapper .packages.specialOffersPackages label{width:260px}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .paymentWrapper .transactionHistory,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .paymentWrapper .transactionHistory{display:inline-block}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .paymentWrapper #confirmBuy,.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .paymentWrapper #confirmBuy{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview{pointer-events:none;animation:packagePreview 2s infinite}
@keyframes packagePreview{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(0.9)}
100%{opacity:1;transform:scale(1)}}.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(1){animation-delay:0}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(2){animation-delay:.2s}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(3){animation-delay:.4s}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(4){animation-delay:.6s}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(5){animation-delay:.8s}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .package.preview:nth-child(6){animation-delay:1s}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage .paymentMethods .paymentMethod{opacity:.5;pointer-events:none;background-image:none;background-color:#af967c}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPackage:not(.sms):not(.specialOffers) .smsPayment.available{grid-column:1 / 3;-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:1;grid-row-start:1;text-align:left;font-size:13px;display:inline-block}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .packages input:not(:checked):not(:hover)+label{filter:sepia(0.6) saturate(1.2) opacity(0.9) brightness(0.9)}
.ie .dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .packages input:not(:checked):not(:hover)+label{opacity:.7}
.dialog.paymentShopV4 #paymentWizard.buyGold.selectPaymentMethod .packages input:checked+label{height:275px;pointer-events:none}
.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation:not(.sms) .packages:not(.smsPackages){display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation.sms .smsPackages{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation:not(.specialOffers) .packages:not(.specialOffersPackages){display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation.specialOffers .specialOffersPackages{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .silwia{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages{-ms-grid-column:2;grid-column-start:2;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages input:not(:checked)+.package{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .changePackage{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .price{height:54px;padding-top:30px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .price .asterisk{display:inline-block;margin-right:3px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .amount{bottom:200px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .packages .package:not(.specialOffer) .packageImage{bottom:50px}
.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .specialOffersPackages .specialOffer{pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .specialOffersPackages .specialOffer .title{bottom:185px;height:3em}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .specialOffersPackages .specialOffer .remainingTime{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .specialOffersPackages .specialOffer .badge{left:15px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .specialOffersPackages .emptyOffer{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods input:not(:checked)+label,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods input.togglePaymentMethods ~ label.togglePaymentMethods,.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods input.togglePaymentMethods:checked ~ input:not(:checked)+label{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods input:checked+label{-ms-grid-column:2;grid-column-start:2;pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods .paymentMethod.back{display:-ms-grid;display:grid;-ms-grid-rows:1fr;grid-template-rows:1fr;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods .paymentMethod.back div{-ms-grid-row:1;grid-row-start:1;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .paymentMethods .paymentMethod.back div svg{fill:#5e463a;width:7px;height:7px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper+.paymentWrapper .choosePayment{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .confirmation.billingInformation{display:-ms-grid;display:grid;-ms-grid-rows:110px 1fr;grid-template-rows:110px 1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .confirmation.billingInformation .confirmationTitle{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .confirmation.billingInformation .confirmationText{-ms-grid-row:2;grid-row-start:2;margin:25px 45px 0}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .purchaseStepWrapper .confirmation.billingInformation .vatInfo{position:absolute;bottom:5px;left:10px}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .paymentWrapper .rightOfWithdrawal{display:inline-block}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .paymentWrapper #continueBuy{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.insertBillingInformation .paymentWrapper #confirmBuy{display:inline-block}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .purchaseStepWrapper .silwia{display:block}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .paymentWrapper>*{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed .paymentWrapper #backToGame{display:block}
.dialog.paymentShopV4 #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.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .packages input:not(:checked)+.package{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .packages input:checked+.package{pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .specialOffersPackages .specialOffer .remainingTime{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .specialOffersPackages .specialOffer .badge{left:15px}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .specialOffersPackages .emptyOffer{display:none}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .confirmation.forwarded{display:-ms-grid;display:grid;-ms-grid-rows:110px 1fr;grid-template-rows:110px 1fr}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .confirmation.forwarded .confirmationTitle{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.forwarded .purchaseStepWrapper .confirmation.forwarded .confirmationText{-ms-grid-row:2;grid-row-start:2;margin:25px 45px 0}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.successful .purchaseStepWrapper .confirmation.success{display:-ms-grid;display:grid;-ms-grid-rows:45px 1fr 55px;grid-template-rows:45px 1fr 55px}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.successful .purchaseStepWrapper .confirmation.success .confirmationTitle{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.successful .purchaseStepWrapper .confirmation.success .confirmationImage{-ms-grid-row:2;grid-row-start:2}
.dialog.paymentShopV4 #paymentWizard.buyGold.confirmed.successful .purchaseStepWrapper .confirmation.success .confirmationText{-ms-grid-row:3;grid-row-start:3}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper{-ms-grid-columns:1fr 380px 1fr;grid-template-columns:1fr 380px 1fr}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm{position:relative;-ms-grid-column:2;grid-column-start:2;height:100%;width:100%;display:-ms-grid;display:grid;-ms-grid-rows:95px 75px 70px 1fr;grid-template-rows:95px 75px 70px 1fr;-ms-grid-columns:1fr;grid-template-columns:1fr}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm h2,.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode,.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm .errorMessageContainer,.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #redeemVoucher{-ms-grid-column-align:center;justify-self:center;-ms-grid-column:1;grid-column-start:1}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm h2{-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:end;align-self:end;font-size:24px;line-height:23px;font-weight:bold;text-align:center;margin:0}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode{-ms-grid-row:2;grid-row-start:2;-ms-grid-row-align:end;align-self:end;width:100%;height:50px;background-color:#f4efe4;border:0;border-radius:3px;text-align:center;color:#917e69;transition:color 250ms,border 250ms}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode::-webkit-input-placeholder{color:#a3a3a3}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode:-moz-placeholder{color:#a3a3a3}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode::-moz-placeholder{color:#a3a3a3}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode::-ms-clear{display:none}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode.invalid{color:#d40000;border:solid 2px transparent;border-color:#d40000}
.colorBlind .dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode.invalid{color:#0022af}
.colorBlind .dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode.invalid{border-color:#0022af}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode.invalid+label{opacity:1;transform:translateY(0);transition-delay:200ms}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #voucherCode.invalid ~ .formatInfo{opacity:0}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm .errorMessageContainer{display:inline-block;-ms-grid-row:3;grid-row-start:3;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-align:end;align-self:end;text-align:center;opacity:0;padding-bottom:10px;font-size:15px;white-space:normal;font-weight:bold;transition-duration:250ms;transform:translateY(10px);color:#d40000}
.colorBlind .dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm .errorMessageContainer{color:#0022af}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm .formatInfo{display:inline-block;-ms-grid-row:3;grid-row-start:3;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-align:start;align-self:start;padding-top:10px;text-align:center;opacity:1;transition-delay:250ms;color:#777;font-size:12px}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .voucherForm #redeemVoucher{-ms-grid-row:4;grid-row-start:4}
.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .packages,.dialog.paymentShopV4 #paymentWizard.vouchers:not(.confirmed) .purchaseStepWrapper .confirmation{display:none}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .voucherForm{display:none}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .packages,.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .confirmation{-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .purchaseStepWrapper .packages label{pointer-events:none}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed #backToGame{display:block}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .confirmation.success{-ms-grid-rows:45px 1fr 55px;grid-template-rows:45px 1fr 55px}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .confirmation.success .confirmationTitle{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .confirmation.success .confirmationImage{-ms-grid-row:2;grid-row-start:2;-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .confirmation.success .confirmationText{-ms-grid-row:3;grid-row-start:3}
.dialog.paymentShopV4 #paymentWizard.vouchers.confirmed .confirmation.success .confirmationText .value{font-weight:bold}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper{height:440px;-ms-grid-columns:270px 1fr;grid-template-columns:270px 1fr;-ms-grid-rows:1fr;grid-template-rows:1fr}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper *{box-sizing:border-box}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea{-ms-grid-column:1;grid-column-start:1;-ms-grid-row:1;grid-row-start:1;position:relative;box-shadow:0 3px 3px 0 rgba(190,174,154,0.8)}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature{position:absolute;width:100%;padding:15px 15px 10px;height:100%;border:2px solid #beae9a;border-radius:2px;background-color:#faf6ea;opacity:0;transition-duration:500ms;transition-timing-function:ease-out}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.show{opacity:1}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature h4{color:#5e463a;font-size:25px;line-height:24px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature .premiumFeatureDescription ul{padding-right:15px;margin-bottom:0}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature .premiumFeatureDescription ul li{margin-bottom:10px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature .featureImage{margin:10px auto 0}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.goldclub .descriptionWrapper{min-height:292px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.goldclub .featureImage{background-image:url('../../img_rtl/views/shop/goldClub_huge.png');width:100px;height:73px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.plus .descriptionWrapper{min-height:285px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.plus .featureImage{background-image:url('../../img_rtl/views/shop/travianPlus_huge.png');width:100px;height:80px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostWood .descriptionWrapper{min-height:292px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostWood .featureImage{background-image:url('../../img_rtl/general/resources/lumber_huge.png');width:100px;height:73px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostClay .descriptionWrapper{min-height:300px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostClay .featureImage{background-image:url('../../img_rtl/general/resources/clay_huge.png');width:100px;height:65px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostIron .descriptionWrapper{min-height:296px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostIron .featureImage{background-image:url('../../img_rtl/general/resources/iron_huge.png');width:100px;height:69px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostCrop .descriptionWrapper{min-height:274px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .infoArea .premiumFeature.productionboostCrop .featureImage{background-image:url('../../img_rtl/general/resources/crop_huge.png');width:100px;height:91px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .contentArea{-ms-grid-column:2;grid-column-start:2;-ms-grid-row:1;grid-row-start:1;padding-right:5px}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .contentArea .paymentPopupDialogWrapper{height:100%;position:relative}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .contentArea #featureIndicator{width:34px;height:41px;position:absolute;top:14px;right:-20px;background-image:url('../../img_rtl/hud/content/scrollTo.png');z-index:99;transform:translateX(0) scale(1);transform-origin:right;transition:transform 150ms}
.dialog.paymentShopV4 #paymentWizard.pros .contentWrapper .contentArea #featureIndicator.moving{transform:translateX(10px) scale(0.8)}
.dialog.paymentShopV4.smallestPackage{width:auto;height:auto}.dialog.paymentShopV4.smallestPackage .dialogContents{width:auto;height:auto}
.dialog.paymentShopV4.smallestPackage .dialogDragBar{display:none}.dialog.paymentShopV4.smallestPackage #dialogContent{height:auto}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog{display:-ms-grid;display:grid;width:350px;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:50px 262px 60px 40px;grid-template-rows:50px 262px 60px 40px;text-align:center}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .infoText,.dialog.paymentShopV4.smallestPackage #smallestPackageDialog #smallestPackageData,.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .buy{-ms-grid-row-align:center;align-self:center}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .infoText{-ms-grid-row:1;grid-row-start:1}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog #smallestPackageData{-ms-grid-row:2;grid-row-start:2}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .buy{-ms-grid-row:3;grid-row-start:3}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog input{display:none}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .changeGoldPackage{-ms-grid-row:4;grid-row-start:4}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .package{pointer-events:none}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .loading{width:100%;background:0;opacity:1;top:65px}
.dialog.paymentShopV4.smallestPackage #smallestPackageDialog .loading svg{width:50px;height:50px}
@media screen and (max-width:620px){.mobileOptimized .dialog.plain.transactionHistory{max-width:600px}
.mobileOptimized .dialog.plain.transactionHistory .dialogContents{width:710px;transform:scale(0.80833);transform-origin:right 0}
}.dialog.plain.transactionHistory #dialogContent .scrollableContent{width:710px;height:410px}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper{position:relative;padding:0 10px}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper:before{content:"";position:absolute;top:27px;left:0;bottom:0;right:0;border:2px solid #beae9a;background-color:#faf6ea;box-shadow:0 3px 3px 0 rgba(190,174,154,0.8)}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table{background-color:transparent;position:relative}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table th,.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table td{color:#5e463a;background-color:transparent;padding:7px 9px}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table th:first-child,.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table td:first-child{padding-right:0}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table th:last-child,.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table td:last-child{padding-left:0}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table th{font-weight:bold;text-align:right}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table tbody td{border-bottom:1px solid #b7b7b7}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table tbody td.status{color:#228b22}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table tbody td.orderCode .copiedNotice{color:#228b22;position:absolute;opacity:0;animation:none;pointer-events:none}
.dialog.plain.transactionHistory #dialogContent #transactionHistory .tableWrapper table tbody td.orderCode .copiedNotice.success{animation:copiedSuccessAnimation 1000ms ease-out}
@keyframes copiedSuccessAnimation{0%{opacity:0;transform:translateY(0)}5%{opacity:1}
80%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}@media screen and (max-width:620px){.mobileOptimized .countrySelection{max-width:600px}
}.countrySelection #dialogContent #countrySelection.noFilter .filterCountry{display:none}
.countrySelection #dialogContent #countrySelection.noFilter .scrollableContent{width:310px;height:290px}
.countrySelection #dialogContent #countrySelection.noFilter .scrollableContent label{display:-ms-grid;display:grid}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .filterCountry{position:absolute;top:10px;left:55px;width:200px}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .filterCountry input{width:100%;padding-left:20px}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .filterCountry svg{width:16px;height:16px;position:absolute;top:3px;left:3px;fill:#5e463a}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .scrollableContent{width:590px;height:460px;display:flex;flex-wrap:wrap;align-content:flex-start}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .scrollableContent label{display:-ms-inline-grid;display:inline-grid;align-self:flex-start}
.countrySelection #dialogContent #countrySelection:not(.noFilter) .noCountryFound{position:absolute}
.countrySelection #dialogContent #countrySelection .scrollableContent label{-ms-grid-rows:35px;grid-template-rows:35px;-ms-grid-columns:5px 20px 35px 220px;grid-template-columns:5px 20px 35px 220px;cursor:pointer;background-color:transparent;transition-duration:250ms}
.countrySelection #dialogContent #countrySelection .scrollableContent label:hover{background-color:rgba(227,216,196,0.7)}
.countrySelection #dialogContent #countrySelection .scrollableContent label:active{background-color:rgba(94,70,58,0.7);color:#f2f2f2}
.countrySelection #dialogContent #countrySelection .scrollableContent label input,.countrySelection #dialogContent #countrySelection .scrollableContent label .languageFlag,.countrySelection #dialogContent #countrySelection .scrollableContent label .country{-ms-grid-row:1;grid-row-start:1;-ms-grid-row-align:center;align-self:center}
.countrySelection #dialogContent #countrySelection .scrollableContent label input{-ms-grid-column:2;grid-column-start:2}
.countrySelection #dialogContent #countrySelection .scrollableContent label .languageFlag{-ms-grid-column:3;grid-column-start:3;width:29px;height:22px;border:1px solid #777}
.countrySelection #dialogContent #countrySelection .scrollableContent label .country{-ms-grid-column:4;grid-column-start:4;font-weight:bold}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement{color:#e3d8c4}.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel{position:absolute;top:35px;left:15px;padding:5px;z-index:3;background:0;border:0}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel:before{background:0;border:0;box-shadow:none}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel svg{width:25px;height:25px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel svg .icon{stroke:#987450;stroke-width:3;fill:#987450;overflow:visible;transition-duration:150ms}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel svg .outline{display:none}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel:hover svg .icon{fill:#d5a16d;stroke:#d5a16d}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel:active svg{opacity:1}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .iconButton.cancel:active svg .icon{fill:#695139;stroke:#695139}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents #dialogContent{padding:20px 35px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime{position:absolute;top:-30px;left:100px;bottom:auto;right:100px;z-index:3;text-align:center}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon{position:relative;z-index:2;margin-top:12px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon i{background-image:url('../../img_rtl/views/shop/hourGlass_medium.png');width:18px;height:24px;margin-left:15px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .remainingTime .inlineIcon .value{font-size:17px;font-weight:bold;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}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .title,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .subtitle{font-weight:bold;text-align:center;margin:0 20px;color:#5e463a}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .title{font-size:20px;margin-bottom:10px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package{margin-top:20px;position:relative;display:-ms-grid;display:grid;-ms-grid-columns:180px 1fr;grid-template-columns:180px 1fr}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package:before{background-image:linear-gradient(to bottom,#3f2b50,#68486c);border-radius:2px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package>*{position:relative;z-index:2}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .packageImage{-ms-grid-column:1;grid-column-start:1;width:120px;height:120px;padding:40px 30px;background-image:url('../../img_rtl/views/shop/glareSpecial.png');background-position:center}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .badge{position:absolute;top:90px;right:110px;z-index:3;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,0.35);box-sizing:border-box;padding:5px}
.colorBlind .dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .badge{text-shadow:0 1px 0 #040932;background-image:linear-gradient(to bottom,#3e69b3,#0022af);border:1px solid #09156e}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .badge .value{line-height:1.2em;font-size:14px;font-weight:bold}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .badge .text{line-height:1.2em;font-size:8px;text-transform:uppercase}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper{-ms-grid-column:2;grid-column-start:2;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:end;justify-self:end;text-align:left;padding-left:30px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .amount,.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .price{font-size:35px;line-height:1em;font-weight:bold;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}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .forOnly{padding:5px 0}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .package .costsWrapper .goldCoin{width:40px;height:40px}
.dialogV2.dialogWrapper .oneTimeOfferAnnouncement .dialogContents .buttonWrapper{text-align:center;margin-top:20px}
@media screen and (max-width:620px){.mobileOptimized #oneTimeOfferNotification{display:none}
}@media screen and (max-width:1380px){#oneTimeOfferNotification{transform-origin:center right;transform:scale(0.82)}
}#oneTimeOfferNotification{position:absolute;top:0;right:calc(100% - 45px);z-index:2;color:#e3d8c4;display:-ms-grid;display:grid;-ms-grid-columns:200px 64px;grid-template-columns:200px 64px}
#oneTimeOfferNotification.firstTimeAnimation{opacity:0;animation:otoAppear 500ms 1000ms ease-out forwards}
@media screen and (max-width:1380px){#oneTimeOfferNotification.firstTimeAnimation{animation-name:otoAppearSmallVersion}
}#oneTimeOfferNotification.firstTimeAnimation .notificationPackage .content:before{animation:otoShine 30000ms 2000ms ease-in-out infinite}
#oneTimeOfferNotification.firstTimeAnimation .costsWrapper div{opacity:0;transform:scale(0);animation:otoZoomIn 200ms 1400ms ease-out forwards}