@charset "UTF-8";
/* deklaracje css wspólne dla wszystkich layoutów lub domyślne (layouty mogą modyfikować wybrane właściwości) */
body {
  margin: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.2; }

div, table, td, ul {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px; }

p {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px; }

table {
  border-width: 0;
  border-spacing: 0;
  font-size: 10px; }

td {
  border: 0; }

select option {
  font-size: 12px; }

input[type=checkbox] {
  vertical-align: -2px; }

fieldset {
  position: relative; }
  fieldset legend {
    text-align: left; }
  fieldset legend.centerLegend {
    margin: 0 auto; }

img + a:hover, img + span.lnk:hover {
  text-decoration: none !important;
  background: none !important; }

a.msg-link:hover {
  text-decoration: underline !important; }

a.hoverNoBackground:hover {
  background: none !important; }

*:focus {
  outline: none; }

/* ______ overlib ______ */
.overlibExtended {
  padding-left: 10px; }

.action-caption-close {
  text-align: right !important; }

div#overDiv {
  filter: alpha(opacity=95);
  opacity: 0.95; }

img.grayScale {
  filter: grayscale(100%); }

/* _________________ fixy __________________ */
.marginFix:before, .marginFix:after {
  content: ' ';
  display: table; }

/* ________________ general ________________ */
.hidden {
  display: none !important; }

.pointer {
  cursor: pointer; }

.hilightWhenSelected:checked + label {
  color: lime; }

.hideImageOnHover:hover > img {
  visibility: hidden; }

.showImageOnHover > img {
  visibility: hidden; }

.showImageOnHover:hover img {
  visibility: unset; }

.actionButton {
  /*
    color: green;
    border: 1px solid green;
    background-color: #e8ffca;
    */
  padding: 5px 15px; }

.actionButton:hover:enabled {
  border: 1px solid green; }

.buttonMechaRed {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue sans-serif;
  background: url("../gfx/common/buttons/button_mecha_red.png") no-repeat center;
  border: 0;
  display: block;
  height: 32px;
  width: 212px;
  cursor: pointer;
  margin: 5px auto;
  color: white;
  font-size: 14px; }
  .buttonMechaRed:hover {
    background-image: url("../gfx/common/buttons/button_mecha_red_.png");
    font-weight: bold; }
  .buttonMechaRed:disabled {
    cursor: not-allowed;
    opacity: 0.3; }

.buttonMechaRedElastic {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue sans-serif;
  position: relative;
  background: url("../gfx/common/buttons/button_mecha_red_middle.png") repeat-x center;
  border: 0;
  display: block;
  height: 32px;
  min-width: 80px;
  cursor: pointer;
  margin: 5px auto;
  color: white;
  font-size: 14px;
  overflow: visible; }
  .buttonMechaRedElastic:before {
    content: "";
    background: url("../gfx/common/buttons/button_mecha_red_left.png") no-repeat center;
    height: 32px;
    width: 74px;
    position: absolute;
    top: 0;
    left: -73px; }
  .buttonMechaRedElastic:after {
    content: "";
    background: url("../gfx/common/buttons/button_mecha_red_right.png") no-repeat center;
    height: 32px;
    width: 74px;
    position: absolute;
    top: 0;
    right: -73px; }
  .buttonMechaRedElastic:hover {
    background-image: url("../gfx/common/buttons/button_mecha_red_middle_.png");
    text-shadow: -0.07ex 0 white, 0.07ex 0 white; }
    .buttonMechaRedElastic:hover:before {
      content: "";
      background: url("../gfx/common/buttons/button_mecha_red_left_.png") no-repeat center; }
    .buttonMechaRedElastic:hover:after {
      content: "";
      background: url("../gfx/common/buttons/button_mecha_red_right_.png") no-repeat center; }
  .buttonMechaRedElastic:disabled {
    cursor: not-allowed;
    opacity: 0.3; }

.buttonPlus {
  background: url("../gfx/common/buttons/button_plus.png") no-repeat center;
  border: 0;
  display: block;
  height: 16px;
  width: 30px;
  cursor: pointer; }

.buttonMinus {
  background: url("../gfx/common/buttons/button_minus.png") no-repeat center;
  border: 0;
  display: block;
  height: 16px;
  width: 30px;
  cursor: pointer; }

div.timerMechaRed {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue sans-serif;
  background: url("../gfx/common/buttons/button_mecha_red.png") no-repeat center;
  border: 0;
  height: 32px;
  width: 212px;
  margin: 5px auto;
  color: white;
  font-size: 16px; }

.error {
  color: red;
  font-weight: bold; }

.input-invalid {
  border: 1px solid darkred !important; }

.blink_1s {
  animation: blinker 1s linear infinite; }

.blink_2s {
  animation: blinker 2s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.stroked-text {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

.stroked-text-blurred {
  text-shadow: -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000, 1px 1px 3px #000; }

div.skipline {
  margin-top: 10px; }

img.hintImg {
  border: 0;
  vertical-align: middle; }

.grecaptcha-badge {
  display: none !important; }

/* menu */
.gameStats div {
  font-size: 9px;
  margin: 3px auto; }

.hrBloodLine {
  background: url("../gfx/common/blood_line.png") no-repeat;
  width: 503px;
  height: 7px;
  margin: 6px auto 10px auto;
  background-size: contain;
  clear: both; }

.hrMechaLine {
  background: url("../gfx/common/mecha_line.png") no-repeat;
  width: 243px;
  height: 10px;
  margin: 8px auto;
  background-size: contain;
  clear: both; }

div.hr620 {
  width: 620px;
  height: 10px;
  text-align: center;
  margin: 10px auto; }

div.top-options {
  text-align: center;
  clear: both;
  margin-bottom: 6px; }
  div.top-options span, div.top-options a {
    white-space: nowrap; }

div#interia_my div {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important; }

div.copyright div {
  width: inherit;
  padding: 0;
  margin: 4px auto; }
  div.copyright div p {
    padding: 0 !important;
    margin: 0 !important; }

div.copyright div.interiaFooter p, div.copyright p#copyright {
  /* dopiska copyright od Interii */
  font-family: Arial, sans-serif;
  font-size: 11px; }

div#inpl_cp_cnt {
  /* popup interii z dołu ekranu */
  display: none !important; }

/* ________________ sala tronowa - okienko z siłą bojową i tatuażami ________________ */
div#detailedStats {
  position: absolute;
  top: 205px;
  left: 315px;
  width: 404px; }

table#detailedStatsOptTbl {
  height: 30px;
  width: 100%; }

table#detailedStatsOptTbl td {
  width: 49%;
  text-align: left;
  cursor: pointer;
  padding-left: 50px; }

table#detailedStatsOptTbl td.selected {
  color: white;
  font-weight: bold; }

div#playerStats {
  width: 392px;
  margin: 0 auto;
  padding-bottom: 6px; }

img.pstats {
  vertical-align: middle; }

div#playerTattoos {
  position: relative;
  display: none;
  height: 275px;
  width: 392px;
  margin: 0 auto 6px auto; }

div.tatoo-pic {
  position: absolute;
  width: 100px;
  height: 100px;
  cursor: pointer; }

table#main-tatoo {
  position: absolute;
  top: 44px;
  left: 28px;
  width: 218px;
  border: 0 solid white; }

div#tpic_1 {
  top: 127px;
  left: 30px; }

div#tpic_2 {
  top: 127px;
  left: 149px; }

div#tpic_3 {
  top: 127px;
  left: 267px; }

div#tpic_4 {
  top: 12px;
  left: 267px; }

.throneTattooEffs {
  position: absolute;
  left: 230px;
  top: 10px; }

div#reflink {
  position: relative;
  text-align: center;
  margin-top: 10px; }

/* ________________ ekran budowy ________________ */
div#bldMainFrame {
  position: relative;
  width: 720px;
  height: 540px;
  margin-top: 10px; }

/* ________________ kolory run - tekst ________________ */
.runeType1 {
  color: #a90000; }

.runeType2 {
  color: #4c9c1f; }

.runeType3 {
  color: #486afd; }

.runeType4 {
  color: #ffac35; }

/* ________________ ikony talizmanów ________________ */
div#talizmanIcons {
  text-align: center;
  padding-left: 10px; }

.talIcon {
  position: relative;
  float: left;
  width: 60px;
  height: 72px;
  margin: 12px 9px;
  padding: 0;
  cursor: pointer;
  border: 0 solid white; }

.talIconSelected {
  box-shadow: 5px 5px 5px #5E3C01;
  margin: 9px 12px 15px 6px !important; }

.talIconImg {
  vertical-align: top; }

.talSlots {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid gray;
  width: 100%; }

.talSlots table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  text-align: center;
  height: 12px; }

.talLvl {
  position: absolute;
  right: 0;
  bottom: 12px;
  font-weight: bold;
  color: lime;
  font-size: 11px; }

/* ________________ tabelka z runami ________________ */
.runeTable {
  position: relative;
  width: 659px;
  margin: 5px auto;
  background: url("../gfx/talizman/runeborder_fill.png") repeat-y; }

.runeTableContent {
  width: 470px;
  text-align: center;
  margin: 0 auto; }

.runeTableContent td {
  width: 25%;
  height: 55px;
  position: relative; }

.runeTableContent tr:nth-child(even) {
  background-color: #270a0a !important; }

.runeTableContent .upgRune {
  display: block;
  position: absolute;
  top: 10px;
  right: 24px; }

.runeCount {
  position: absolute;
  bottom: 12px;
  left: 82px;
  font-weight: bold; }
  .runeCount .inTalizmanCount {
    font-weight: normal;
    opacity: 0.7;
    text-align: right; }

.runeLvl {
  position: absolute;
  top: 4px;
  left: 36px;
  color: white;
  font-weight: bold; }

img#runeByLvlToggle {
  position: absolute;
  left: 320px;
  bottom: 20px;
  z-index: 100;
  cursor: pointer; }

div.runeLvlInTalizman {
  font-weight: bold; }

.destroyRuneWrapper {
  display: inline-block;
  box-sizing: border-box;
  padding: 12px;
  background: none center/0 0 no-repeat;
  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out;
  position: relative; }

.destroyRuneWrapper.type1 {
  background-image: url("../gfx/talizman/rune_vortex_red.png"); }

.destroyRuneWrapper.type2 {
  background-image: url("../gfx/talizman/rune_vortex_green.png"); }

.destroyRuneWrapper.type3 {
  background-image: url("../gfx/talizman/rune_vortex_blue.png"); }

.destroyRuneWrapper.type4 {
  background-image: url("../gfx/talizman/rune_vortex_gold.png"); }

.destroyRuneWrapper.triggered {
  background-size: 100% 100%; }

.destroyRuneWrapper a {
  display: block; }

.destroyRuneWrapper2 {
  position: relative;
  display: inline-block;
  box-sizing: border-box; }

.destroyRuneWrapper2 a {
  display: block; }

.destroyRuneWrapper2Cover {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  cursor: pointer; }

.destroyRuneWrapper2:hover .destroyRuneWrapper2Cover,
.destroyRuneWrapper2.triggered .destroyRuneWrapper2Cover {
  width: 50px;
  height: 50px;
  opacity: 1; }

.destroyRuneWrapper2Cover.type1 {
  background-image: url("../gfx/talizman/rune_vortex_red.png"); }

.destroyRuneWrapper2Cover.type2 {
  background-image: url("../gfx/talizman/rune_vortex_green.png"); }

.destroyRuneWrapper2Cover.type3 {
  background-image: url("../gfx/talizman/rune_vortex_blue.png"); }

.destroyRuneWrapper2Cover.type4 {
  background-image: url("../gfx/talizman/rune_vortex_gold.png"); }

.essenceElementWrapper {
  cursor: pointer;
  background: url("../gfx/talizman/triggered_essence.png") center/50% 50% no-repeat;
  -webkit-transition: background 0.5s ease-out;
  -moz-transition: background 0.5s ease-out; }

.essenceElementWrapper.active {
  background-size: 100% 100%; }

.bwCompTabContent {
  display: none; }

.bwCompTabContent.active {
  display: block; }

.runeTableContentWrapper {
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  -o-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  max-height: 800px; }

.runeTableContentWrapper.collapsed {
  max-height: 0; }

/* ________________ tabelki esencji / włożonych run ________________ */
div #esencje {
  position: relative; }

#esencje table {
  width: 70%;
  text-align: center;
  margin: -10px auto 15px auto; }

#esencje table td {
  position: relative;
  width: 24px; }

#esencje .ess_count {
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 4px; }

/* ________________ talizman - szczegóły ________________ */
div.talizmanBig {
  position: relative;
  width: 700px;
  margin: 5px auto;
  border: 1px solid #78251f;
  display: none; }

div.talBigName {
  background: url("../gfx/talizman/tal_header.jpg") no-repeat;
  height: 28px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 4px;
  color: white; }

img.talBigImg {
  float: left;
  border: 1px solid #a14d04;
  margin-left: 4px;
  margin-top: 0; }

div.talBigSlots {
  float: left;
  width: 583px;
  height: 106px;
  margin-left: 4px;
  border: 1px solid #78251f;
  border-right: 0 !important;
  background: url("../gfx/evo/framefill.jpg") center; }

.talBigSlots table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  text-align: center;
  margin-top: 10px; }

.talBigSlots table img {
  cursor: pointer; }

div.talBigOpts {
  float: left;
  width: 106px;
  height: 70px;
  margin-left: 4px;
  margin-top: 4px;
  text-align: center;
  border: 0 solid white; }

div.talBigEffs {
  float: left;
  width: 583px;
  height: 70px;
  margin-left: 6px;
  margin-top: 4px;
  border: 1px solid #78251f;
  border-right: 0 !important;
  background: url("../gfx/evo/framefill.jpg") center;
  font-size: 12px; }

div.talBigEffsInsider {
  margin: 10px;
  font-size: 12px; }

div.talBigEffsInsiderLong {
  margin: 4px !important;
  font-size: 10px !important; }

div.talBigEffsInsiderVeryLong {
  margin: 3px !important;
  font-size: 9px !important; }

button.clearBtn {
  width: 80px;
  margin: 10px auto;
  background: url("../gfx/talizman/button_off.jpg") repeat-x;
  background-size: contain;
  height: 14px;
  border: 0;
  color: white;
  font-weight: bold;
  font-size: 10px;
  box-sizing: border-box;
  font-stretch: extra-expanded;
  cursor: pointer;
  padding: 0; }

button.clearBtn:hover {
  text-decoration: none;
  background-image: url("../gfx/talizman/button_on.jpg");
  color: white; }

button.clearBtnCanUpgrade {
  color: red !important;
  font-weight: normal; }

span.clearBtnDisabled {
  display: block;
  width: auto;
  margin: 10px auto;
  height: 14px;
  background: url("../gfx/talizman/button_disabled.jpg") repeat-x;
  cursor: not-allowed; }

input.clearBtn {
  background: url("../gfx/talizman/button_off.jpg");
  border: 0;
  color: white;
  font-weight: bold;
  font-size: 10px; }

input.clearBtn:hover {
  background: url("../gfx/talizman/button_on.jpg"); }

input.clearBtnDisabled {
  background: url("../gfx/talizman/button_disabled.jpg");
  border: 0;
  color: white;
  font-size: 10px; }

div.talizmanTotalEffects {
  position: absolute;
  right: 40px;
  bottom: 0; }

/* ________________ talizman - kostka ________________ */
div#talCubeMainFrame {
  position: relative;
  width: 506px;
  height: 249px;
  background: url("../gfx/talizman/kain/ramka.jpg") no-repeat center;
  margin: 20px auto; }

div.talCubeSlot {
  position: absolute;
  left: 73px;
  width: 54px;
  height: 54px;
  background: url("../gfx/talizman/kain/slot_empty.png") no-repeat center;
  cursor: pointer; }

div.talCubeSlotSelected {
  background-image: url("../gfx/talizman/kain/slot_empty_.png") !important; }

div#talCubeSlot1 {
  top: 31px; }

div#talCubeSlot2 {
  top: 98px; }

div#talCubeSlot3 {
  top: 166px; }

div.talCubeSlot img {
  margin: 8px; }

div#talCubeFinalFrame {
  position: absolute;
  left: 348px;
  top: 71px;
  width: 106px;
  text-align: center; }

div#talCubeSlotFinal {
  width: 106px;
  height: 106px;
  background: url("../gfx/talizman/kain/final_slot_empty.png") no-repeat center; }

div#talCubeSlotFinal img {
  display: none;
  vertical-align: middle; }

div.talCubeEssenceCost {
  position: absolute;
  left: 150px;
  font-size: 12px;
  visibility: hidden; }

#essCostDiv1 {
  top: 40px; }

#essCostDiv2 {
  top: 107px; }

#essCostDiv3 {
  top: 174px; }

div.talCubeCombDesc {
  position: absolute;
  top: 20px;
  right: 60px; }

ul.talCubeCombInside {
  padding: 10px 10px 10px 20px;
  margin: 0; }

div.runeSelection_SingleRune {
  position: relative;
  height: 55px; }

div.runeSelection_SingleRune img {
  margin-top: 11px; }

/* talizman forge */
div.forgeRuneSlot {
  height: 62px;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 12px; }

div.forgeRuneSlot.type1 {
  background: url("../gfx/talizman/forge/rune_slot_1.jpg") no-repeat center; }

div.forgeRuneSlotSelected.type1 {
  background: url("../gfx/talizman/forge/rune_slot_1_.jpg") no-repeat center; }

div.forgeRuneSlot.type2 {
  background: url("../gfx/talizman/forge/rune_slot_2.jpg") no-repeat center; }

div.forgeRuneSlotSelected.type2 {
  background: url("../gfx/talizman/forge/rune_slot_2_.jpg") no-repeat center; }

div.forgeRuneSlot.type3 {
  background: url("../gfx/talizman/forge/rune_slot_3.jpg") no-repeat center; }

div.forgeRuneSlotSelected.type3 {
  background: url("../gfx/talizman/forge/rune_slot_3_.jpg") no-repeat center; }

div.forgeRuneSlot.type4 {
  background: url("../gfx/talizman/forge/rune_slot_4.jpg") no-repeat center; }

div.forgeRuneSlotSelected.type4 {
  background: url("../gfx/talizman/forge/rune_slot_4_.jpg") no-repeat center; }

fieldset.forgeItemResultContainer {
  text-align: center;
  margin-top: 0;
  height: 40px; }

/* _________________________________ profile _________________________________________________ */
div.clan-desc {
  word-wrap: break-word; }

/* _________________________________ ekspedycje ______________________________________________ */
#inviteBox {
  position: relative;
  width: 90%;
  margin: 12px auto;
  text-align: center;
  box-sizing: border-box;
  padding: 20px 10px 10px 10px; }

.inviteDefaultSelection {
  color: yellow !important; }

span.cevent_userdesc {
  color: gray; }

.blended {
  color: gray !important; }

.participantMessageIcon {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  padding-left: 5px; }

.frameOption {
  margin: 10px auto;
  width: 600px !important; }

div.ceventMedalLine {
  white-space: nowrap; }
  div.ceventMedalLine + div.ceventMedalLine {
    margin-top: 5px; }
  div.ceventMedalLine > * + * {
    margin-left: 1.5px; }

.ceventMedalBox {
  display: flex;
  flex-wrap: nowrap; }

.ceventMedalDescBox {
  margin-left: 10px;
  padding-top: 5px; }
  .ceventMedalDescBox .ceventMedalClickToSeeReport {
    text-align: right;
    margin-top: 10px; }

/* _________________________________ swr enchant _____________________________________________ */
div.enchant {
  position: relative;
  height: 58px;
  width: 58px;
  border: 1px solid transparent;
  -webkit-transition: border 0.3s linear;
  -moz-transition: border 0.3s linear;
  -o-transition: border 0.3s linear;
  transition: border 0.3s linear; }

div.enchant img {
  border: 1px solid transparent; }

/* umagi przypisane do postaci */
div.playerEnchantsFrame {
  position: relative;
  float: left;
  width: 364px;
  height: 486px;
  margin-top: 20px; }

div.playerEnchantsFrame div.enchant {
  position: absolute; }

div.playerEnchantsFrame div.enchant img {
  border: 1px solid #876bff;
  margin: auto; }

div.playerTotalEffs {
  position: absolute;
  top: 25px;
  right: 25px; }

td.playerTotalEffs {
  font-size: 11px;
  border: 0 !important; }

div#playerEnchants_1 {
  left: 20px;
  top: 30px; }

div#playerEnchants_2 {
  left: 20px;
  top: 105px; }

div#playerEnchants_3 {
  left: 20px;
  top: 180px; }

div#playerEnchants_4 {
  left: 20px;
  top: 255px; }

div#playerEnchants_5 {
  right: 20px;
  top: 150px; }

div#playerEnchants_6 {
  right: 20px;
  top: 225px; }

div#playerEnchants_7 {
  right: 20px;
  top: 300px; }

div#playerEnchants_8 {
  right: 20px;
  top: 375px; }

/* okienko z ulepszaniem umaga */
.playerEnchUpgrades {
  position: absolute; }

#playerEnchUpgrades_1 {
  left: 66px;
  top: 25px; }

#playerEnchUpgrades_2 {
  left: 66px;
  top: 100px; }

#playerEnchUpgrades_3 {
  left: 66px;
  top: 175px; }

#playerEnchUpgrades_4 {
  left: 66px;
  top: 250px; }

#playerEnchUpgrades_5 {
  right: 66px;
  top: 145px; }

#playerEnchUpgrades_6 {
  right: 66px;
  top: 220px; }

#playerEnchUpgrades_7 {
  right: 66px;
  top: 295px; }

#playerEnchUpgrades_8 {
  right: 66px;
  top: 370px; }

/* łapacz_mysli_K */
.swrMagic {
  position: absolute; }

#swrMagic_1_1_1 {
  left: 170px;
  top: 92px; }

#swrMagic_1_1_2 {
  left: 176px;
  top: 150px; }

#swrMagic_1_1_3 {
  left: 188px;
  top: 163px; }

#swrMagic_1_1_4 {
  left: 150px;
  top: 202px; }

#swrMagic_1_1_5 {
  left: 154px;
  top: 230px; }

#swrMagic_1_1_6 {
  left: 217px;
  top: 115px; }

#swrMagic_1_1_7 {
  left: 154px;
  top: 183px; }

#swrMagic_1_1_8 {
  left: 166px;
  top: 192px; }

/* lapacz_mysli_M */
#swrMagic_1_2_1 {
  left: 174px;
  top: 106px; }

#swrMagic_1_2_2 {
  left: 164px;
  top: 137px; }

#swrMagic_1_2_3 {
  left: 168px;
  top: 151px; }

#swrMagic_1_2_4 {
  left: 151px;
  top: 155px; }

#swrMagic_1_2_5 {
  left: 123px;
  top: 192px; }

#swrMagic_1_2_6 {
  left: 109px;
  top: 203px; }

#swrMagic_1_2_7 {
  left: 172px;
  top: 117px; }

#swrMagic_1_2_8 {
  left: 152px;
  top: 170px; }

/* wladca_zwierzat_K */
#swrMagic_2_1_1 {
  left: 181px;
  top: 91px; }

#swrMagic_2_1_2 {
  left: 166px;
  top: 111px; }

#swrMagic_2_1_3 {
  left: 196px;
  top: 119px; }

#swrMagic_2_1_4 {
  left: 157px;
  top: 161px; }

#swrMagic_2_1_5 {
  left: 108px;
  top: 284px; }

#swrMagic_2_1_6 {
  left: 210px;
  top: 140px; }

#swrMagic_2_1_7 {
  left: 213px;
  top: 239px; }

#swrMagic_2_1_8 {
  left: 159px;
  top: 178px; }

/* wz m */
#swrMagic_2_2_1 {
  left: 200px;
  top: 124px; }

#swrMagic_2_2_2 {
  left: 188px;
  top: 162px; }

#swrMagic_2_2_3 {
  left: 189px;
  top: 185px; }

#swrMagic_2_2_4 {
  left: 167px;
  top: 181px; }

#swrMagic_2_2_5 {
  left: 74px;
  top: 309px; }

#swrMagic_2_2_6 {
  left: 264px;
  top: 307px; }

#swrMagic_2_2_7 {
  left: 178px;
  top: 199px; }

#swrMagic_2_2_8 {
  left: 64px;
  top: 330px; }

/* kultystka_K */
#swrMagic_3_1_1 {
  left: 176px;
  top: 129px; }

#swrMagic_3_1_2 {
  left: 192px;
  top: 154px; }

#swrMagic_3_1_3 {
  left: 211px;
  top: 130px; }

#swrMagic_3_1_4 {
  left: 152px;
  top: 114px; }

#swrMagic_3_1_5 {
  left: 189px;
  top: 192px; }

#swrMagic_3_1_6 {
  left: 218px;
  top: 213px; }

#swrMagic_3_1_7 {
  left: 197px;
  top: 357px; }

#swrMagic_3_1_8 {
  left: 199px;
  top: 316px; }

/* kultysta_M */
#swrMagic_3_2_1 {
  left: 189px;
  top: 90px; }

#swrMagic_3_2_2 {
  left: 169px;
  top: 125px; }

#swrMagic_3_2_3 {
  left: 199px;
  top: 133px; }

#swrMagic_3_2_4 {
  left: 140px;
  top: 161px; }

#swrMagic_3_2_5 {
  left: 131px;
  top: 174px; }

#swrMagic_3_2_6 {
  left: 235px;
  top: 140px; }

#swrMagic_3_2_7 {
  left: 187px;
  top: 171px; }

#swrMagic_3_2_8 {
  left: 184px;
  top: 198px; }

/* ssak_k */
#swrMagic_4_1_1 {
  left: 162px;
  top: 96px; }

#swrMagic_4_1_2 {
  left: 148px;
  top: 130px; }

#swrMagic_4_1_3 {
  left: 152px;
  top: 157px; }

#swrMagic_4_1_4 {
  left: 153px;
  top: 106px; }

#swrMagic_4_1_5 {
  left: 157px;
  top: 140px; }

#swrMagic_4_1_6 {
  left: 142px;
  top: 165px; }

#swrMagic_4_1_7 {
  left: 180px;
  top: 212px; }

#swrMagic_4_1_8 {
  left: 201px;
  top: 214px; }

/* ssak_M */
#swrMagic_4_2_1 {
  left: 175px;
  top: 136px; }

#swrMagic_4_2_2 {
  left: 174px;
  top: 170px; }

#swrMagic_4_2_3 {
  left: 184px;
  top: 242px; }

#swrMagic_4_2_4 {
  left: 106px;
  top: 229px; }

#swrMagic_4_2_5 {
  left: 139px;
  top: 294px; }

#swrMagic_4_2_6 {
  left: 187px;
  top: 303px; }

#swrMagic_4_2_7 {
  left: 153px;
  top: 341px; }

#swrMagic_4_2_8 {
  left: 131px;
  top: 119px; }

/* potepiony_k */
#swrMagic_5_1_1 {
  left: 186px;
  top: 66px; }

#swrMagic_5_1_2 {
  left: 173px;
  top: 147px; }

#swrMagic_5_1_3 {
  left: 194px;
  top: 101px; }

#swrMagic_5_1_4 {
  left: 170px;
  top: 119px; }

#swrMagic_5_1_5 {
  left: 188px;
  top: 63px; }

#swrMagic_5_1_6 {
  left: 207px;
  top: 115px; }

#swrMagic_5_1_7 {
  left: 166px;
  top: 161px; }

#swrMagic_5_1_8 {
  left: 189px;
  top: 159px; }

/* potepiony_M */
#swrMagic_5_2_1 {
  left: 150px;
  top: 57px; }

#swrMagic_5_2_2 {
  left: 167px;
  top: 100px; }

#swrMagic_5_2_3 {
  left: 192px;
  top: 105px; }

#swrMagic_5_2_4 {
  left: 125px;
  top: 118px; }

#swrMagic_5_2_5 {
  left: 165px;
  top: 134px; }

#swrMagic_5_2_6 {
  left: 226px;
  top: 96px; }

#swrMagic_5_2_7 {
  left: 243px;
  top: 159px; }

#swrMagic_5_2_8 {
  left: 240px;
  top: 212px; }

/* umagi w stacku */
div.enchantStackFrame {
  float: right;
  width: 184px;
  height: 621px;
  background: url("../gfx/swr/enchantStackFrame2.png") center no-repeat;
  margin-top: 8px;
  box-sizing: border-box; }

div.singleStackFrame {
  width: 145px;
  height: 60px;
  margin-top: 11px;
  margin-right: 10px;
  box-sizing: border-box;
  float: right;
  /*position: relative;*/ }

div.enchantStackFrame div.enchant {
  float: left;
  border: 1px solid transparent; }

div.enchantStackFrame div.enchant img {
  border: 1px solid transparent; }

div.stackDetails {
  float: right;
  width: 80px;
  border: 0 solid red;
  text-align: center;
  padding-top: 16px;
  position: relative; }

img.swrPtsMiniPic {
  vertical-align: bottom; }

span.swrPtsValue {
  font-weight: bold;
  font-size: 14px;
  color: lime; }

/* ogólne */
div.enchantSelected {
  border: 1px solid #9100cd !important; }

div.enchantSelected img {
  border: 1px solid #f5daff !important; }

div.enchantDescTbl {
  display: none;
  position: absolute;
  width: 190px;
  z-index: 10; }

div.enchantDescLocationName {
  text-align: center;
  font-weight: bold;
  color: white; }

td.enchantDescInside {
  width: 100%;
  padding: 10px 3px;
  border: 2px solid #9100cd;
  color: #d30ed3;
  text-align: center;
  background: black;
  filter: alpha(opacity=90) !important;
  opacity: 0.90 !important;
  line-height: 150%; }

.stackEnchUpgrades {
  position: absolute;
  right: -10px;
  top: -5px;
  border: 0 !important; }

.stackEnchUpgrades:hover {
  border: 0 !important; }

.enchantUpgradeDesc {
  border-bottom: 1px solid darkred;
  padding: 3px 1px; }

.enchantUpgradeDesc:last-child {
  border-bottom: 0 !important;
  /*margin-bottom: 0 !important;*/ }

.playerEnchUpgrades-enabled, .stackEnchUpgrades-enabled, .tempEnchUpgrades-enabled {
  cursor: pointer; }

.swrClickToUpgrade {
  text-align: right;
  padding-top: 3px;
  font-style: italic; }

.swrEnchantRepPts {
  position: absolute;
  bottom: 10px;
  left: 50px;
  font-size: 12px; }

.swrEnchantReportChance {
  text-align: left;
  margin: 10px; }

/* _____________________________________________ playerStats.tpl _____________________________________________ */
tr.borderDown td {
  border-bottom: 1px dotted gray !important; }

/* _____________________________________________ EQUIP _____________________________________________ */
table.equipCompareOptions {
  width: 100%;
  text-align: center;
  margin-top: 2px; }

table.equipCompareOptions td {
  padding: 8px; }

.equipCompareDiv {
  margin: 2px auto;
  text-align: center; }

ul.compareEffsList {
  list-style-type: none;
  font-size: 11px; }

td.compStatName {
  text-align: right;
  width: 30%;
  max-width: 30%; }

td.compStatVal {
  text-align: center; }

.efMark {
  color: gold !important; }

input.comparing {
  background: green !important; }

div.itemgfx-opts {
  position: absolute;
  width: auto;
  height: auto;
  border: 0 solid red;
  z-index: 100; }

select.equipNewTab {
  width: 60px; }

.button.equipNewTabBtn {
  display: inline;
  width: 80px; }

.button.equipItemsBtn {
  margin-top: 15px;
  width: 100%;
  padding: 2px 0; }

.destroyItemsBtn {
  margin-top: 15px !important;
  width: 100% !important;
  padding: 2px 0 !important; }

.item-name {
  color: #DABA4C;
  font-weight: bold; }

/* _________________________________________ clan bld ____________________________ */
div.clanBldFrame {
  margin-bottom: 10px; }

div.clanBldFrame .clanBldTitle {
  padding-top: 20px;
  margin-bottom: 10px; }

.clanBldTitle {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding-top: 10px;
  width: 190px;
  float: left; }

.clanBldBuyButton {
  background: url("../gfx/clanbld/icons/btn_normal.png") no-repeat;
  width: 78px;
  height: 38px;
  border: 0 none;
  user-select: none; }

.clanBldBuyButton:hover, .clanBldBuyButton:focus {
  background-image: url("../gfx/clanbld/icons/btn_hilighted.png"); }

.clanBldBuyButton img {
  margin-top: -10px;
  border: 0 none; }

.clanBldBuyButton div {
  white-space: nowrap;
  color: white;
  font-weight: bold;
  font-size: 12px;
  margin-top: -4px; }

.clanBldBuy10Button {
  width: 60px;
  height: 18px;
  border: none;
  background: transparent url("../gfx/clanbld/icons/add_10_disabled.png") no-repeat;
  box-sizing: border-box;
  padding: 0 5px; }

.clanBldBuy10Button:hover {
  background-image: url("../gfx/clanbld/icons/add_10_enabled.png"); }

#paypanel {
  width: 100%; }

#paypanel td {
  text-align: center; }

.paypanelResCounts td {
  height: 18px;
  vertical-align: top; }

div.payrankRow {
  background: url("../gfx/clanbld/icons/payrank_element.jpg") center no-repeat;
  width: 187px;
  height: 44px;
  text-align: center;
  overflow: hidden; }

div.payrankRow:last-child {
  background-image: url("../gfx/clanbld/icons/payrank_element_last.png") !important;
  height: 60px !important; }

div.payrankRow-inside {
  margin-top: 6px; }

.payrankRow-hammers {
  font-weight: bold;
  font-size: 14px; }

.payrankRow-hammers img {
  height: 16px;
  vertical-align: top; }

.payrankRow-info {
  margin-top: 3px; }

.payrankIcons {
  position: absolute;
  right: 15px;
  top: 0; }

.payrankIcons > img {
  cursor: pointer; }

.payrankTbl {
  position: absolute;
  width: 190px;
  z-index: 999;
  text-align: center; }

#payrank_my {
  right: 145px; }

#payrank_daily {
  right: 105px; }

#payrank_weekly {
  right: 65px; }

#payrank_monthly {
  right: 25px; }

#payrank_total {
  right: -15px; }

.payButton {
  background: url("../gfx/clanbld/icons/pay_button_off.png") center no-repeat;
  color: #ddbebc;
  border: 0;
  width: 109px;
  height: 24px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 5px;
  margin-bottom: 3px; }

.payButton:hover, .payButton:focus {
  background-image: url("../gfx/clanbld/icons/pay_button_on.png"); }

div.clanPayHammers {
  background: url("../gfx/clanbld/icons/progressbar_empty.png") center no-repeat;
  width: 190px;
  height: 23px;
  float: left;
  margin-top: 5px;
  margin-bottom: 8px;
  position: relative; }

div.clanPayPanelDock {
  float: left;
  width: 530px; }

div.clanPayPanelDock > input.payButton {
  box-sizing: border-box;
  margin-top: 37px;
  margin-left: 15px; }

div.clanPayHammersAmmount {
  position: absolute;
  left: 0;
  top: 3px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: white; }

.clanPayProgressBar {
  background: url("../gfx/clanbld/icons/progressbar_full.png") left no-repeat;
  height: 23px; }

/* _________________________________________ raffle ____________________________ */
.raffle-main {
  width: 651px;
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 24pt;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
  padding: 0; }

.raffle-main-bottom {
  text-align: center;
  width: 651px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  margin-bottom: -20px; }

.raffle-main-sub {
  margin: 20px;
  font-family: Arial, sans-serif;
  font-size: 20pt;
  padding-bottom: 20px; }

div.raffleResetRules {
  font-size: 10px;
  text-align: center;
  margin: 10px; }

.raffle-buy-btn {
  border: 0;
  width: 226px;
  height: 53px;
  font-family: Verdana, Helvetica, sans-serif;
  color: #ffe5b4;
  font-size: 18px;
  text-shadow: 2px 2px #6c1e1e;
  margin-top: 0;
  cursor: pointer; }

/* raffle terms */
.raffle-terms-container {
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  margin: 30px 10px 20px 10px;
  z-index: 10;
  position: relative; }

.raffle-terms-bottom {
  position: absolute;
  padding: 0 !important;
  bottom: -16px;
  z-index: 1; }

.raffleCustomItemStatsHeader {
  text-align: center;
  margin: 10px;
  font-size: 12px;
  float: none;
  width: 100%; }

div.raffleCustomItemContainer {
  text-align: center;
  font-size: 12px;
  margin: 10px; }

.raffleCustomItemClaimOptions {
  display: flex; }

.raffleCustomItemClaimOptions .claimButtonContainer {
  text-align: center;
  margin: 20px;
  width: 50%; }

.raffleCustomItemClaimOptions input.claimButton {
  font-size: 12px;
  padding: 5px;
  margin-top: 8px; }

.raffleCustomItemClaimOptions .chooseAgainButtonContainer {
  text-align: center;
  margin: 20px;
  width: 50%; }

.raffleCustomItemClaimOptions input.chooseAgainButton {
  font-size: 12px;
  padding: 5px;
  margin-top: 20px; }

/* _________________________________________ training ____________________________ */
td.training_statImg {
  width: 40px;
  text-align: left; }

td.training_statImg img {
  width: 22px;
  height: 22px;
  padding: 2px; }

td.training_statName {
  width: 120px;
  height: 26px;
  text-align: left; }

td.training_statVal {
  width: 40px;
  text-align: right; }

td.training_statValInBattle {
  width: 40px;
  text-align: right; }

td.training_statCost {
  width: 90px;
  text-align: right;
  padding-right: 10px; }

td.training_statChange {
  width: 20px;
  text-align: center;
  padding-left: 5px; }

img.training_characterImg {
  float: left;
  margin-left: 5px;
  margin-top: 10px; }

/* -------------- quest ----------------- */
div.actQuestActionImg {
  width: 200px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto; }

div.actQuestActionTimeLeft {
  width: 200px;
  font-size: 16px;
  background: black;
  filter: alpha(opacity=80);
  opacity: 0.80;
  color: #DABA4C; }

/* -------------- quest bonus ----------------- */
.qb-img {
  margin-right: 2px;
  padding: 1px;
  height: 75px; }

.qb-desc-main {
  position: relative !important;
  width: 482px;
  margin-right: 2px;
  padding: 1px;
  height: 75px; }

.qb-desc-desc {
  margin: 8px;
  font-size: 11px; }

.qb-desc-buynow {
  position: absolute;
  left: 30px;
  bottom: 3px; }

.qb-desc-lvlreq {
  position: absolute;
  right: 3px;
  bottom: 3px; }

.qb-desc-in {
  margin: 2px 0;
  width: 640px; }

.qb-bar-main {
  float: left;
  width: 567px;
  height: 14px;
  margin-left: auto;
  margin-right: auto; }

.qb-act {
  float: left;
  width: 255px;
  text-align: left;
  text-indent: 15px;
  margin-top: -1px; }

.qb-bar-holder {
  position: relative;
  float: left;
  width: 300px;
  margin-left: 8px; }

.qb-bar-bar {
  position: absolute;
  left: 0;
  height: 14px; }

.quest-treasureSummaryBar {
  position: relative;
  width: 632px;
  height: 70px;
  margin: 0 auto; }

.quest-treasurePtsLabel {
  position: absolute;
  top: 23px;
  left: 15px;
  width: 220px;
  text-align: center;
  font-size: 14px;
  font-weight: bold; }

.quest-treasureProgressBarEmpty {
  z-index: 1; }

.quest-treasureProgressBarFull {
  height: 14px;
  z-index: 2; }

.quest-treasureProgressBar {
  position: absolute;
  top: 0;
  left: 0; }

.quest-treasurePtsDisplay {
  width: 300px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin-top: -1px;
  z-index: 5; }

.quest-treasureChestContainer {
  position: absolute;
  right: 0; }

.quest-treasureChestLink {
  display: block; }

.quest-treasureChestLink:hover img {
  visibility: hidden; }

.quest-treasureBarHolder {
  position: absolute;
  top: 26px;
  left: 242px; }

.qb-collect-link {
  display: inline-block;
  float: right;
  background: url("../gfx/common/questbonus/dig.png");
  padding: 0 15px; }

.qb-collect-link:link, .qb-collect-link:visited {
  color: aliceblue;
  font-weight: bold; }

.qb-collect-link:hover {
  background: url("../gfx/common/questbonus/dig_.png");
  text-decoration: none;
  color: white !important; }

.qb-dig-desc {
  font-size: 14px;
  padding-left: 10px; }

.qb-questPtsLeft {
  width: 350px;
  height: 33px;
  float: right;
  margin: -10px 80px 15px 0;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  overflow: hidden; }

.qb-rewardTypes-selection {
  width: 90%;
  text-align: center;
  margin: 15px auto;
  clear: both; }

/* -------------- lista bonusów (wiadomości z bonusami) ----------------- */
ul.bonuslist {
  list-style: inside url("../gfx/bonus.png");
  text-align: center; }

ul.bonuslist li {
  padding: 8px; }

/* -------------- main (sala tronowa) ----------------- */
.throne-maindiv {
  position: relative;
  width: 757px;
  height: 543px;
  margin-left: -15px;
  margin-top: 8px;
  background: no-repeat top center;
  overflow: auto; }

.throne-maindiv #loginBonusIconContainer {
  position: absolute;
  left: 34px;
  bottom: 8px; }

.hovering-icon {
  display: block; }

.hovering-icon:hover img {
  visibility: hidden; }

/* tabelka z arkanami, rasą itp */
table#main-stats {
  position: absolute;
  top: 18px;
  left: 40px;
  width: 266px; }

table#main-stats tr {
  height: 25px; }

table#main-stats td:first-child {
  width: 44%;
  text-align: right;
  padding-right: 10px; }

table#main-stats td:last-child {
  width: 56%; }

/* płeć */
div#main-sex {
  position: absolute;
  top: 36px;
  left: 311px;
  width: 206px;
  text-align: center;
  font-weight: bold; }

/* imię syna */
div#main-son {
  position: absolute;
  top: 28px;
  left: 520px;
  width: 206px;
  text-align: center; }
  div#main-son .header {
    font-size: 9px; }
  div#main-son .name {
    font-weight: bold;
    font-size: 12px;
    margin-top: 6px; }

#main-playerLvl {
  position: absolute;
  top: 73px;
  left: 311px;
  width: 206px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  #main-playerLvl .value {
    font-weight: bold;
    font-size: 12px; }

div#main-reqs-reduce {
  position: absolute;
  top: 73px;
  left: 522px;
  width: 206px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  div#main-reqs-reduce .value {
    font-weight: bold;
    font-size: 11px; }

#main-expPtsLabel {
  position: absolute;
  top: 98px;
  left: 311px;
  width: 206px;
  height: 17px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

#main-expValueContainer {
  position: absolute;
  top: 122px;
  left: 311px;
  width: 204px;
  height: 18px;
  text-align: center;
  font-weight: bold;
  padding-top: 1px; }
  #main-expValueContainer .value {
    font-size: 9px; }
  #main-expValueContainer .bar {
    height: 5px;
    width: 200px;
    margin: 0 auto;
    background: url("../gfx/common/progressbar/progresbar_blank.png") repeat-x center; }
    #main-expValueContainer .bar .expRed {
      height: inherit;
      background: url("../gfx/common/progressbar/progresbar_red.png") repeat-x center; }

#main-repPts {
  position: absolute;
  top: 122px;
  left: 520px;
  width: 206px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  #main-repPts b {
    white-space: nowrap; }

#main-growPts {
  position: absolute;
  top: 98px;
  left: 520px;
  width: 206px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  #main-growPts b {
    white-space: nowrap; }

#main-dmgLabel {
  position: absolute;
  top: 158px;
  left: 90px; }

#main-dmgDisplay {
  position: absolute;
  top: 150px;
  left: 190px;
  width: 119px;
  height: 35px; }

#main-dmgDisplay td {
  height: 16px;
  text-align: center; }

#main-defenseLabel {
  position: absolute;
  top: 204px;
  left: 90px; }

.main-bigLabel {
  width: 96px;
  text-align: center;
  font-size: 12px; }

#main-defenseDisplay {
  position: absolute;
  top: 204px;
  left: 190px;
  width: 119px;
  text-align: center;
  font-size: 12px;
  font-weight: bold; }

#main-weaponsEquipped {
  position: absolute;
  top: 148px;
  left: 320px;
  height: 35px;
  width: 396px;
  text-align: center; }

#main-playerStats {
  position: relative;
  top: 259px;
  left: 40px;
  width: 268px;
  height: 216px; }

div.training-evo {
  margin: 20px 0;
  text-align: left; }

/* _______________________________ mixer _______________________________ */
.stoneCombineFrame {
  width: 500px !important;
  text-align: center; }

.stoneCombineFrame tr {
  height: 30px; }

td.stoneCombineCost {
  width: 250px; }

td.stoneCombineGain {
  width: 130px;
  text-align: left; }

td.stoneCombineAmmount {
  width: 60px; }

td.stoneCombineButton {
  width: 33px; }

input.stoneCombineAmmount {
  width: 40px;
  font-size: 12px;
  text-align: right;
  margin-right: 10px;
  font-weight: bold; }

input.stoneCombineButton {
  width: 30px; }

/* mixer upgrade item */
div.upgradeItemLeftContainer {
  float: left;
  width: 49%;
  margin-top: 5px; }

fieldset.upgradeItemContainer {
  text-align: center;
  margin-top: 10px; }

fieldset.upgradeItemResultContainer {
  text-align: center;
  margin-top: 10px;
  height: 90px; }

.upgradeItemResultBox {
  height: 71px; }
  .upgradeItemResultBox > span {
    display: block; }
  .upgradeItemResultBox > div {
    margin-top: 10px; }

fieldset.upgradeItemInfoContainer {
  text-align: center;
  margin-top: 10px; }

div.upgradeItemSubmitBox {
  margin-top: 20px;
  text-align: center; }

div.downgradeMaxBox {
  text-align: right;
  margin-top: 15px; }

/* _______________________________ auction _______________________________ */
tr.auctionRow {
  text-align: center; }

tr.auctionRow > td {
  padding: 3px 0; }

.auctionPrizeStones {
  font-size: 9px;
  color: gray; }

.auPrizeMin {
  font-size: 8px;
  color: gray; }

img.auctionActionImg {
  border: 0;
  cursor: pointer;
  margin-left: 5px; }

#biddiv {
  visibility: hidden;
  position: absolute;
  top: -10000px;
  left: -10000px;
  z-index: 999;
  width: 450px; }

table.bidTable {
  width: 100%;
  position: relative;
  text-align: center; }

table.bidTable td {
  padding: 3px 0; }

.auctionHelperButton {
  width: 40px;
  height: 20px;
  margin: 3px;
  vertical-align: top; }

tr.auctionStoneSummary > td {
  border-top: 1px dashed aliceblue; }

table.fullPayRankClan {
  width: 100%;
  margin: 10px auto; }

table.fullPayRankClan thead td {
  cursor: pointer; }

table.fullPayRankClan td {
  width: 10%;
  padding: 4px; }

table.fullPayRankClan tr td:first-child {
  width: 25%; }

table.fullPayRankClan tr td:nth-child(2) {
  width: 25%; }

table.fullPayRankClan tbody td {
  text-align: center; }

table.fullPayRankClan tbody td:first-child {
  text-align: center; }

table.fullPayRankTotal {
  width: 60%;
  margin: 10px auto; }

table.fullPayRankTotal td {
  padding: 4px; }

table.fullPayRankTotal thead td:first-child {
  width: 60%; }

#payrankicon_totalrank {
  margin-left: 20px; }

.clanBldHammerMini {
  height: 16px; }

.clanBldPayRankHammers {
  font-size: 12px; }

/*  ____ ambush - spy ____ */
.spyAction td {
  padding: 8px 0; }

div.ambushAction {
  margin: 20px auto 30px auto;
  width: 713px; }

div.ambushActionImg {
  width: 213px;
  float: left;
  padding-top: 10px; }

table.ambushActionBasicData {
  width: 100%;
  margin-bottom: 7px; }

div.ambushActionInfo {
  width: 500px;
  margin: 0 auto; }

div.changeTacticsButton {
  padding: 3px;
  text-align: center;
  margin: 3px auto; }

fieldset.changeTactics {
  width: 90%;
  margin-left: 20px;
  margin-right: 0;
  text-align: left; }

div.ambushActionSaveTacticsButtonHolder {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center; }

div.ambushSacrifice {
  margin-top: 20px;
  text-align: center; }

table.ambushJoinList {
  width: 100%; }

table.ambushJoinList td {
  width: 50%;
  text-align: center;
  padding: 3px; }

div.ambushJoinListFearUsed {
  text-align: center;
  margin-top: 10px; }

img.medalImgSmall {
  border: 0;
  width: 37px;
  height: 15px;
  margin: 2px 0; }

div.medalClickToSeeReport {
  text-align: right;
  margin-top: 10px; }

img.medalImgBig {
  width: 80px;
  height: 80px; }

.medalDescBox {
  width: 100%;
  padding-left: 10px !important; }

a.imgLink, a.imgLink:hover, a.imgLink:active {
  text-decoration: none !important;
  background: transparent !important; }

/* ___________________ login bonus ________________________ */
.loginBonusBorder {
  position: absolute; }

div.loginBonusIconHolder {
  float: left;
  margin: 0 3px; }

.loginBonusBorder_1 {
  top: 67px;
  left: 26px; }

.loginBonusBorder_2 {
  top: 67px;
  left: 140px; }

.loginBonusBorder_3 {
  top: 67px;
  left: 254px; }

.loginBonusBorder_4 {
  top: 67px;
  left: 368px; }

.loginBonusBorder_5 {
  top: 67px;
  left: 482px; }

.loginBonusBorder_6 {
  top: 217px;
  left: 26px; }

.loginBonusBorder_7 {
  top: 217px;
  left: 140px; }

.loginBonusBorder_8 {
  top: 217px;
  left: 254px; }

.loginBonusBorder_9 {
  top: 217px;
  left: 368px; }

.loginBonusBorder_10 {
  top: 217px;
  left: 482px; }

div.cyberpunk_header2 {
  margin: 8px;
  display: flex;
  align-items: center;
  justify-content: center; }

div.cyberpunk_header2 .innerText {
  text-align: center; }

div.cyberpunk_header2 .screenHeaderTxt {
  font-weight: bold;
  font-size: 16px; }

div.cyberpunk_header2 .screenHeaderDate {
  font-weight: bold;
  margin-top: 3px; }

div.loginBonus_pane {
  position: relative;
  width: 646px;
  margin: 0 auto; }

div.loginBonus_innerPane {
  margin: 35px 30px 0 30px; }

div.loginBonus_innerPane_5rows {
  width: 470px;
  margin-left: auto;
  margin-right: auto; }

div#loginBonus_rewardToday {
  float: left;
  background: url("../gfx/loginbonus/reward_today.png?new") no-repeat center;
  position: relative;
  width: 312px;
  height: 103px; }

div#loginBonus_rewardNext {
  float: right;
  background: url("../gfx/loginbonus/reward_next.png?new") no-repeat bottom;
  position: relative;
  width: 312px;
  height: 103px; }

div#loginBonus_rewardTodayLabel {
  position: absolute;
  bottom: 17px;
  left: 102px;
  width: 200px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #BEBCBC; }

div#loginBonus_rewardNextLabel {
  position: absolute;
  top: 46px;
  right: 80px;
  width: 200px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #BEBCBC; }

div#loginBonus_rewardNextLabel img {
  vertical-align: bottom; }

img.loginBonus_rewardTodayImg {
  position: absolute;
  top: 7px;
  left: 13px;
  width: 74px; }

img.loginBonus_rewardTodayImgUnknown {
  position: absolute;
  top: 12px;
  left: 24px;
  width: 53px; }

img.loginBonus_rewardNextImg {
  position: absolute;
  right: 8px;
  bottom: 2px;
  width: 50px; }

img.loginBonus_rewardNextImgUnknown {
  position: absolute;
  right: 15px;
  bottom: 7px;
  width: 35px; }

div.rewardListContainer {
  position: relative;
  width: 646px;
  margin: 0 auto;
  padding-bottom: 35px; }
  div.rewardListContainer div.rewardList {
    position: relative;
    text-align: center;
    background: url("../gfx/loginbonus/reward_list_top.png") no-repeat top center;
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom-left-radius: 15%;
    border-bottom-right-radius: 15%; }
  div.rewardListContainer div.rewardListBottom {
    position: absolute;
    bottom: -10px;
    left: -1px;
    background: transparent url("../gfx/loginbonus/reward_list_bottom.png") no-repeat;
    background-size: contain;
    height: 173px;
    width: 646px; }

div.loginBonus_rewardBox {
  position: relative;
  background: url("../gfx/loginbonus/kwadrat_big.png") no-repeat center;
  display: inline-block;
  vertical-align: middle;
  width: 79px;
  height: 95px;
  overflow: hidden;
  margin: 0 2px; }

div.loginBonus_rewardBox_today {
  background-image: url("../gfx/loginbonus/kwadrat_select.png") !important; }

img.loginBonus_rewardImg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10; }

div.loginBonus_rewardAmmount {
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-weight: bold;
  color: white;
  z-index: 11; }

img.loginBonus_status {
  position: absolute;
  top: 12px;
  left: 5px;
  z-index: 11; }

div.loginBonus_rewardDesc {
  text-align: center;
  font-weight: bold;
  padding: 5px; }

div.loginBonus_rewardDescAdditionalInfo {
  margin-top: 15px;
  padding: 2px; }

div.loginBonus_dayCountBox {
  background: url("../gfx/loginbonus/dayCount.png") no-repeat center;
  width: 285px;
  height: 27px;
  margin: 0 auto;
  overflow: hidden; }

div.loginBonus_dayCountText {
  text-align: center;
  margin-top: 2px;
  color: white; }

div.loginBonus_dayCountText b {
  font-size: 14px; }

.loginbonus-main {
  position: relative; }

.loginbonus-fb-fanpage-link {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0; }

.loginbonus-fb-fanpage-link:hover {
  background: transparent !important; }

img.serverEvent {
  float: left;
  margin-right: 5px; }

div.premiumNoticeIntro {
  margin-bottom: 15px;
  font-weight: bold; }

div.premiumNoticeOptions {
  margin-top: 20px;
  text-align: center; }

img#currentActLogo {
  position: absolute;
  right: 60px;
  bottom: 0; }

/* ___________________ rejestracja ________________________ */
.regbutton {
  background: url("../gfx/reg_btn_px.jpg") repeat-x center center;
  border: 0;
  width: 200px;
  height: 25px;
  color: #2A0606;
  font-weight: bold;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 12pt; }

.regbutton:hover {
  background: url("../gfx/reg_btn_px_hov.jpg") repeat-x center center;
  color: white;
  font-weight: bold; }

.regbutton2 {
  background: url("../gfx/common/buttons/reg.png") repeat-x center center;
  border: 0;
  width: auto;
  height: 20px;
  padding: 0 30px;
  color: lightblue;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 1px; }

.regbutton2:hover {
  background-image: url("../gfx/common/buttons/reg_hover.png");
  color: white; }

.regbutton-disabled {
  opacity: 0.2; }

.inputbox-reg {
  box-sizing: border-box;
  background: url("../gfx/reg_input.png") no-repeat;
  color: aliceblue;
  border: 0 solid;
  font-weight: bold;
  margin: 0;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 10pt;
  width: 200px; }

.inputbox-reg:focus {
  background: url("../gfx/reg_input_glow.png") no-repeat;
  color: white;
  border: 0 solid;
  font-weight: bold; }

#reg_frame {
  background: url("../gfx/common/register/background.png") top center no-repeat;
  padding-top: 130px;
  min-width: 1025px;
  min-height: 803px; }

#reg_frame table {
  padding: 0;
  margin: 0;
  border: 0 solid;
  border-collapse: collapse;
  empty-cells: hide; }

#reg_frame tr {
  padding: 0;
  margin: 0;
  border: 0 solid; }

#reg_frame td {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 9pt;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0 solid; }

#reg_frame .error {
  box-sizing: border-box;
  position: relative;
  height: 20px;
  text-align: center;
  margin-top: 15px;
  border: 0 solid red;
  font-size: 14px;
  margin-bottom: 22px; }

#referenceLinkSection {
  box-sizing: border-box;
  text-align: center; }

.refnick {
  color: gold;
  font-weight: bold; }

#registerForm {
  position: relative;
  width: 554px;
  margin-left: auto;
  margin-right: auto; }

.registerFormSection, .registerFormSectionLast {
  position: relative;
  box-sizing: border-box;
  margin-top: 25px;
  padding-top: 20px;
  width: 100%;
  background: url("../gfx/common/register/border_top.png") no-repeat top center; }

.registerFormSection:after {
  display: block;
  content: " ";
  width: 100%;
  height: 15px;
  background: transparent url("../gfx/common/register/border_bottom_a.png") no-repeat bottom center;
  position: relative;
  bottom: -15px; }

.registerFormSectionLast:after {
  display: block;
  content: " ";
  width: 100%;
  height: 15px;
  background: transparent url("../gfx/common/register/border_bottom_b.png") no-repeat bottom center;
  position: relative;
  bottom: -15px; }

#accountDataTableContainer {
  position: relative; }

#accountDataTableContainer:before {
  content: url("../gfx/common/register/side_decor.png");
  position: absolute;
  left: -19px;
  top: -5px; }

#accountDataTableContainer table {
  margin: 0 auto; }

#accountDataTableContainer table tr {
  height: 27px; }

#accountDataTableContainer table tr td {
  width: 250px; }

#accountDataTableContainer table tr td:first-child {
  text-align: right;
  padding-right: 20px; }

#accountDataTableContainer table tr td:last-child {
  text-align: left; }

#bonusCodeContainer table {
  margin: 0 auto; }

#bonusCodeContainer .inputbox-reg {
  width: 150px;
  border-style: solid;
  padding: 3px;
  font-weight: bold;
  text-align: center; }

#acceptanceTermsContainer {
  position: relative; }

#acceptanceTermsInnerContainer {
  width: 460px;
  margin: 0 auto; }

div.acceptanceTermsSingleTerm {
  margin: 7px; }

#acceptanceTermsContainer:before {
  content: url("../gfx/common/register/skull.png");
  position: absolute;
  left: 120px;
  bottom: -144px;
  z-index: 1; }

#sendFormButtonContainer {
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  text-align: center; }

#reg_shortregContainer {
  box-sizing: border-box;
  margin-top: 135px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  width: 818px; }

#reg_shortreg {
  box-sizing: border-box;
  border: 1px solid #350105;
  border-top: 0;
  border-bottom: 0;
  margin: 0 10px;
  padding: 0 10px; }

#reg_shortreg p {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 9pt; }

#reg_shortreg p:last-child {
  margin-bottom: 0; }

#reg_shortreg h2 {
  margin: 0 0 5px;
  color: #BD2B2B;
  font-weight: bold;
  font-size: 18px;
  font-family: "Trebuchet MS", sans-serif; }

.copyright-reg {
  position: relative;
  margin: 20px auto;
  text-align: center;
  background: transparent;
  z-index: 10; }

div.register_accept_marketingInfo {
  margin-top: 10px;
  font-style: italic; }

/* ___________________ char make ________________________ */
#race_and_sex_div {
  position: relative;
  width: 900px;
  margin-top: 3px;
  border: 0 solid green; }

#sexydiv {
  position: absolute;
  top: 55px;
  right: 55px;
  z-index: 600; }

#race_div {
  position: relative;
  width: 800px;
  border: 0 solid white; }

.sexy_icon {
  cursor: pointer;
  padding: 2px 0; }

.charmake_descContainer {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 593px;
  height: 153px;
  z-index: 400;
  overflow: auto; }

.charmake_mainDesc {
  position: relative;
  height: 16px;
  width: 500px;
  z-index: 500;
  color: #DABA4C;
  font-size: 14px;
  font-weight: bold; }

.charmake_subDesc {
  margin-top: 5px;
  width: 540px;
  z-index: 500;
  color: #DABA4C;
  font-size: 11px;
  text-align: justify; }

.charmake_subDesc div {
  padding-top: 3px;
  color: aliceblue; }

#race_select_div {
  position: relative;
  clear: both;
  width: 800px;
  height: 450px;
  margin-top: 10px;
  border: 0 solid red; }

#bg0 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }

#bg1 {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  visibility: hidden;
  z-index: 0; }

#bg2 {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  visibility: hidden;
  z-index: 0; }

.char_make_race {
  visibility: hidden;
  position: absolute;
  border: 0;
  z-index: 5; }

#char_make_error_div {
  position: relative;
  margin-top: 0;
  height: auto;
  z-index: 500;
  font-size: 14px; }

#namediv {
  position: relative;
  visibility: hidden;
  margin-top: 15px;
  z-index: 1000; }

#namediv .button {
  margin-left: 20px; }

.char_make_name_div_side_img {
  display: inline;
  vertical-align: middle;
  margin: 0 10px; }

#char_make_name_input_handler {
  text-align: left;
  display: inline-block;
  width: 180px; }

#char_make_name_input_handler input {
  text-align: left;
  width: 150px; }

/* ___________________ reminder - both steps ________________________ */
.remindMainContainer {
  background: transparent;
  text-align: center;
  height: 200px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0 0; }

.remindMainContainer .error {
  height: 12px; }

.remaindHeader {
  margin-top: 5px; }

.remindMainContainer .tableContainer {
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 20px;
  height: 100px; }

.remindMainContainer .tableContainer table {
  height: 100%;
  margin: 0; }

/* ___________________ reminder - step send mail ________________________ */
#remindSendMailStepMainContainer .labelHandler {
  margin-bottom: 10px; }

.disabled-input-section {
  opacity: 0.6; }

.enabled-input-section {
  opacity: 1; }

.enabled-input-section label {
  font-weight: bold; }

/* ___________________ reminder - step change password ________________________ */
#remindChangePasswordStepMainContainer .tableContainer {
  padding: 20px 0; }

#changePasswordAfterRemindForm table tr td:first-child {
  text-align: right;
  padding-right: 20px; }

#changePasswordAfterRemindForm table tr td:last-child {
  text-align: left; }

.premiumContactFormDescription {
  font-size: 12px;
  font-weight: bold; }

.premiumContactFormButton {
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: url("../gfx/premium/formularz_off.png") no-repeat center;
  height: 40px;
  box-sizing: border-box;
  padding-top: 10px;
  margin-top: 8px; }

.premiumContactFormButton:hover {
  background-image: url("../gfx/premium/formularz_on.png"); }

.premiumContactFormButton a:hover {
  text-decoration: none; }

.enchantFreeDarkPts {
  position: relative;
  background: url("../gfx/swr/swr_free_pts_box.png") no-repeat center;
  float: right;
  width: 184px;
  height: 28px;
  text-align: center;
  font-size: 12px;
  color: lime;
  clear: both;
  box-sizing: border-box;
  padding-top: 6px; }

div.enchantStackFrameBox {
  box-sizing: border-box;
  height: 77px; }

div.enchantStackLocationLock {
  float: left;
  width: 20px;
  margin-top: 36px;
  margin-left: 6px;
  text-align: center; }

div.enchantStack {
  float: right;
  box-sizing: border-box;
  width: 356px; }

div.addFreeDarkPtsIcon {
  background: url("../gfx/swr/swr_add_pts.png") no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }

div.addFreeDarkPtsIcon.disabled {
  cursor: not-allowed; }

div.addFreeDarkPtsIcon:hover {
  background-image: url("../gfx/swr/swr_add_pts_.png"); }

#addFreePtsPopup {
  display: none;
  padding: 10px; }

#addFreePtsContainer {
  box-sizing: border-box;
  padding: 8px; }

#addFreePtsContainer .button {
  margin-top: 10px; }

#addFreePtsValue {
  width: 50px;
  text-align: right; }

.addFreePtsValueContainer {
  text-align: center;
  margin: 5px; }

/* enchant temp list */
div.enchantTempListFrame {
  background: url("../gfx/swr/enchantTempFrame.png") no-repeat center;
  width: 710px;
  height: 117px;
  margin: 8px auto;
  box-sizing: border-box;
  padding: 2px 10px; }

div.enchantTempFrameBox {
  box-sizing: border-box;
  height: 100px;
  float: left;
  text-align: center; }

div.enchantSingleTempFrame {
  width: 84px;
  box-sizing: border-box;
  text-align: center;
  margin: 5px 1px; }

.tempListButton {
  width: 70px !important; }

div.enchantTemp {
  margin: 0 auto; }

.enchantTempListName {
  width: 272px;
  margin-top: -2px;
  margin-left: 49px;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  color: #DDBEBC; }

.enchantTempDescTbl {
  width: 160px !important; }

table.enchantSingleTempWrapper {
  width: 100%;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto; }

.tempEnchantRules ul, .tempEnchantRules li {
  padding: 2px;
  margin: 0 5px;
  text-indent: 0; }

.tempEnchUpgrades {
  position: absolute;
  right: 0;
  top: 0;
  border: 0 !important;
  z-index: 500; }

/* ___________________ messages ________________________ */
#msgsFiltersBox {
  float: right;
  margin: 7px 0; }

.filterTypeButton {
  height: 17px;
  width: 38px;
  cursor: pointer;
  padding: 1px 11px;
  margin: 0 1px;
  background-image: url("../gfx/messages/msgs_filter.png");
  box-sizing: border-box;
  -ms-transform: skewX(-40deg);
  /* IE 9 */
  -webkit-transform: skewX(-40deg);
  /* Safari */
  transform: skewX(-40deg);
  float: left;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.filterTypeButton:hover, .filterTypeButton.active {
  background-image: url("../gfx/messages/msgs_filter_active.png"); }

.filterTypeButton img {
  -ms-transform: skewX(40deg);
  /* IE 9 */
  -webkit-transform: skewX(40deg);
  /* Safari */
  transform: skewX(40deg); }

div.prevNextMsgButtonHolder {
  width: 100%;
  clear: both;
  display: table;
  box-sizing: border-box;
  padding: 0 50px;
  margin: 8px 0; }

.absoluteClose {
  position: absolute;
  right: 5px;
  top: 5px;
  font-weight: bold;
  font-size: 10px;
  cursor: pointer; }

.lvlUpRewardInfo {
  margin-top: 10px; }

/* _____________________ SWR location ________________________ */
div.swrLocationDescription {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  align-content: stretch; }

.swrLocationImage {
  margin-right: 10px; }

div.swrLocationDarkPtsBox {
  position: absolute;
  right: 5px;
  top: -10px; }

div.swrLocationDarkPtsValue {
  text-align: center;
  font-weight: bold; }

div.swrLocationDetailsBox {
  flex: 2 auto; }

div.swrLocationEnemyTypeBox {
  margin-top: 8px; }

div.swrLocationEnemyTypeLabel {
  font-weight: bold;
  margin: 12px 0 5px 0;
  font-size: 11px;
  text-align: center; }

div.swrLocationEnemyBox {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  div.swrLocationEnemyBox .enemy {
    text-align: center; }

div.swrLocationEnemyName {
  font-size: 9px;
  font-stretch: ultra-condensed; }

div.swrLocationStageCount {
  text-align: right;
  margin: 10px; }

div.swrLocationLvlLimit {
  margin-top: 2px; }

/* rank */
.rankPositionGold {
  color: darkgoldenrod;
  font-weight: bold; }

.rankPositionSilver {
  color: silver;
  font-weight: bold; }

/* auction */
div.itemFilterEqTypesContainer {
  margin-top: 5px;
  text-align: center; }

div.itemFilterSelectContainer {
  margin-top: 10px;
  text-align: center; }

.itemFilterEqType {
  white-space: nowrap; }

div.itemFilterItemParams {
  margin: 5px 0; }

.itemFilterLabelOfSelect {
  margin-left: 10px; }

.itemFilterLabelOfCheckbox {
  margin-left: 20px; }

.itemFilterEqTypesContainer table {
  margin: 0 auto; }

.itemFilterEqTypesContainer table td {
  padding: 5px 7px; }

.archiveSelectedItemsCount {
  font-weight: bold; }

table.archiveItemContainerTbl {
  width: 100%; }

div.archiveItemContainer {
  display: inline-block;
  width: 45%; }

.archiveItemName {
  text-align: center; }

div.archiveItemCheckboxContainer {
  position: absolute;
  left: 0;
  top: 15px; }

div.archiveItemSellCostContainer {
  text-align: center;
  margin-top: 5px;
  box-sizing: border-box; }

div.archiveItemSellCost {
  font-weight: bold;
  height: 16px; }

div.archiveItemDestroyCost {
  font-size: 9px; }

.archiveItemBox {
  position: relative; }

div.archiveItemTabNrHolder {
  text-align: center;
  width: 100%;
  color: #AAAAAA;
  font-size: 9px;
  margin-top: 2px; }

div.archiveItemListPanelChangeTab {
  float: left;
  width: 60%; }

div.archiveItemListPanelSellAndDestroy {
  float: right;
  width: 39%;
  margin-top: 5px;
  text-align: right; }

div.archiveItemListPanelSellAndDestroy .sellButton {
  width: 100%;
  margin-top: 5px;
  padding: 2px 0; }

div.archiveAdditionalButtonContainer {
  margin: 5px; }
  div.archiveAdditionalButtonContainer .crapItemsButton {
    float: left;
    margin-right: 50px; }
  div.archiveAdditionalButtonContainer .invertSelectButton {
    float: right;
    width: 155px; }

div.archiveInsertSelectedButtonContainer {
  margin: 5px 50px;
  text-align: right; }

div.archiveBackButtonContainer {
  position: absolute;
  left: 0;
  top: 0; }

/* premium services */
div.premiumServiceContainer {
  margin-top: 8px; }

div.premiumServiceBasicDesc {
  margin-top: 10px; }

div.premiumServiceActiveText {
  margin-top: 8px; }

div.premiumServiceActivateButtonContainer {
  margin: 10px 0; }

.premiumServiceNearExpiry {
  color: #D16600; }

div.premiumServiceInMainMenuContainer {
  margin: 10px; }

div.premiumServiceInMainMenu {
  margin: 5px; }

a.premiumExpiredRecently:link, a.premiumExpiredRecently:visited {
  color: #9b0000; }

a.premiumExpiredRecently:hover {
  background: none;
  text-decoration: underline; }

/* ______________ rune forge _______________________ */
.forgeSingleRuneSelection {
  padding: 0 20px;
  margin: 0 10px;
  box-sizing: border-box; }
  .forgeSingleRuneSelection .runeCount {
    left: 62px; }
  .forgeSingleRuneSelection .runeLvl {
    left: 18px; }

.forgeSelectionRuneList {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  margin: 0 auto; }

div.forgeCostResSingle {
  position: relative;
  display: table-cell;
  width: 59px;
  height: 91px;
  box-sizing: border-box; }

div.forgeCostResSingleValue {
  position: absolute;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  width: inherit;
  bottom: 7px; }

div.forgeResCostIncreasedMargin {
  width: 90px !important; }

div.forgeCostRuneSingle {
  position: relative;
  text-align: center;
  margin: 4px 1px;
  width: 110px; }

div.forgeRuneCostIncreasedMargin {
  margin-left: 30px;
  margin-right: 30px; }

#itemToForge, #forgeResultItem, #itemToDestroy {
  width: 100%;
  text-align: center;
  height: 30px;
  box-sizing: border-box;
  padding: 0 10px; }

#talizmanForgeItemNamesBox table {
  width: 100%; }

#talizmanForgeItemNamesBox table td {
  width: 50%; }

div#talizmanForgeItemImagesBox {
  position: relative;
  background: transparent;
  width: 100%;
  margin: 10px auto 0 auto; }
  div#talizmanForgeItemImagesBox table {
    width: 100%; }
    div#talizmanForgeItemImagesBox table td {
      width: 50%;
      text-align: center; }

div#talizmanForgeItemImagesBox.hilight {
  background: url("../gfx/talizman/forge/transform.png") no-repeat center !important;
  background-size: 39% !important; }

div.forgeItemResultIconContainer {
  margin: 6px;
  text-align: center; }
  div.forgeItemResultIconContainer > * {
    margin: 0 10px; }

.forgeCostContainer {
  margin-top: 25px; }

.talizmanForgeItemCostResBox {
  background: url("../gfx/talizman/forge/background_res_list.jpg") repeat-x;
  height: 185px;
  width: 205px;
  margin: 5px;
  text-align: center; }

.talizmanForgeItemCostRuneBox {
  background: url("../gfx/talizman/forge/background_rune_list.jpg") repeat-x;
  height: 185px;
  width: 495px;
  margin: 5px;
  text-align: center; }

.talizmanForgeItemCostResourceGroup {
  margin: 0 auto; }

.forgeRuneSlotName {
  font-size: 9px;
  overflow: hidden;
  height: 14px;
  margin-top: 3px; }

table.verticalCenter {
  width: 100%;
  height: 100%;
  vertical-align: middle; }

.forgeRuneSlotRequiredLvl {
  position: absolute;
  font-weight: bold;
  top: 1px;
  right: 33px;
  color: white; }

.upgradeItemBox {
  min-height: 14px; }

#itemToForgeImg, #forgeResultItemImg {
  position: relative;
  background: url("../gfx/talizman/forge/item_slot_0.png") no-repeat;
  width: 144px;
  height: 145px;
  text-align: center;
  margin: 10px auto 0; }
  #itemToForgeImg img, #forgeResultItemImg img {
    width: 92px;
    height: 92px;
    margin-top: 26px; }

#itemToForgeImg.hilight {
  background: url("../gfx/talizman/forge/item_slot_1.png") no-repeat !important; }

#forgeResultItemImg.hilight {
  background: url("../gfx/talizman/forge/item_slot_2.png") no-repeat !important; }

#itemToEpicDestroyImg img {
  position: absolute;
  top: 27px;
  left: 26px;
  width: 91px;
  height: 91px; }

.forgeItemSelectionAll {
  width: 492px;
  margin-left: auto;
  margin-right: auto; }

ul.forgeItemSelectionList {
  position: relative;
  padding: 8px;
  margin: 0;
  text-align: center;
  list-style-type: none;
  background: url("../gfx/talizman/forge/item_select_bg.jpg") no-repeat top;
  box-sizing: border-box;
  height: auto;
  min-height: 20px;
  max-height: 403px;
  overflow: auto; }

.hintText {
  font-size: 11px; }
  .hintText ul, .hintText div, .hintText p, .hintText span {
    font-size: 11px; }
  .hintText div.error {
    margin-top: 10px; }

ul.hintList {
  margin: 0 6px;
  padding: 3px;
  text-indent: 0;
  font-size: 11px; }
  ul.hintList li {
    padding: 3px 0; }

ul.forgeItemSelectionList .item-link {
  color: #DABA4C; }

ul.forgeItemSelectionList .item-link:hover {
  background: #00192D;
  text-decoration: none; }

ul.forgeItemSelectionList li {
  padding: 2px; }

#forgeItemButton {
  background: url("../gfx/talizman/forge/button_off.png") no-repeat !important;
  border: 0 !important;
  width: 217px;
  height: 68px;
  font-weight: bold;
  font-size: 18px !important;
  cursor: pointer;
  color: white; }

#forgeItemButton:hover {
  background: url("../gfx/talizman/forge/button_on.png") no-repeat !important;
  color: gold; }

div#talizmanEpicDestroyItemImagesBox {
  position: relative;
  background: transparent;
  height: 160px;
  width: 200px;
  margin: 10px auto 0 auto; }
  div#talizmanEpicDestroyItemImagesBox div#talizmanEpicDestroyAnimation {
    position: absolute;
    top: -230px;
    left: -231px;
    width: 660px;
    height: 606px;
    z-index: 1000; }

#itemToEpicDestroyImg {
  position: relative;
  background: url("../gfx/talizman/forge/item_slot_0.png") no-repeat;
  width: 144px;
  height: 145px;
  text-align: center;
  margin: 10px auto; }

/* training evo */
.training-evo-frame {
  float: left;
  height: 81px; }

.training-evo-frame.allLvlStats {
  box-sizing: border-box;
  width: 48px;
  margin-left: 5px;
  text-align: center;
  height: 83px;
  padding-top: 10px; }

div.evoDoubleProgressImageContainer {
  float: left;
  width: 23px;
  background: center no-repeat; }

.training-evo-frame.developEvolution {
  width: 250px;
  margin-left: 10px; }

.training-evo-frame.currentEvoLvlStats {
  width: 406px;
  overflow: hidden; }

div.currentEvoLvlStatsInner {
  float: left;
  margin: 5px;
  line-height: 120%;
  width: 306px; }

div.trzy_kropki {
  display: inline-block;
  background: url("../gfx/common/trzy_kropki.png") no-repeat;
  vertical-align: bottom;
  margin-left: 3px;
  height: 10px;
  width: 22px; }

div.trzy_kropki:hover {
  background-image: url("../gfx/common/trzy_kropki_.png"); }

div.training-evo {
  margin: 20px 0;
  text-align: left; }

div.evoImage {
  float: left;
  margin: 1px;
  width: 79px;
  height: 79px;
  background: no-repeat center; }

div.evoDescriptionColumn {
  float: left;
  width: 320px;
  margin: 5px; }

/** item **/
.item-desc {
  position: relative; }

div.itemDescDetailsContainer {
  position: absolute;
  right: 5px;
  top: 5px; }

div.itemDescDetailsLink {
  margin-bottom: 8px; }

.itemTab, .clanItemTab {
  width: 320px;
  height: 38px;
  text-align: center;
  box-sizing: border-box; }

.armoryItemTabContainer {
  margin: 10px auto; }

.clanArmoryItems .armoryItemTabContainer {
  margin-top: 25px; }

.clanItemTab {
  height: 30px;
  padding: 3px 0 !important;
  color: white;
  background: url("../gfx/common/armory/clan_armory/clan_item_tab_gfx.png");
  border: 1px solid #828282;
  border-radius: 6px;
  cursor: pointer; }

td.clanItemContainer {
  text-align: center;
  padding: 3px;
  border: 2px solid #5f5f5f;
  background: url("../gfx/common/armory/clan_armory/clan_item_bg.png");
  text-shadow: -1px -1px 3px #000,
 1px -1px 3px #000,
 -1px 1px 3px #000,
 1px 1px 3px #000; }

fieldset.clanArmoryItems {
  position: relative;
  padding: 5px 5px 5px 10px;
  background: #1d1b1b url("../gfx/common/armory/clan_armory/item_container_top.png") no-repeat top center;
  border: 1px solid #52443c;
  border-radius: 6px;
  margin-top: 50px;
  color: white;
  min-height: 68px;
  width: 360px;
  box-sizing: border-box; }

#fieldset-itemlist-container-footer {
  position: absolute;
  bottom: -1px;
  left: -1px;
  background: transparent url("../gfx/common/armory/clan_armory/item_container_bottom.png") no-repeat;
  background-size: contain;
  height: 24px;
  width: 360px; }

fieldset.clanArmoryItems legend {
  position: absolute;
  top: -25px; }

div.clanItemMaxBorrowTime-main {
  position: relative;
  text-align: center; }

td.clanItemContainer.selectedItemContainer {
  border: 2px solid #a0a0a0;
  background: url("../gfx/common/armory/clan_armory/clan_item_bg_.png"); }

td.clanItemContainer .checkedItem {
  background: transparent !important; }

td.clanItemContainer .item-link {
  color: #DABA4C !important; }

td.clanItemContainer .item-link:hover {
  color: white !important;
  background: none !important; }

td.clanItemContainer .lnk {
  color: white !important; }

.itemTab div.newItemTabNameContainer, .clanItemTab div.newItemTabNameContainer {
  font-weight: bold;
  width: 270px;
  word-wrap: break-word;
  text-align: center;
  margin: 0 auto; }

img.itemTabEditIcon {
  vertical-align: middle;
  z-index: 1000;
  cursor: pointer; }

input.newTabNameInput {
  width: 160px; }

td.newItemTabNameContainer {
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.itemTabWithPadding {
  padding: 5px 0 !important;
  box-sizing: border-box;
  font-weight: bold; }

.itemTab .itemTabCollapseText {
  font-weight: normal !important; }

td.itemTabProtectedIconContainer {
  width: 20px; }

.itemTabEditIconContainer {
  width: 20px; }

.itemTabContainer {
  margin-top: 5px; }

.virtualClanArmoryItemTabContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../gfx/common/armory/clan_armory/virtual_clan_item_tab_bg.png") no-repeat center;
  height: 22px;
  margin-top: 8px;
  cursor: pointer; }

.virtialClanArmoryItemTabName {
  font-weight: bold; }

.verticalAlignMiddle {
  vertical-align: middle; }

img.armoryHeaderIcon {
  vertical-align: middle;
  cursor: pointer; }

img.itemReqIcon {
  width: 16px;
  height: 16px;
  vertical-align: middle; }

div.itemReqsImgList {
  text-align: center;
  margin-top: 2px; }

img.auctionHeaderIcon {
  position: absolute;
  left: 30px;
  bottom: 0;
  cursor: pointer; }

div.auctionPagingContainer {
  position: relative; }

.armoryStackEquip {
  display: block;
  width: 30px;
  height: 30px; }

.armoryStackEquip:hover img {
  visibility: hidden; }

.armoryStackEquipDisabled {
  width: 30px;
  height: 30px;
  cursor: not-allowed; }

.armoryStackEquipDisabled:hover img {
  visibility: hidden; }

.armoryStackUnequip {
  background: url("../gfx/common/armory/unequip.png") no-repeat center;
  width: 23px;
  height: 23px;
  cursor: pointer; }

.armoryStackUnequip:hover {
  background-image: url("../gfx/common/armory/unequip_hover.png"); }

.armoryStackUnequipDisabled {
  background: url("../gfx/common/armory/unequip_dis.png") no-repeat center;
  width: 23px;
  height: 23px;
  cursor: not-allowed; }

.armoryStackUnequipDisabled:hover {
  background-image: url("../gfx/common/armory/equip_dis_hover.png"); }

td.equipIconContainer {
  text-align: center;
  width: 23px;
  padding-left: 3px; }

table.itemImagesContainer {
  width: 150px;
  min-height: 150px; }

td.itemAffixContainer {
  vertical-align: top;
  width: 75px;
  height: 75px; }

div.itemMainImageContainer {
  width: 150px;
  height: 150px;
  z-index: -1; }

div.itemUpgradeLvlStarsContainer {
  position: absolute;
  height: 15px;
  margin-left: 15px;
  margin-top: 2px;
  z-index: 50; }

td.itemDescContainer {
  width: 100%;
  padding: 5px 10px 0 10px;
  text-align: center; }

.itemdesc-s {
  margin: 12px 0; }

.itemEffectsList {
  text-align: center;
  color: lightskyblue; }

.inactiveItemSetEffect, .inactiveItemSetEffect b {
  color: red !important; }

.itemMainImageEpicBackground {
  position: absolute;
  left: 0;
  top: 2px;
  background: url("../gfx/items/epic_frame.png") no-repeat center;
  width: 150px;
  height: 150px; }

.itemEquipImageEpicBackground {
  position: absolute;
  left: 0;
  top: 0;
  background: url("../gfx/items/epic_frame.png") no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 5; }

div.enchantSetSlotContainer {
  position: relative;
  width: 54px;
  height: 30px;
  margin: 3px 7px;
  float: left;
  box-sizing: border-box; }

div.enchantSetSlotNrContainer {
  text-align: center;
  margin-top: 4px;
  font-size: 16px;
  font-weight: bold;
  color: white; }

/* _______ equip - graficzna wersja zbrojowni ____________ */
.armorygfx {
  position: relative;
  width: 369px;
  height: 429px; }

div.itemgfx-hlm {
  width: 58px;
  height: 57px;
  left: 153px;
  top: 13px; }

div.itemgfx-arm {
  width: 93px;
  height: 92px;
  left: 135px;
  top: 90px; }

div.itemgfx-amu {
  width: 36px;
  height: 36px;
  left: 263px;
  top: 47px; }

div.itemgfx-rin1 {
  width: 36px;
  height: 35px;
  left: 16px;
  top: 236px; }

div.itemgfx-rin2 {
  width: 36px;
  height: 35px;
  left: 285px;
  top: 236px; }

div.itemgfx-spd {
  width: 90px;
  height: 90px;
  left: 136px;
  top: 272px; }

div.itemgfx-wpn1 {
  width: 63px;
  height: 63px;
  left: 16px;
  top: 160px; }

div.itemgfx-wpn2 {
  width: 63px;
  height: 63px;
  left: 257px;
  top: 160px; }

div.itemgfx-opts-hlm {
  left: 216px;
  top: 14px; }

div.itemgfx-opts-arm {
  left: 234px;
  top: 91px; }

div.itemgfx-opts-amu {
  left: 305px;
  top: 47px; }

div.itemgfx-opts-rin1 {
  left: 58px;
  top: 237px; }

div.itemgfx-opts-rin2 {
  left: 327px;
  top: 237px; }

div.itemgfx-opts-spd {
  left: 232px;
  top: 273px; }

div.itemgfx-opts-wpn1 {
  left: 85px;
  top: 161px; }

div.itemgfx-opts-wpn2 {
  left: 327px;
  top: 161px; }

div.itemgfx-opts img {
  border: 0; }

.itemgfx {
  position: absolute;
  border: 1px solid transparent;
  cursor: pointer; }

.itemgfx-sel {
  position: absolute;
  border: 1px solid red;
  cursor: pointer; }

.itemgfx-2h {
  filter: alpha(opacity=45) !important;
  opacity: 0.45 !important; }

.centerGroup {
  display: table;
  width: auto;
  margin: 0 auto;
  box-sizing: border-box; }

.itemSetBoxContainer {
  position: relative;
  width: 50px;
  height: 30px;
  margin: 3px 9px;
  float: left;
  box-sizing: border-box; }

div.itemSetDetailsContainer {
  position: relative; }
  div.itemSetDetailsContainer div.talizmanAndEnchant {
    margin-top: 10px;
    color: #A9A8D3; }

div.equipableItemSet_singleItemLine {
  display: flex;
  margin: 3px 10px; }
  div.equipableItemSet_singleItemLine img {
    vertical-align: middle; }
  div.equipableItemSet_singleItemLine div.item-name, div.equipableItemSet_singleItemLine div.otherSetName {
    display: flex;
    align-items: center;
    padding-left: 5px; }

div.itemSetNrContainer {
  text-align: center;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  box-sizing: border-box; }

div.clanArenaMainContainer {
  border: 0 dotted red;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 713px;
  text-align: center; }

div.newArenaCommonBonusMainContainer {
  width: 500px;
  margin: 30px auto; }

div.newArenaCommonSingleBonusBox {
  float: left;
  width: auto;
  text-align: center;
  margin: 0 35px; }

div.newArenaCommonSingleBonusBox img {
  margin-top: 10px;
  cursor: pointer; }

div.newArenaCommonCoinsDisplay {
  margin-top: 10px;
  font-weight: bold;
  font-size: 26px; }

div.newArenaCommonArenaTypesMainContainer {
  width: 100%;
  margin-top: 15px;
  display: flex; }

div.newArenaCommonArenaTypesSingleContainer {
  width: 240px;
  text-align: center; }
  div.newArenaCommonArenaTypesSingleContainer .arenaImageContainer {
    position: relative; }
    div.newArenaCommonArenaTypesSingleContainer .arenaImageContainer .arenaTimeLeft {
      position: absolute;
      bottom: 5px;
      background: url("../gfx/newarena/timeleft_bg.png") no-repeat center;
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center; }
      div.newArenaCommonArenaTypesSingleContainer .arenaImageContainer .arenaTimeLeft > div {
        font-weight: bold;
        font-size: 14px;
        padding-left: 20px; }
      div.newArenaCommonArenaTypesSingleContainer .arenaImageContainer .arenaTimeLeft div.error {
        color: red !important; }

img.newArenaTypeImage {
  margin-top: 10px;
  cursor: pointer;
  width: 235px; }

.profileActionLink {
  margin: 2px; }

.rank td {
  padding: 2px 0; }

.no-wrap {
  white-space: nowrap; }

label {
  white-space: nowrap; }

.equip-tab-items-container {
  margin-top: 15px;
  text-align: right; }

.clanbld-hammer-and-rank-container {
  position: relative; }
  .clanbld-hammer-and-rank-container div.innerWrapper {
    display: flex;
    align-items: center;
    justify-content: left; }
    .clanbld-hammer-and-rank-container div.innerWrapper .hammersLeftContainer {
      font-size: 14px; }
      .clanbld-hammer-and-rank-container div.innerWrapper .hammersLeftContainer .hammersLeftCount {
        font-size: 18px; }
      .clanbld-hammer-and-rank-container div.innerWrapper .hammersLeftContainer img.hintImg {
        vertical-align: unset; }
  .clanbld-hammer-and-rank-container button.convertHammersIntoGoldCoin {
    width: 91px;
    height: 26px;
    margin: 0 15px;
    border: none;
    background: url("../gfx/v2/clanbld/hammer_gold_S.png") no-repeat center;
    background-size: contain; }
    .clanbld-hammer-and-rank-container button.convertHammersIntoGoldCoin:hover {
      background: url("../gfx/v2/clanbld/hammer_gold_S_.png") no-repeat center;
      background-size: contain; }

table.mass-upgrade-item-cost-container {
  width: 90%;
  margin: 10px auto; }

table.mass-upgrade-item-cost-container td {
  padding: 6px 3px; }

table.massUpgradeResult {
  width: 70%;
  text-align: center;
  margin: 15px auto; }

div.paging-container {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center; }

.mixer {
  position: relative;
  min-height: 86px; }

.mixer-stone-total-stone-value {
  position: absolute;
  right: 30px;
  bottom: 0;
  padding: 3px 10px; }

div#mixer-combine-show-all-items-button-container {
  float: right;
  width: 49%;
  text-align: center;
  margin-top: 8px; }

input#mixer-combine-show-all-items-button {
  text-align: center;
  width: 300px; }

table.bidTable td.playerStones {
  text-align: right;
  padding-right: 10px;
  font-weight: bold; }

div#overDiv div.clanBldTitle, div#overDiv div.clanPayPanelDock {
  display: none; }

/* _________ nowy regulamin __________ */
.mecharamka_powielana {
  border-style: solid;
  border-width: 19px 29px;
  border-image: url("../gfx/common/mecharamka_powielana.png") 22 29 17 32 fill repeat; }

.mecharamka_basic {
  border-style: solid;
  border-width: 11px;
  border-image: url("../gfx/common/mecharamka_basic.png") 11 11 11 11 fill repeat; }

div.newReg-content {
  width: 750px;
  text-align: left;
  margin: 0 auto; }

div.newReg-topInfo {
  width: 728px;
  margin: 15px auto; }

div#newReg-container {
  position: relative;
  top: 0;
  margin: 0 auto;
  vertical-align: top;
  width: 800px;
  background: url("../gfx/common/register/background.png") top center no-repeat;
  padding-top: 160px;
  min-height: 803px; }

/* _______________ age verification _______________________ */
div#age_verify_main_frame {
  position: relative;
  background: url("../gfx/common/register/age_verification/frame.png") top center no-repeat;
  background-size: contain;
  width: 600px;
  height: 400px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px;
  overflow: hidden; }

.hr640 {
  background: url("../gfx/common/register/age_verification/hr_line.png") center center no-repeat;
  background-size: contain;
  width: 500px;
  height: 20px;
  margin: 5px auto; }

.age_verify_next_button {
  position: absolute;
  bottom: 40px;
  right: 30px; }

.big_red_button {
  background: url("../gfx/common/register/age_verification/button_next.png");
  width: auto;
  height: 36px;
  border: 0;
  color: #ddbebc;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 0 35px;
  cursor: pointer; }

.big_red_button:hover {
  color: white; }

#age_verification {
  color: white; }

#age_verification:before, #age_verification:after {
  content: ' ';
  display: table; }

div.age_verify_descHeader {
  font-size: 16px;
  margin-top: 50px; }

div.age_verify_descLine {
  margin: 15px auto; }

#age_verify_options li {
  margin: 15px; }

.age_verify_checkbox {
  margin: 15px auto;
  width: auto; }

label.age_verify_checkboxLabel {
  max-width: 400px;
  word-wrap: break-word;
  white-space: normal; }

#reg_content {
  margin: 0 auto; }

.premiumServiceChangeMailAgreements {
  width: 650px;
  margin: 5px auto; }

div.newRules-RODO-agreements {
  margin: 15px auto;
  width: 600px; }

table.expedition-player-operation-selection {
  margin: 10px auto;
  width: 85%; }

table.expedition-player-operation-selection td {
  padding: 8px; }

.infoPremium td.optionName {
  text-align: left;
  padding: 7px;
  border-top: 1px solid gray; }

td.optionValueNoPremium {
  text-align: center;
  padding: 7px;
  border-top: 1px solid gray; }

td.optionValuePremium {
  text-align: center;
  padding: 7px;
  border-top: 1px solid gray;
  font-weight: bold;
  font-size: 11px; }

div.time-effects {
  position: absolute;
  z-index: 8;
  cursor: pointer; }

span.timeBonusNearExpiry {
  color: orangered;
  font-weight: bold; }

img.timeBonusNearExpiry {
  border: 2px solid orangered; }

span.timeBonusExpired {
  color: red;
  font-weight: bold; }

img.timeBonusExpired {
  border: 2px solid red; }

div.server-event {
  position: absolute;
  z-index: 8; }

/** ___________ eventlist _________________ **/
.eventlist-main-container {
  width: 447px;
  margin: 10px auto; }

.eventlist-month-container {
  margin-top: 20px; }

.eventlist-month-name {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: #c2c2c2; }

.eventlist-month-eventlist {
  background: url("../gfx/common/eventlist/month_frame.png") repeat-y top center;
  box-sizing: border-box;
  padding: 14px 20px 10px 20px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  justify-content: center; }

.eventlist-single-event-container {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 8px 8px;
  border: 2px solid #676767;
  flex-shrink: 0;
  background-size: contain !important; }

.eventlist-single-event-container-today {
  border: 2px solid lime !important; }

.eventlist-single-event-in-past {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.eventlist-single-event-day-nr {
  position: absolute;
  top: -4px;
  left: 2px;
  font-size: 22px;
  font-weight: bold;
  color: #c2c2c2;
  text-shadow: -1px -1px 0 #000,
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000; }

.eventlist-single-event-bonus-star {
  position: absolute;
  bottom: 2px;
  right: 2px; }

.eventlist-event-description-container {
  text-align: center;
  padding: 3px; }

.eventlist-event-description-bonus {
  color: lime;
  margin: 3px; }

.eventlist-event-description-start-hour {
  color: red;
  margin: 3px; }

.eventlist-main-option-name {
  font-weight: bold;
  color: red;
  font-size: 12px;
  text-align: center; }

/** zbrojownia - doczytywanie **/
#clanItemsContainer {
  margin-top: 30px;
  max-height: 0;
  transition: max-height 2s;
  overflow: hidden;
  color: #ddbebc; }

#clanItemsContainer.loaded {
  margin-bottom: 30px;
  padding: 10px 0;
  max-height: 10000px; }

.ajaxLoadingIcon {
  width: 35px;
  height: auto;
  margin: 7px auto; }

.ajaxLoadingIconMini {
  width: 25px;
  height: auto;
  margin: 3px auto; }

#stockItemList {
  text-align: center; }

.itemList-selectedItem {
  border: 1px solid red; }

img.profileLinkDailyLimitIcon {
  display: inline;
  vertical-align: middle;
  cursor: default; }

tr.rankHilightedPlayer td, tr.rankHilightedPlayer a {
  color: aliceblue !important;
  font-weight: bold;
  background: darkred; }

img.toggleExpeditionOpenForJoining {
  cursor: pointer; }

img.toggleExpeditionOpenForJoiningDisabled {
  cursor: not-allowed; }

.openCloseLinkDescriptionText {
  text-align: center;
  font-weight: bold;
  margin: 10px auto; }

div.openCloseLinkDescriptionClickInfo {
  text-align: center;
  font-style: italic; }

img.samaritanIconInText {
  width: 25px;
  height: 25px;
  vertical-align: middle; }

.clanArmory-maxBorrowTime-container {
  margin: 2px auto;
  width: 100%;
  display: flex; }

.clanArmory-maxBorrowTime-container > div {
  margin: 0 3px; }

#clanArmory-maxBorrowTime-current {
  width: 80%;
  margin: 0 auto; }

#clanArmory-maxBorrowTime-current .value {
  font-size: 12px;
  font-weight: bold; }

#loadClanArmoryItemsButton {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
  background: url("../gfx/common/armory/clan_armory/load_button.png") no-repeat top center;
  width: 91px;
  height: 21px;
  color: white;
  border: 0;
  font-size: 10px;
  padding-bottom: 2px;
  text-align: center;
  font-weight: bold; }

#loadClanArmoryItemsButton:hover {
  background-image: url("../gfx/common/armory/clan_armory/load_button_.png"); }

div.clanArmorySingleUsedItemContainer {
  position: relative;
  text-align: left; }

div.clanArmoryItemMaxBorrowTime {
  text-align: right; }

#loadClanItemsIconContainer {
  text-align: center;
  margin-top: 25px; }

.clanArmoryButtonWithBorder {
  border-style: solid;
  border-width: 5px 4px;
  -moz-border-image: url("../gfx/common/armory/clan_armory/button_border.png") 5 4 repeat;
  -webkit-border-image: url("../gfx/common/armory/clan_armory/button_border.png") 5 4 repeat;
  -o-border-image: url("../gfx/common/armory/clan_armory/button_border.png") 5 4 repeat;
  border-image: url("../gfx/common/armory/clan_armory/button_border.png") 5 4 fill repeat;
  color: lightgray;
  font-weight: bold;
  font-size: 10px !important;
  padding: 0 10px !important; }

.clanArmoryButtonWithBorder:hover {
  -moz-border-image: url("../gfx/common/armory/clan_armory/button_border_.png") 5 4 repeat;
  -webkit-border-image: url("../gfx/common/armory/clan_armory/button_border_.png") 5 4 repeat;
  -o-border-image: url("../gfx/common/armory/clan_armory/button_border_.png") 5 4 repeat;
  border-image: url("../gfx/common/armory/clan_armory/button_border_.png") 5 4 fill repeat; }

.clanArmoryButtonWithBorder:hover {
  color: white; }

#clanArmory-maxBorrowTime-value {
  border: 1px solid #a0a0a0 !important;
  background: url("../gfx/lhx/bg_input.jpg") !important;
  color: white !important; }

#clanArmory-maxBorrowTime-value option {
  background: #1d1b1b !important;
  color: white !important; }

.clanArmoryChangeMaxBorrowTimeDecisionButton {
  width: 27px !important;
  height: 23px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

#clanArmoryChangeMaxBorrowTime_V {
  background: url("../gfx/common/armory/clan_armory/button_yes.png") no-repeat; }

#clanArmoryChangeMaxBorrowTime_V:hover {
  background-image: url("../gfx/common/armory/clan_armory/button_yes_.png"); }

#clanArmoryChangeMaxBorrowTime_X {
  background: url("../gfx/common/armory/clan_armory/button_no.png") no-repeat; }

#clanArmoryChangeMaxBorrowTime_X:hover {
  background-image: url("../gfx/common/armory/clan_armory/button_no_.png"); }

#clanArmory-maxBorrowTime-change {
  width: 90%;
  margin: 0 auto; }

#clanArmory-maxBorrowTime-change td {
  height: 23px;
  padding: 0 3px; }

.clanArmoryButtonHorizontal {
  display: inline;
  width: 160px;
  background: url("../gfx/common/armory/clan_armory/horiz_button.png") repeat-x;
  background-size: contain;
  color: white;
  border: 0;
  font-size: 11px;
  padding: 2px; }

.clanArmoryButtonHorizontal:hover {
  background-image: url("../gfx/common/armory/clan_armory/horiz_button_.png"); }

/* __________ pasek przedmiotów _____________________*/
div.selectedItemsBar {
  z-index: 9999;
  width: 99%;
  margin: 5px auto;
  clear: both; }

div.archiveItemListContainer div.selectedItemsBar {
  width: 340px !important; }

div.selectedItemsBar.upper {
  /*top: 0;*/ }

div.selectedItemsBar.lower {
  bottom: 0; }

div.selectedItemsBar_main {
  position: relative;
  padding: 3px;
  margin: 0 auto; }

.selectedItemsBar_panel_top {
  text-align: center; }

.selectedItemsBar_panel_contextMenu {
  line-height: 20px;
  text-align: center; }

.selectedItemsBar_panel_options {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 50px; }

.selectedItemsBar_panel_options div {
  cursor: pointer; }

.selectedItemsBar_opts_changePosition {
  width: 20px;
  height: 11px; }

.selectedItemsBar.lower .selectedItemsBar_opts_changePosition {
  background: url("../gfx/talizman/forge/arrow_up.png") no-repeat center;
  background-size: contain; }

.selectedItemsBar.upper .selectedItemsBar_opts_changePosition {
  background: url("../gfx/talizman/forge/arrow_down.png") no-repeat center;
  background-size: contain; }

.selectedItemsBar_contextName {
  font-size: 12px;
  font-weight: bold; }

.selectedItemsBar_itemCount {
  font-size: 14px;
  font-weight: bold;
  color: green; }

.armoryInvertSelectionTabButton {
  width: 155px;
  margin-right: 20px; }

div.mixerDestroyInvertSelectContainer {
  text-align: right;
  margin-right: 25px; }

.clanArmoryRemoveFromArmoryButton {
  display: block;
  width: 80%;
  margin: 12px auto 4px auto;
  font-weight: bold;
  color: red; }

.content-top {
  position: relative; }

div.content-mid {
  box-sizing: border-box; }

div.remark {
  white-space: nowrap;
  font-weight: bold;
  padding: 3px;
  text-align: center;
  width: 700px; }

div.top-relativeInner {
  position: relative;
  height: 100%; }

.cainsForgeItemEpicBackgroundContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.cainsForgeItemEpicBackground {
  width: 92px;
  height: 92px;
  margin: 26px auto;
  background: url("../gfx/items/epic_frame.png") no-repeat center;
  background-size: contain;
  z-index: 1000; }

.shoutbox_closeActTabBtn {
  float: right;
  cursor: pointer; }

.shoutbox_toggleSizeBtn {
  float: right;
  cursor: pointer;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold; }

#loadAjaxStockItemsIconContainer {
  text-align: center; }

#selectedItemsBar_combined {
  width: 80%;
  margin: 5px auto; }

#selectedItemsBar_freeClanItems_contextMenu, #selectedItemsBar_usedClanItems_contextMenu {
  width: 90%;
  text-align: center;
  margin: 0 auto; }

.clanArmoryTakeOrBorrowItemsButton {
  margin-top: 8px; }

.clanArmoryTakeOverItemsButton {
  margin: 12px auto 4px auto; }

div.equipMoveItemsToClanArmoryButton {
  margin: 12px 20px 4px 20px; }

#equipLoadArmoryItemsButtonContainer {
  position: relative; }

#loadArmoryItemsButton {
  margin-top: 10px;
  padding: 3px 20px;
  width: auto !important;
  height: auto !important; }

.inviteBoxPlayerList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  margin: 15px auto;
  justify-content: space-around; }

.expedition-invite-list-entry {
  white-space: nowrap;
  flex-basis: 30%;
  margin: 4px 0; }

#totalcostdiv {
  text-align: center;
  font-size: 11px; }

.questKarawanaContainer {
  width: 400px;
  margin: 10px auto;
  padding: 5px !important; }

.questKarawanaSection {
  position: relative;
  width: 350px;
  margin: 0 auto 6px auto;
  text-align: center; }

.questKarawanaInactiveSection {
  text-align: center; }

div.betaRulesContainer {
  margin: 20px;
  text-align: left;
  font-size: 12px; }

div.betaMainContainer {
  margin: 20px auto;
  text-align: center; }

ul.betaRules li {
  padding: 5px 0; }

iframe[name="__cmpLocator"] {
  border: 0 !important; }

/* _______________________________ msg meta data __________________________ */
#msgMetaDataDisplay * {
  box-sizing: border-box; }

.msgMetaDataDisplay_border {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  right: 0;
  border-style: solid;
  border-image-slice: 79 73 79 73;
  border-image-width: 79px 73px 79px 73px;
  z-index: 0; }

img.msgBigIcon {
  position: absolute;
  left: 2px;
  top: 1px; }

#msgMetaDataDisplay {
  position: relative;
  text-align: center;
  margin-bottom: 110px;
  z-index: 50; }

#msg_metadata_infoContainer {
  position: relative;
  margin-top: 20px;
  margin-left: 70px;
  z-index: 1000;
  border: 1px solid transparent; }

#msg_metadata_infoEvent {
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 33px;
  cursor: pointer;
  z-index: 1000; }

#msg_metadata_infoEventIcon {
  padding: 0 0 0 0; }

.msg_metadata_questResultContainer {
  position: relative;
  width: 500px;
  margin: 30px auto auto auto;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  opacity: 0;
  border: 2px solid #7d0908;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5); }

.msg_metadata_questResultContainer p {
  font-size: 16px; }

.msg_metadataquestDecorationLeft {
  position: absolute;
  top: -9px;
  left: -2px; }

.msg_metadataquestDecorationRight {
  position: absolute;
  top: -9px;
  right: -2px; }

.msg_metadataquestDecorationDown {
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: -8px;
  width: 100%; }

.msg_metadata_questResult {
  opacity: 0;
  margin-left: 20px; }

.msg_metadata_questResult input {
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  border: none;
  background: none; }

.msg_metadata_playerInfo,
.msg_metadata_playerInfo:link,
.msg_metadata_playerInfo:visited {
  font-size: 16px !important;
  z-index: 500; }

.msg_metadata_ceventLocation {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 346px;
  height: 65px;
  margin: 20px 0 0 0; }

#msg_metadata_additionalInfo {
  margin: 30px 0; }

.msg_metadata_openingInfoContainer {
  display: flex;
  position: relative;
  flex-direction: row;
  width: 346px;
  height: 65px;
  margin: 5px; }
  .msg_metadata_openingInfoContainer .msg_metadata_openingInfoImage img {
    height: 61px;
    width: 61px;
    margin-top: 2px; }
  .msg_metadata_openingInfoContainer .msg_metadata_openingInfoText {
    background: url("../gfx/common/msg_metadata/ramka_event_lokacja.png") no-repeat center;
    background-size: contain;
    width: 300px;
    height: 65px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 5px 0; }
    .msg_metadata_openingInfoContainer .msg_metadata_openingInfoText .msg_metadata_openingInfoTextHeader {
      font-size: 11px; }
    .msg_metadata_openingInfoContainer .msg_metadata_openingInfoText .msg_metadata_openingInfoTextContent {
      font-size: 13px;
      font-weight: bold; }
      .msg_metadata_openingInfoContainer .msg_metadata_openingInfoText .msg_metadata_openingInfoTextContent img.star {
        vertical-align: middle; }

.msg_metadata_ceventCharacters {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 281px;
  margin: 50px 0; }

.msg_metadata_ceventCharactersEntity {
  position: relative;
  display: flex;
  width: 25%;
  justify-content: space-around; }

.msMetaData-nameInfo,
.msMetaData-nameInfo .msg_metadata_playerInfo,
.msMetaData-nameInfo .msg_metadata_playerInfo:visited,
.msMetaData-nameInfo .msg_metadata_playerInfo:link {
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #DDBEBC;
  font-size: 16px !important;
  font-weight: normal !important;
  z-index: 500; }

.msMetaData-namePlayerInfo {
  margin: 10px auto; }

.msMetaData-namePlayerInfo .msg_metadata_playerInfo,
.msMetaData-namePlayerInfo .msg_metadata_playerInfo:visited,
.msMetaData-namePlayerInfo .msg_metadata_playerInfo:link {
  position: relative;
  width: 70px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #DDBEBC;
  font-size: 10px !important;
  margin: 5px auto;
  z-index: 50;
  /*border:1px solid white;*/ }

.msg_metadata_animated_ceventCharactersEntity {
  position: relative;
  display: flex;
  justify-content: space-around; }

.msg_metadata_ceventCharactersRolePanel {
  width: 100%;
  margin-bottom: 50px; }

.msg_metadata_ceventCharactersRole {
  display: flex;
  align-content: baseline;
  width: 20%; }

.msg_metadata_ceventCharactersRole .characterRoleImage img {
  width: 67px;
  height: 110px;
  border-radius: 2px;
  border: 1px solid darkred; }

.msg_metadata_ceventCharactersRole p {
  margin: unset; }

.msg_metadata_ceventCharactersSideIcons {
  display: flex;
  flex-direction: row;
  height: 108px;
  margin: auto 0; }

.msg_metadata_ceventCharactersSideIcons .msgMetaData-ceventCharactersSideIconsAdditional {
  margin-top: 10px; }

.msg_metadata_ceventCharactersSideIcons .msgMetaData-battleRoundEntityKillDeathStat {
  height: 108px; }

.msg_metadata_ceventCharactersRole .msgMetaData-battleRoundEntityKillDeathContainer {
  display: unset; }

.msg_metadata_ceventCharactersEntityImage {
  width: 146px;
  height: 224px;
  margin: auto; }

.msg_metadata_ceventCharactersBattleResult {
  display: flex;
  flex-direction: column;
  margin: auto 20px; }

.msg_metadata_ceventCharactersSingleBattleResult {
  display: flex;
  flex-direction: column;
  margin: 0; }

.msg_metadata_ceventCharactersBattleResult button,
.msg_metadata_ceventCharactersSingleBattleResult button {
  width: 37px;
  height: 24px;
  margin: 5px;
  cursor: pointer;
  border: 0;
  z-index: 50; }

.msg_metadata_actionButtonReplay,
.msg_metadata_actionButtonSkip,
.msg_metadata_actionButtonPause {
  margin-top: 10px;
  background: none;
  border: 0;
  padding: 0;
  width: 37px;
  height: 24px;
  z-index: 10; }

#msg_metadata_actionButtonReplayID {
  width: 37px;
  height: 24px;
  z-index: 10; }

.msg_metadata_actionButtonPauseClass {
  width: 37px;
  height: 24px;
  z-index: 10; }

.msg_metadata_actionButtonSkipClass {
  width: 37px;
  height: 24px;
  z-index: 10; }

#msg_metadata_pauseInfo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 20px;
  /*display: none;*/
  font-weight: bold;
  z-index: 500; }

.pvpRewards #msgMetaData-rewardListContainerID {
  display: table;
  opacity: 1; }

#msgMetaData-rewardListContainerID {
  position: relative;
  z-index: 500; }

.msgMetaData-rewardPvpRewardsListContainer {
  max-width: 500px;
  margin: 10px auto;
  text-align: left;
  z-index: 500; }

.msgMetaData-rewardListContainerWin {
  border-style: solid;
  border-width: 18px 19px 18px 18px;
  -moz-border-image: url("../gfx/common/msg_metadata/rewards/border_gold.png") 18 19 18 18 repeat;
  -webkit-border-image: url("../gfx/common/msg_metadata/rewards/border_gold.png") 18 19 18 18 repeat;
  -o-border-image: url("../gfx/common/msg_metadata/rewards/border_gold.png") 18 19 18 18 repeat;
  border-image: url("../gfx/common/msg_metadata/rewards/border_gold.png") 18 19 18 18 fill repeat; }

.msgMetaData-rewardListContainerLose {
  border-style: solid;
  border-width: 18px 19px 18px 18px;
  -moz-border-image: url("../gfx/common/msg_metadata/rewards/border_red.png") 18 19 18 18 repeat;
  -webkit-border-image: url("../gfx/common/msg_metadata/rewards/border_red.png") 18 19 18 18 repeat;
  -o-border-image: url("../gfx/common/msg_metadata/rewards/border_red.png") 18 19 18 18 repeat;
  border-image: url("../gfx/common/msg_metadata/rewards/border_red.png") 18 19 18 18 fill repeat; }

.msgMetaData-rewardListContainer {
  display: table;
  max-width: 500px;
  margin: 30px auto;
  text-align: left;
  z-index: 500;
  border-style: solid;
  border-width: 17px 18px;
  -moz-border-image: url("../gfx/common/msg_metadata/rewards/skarb_ramka.png") 17 18 repeat;
  -webkit-border-image: url("../gfx/common/msg_metadata/rewards/skarb_ramka.png") 17 18 repeat;
  -o-border-image: url("../gfx/common/msg_metadata/rewards/skarb_ramka.png") 17 18 repeat;
  border-image: url("../gfx/common/msg_metadata/rewards/skarb_ramka.png") 17 18 fill repeat; }

.msg_metadata_ceventRewardChest {
  position: relative;
  width: 157px;
  height: 141px;
  margin: 0 auto; }

.msg_metadata_ceventRewardChestImage {
  position: relative;
  z-index: 10;
  cursor: pointer; }

.msg_metadata_ceventRewardChestImage.shakeAnimate {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.shakeAnimate {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.msg_metadata_ceventRewardChestLight {
  position: absolute;
  left: -60%;
  top: -65%;
  z-index: 0;
  -webkit-animation: spin 60s linear infinite;
  -moz-animation: spin 60s linear infinite;
  animation: spin 60s linear infinite; }

.msg_metadata_ceventRewardChestLight2 {
  position: absolute;
  left: -60%;
  top: -65%;
  z-index: 0;
  -webkit-animation: spin 30s linear infinite;
  -moz-animation: spin 30s linear infinite;
  animation: spin 30s linear infinite; }

img.msgMetaData-enchantEffectList {
  margin: 10px auto; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

#msgFullText {
  position: relative;
  margin: 70px auto;
  z-index: 500;
  box-sizing: border-box;
  padding: 0 2px; }

.pvpRewards #msgClickToReadFullText,
#msgClickToReadFullText {
  position: absolute;
  right: 21px;
  bottom: 30px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  width: 64px;
  height: 64px;
  background: url("../gfx/common/msg_metadata/rewards/raport.png") no-repeat center;
  background-size: contain;
  z-index: 500; }

div.msgMetaData-rewardBoxContainer {
  margin-top: 10px; }

div.msgMetaData-rewardBox {
  display: flex;
  flex-direction: row;
  max-width: 500px;
  margin: 5px;
  font-size: 12px;
  background: url("../gfx/common/msg_metadata/szklana_ramka.png") no-repeat center;
  background-size: cover;
  z-index: 50; }
  div.msgMetaData-rewardBox div {
    text-indent: 0; }

div.msgMetaData-rewardBoxDescription {
  background: transparent;
  z-index: 50;
  font-size: 12px;
  margin: auto 8px; }

img.msgMetaData-rewardImg {
  width: 40px;
  height: 40px;
  vertical-align: middle; }

div.msgMetaData-rewardListHeader {
  text-align: center;
  font-size: 18px; }

.msgMetaData-enchantBox {
  position: absolute;
  top: 47px;
  left: 38px;
  width: 93px;
  height: 93px; }

.msgMetaData-enchantBox img {
  width: 93px;
  height: 93px; }

.msg_metadata_cardRewardName {
  position: absolute;
  top: 142px;
  width: 100%;
  height: 23px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center; }

.msg_metadata_cardDescriptionPositioning {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }

.msg_metadata_cardDescription {
  position: absolute;
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center; }

.msg_metadata_cardRewardDescription {
  position: absolute;
  top: 175px;
  left: 23px;
  width: 120px;
  height: 45px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center; }

.msg_metadata_cardDescribe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  margin: 0 auto; }

.msg_metadata_cardReward {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  margin: 0 auto;
  background: url("../gfx/common/msg_metadata/cards_animation/card_white.png") no-repeat center;
  background-size: 100%; }

#rewardsSection {
  position: relative;
  z-index: 100;
  margin-top: 80px; }

.msg_metadata_expeditionRewardCardContainer {
  position: relative;
  height: 260px;
  max-height: 260px;
  margin-bottom: 50px; }

.msg_metadata_cardBackAlternative {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  margin: 0 auto;
  cursor: pointer;
  z-index: 10;
  background: url("../gfx/common/msg_metadata/cards_animation/card_back.png") no-repeat center;
  background-size: 100%;
  opacity: 1; }

.msg_metadata_cardBack {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  cursor: pointer;
  z-index: 10;
  background: url("../gfx/common/msg_metadata/cards_animation/card_back.png") no-repeat center;
  background-size: 100%;
  opacity: 1; }

.msg_metadata_cardBack:hover {
  background: url("../gfx/common/msg_metadata/cards_animation/card_back_light.png") no-repeat center;
  background-size: 100%; }

.msg_metadata_cardDescribeFront {
  display: block;
  position: relative;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  margin: auto auto 100px auto;
  opacity: 0; }

.msg_metadata_cardRewardFront {
  display: block;
  position: relative;
  width: 167px;
  max-width: 167px;
  height: 251px;
  max-height: 251px;
  margin: auto auto 100px auto;
  background: url("../gfx/common/msg_metadata/cards_animation/card_blank.png") no-repeat center;
  background-size: 100%;
  opacity: 0; }

.msgMetaData-cevent-medal-img-container img {
  width: 60px;
  height: 60px; }

.msgMetaData-cevent-portal-img-container img {
  width: 40px;
  height: 40px; }

.msgMetaData-battleContainerMain {
  position: relative;
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 1px;
  z-index: 500; }

.msgMetaData-battleContainerHeader {
  position: absolute;
  width: 100%;
  height: 37px;
  font-size: 1.5em;
  font-weight: bold;
  background: url("../gfx/common/msg_metadata/szczegoly_walki_ramka_up.png") no-repeat;
  background-size: 100%; }

.msgMetaData-battleContainerFooter {
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 37px;
  background: url("../gfx/common/msg_metadata/szczegoly_walki_ramka_down.png") no-repeat; }

.msgMetaData-battleContainerOpenClose {
  width: 100%;
  background: url("../gfx/common/msg_metadata/szczegoly_walki_ramka_background.png") center; }

.msgMetaData-battleContainerOpenClose img {
  margin: 40px 40px 30px 40px;
  width: 15px;
  height: 20px;
  border: none;
  background: none;
  cursor: pointer; }

.msgMetaData-battleContainer {
  width: 100%;
  margin-top: 20px;
  background: url("../gfx/common/msg_metadata/szczegoly_walki_ramka_background.png") center; }

.msgMetaData-animated_battleContainer {
  width: 100%;
  margin-top: 20px; }

.msgMetaData-battleEntitiesContainer {
  display: flex;
  justify-content: space-around;
  align-content: center;
  width: 100%; }

.msgMetaData-animated_battleEntitiesContainer {
  display: flex;
  justify-content: space-around;
  align-content: center;
  width: 100%;
  height: 330px; }

div.msgMetaData-battleRoundEntityBox {
  min-width: 160px;
  min-height: 100px;
  max-width: 160px;
  max-height: 160px; }

div.msgMetaData-animated_battleRoundEntityBox {
  min-width: 160px;
  min-height: 100px;
  max-width: 146px;
  max-height: 224px; }

div.msgMetaData-battleRoundEntityBoxImage {
  display: flex;
  justify-content: space-between;
  height: 108px;
  width: 110px;
  margin: 10px auto; }

.msgMetaData-battleRoundEntityBox .entityImage {
  height: 108px;
  width: 62px;
  margin: auto 0;
  border: 1px solid white; }

.msg_metadata_animated_ceventCharactersEntityImage {
  position: relative;
  height: 222px;
  width: 146px;
  background: url("../gfx/common/msg_metadata/cards/background.png") no-repeat center;
  background-size: cover; }

.characterRoleImage .msg_metadata_animated_ceventCharactersEntityImage {
  width: 67px;
  height: 110px;
  margin-right: 10px;
  background: url("../gfx/common/msg_metadata/cards/background.png") no-repeat center;
  background-size: cover; }

.msgMetaData-animated_battleRoundEntityBox .animated_entityImage {
  height: 224px;
  width: 146px;
  margin: 10px 0 auto 0;
  z-index: 10;
  background-color: black; }
  .msgMetaData-animated_battleRoundEntityBox .animated_entityImage img.swrHandicapBackground {
    position: absolute;
    left: -2px;
    top: -3px;
    height: 229px;
    width: 149px; }

.animated_entityImagePortrait {
  height: 220px;
  width: 142px; }

.entityAnimatedImageDeath {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  opacity: 0;
  z-index: 100; }

.entityAnimatedImageDeathAlternative {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px; }

.entityAnimatedImageDeath img,
.entityAnimatedImageDeathAlternative img {
  width: 165px;
  height: 224px; }

.entityAnimatedPlayerDeath {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0; }

.entityAnimatedPlayerDeathAlternative {
  position: absolute;
  width: 68px;
  top: 0;
  bottom: 0;
  left: 0; }

.entityImageDeath {
  position: absolute;
  top: -5px;
  bottom: 0;
  left: -5px; }

.characterRoleImage {
  position: relative;
  width: 68px; }

.backlightImage {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 146px;
  height: 224px;
  opacity: 0; }

.backlightImageActive {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 146px;
  height: 224px; }

.backlightImageActive img,
.backlightImage img {
  position: absolute;
  top: -11px;
  left: -12px;
  width: 168px;
  height: 244px; }

.blood_splashImage {
  position: absolute;
  bottom: -10px;
  left: -35px;
  opacity: 0; }

.magicEfect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -11px;
  right: 0;
  width: 148px;
  height: 224px;
  z-index: 0;
  opacity: 0; }

.magicEfect img {
  z-index: 0;
  width: 148px;
  height: 224px; }

.magicEfectBorder {
  position: absolute;
  top: -57px;
  left: -55px;
  right: 0;
  width: 148px;
  height: 224px;
  opacity: 0; }

.magicEfectBorder img {
  width: 250px; }

.damageAbsoluteHitContainer {
  position: absolute;
  left: 0;
  z-index: 110000; }

.damageRelativeHitContainer {
  position: relative; }

.strike1 {
  position: absolute;
  bottom: 0;
  left: -25px;
  opacity: 0; }

.strike2 {
  position: absolute;
  bottom: 0;
  left: -25px;
  opacity: 0; }

.damagePointsNumber1 {
  right: -110px;
  color: red;
  font-size: 28px; }

.damagePointsNumber2 {
  right: -110px;
  font-size: 22px;
  color: red; }

.damagePointsNumber1,
.damagePointsNumber2,
.healingPointsNumber1,
.healingPointsNumber2 {
  position: absolute;
  font-weight: bold;
  bottom: 100px;
  z-index: 100000;
  opacity: 0;
  white-space: nowrap;
  text-shadow: -1px -1px 3px #000, 1px -1px 3px #000, -1px 1px 3px #000, 1px 1px 3px #000; }

.healingPointsNumber1 {
  left: -80px;
  font-size: 28px;
  color: limegreen; }

.healingPointsNumber2 {
  left: -80px;
  font-size: 28px;
  color: limegreen; }

.summonedImage {
  position: absolute;
  top: -25px;
  left: -40px;
  opacity: 0;
  z-index: 0; }

.regeneratedImage {
  position: absolute;
  width: 100px;
  top: 40px;
  z-index: 100; }

.entityRegeneratedImage1,
.entityRegeneratedImage2,
.entityRegeneratedImage3 {
  opacity: 0;
  z-index: 100; }

.entityRegeneratedImage1 img {
  width: 30%; }

.entityRegeneratedImage2 img {
  width: 17%;
  margin: 15px 45px 0 0; }

.entityRegeneratedImage3 img {
  margin: 10px 0 0 20px; }

.entityImageDeath img {
  width: 72px; }

.entityImageRegenerated {
  position: absolute;
  right: 2px;
  top: 2px;
  margin: 2px;
  width: 15px;
  height: 15px; }

.entityImageSummoned {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 13px;
  height: 23px;
  margin: 2px; }

.msgMetaData-battleRoundEntityKillDeathStat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: space-between; }

.msgMetaData-killCountImage {
  opacity: 0; }

.msgMetaData-battleRoundEntityKillDeathContainer {
  position: relative;
  display: flex;
  margin: 0 0 10px 0;
  width: 30px; }

.msgMetaData-battleRoundEntityKillDeathContainer p {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: unset;
  color: red; }

.msgMetaData-battleRoundHealthbar {
  position: relative;
  width: 14px;
  height: 224px;
  margin: auto; }

.msgMetaData-battleRoundHealthbarRed,
.msgMetaData-battleRoundHealthbarGreen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 14px;
  max-height: 224px;
  height: 100%; }

.msgMetaData-battleRoundEntityHealthbarRed,
.msgMetaData-battleRoundEntityHealthbarGreen {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 7px;
  max-height: 108px;
  height: 100%; }

.msgMetaData-battleRoundHealthbarActive {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 14px;
  max-height: 224px;
  height: 224px; }

.msgMetaData-battleRoundHealthbarDecoration {
  position: absolute;
  top: -16px;
  bottom: 0;
  left: -4px;
  right: 0;
  width: 22px;
  height: 258px; }

.msgMetaData-battleRoundEntityHealthbar {
  position: relative;
  height: 108px;
  width: 7px;
  margin: 0 10px; }

.msgMetaData-animated_battleRoundEntityHealthbar {
  position: relative;
  width: 22px;
  height: 224px;
  margin: 15px; }

/* __________________________ */
.msgMetaData-battleRoundEntityHealthbarActive {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 7px;
  height: 108px; }

.msgMetaData-animated_battleRoundEntityHealthbarActive {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 22px;
  height: 100%; }

.msgMetaData-battleRoundContainer {
  /*margin-top: 10px;*/ }

.msgMetaData-animated_battleRoundContainer {
  height: auto; }

.msgMetaData-battleVsBox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: auto 0;
  font-weight: bold;
  font-size: 20px; }

.msg_metadata_ceventCharactersBattleResult .msg_metadata_battleStageInfo {
  margin: 10px 0;
  z-index: -10; }

.msg_metadata_ceventCharactersSingleBattleResult .msg_metadata_battleStageInfo {
  margin: 0;
  z-index: -10; }

.msg_metadata_ceventCharactersBattleResult .animateBattleNr {
  margin-bottom: -30px; }

.msg_metadata_ceventCharactersBattleResult .animateRoundNr {
  margin: -35px 0 10px 0; }

.msg_metadata_buttonContainer {
  width: 230px;
  height: 49px;
  max-width: 230px;
  max-height: 49px;
  min-width: 230px;
  min-height: 49px;
  z-index: 0; }

.msg_metadata_ceventCharactersSingleBattleResult .animateTextVSBattle {
  font-size: unset;
  text-align: unset;
  font-weight: unset;
  margin-top: unset; }

.animateTextVSBattle {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-top: -40px; }

.animateTextVSSingleBattle {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-top: -10px; }

.textVSBattle {
  font-size: 14px;
  text-align: center;
  font-weight: bold; }

.vSImage {
  margin: 20px 15px 0 15px;
  z-index: -10; }

.resultBattleImage {
  margin: 50px 0 54px 0; }

img.msgMetaData-battleSeparator {
  width: 95%;
  height: 2px;
  margin: auto; }

.msg_metadata_overlibStats {
  display: flex; }

.msg_metadata_overlibStats img {
  vertical-align: middle; }

.msg_metadata_overlibStats p {
  margin: 0 6px 0 3px;
  padding-top: 5px; }

p.msg_metadata_overlibStats_hp {
  color: red; }

p.msg_metadata_overlibStats_regen {
  color: yellowgreen; }

p.msg_metadata_overlibStats_damage {
  color: #58cbee; }

p.msg_metadata_overlibStats_atkHit {
  color: #3276d8; }

p.msg_metadata_overlibStats_atkCritical {
  color: #7244bb; }

p.msg_metadata_overlibStats_atkReceived {
  color: #dc69ac; }

p.msg_metadata_overlibStats_summon {
  color: gold; }

div.msg_metadata_overlibStatsContainer {
  padding: 5px; }

div.msgMainContainer {
  background: transparent;
  width: 724px;
  margin: 0;
  padding-bottom: 20px;
  box-sizing: border-box; }

div.msg-content {
  position: relative;
  width: 719px;
  min-height: 130px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px; }

.msg-quest {
  font-size: 11px; }
  .msg-quest div, .msg-quest p {
    font-size: 11px; }

.msg-playerToPlayerMsg {
  text-align: left;
  font-size: 12px;
  margin: 20px 50px; }

.msg-notBattleReport {
  margin: 20px 50px; }

.talizmanEpicDestroyInfo {
  background: url("../gfx/talizman/forge/item_select_bg.jpg") no-repeat center;
  width: 492px;
  margin-left: auto;
  margin-right: auto; }

.talizmanEpicDestroyTextInfo {
  text-align: center;
  margin: 15px 5px; }
  .talizmanEpicDestroyTextInfo > div {
    margin: 5px 3px; }

.talizmanEpicDestroyDice {
  margin: 5px;
  text-align: center; }
  .talizmanEpicDestroyDice img {
    margin: 0 auto; }

.talizmanEpicDestroyReportRuneList {
  display: table-cell;
  margin: 0 auto;
  text-align: left; }
  .talizmanEpicDestroyReportRuneList > div {
    margin: 8px 0; }
    .talizmanEpicDestroyReportRuneList > div > img {
      vertical-align: middle; }

table.settings_singleForm {
  width: 90%;
  margin-top: 25px; }
  table.settings_singleForm tr.tblheader > td {
    text-align: left;
    padding-left: 10px !important; }
  table.settings_singleForm td {
    padding: 5px; }
    table.settings_singleForm td div.optionContainer {
      display: inline-block; }
      table.settings_singleForm td div.optionContainer div {
        display: flex;
        align-items: center;
        margin-right: 15px; }
        table.settings_singleForm td div.optionContainer div input[type="radio" i] {
          margin: 3px; }

input.grayoutWhenDisabled:disabled + label {
  color: dimgray; }

div.attack_enemiesListButtonContainer {
  display: flex;
  justify-content: flex-end; }
  div.attack_enemiesListButtonContainer > div {
    margin: 0 15px; }
  div.attack_enemiesListButtonContainer .button {
    padding: 5px 10px; }

div.attack_enemiesListClose {
  width: auto;
  position: absolute;
  top: -8px;
  right: 2px;
  font-size: 12px;
  cursor: pointer; }

table.attack_proposedEnemiesList {
  text-align: center;
  width: 95%;
  margin: 3px auto; }
  table.attack_proposedEnemiesList tbody tr.proposedEnemyRow {
    background: url("../gfx/common/attack_list/entity_background.png") center repeat-x; }
  table.attack_proposedEnemiesList img.pointer {
    cursor: pointer;
    padding: 5px; }

table.attack_targetList {
  text-align: center;
  width: 100%;
  margin: 3px auto;
  border-collapse: collapse;
  border-spacing: 0; }
  table.attack_targetList td.attackPerc {
    font-weight: bold;
    font-size: 12px; }
  table.attack_targetList tbody tr.playerRow {
    background: url("../gfx/common/attack_list/entity_background.png") repeat-x center; }
  table.attack_targetList tbody tr.commentRow {
    text-align: left;
    min-height: 10px; }
    table.attack_targetList tbody tr.commentRow > td {
      padding-left: 30px; }
      table.attack_targetList tbody tr.commentRow > td div.playerComment {
        cursor: pointer;
        min-height: 12px;
        text-align: left; }
  table.attack_targetList img.pointer {
    cursor: pointer; }
  table.attack_targetList .timeBallContainer > img {
    padding: 5px 1px; }
  table.attack_targetList .targetCommentInput {
    width: 400px; }

div.attack_addressFormContainer {
  display: flex;
  align-items: center;
  justify-content: center; }
  div.attack_addressFormContainer .addressForm {
    position: relative;
    width: 500px;
    height: 180px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }

div.attack_backToTargetList {
  position: relative;
  margin: 50px auto 10px;
  width: 400px;
  padding: 5px;
  text-align: center;
  font-size: 12px; }

table.auction_watchedAuctionList {
  width: 100%;
  text-align: center; }

.buttonBronze {
  border: 7px solid;
  cursor: pointer;
  color: white;
  border-image: url("../gfx/common/buttons/button_bronze.png") 7 fill stretch; }
  .buttonBronze a {
    color: white !important; }
  .buttonBronze:hover {
    border: 7px solid;
    cursor: pointer;
    color: white;
    border-image: url("../gfx/common/buttons/button_bronze_.png") 7 fill stretch; }
    .buttonBronze:hover a {
      color: white !important; }

.buttonGray {
  border: 7px solid;
  cursor: pointer;
  color: white;
  border-image: url("../gfx/common/buttons/button_gray.png") 7 fill stretch; }
  .buttonGray a {
    color: white !important; }
  .buttonGray:hover {
    border: 7px solid;
    cursor: pointer;
    color: white;
    border-image: url("../gfx/common/buttons/button_gray_.png") 7 fill stretch; }
    .buttonGray:hover a {
      color: white !important; }

.buttonGreen {
  border: 7px solid;
  cursor: pointer;
  color: white;
  border-image: url("../gfx/common/buttons/button_green.png") 7 fill stretch; }
  .buttonGreen a {
    color: white !important; }
  .buttonGreen:hover {
    border: 7px solid;
    cursor: pointer;
    color: white;
    border-image: url("../gfx/common/buttons/button_green_.png") 7 fill stretch; }
    .buttonGreen:hover a {
      color: white !important; }

.buttonRed {
  border: 7px solid;
  cursor: pointer;
  color: white;
  border-image: url("../gfx/common/buttons/button_red.png") 7 fill stretch; }
  .buttonRed a {
    color: white !important; }
  .buttonRed:hover {
    border: 7px solid;
    cursor: pointer;
    color: white;
    border-image: url("../gfx/common/buttons/button_red_.png") 7 fill stretch; }
    .buttonRed:hover a {
      color: white !important; }

div.mixer-combine-itemSlot {
  box-sizing: border-box;
  min-height: 20px;
  text-align: center;
  padding: 3px; }

table.targetAddressForm {
  width: 100%; }
  table.targetAddressForm td {
    width: 33%; }
  table.targetAddressForm input {
    display: block;
    clear: both;
    margin-top: 3px;
    padding: 2px; }

table.addressForm-attack {
  text-align: left;
  margin: 0 auto; }
  table.addressForm-attack td.headerCell {
    text-align: right;
    padding-right: 15px; }

table.addressForm-ambush {
  text-align: left;
  width: 100%;
  margin-top: 25px; }

table.addressForm-spy {
  width: 100%;
  text-align: left;
  margin-top: 25px; }

td.listaPremium_paymentImage {
  vertical-align: middle;
  text-align: center;
  width: 130px; }
  td.listaPremium_paymentImage img {
    width: 127px;
    margin: 10px auto; }

div.listaPremium_details > table {
  border-top: 1px solid gray;
  width: 100%; }
  div.listaPremium_details > table td.paymentLogo {
    width: 130px;
    text-align: center; }
    div.listaPremium_details > table td.paymentLogo img {
      max-width: 127px;
      margin: 10px auto;
      vertical-align: middle; }

div.listaPremium {
  height: 80px;
  margin: 0 0 5px 0;
  text-align: left;
  cursor: pointer;
  width: 500px;
  border: 1px solid gray;
  opacity: 0.7; }
  div.listaPremium > table {
    width: 100%;
    height: inherit; }

div.paysafecardInfo {
  display: flex;
  margin: 5px 3px;
  align-items: center; }
  div.paysafecardInfo div {
    text-align: left;
    font-size: 9px;
    margin: 3px; }

.paysafecardProlongDetails {
  margin-top: 25px !important;
  overflow: hidden; }

div.sim_characterDetails {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-content: space-around;
  width: 100%; }
  div.sim_characterDetails > div.innerWindow {
    border: 1px dashed #373737;
    box-sizing: border-box;
    padding: 5px 10px;
    min-width: 300px;
    margin-top: 10px; }
    div.sim_characterDetails > div.innerWindow .windowHeader {
      text-align: center;
      margin: 5px;
      font-weight: bold; }

div.protectionModeWarning {
  margin-top: -10px;
  text-align: center; }

span.menuSmallCount {
  display: inline;
  font-weight: normal;
  font-size: 8px; }

.menuBigCount {
  display: inline; }

div.mainmenu-imgContainer {
  display: inline;
  position: relative;
  margin-left: 7px; }

img.mainmenu-img {
  vertical-align: middle; }

.slidingErrorMessage {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  animation: fade-out-top 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  display: flex;
  align-items: center;
  justify-content: center; }

.slidingErrorMessageOnElement {
  position: absolute;
  animation: fade-out-top 4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000; }

@keyframes fade-out-top {
  0% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(-50px);
    opacity: 0; } }

.swrLocationHandicapSelect {
  position: relative;
  width: 630px;
  margin: 20px auto; }
  .swrLocationHandicapSelect > legend {
    font-weight: bold;
    text-align: center;
    margin: 0 auto; }
  .swrLocationHandicapSelect .locationName {
    background: url("../gfx/swr/handicap/red_panel.png") no-repeat center;
    height: 35px;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
    .swrLocationHandicapSelect .locationName span {
      padding-right: 6px; }
    .swrLocationHandicapSelect .locationName img.star {
      margin: 0 6px;
      vertical-align: middle; }
  .swrLocationHandicapSelect .mainFrame {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .swrLocationHandicapSelect .mainFrame .swiper-container {
      width: 100%; }
    .swrLocationHandicapSelect .mainFrame .leftArrow, .swrLocationHandicapSelect .mainFrame .rightArrow {
      vertical-align: middle;
      cursor: pointer;
      background: transparent !important;
      border: 0;
      outline: 0; }
    .swrLocationHandicapSelect .mainFrame .leftArrow {
      left: -2px !important; }
    .swrLocationHandicapSelect .mainFrame .rightArrow {
      right: -2px !important; }
    .swrLocationHandicapSelect .mainFrame .handicapBox {
      width: 574px;
      overflow: hidden;
      margin: 0 auto; }
    .swrLocationHandicapSelect .mainFrame .handicapData {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .swrLocationHandicapSelect .mainFrame .handicapData .locationImage {
        background-repeat: no-repeat;
        background-position: center;
        width: 186px;
        height: 184px; }
        .swrLocationHandicapSelect .mainFrame .handicapData .locationImage .locationBorder {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 20; }
        .swrLocationHandicapSelect .mainFrame .handicapData .locationImage .locationTopImg {
          position: absolute;
          left: 0;
          top: 0;
          z-index: 10; }
      .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription {
        background: url("../gfx/swr/handicap/mecharamka_poziom.png") no-repeat center;
        width: 380px;
        height: 184px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 5px 8px; }
        .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffectsWrapper {
          display: flex;
          justify-content: space-around; }
        .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffects {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          box-sizing: border-box; }
          .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffects div.effect {
            align-items: center;
            font-size: 11px;
            text-align: left;
            margin: 3px 0; }
            .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffects div.effect:before {
              content: url("../gfx/swr/handicap/effect_mark.png");
              margin-right: 3px;
              vertical-align: middle; }
            .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffects div.effect b {
              font-weight: normal;
              font-size: 12px;
              color: white;
              white-space: nowrap; }
          .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .textEffects div.error b {
            color: red; }
        .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .imgEffects {
          width: 80%;
          margin-top: 10px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .imgEffects div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 12px;
            white-space: nowrap; }
            .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .imgEffects div img {
              vertical-align: middle; }
            .swrLocationHandicapSelect .mainFrame .handicapData .handicapDescription .imgEffects div .bonusValue {
              font-size: 14px;
              color: white; }

div.swrLocationMap {
  position: relative;
  width: 720px;
  height: 540px;
  border: 0;
  background: url("../gfx/swr/rl_map.png") no-repeat; }

.expeditionCurrentList {
  width: 100%; }
  .expeditionCurrentList .locationName {
    padding-top: 5px; }
    .expeditionCurrentList .locationName img.star {
      margin: 6px 6px 3px 6px; }
  .expeditionCurrentList .swrLocationAdditionalDescription {
    padding: 5px 0;
    text-align: center; }
    .expeditionCurrentList .swrLocationAdditionalDescription .descriptionLine {
      margin: 2px; }

.msg_metadata_swrHandicapStars {
  margin-top: 10px; }
  .msg_metadata_swrHandicapStars img.star {
    margin: 3px 6px; }

table.fight {
  width: 100%; }
  table.fight tr.versus {
    text-align: center; }
    table.fight tr.versus td.attacker {
      text-align: right;
      width: 300px; }
    table.fight tr.versus td.defender {
      text-align: left;
      width: 300px; }
      table.fight tr.versus td.defender img.star {
        vertical-align: middle;
        padding: 0 2px; }
  table.fight img.character {
    width: 142px;
    height: 220px;
    margin: 10px; }

.acp_dailyLog {
  margin-top: 20px; }
  .acp_dailyLog .entry {
    margin: 4px; }

fieldset.arcaneBox {
  width: 600px;
  margin: 15px auto;
  box-sizing: border-box;
  padding: 5px 15px !important; }
  fieldset.arcaneBox > table {
    width: 100%; }
  fieldset.arcaneBox tr.arcaneRow {
    height: 48px; }
    fieldset.arcaneBox tr.arcaneRow td.name {
      width: 40%;
      text-align: left; }
      fieldset.arcaneBox tr.arcaneRow td.name img {
        vertical-align: middle;
        margin-right: 10px; }
      fieldset.arcaneBox tr.arcaneRow td.name label {
        font-weight: bold; }
    fieldset.arcaneBox tr.arcaneRow td.value {
      width: 10%; }
      fieldset.arcaneBox tr.arcaneRow td.value input[type="text"] {
        font-size: 12px;
        width: 30px;
        text-align: right;
        font-weight: bold;
        margin-right: 5px; }
    fieldset.arcaneBox tr.arcaneRow td.controls {
      width: auto; }
      fieldset.arcaneBox tr.arcaneRow td.controls input[type="button"] {
        margin: 0 3px;
        min-height: 16px; }
      fieldset.arcaneBox tr.arcaneRow td.controls input.plusMinusButton {
        width: 30px; }
      fieldset.arcaneBox tr.arcaneRow td.controls input.maxButton {
        width: 60px; }
      fieldset.arcaneBox tr.arcaneRow td.controls input.resetButton {
        width: 25px; }
      fieldset.arcaneBox tr.arcaneRow td.controls input.fakeButton {
        visibility: hidden;
        width: 0;
        padding: 0;
        border: 0;
        margin: 0; }
    fieldset.arcaneBox tr.arcaneRow td.cost {
      width: 18%;
      text-align: right; }
  fieldset.arcaneBox tr.bloodPtsRow {
    height: 40px; }
    fieldset.arcaneBox tr.bloodPtsRow td {
      text-align: center; }
      fieldset.arcaneBox tr.bloodPtsRow td span.actBloodPts {
        font-weight: bold;
        font-size: 12px; }
      fieldset.arcaneBox tr.bloodPtsRow td input.resetAllButton {
        margin-left: 20px;
        width: 50px;
        min-height: 16px; }

.evoBox {
  width: 600px;
  margin: 15px auto;
  box-sizing: border-box;
  padding: 5px 20px !important; }
  .evoBox > table {
    width: 100%; }
  .evoBox tr.evoRow {
    height: 48px; }
    .evoBox tr.evoRow td.name {
      width: 55%;
      text-align: left; }
      .evoBox tr.evoRow td.name div.nameWrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        width: 100%; }
        .evoBox tr.evoRow td.name div.nameWrapper div.evoImageMini {
          width: 30px;
          height: 30px;
          background: no-repeat center;
          margin-right: 10px; }
          .evoBox tr.evoRow td.name div.nameWrapper div.evoImageMini img {
            width: 100%;
            height: 100%; }
        .evoBox tr.evoRow td.name div.nameWrapper label {
          font-weight: bold; }
    .evoBox tr.evoRow td.value {
      width: 10%;
      font-size: 12px;
      text-align: right;
      font-weight: bold;
      padding-right: 15px; }
    .evoBox tr.evoRow td.controls {
      width: 35%;
      text-align: right; }
      .evoBox tr.evoRow td.controls input[type="button"] {
        margin: 0 3px;
        min-height: 16px; }
      .evoBox tr.evoRow td.controls input.plusMinusButton {
        width: 30px; }
      .evoBox tr.evoRow td.controls input.maxButton {
        width: 60px; }
      .evoBox tr.evoRow td.controls input.resetButton {
        width: 25px; }
  .evoBox tr.evoPtsRow {
    height: 48px; }
    .evoBox tr.evoPtsRow td {
      text-align: center; }
      .evoBox tr.evoPtsRow td span.actEvoPts {
        font-weight: bold;
        font-size: 12px; }
      .evoBox tr.evoPtsRow td input.bottomButton {
        margin-left: 20px;
        width: 50px;
        min-height: 16px; }

div.setting_protectionModeInfo {
  text-align: center;
  margin-top: 15px; }

div.changePasswordAdditionalInfo {
  width: 70%;
  margin: auto;
  font-size: 9px;
  text-align: center; }

tr.auctionMinPriceContainer td,
tr#auctionMaxPriceContainer td {
  padding-top: 8px !important; }

.auctionMaxPriceValue {
  font-weight: bold;
  text-align: center;
  height: 25px; }

tr.singleExpedition, tr.singleExpeditionComment {
  height: 100%; }
  tr.singleExpedition > td:first-child, tr.singleExpeditionComment > td:first-child {
    width: 28px;
    text-align: center; }
    tr.singleExpedition > td:first-child div.leftmostColumn, tr.singleExpeditionComment > td:first-child div.leftmostColumn {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
      tr.singleExpedition > td:first-child div.leftmostColumn img, tr.singleExpeditionComment > td:first-child div.leftmostColumn img {
        margin: 8px 0; }

.autocomplete {
  border-radius: 0 0 6px 6px;
  opacity: 0.95;
  box-sizing: border-box; }
  .autocomplete ul {
    overflow: hidden;
    background: black; }
    .autocomplete ul li.locked {
      color: red; }

.autocomplete:active,
.autocomplete:focus,
.autocomplete:hover {
  background: black;
  overflow: hidden; }

fieldset.search, div.search {
  position: unset;
  margin: 10px auto;
  padding: 12px 20px;
  width: 400px;
  text-align: center; }
  fieldset.search input[name="searchName"], div.search input[name="searchName"] {
    width: 200px;
    margin-right: 10px;
    font-size: 11px; }

.saveSetContainer {
  position: relative;
  width: 360px;
  box-sizing: border-box; }
  .saveSetContainer div.container {
    margin: 6px 10px; }
    .saveSetContainer div.container input[type="text"], .saveSetContainer div.container select {
      margin: 4px 5px; }
    .saveSetContainer div.container input[name="saveSet"] {
      display: block;
      margin: 8px auto 0 auto; }
    .saveSetContainer div.container input[name="removeSet"] {
      position: absolute;
      top: 10px;
      right: 10px;
      background: url("../gfx/common/armory/remove_set.png") no-repeat center;
      border: 0;
      display: block;
      height: 20px;
      width: 20px;
      cursor: pointer; }

div.playerSearchContainer {
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center; }

.occasionalItemsContainer {
  margin-bottom: 15px; }
  .occasionalItemsContainer .myResources {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
    margin: 6px 40px;
    font-size: 11px; }
  .occasionalItemsContainer input, .occasionalItemsContainer input[type="submit"] {
    background: none;
    border: none;
    padding: 0 !important;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px !important;
    font-weight: bold;
    cursor: pointer; }
  @media (max-width: 1000px) {
    .occasionalItemsContainer input.enabled {
      font-size: 1.3em !important; } }

div.actionTargetSelection {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px; }
  div.actionTargetSelection #enterTargetName .enterTargetNameFlexWrapper {
    display: flex;
    align-items: center; }
    div.actionTargetSelection #enterTargetName .enterTargetNameFlexWrapper .searchTarget {
      margin-left: 15px; }
      div.actionTargetSelection #enterTargetName .enterTargetNameFlexWrapper .searchTarget input[name="autocompleteName"] {
        width: 200px;
        font-size: 11px; }
      div.actionTargetSelection #enterTargetName .enterTargetNameFlexWrapper .searchTarget input[type="button"] {
        padding: 2px 5px !important; }
  div.actionTargetSelection #confirmedTarget .confirmedTargetFlexWrapper {
    display: flex;
    align-items: center; }
    div.actionTargetSelection #confirmedTarget .confirmedTargetFlexWrapper div#confirmedTargetName {
      font-weight: bold;
      font-size: 11px; }
    div.actionTargetSelection #confirmedTarget .confirmedTargetFlexWrapper div#confirmedTargetAddress {
      text-align: center; }
    div.actionTargetSelection #confirmedTarget .confirmedTargetFlexWrapper .targetChange {
      margin-left: 15px; }

.journey div.journeyPlayerStats {
  max-width: 310px;
  margin-top: 10px; }
  .journey div.journeyPlayerStats div.header {
    font-size: 14px; }
  .journey div.journeyPlayerStats td.statImageContainer {
    padding: 3px; }
  .journey div.journeyPlayerStats .statEnergyBarContainer {
    width: 200px;
    height: 2px;
    background: gray;
    z-index: 1; }
  .journey div.journeyPlayerStats .statEnergyBarFill {
    height: 2px;
    background: green;
    z-index: 2; }
  .journey div.journeyPlayerStats .statEnergyBarUsage {
    height: 2px;
    background: red;
    z-index: 3;
    width: 0;
    margin-left: auto;
    margin-right: 0; }
  .journey div.journeyPlayerStats .statChangeValue {
    color: red;
    font-weight: bold; }

.journey div.obstacleHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue sans-serif;
  position: relative;
  font-size: 16px;
  margin: 10px; }
  .journey div.obstacleHeader:before {
    content: url("../gfx/common/journey/header_left.png");
    margin: 0 10px; }
  .journey div.obstacleHeader:after {
    content: url("../gfx/common/journey/header_right.png");
    margin: 0 10px; }

.journey div.enemyContainer div.healthBarContainer {
  background: url("../gfx/common/journey/healthbar_ramka.png") no-repeat center;
  width: 170px;
  height: 20px;
  margin: 3px auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .journey div.enemyContainer div.healthBarContainer > img {
    margin: 0 1px; }

.journey div.optionDescription {
  color: #a4a3a3; }
  .journey div.optionDescription.inactive {
    text-decoration: line-through; }
  .journey div.optionDescription strong {
    font-size: 12px; }

.journey div.stateDescription {
  color: #a4a3a3;
  font-size: 11px;
  padding: 5px; }

.journey div.requiredStatsContainer div.header {
  font-size: 14px; }

.journey div.requiredStatsContainer div.requiredStatsList > div {
  font-size: 12px;
  margin: 6px auto; }

.journey div.journeyStart .flexWrapper div.leftPanel {
  width: 50% !important; }

.journey div.journeyStart .flexWrapper div.rightPanel {
  width: 43% !important; }

.journey div.journeyStart div.locationDescription .leftArrow, .journey div.journeyStart div.locationDescription .rightArrow {
  vertical-align: middle;
  cursor: pointer;
  background: transparent !important;
  border: 0;
  outline: 0; }

.journey div.journeyStart div.locationDescription .leftArrow {
  left: -2px !important; }

.journey div.journeyStart div.locationDescription .rightArrow {
  right: -2px !important; }

.journey div.journeyStart div.locationDescription .locationDescBox {
  width: 300px;
  overflow: hidden;
  margin: 0 auto; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationName {
    font-size: 16px;
    margin-top: 10px; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationDescFlexWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationDescFlexWrapper > div {
      margin: 0 5px; }
    .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationDescFlexWrapper > div:first-child {
      width: 38%; }
    .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationDescFlexWrapper > div:nth-child(2) {
      width: 60%; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .okButton {
    margin-top: 20px; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationBoss .bossLabel {
    font-size: 9px; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationBoss .bossName {
    color: white; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationBoss .bossReqStats {
    margin-top: 12px;
    font-size: 12px;
    color: white; }
  .journey div.journeyStart div.locationDescription .locationDescBox .locationSingleDesc .locationReward .rewardDisplay {
    margin-top: 12px;
    font-size: 12px;
    color: white; }

.journey div.journeyStart div.locationSelection {
  max-width: 280px;
  box-sizing: border-box;
  padding: 0 5px; }
  .journey div.journeyStart div.locationSelection .locationRewardRenewInfo {
    text-align: center;
    font-size: 9px; }
    .journey div.journeyStart div.locationSelection .locationRewardRenewInfo span#locationRewardRenewTimeLeft {
      font-weight: bold; }
  .journey div.journeyStart div.locationSelection div.header {
    font-weight: bold;
    font-size: 12px; }
  .journey div.journeyStart div.locationSelection div.radioSelection {
    margin: 8px 0; }
  .journey div.journeyStart div.locationSelection table.locationList {
    width: 100%;
    border-collapse: collapse; }
    .journey div.journeyStart div.locationSelection table.locationList td {
      border: 1px solid #794343;
      text-align: left; }
      .journey div.journeyStart div.locationSelection table.locationList td:first-child {
        text-align: center;
        background: #311E1E;
        height: 30px;
        width: 30px; }

.journey div.journeyStart div.difficultySelection .statCost {
  margin-top: 10px;
  font-size: 12px; }
  .journey div.journeyStart div.difficultySelection .statCost strong {
    font-size: 14px; }

.journey div.journeyStart div.difficultySelection .difficultyLabel {
  text-align: center; }

.journey div.journeyStart div.difficultySelection .difficultyControls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px; }

.journey div.journeyStart div.difficultySelection .difficultyLabel {
  font-weight: bold;
  font-size: 16px;
  margin: 0 30px; }

.journey div.journeyStart div.difficultySelection .nodeProgressList {
  height: 38px; }

.journey div.journeyStart > div {
  border: 1px dotted green;
  margin: 10px; }

.journey .flexWrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-around; }
  .journey .flexWrapper > div {
    width: 40%;
    text-align: center; }

.journey div.journeyDuringFight .fightOptionContainer .fightOptions {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 360px;
  height: auto; }
  .journey div.journeyDuringFight .fightOptionContainer .fightOptions > div {
    margin: 30px auto; }

.journey div.journeyDuringFight div.usedSpecialAttackContainer div.header {
  font-size: 14px; }

.journey div.journeyDuringFight div.usedSpecialAttackContainer div.timerMechaRed {
  opacity: 0.8; }

.journey div.journeyBypassingObstacle .mainFrame {
  width: 300px;
  margin: 10px auto;
  text-align: center; }

.journey div.journeyBypassingObstacle div.waitTimeContainer {
  margin-top: 15px; }

.journey div.journeyBypassingObstacle div.finishJourneyOptionContainer {
  margin-top: 40px; }

.journey div.journeyRestAndRelax .mainFrame {
  width: 300px;
  margin: 10px auto;
  text-align: center; }
  .journey div.journeyRestAndRelax .mainFrame .enemyImage img {
    margin-top: -50px; }

.journey div.journeyRestAndRelax div.waitTimeContainer {
  margin-top: 15px; }

.journey div.journeyRestAndRelax div.finishJourneyOptionContainer {
  margin-top: 40px; }

.journey div.journeyComeTomorrow .mainFrame {
  width: 300px;
  margin: 10px auto;
  text-align: center; }
  .journey div.journeyComeTomorrow .mainFrame .enemyImage img {
    margin-top: -50px; }

.journey div.journeyComeTomorrow div.waitTimeContainer {
  margin-top: 15px; }

.journey div.journeyComeTomorrow div.finishJourneyOptionContainer {
  margin-top: 40px; }

div.journeySackDescription {
  text-align: center; }
  div.journeySackDescription > div {
    margin: 10px auto; }
  div.journeySackDescription div.rewardList > span {
    align-items: center;
    line-height: 1.5; }
    div.journeySackDescription div.rewardList > span:before {
      content: url("../gfx/swr/handicap/effect_mark.png");
      margin-right: 3px;
      vertical-align: middle; }
  div.journeySackDescription div.additionalDescription {
    color: #a4a3a3;
    font-size: 9px; }

div.journeyNodeProgress div.nodeList {
  display: grid;
  grid-template-rows: min-content min-content;
  align-items: center;
  justify-content: center;
  margin: 10px auto; }
  div.journeyNodeProgress div.nodeList .node {
    grid-row: 1/1;
    z-index: 2;
    width: auto;
    min-width: 30px;
    max-width: 50px;
    place-self: center; }
  div.journeyNodeProgress div.nodeList .bar {
    grid-row: 1/1;
    z-index: 1;
    width: auto;
    min-width: 10px;
    max-width: 45px;
    height: 10px;
    margin: 0 -20px;
    place-self: center stretch; }
  div.journeyNodeProgress div.nodeList .reward {
    grid-row: 2/2;
    place-self: center; }
  div.journeyNodeProgress div.nodeList div.rewardGap {
    grid-row: 2/2; }

div.nodeProgressWithStretchedBar div.journeyNodeProgress div.nodeList .bar {
  width: 45px; }

.journeyReport div.header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue sans-serif;
  position: relative;
  font-size: 16px !important;
  margin: 30px auto 10px auto; }
  .journeyReport div.header:before {
    content: url("../gfx/common/journey/header_left.png");
    margin: 0 10px; }
  .journeyReport div.header:after {
    content: url("../gfx/common/journey/header_right.png");
    margin: 0 10px; }

.journeyReport .resultSuccess {
  color: green; }

.journeyReport .resultEscaped {
  color: red; }

.journeyReport div.locationName {
  font-size: 18px; }

.journeyReport div.reportNodeProgress {
  margin: 30px auto; }

.journeyReport div.sackRewardList {
  width: max-content;
  margin: 0 auto; }
  .journeyReport div.sackRewardList div.rewardContainer {
    display: flex;
    margin: 5px;
    align-items: center;
    justify-content: flex-start; }
    .journeyReport div.sackRewardList div.rewardContainer > span {
      padding-left: 10px; }

div.tasks-header {
  text-align: center; }

div.dailyTasksContainer {
  margin-top: 10px; }
  div.dailyTasksContainer div.cardListContainer {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    div.dailyTasksContainer div.cardListContainer div.card {
      position: relative;
      overflow: hidden;
      width: 225px;
      height: 470px;
      padding: 5px 15px; }
    div.dailyTasksContainer div.cardListContainer div.activeCard {
      background: url("../gfx/common/dailyTasks/journey_card_front.png") no-repeat center; }
      div.dailyTasksContainer div.cardListContainer div.activeCard:hover {
        background-image: url("../gfx/common/dailyTasks/journey_card_front_.png"); }
    div.dailyTasksContainer div.cardListContainer div.inactiveCard {
      display: flex;
      align-items: center;
      justify-content: center;
      background: url("../gfx/common/dailyTasks/journey_card_back.png") no-repeat center; }
      div.dailyTasksContainer div.cardListContainer div.inactiveCard .nextTaskTitle, div.dailyTasksContainer div.cardListContainer div.inactiveCard .nextTaskTimer {
        font-weight: bold;
        font-size: 14px;
        color: white;
        text-align: center;
        margin: 20px auto; }
    div.dailyTasksContainer div.cardListContainer div.taskDescription {
      margin-top: 30px;
      text-align: center;
      font-weight: bold;
      font-size: 14px;
      color: white; }
    div.dailyTasksContainer div.cardListContainer div.taskHint {
      margin-top: 10px;
      text-align: center; }
    div.dailyTasksContainer div.cardListContainer div.taskProgressBarContainer {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 23px;
      top: 150px;
      left: 10px;
      right: 10px; }
      div.dailyTasksContainer div.cardListContainer div.taskProgressBarContainer div.bar-empty {
        position: relative;
        width: 160px;
        height: 23px;
        background: url("../gfx/common/dailyTasks/progressbar_empty.png") no-repeat center; }
        div.dailyTasksContainer div.cardListContainer div.taskProgressBarContainer div.bar-empty div.bar-filled {
          position: absolute;
          left: 0;
          top: 0;
          background: url("../gfx/common/dailyTasks/progressbar_full.png") no-repeat left;
          height: 23px;
          z-index: 1; }
        div.dailyTasksContainer div.cardListContainer div.taskProgressBarContainer div.bar-empty div.bar-counts {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          color: white;
          font-size: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 2; }
    div.dailyTasksContainer div.cardListContainer div.taskRewardContainer {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 179px;
      top: 180px;
      left: 10px;
      right: 10px;
      background: url("../gfx/common/dailyTasks/reward_background.png") no-repeat center; }
    div.dailyTasksContainer div.cardListContainer div.taskAction {
      position: absolute;
      height: 60px;
      top: 360px;
      left: 10px;
      right: 10px;
      display: flex;
      align-items: center;
      justify-content: center; }
      div.dailyTasksContainer div.cardListContainer div.taskAction button.squareButton {
        position: relative;
        background: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
        overflow: visible; }
        div.dailyTasksContainer div.cardListContainer div.taskAction button.squareButton > img {
          z-index: 1; }
        div.dailyTasksContainer div.cardListContainer div.taskAction button.squareButton img.squareButtonHover {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2; }
        div.dailyTasksContainer div.cardListContainer div.taskAction button.squareButton:hover img.squareButtonHover {
          display: unset; }
        div.dailyTasksContainer div.cardListContainer div.taskAction button.squareButton .refreshLeftCount {
          position: absolute;
          right: -4px;
          bottom: 0;
          padding: 3px 6px;
          color: yellow;
          font-weight: bold;
          background: red;
          border-radius: 10px;
          z-index: 3; }

div.dailyTasksDebugMode > div {
  margin: 10px 0; }
  div.dailyTasksDebugMode > div input.button {
    padding: 3px 10px; }

.profile_ancestry {
  position: relative;
  max-width: 1000px;
  width: 90%;
  margin: 20px auto 30px auto; }
  @media all and (max-width: 600px) {
    .profile_ancestry {
      width: 95%;
      padding: 10px 0 10px 0;
      border: 1px solid #682c2c;
      border-radius: 10px;
      background-color: rgba(0, 0, 0, 0.8); } }
  .profile_ancestry .profile_ancestryCabinet {
    position: relative;
    width: 392px;
    height: 192px;
    background: url("../gfx/v2/season/cabinet.png") no-repeat center bottom;
    background-size: cover;
    z-index: 5;
    margin: 0 auto; }
    .profile_ancestry .profile_ancestryCabinet .place_1 {
      position: absolute;
      left: calc(50% - 10px);
      top: 87px;
      width: 19px;
      height: 41px;
      cursor: pointer; }
    .profile_ancestry .profile_ancestryCabinet .place_2 {
      position: absolute;
      top: 107px;
      left: 130px;
      width: 19px;
      height: 41px;
      cursor: pointer; }
    .profile_ancestry .profile_ancestryCabinet .place_3 {
      position: absolute;
      top: 110px;
      right: 130px;
      width: 19px;
      height: 41px;
      cursor: pointer; }
    .profile_ancestry .profile_ancestryCabinet_removeButton {
      width: 13px;
      height: 13px;
      background: transparent;
      border: 0;
      cursor: pointer; }
      .profile_ancestry .profile_ancestryCabinet_removeButton.removePlace_1 {
        position: absolute;
        left: calc(50% - 15px);
        top: 146px; }
      .profile_ancestry .profile_ancestryCabinet_removeButton.removePlace_2 {
        position: absolute;
        top: 170px;
        left: 124px; }
      .profile_ancestry .profile_ancestryCabinet_removeButton.removePlace_3 {
        position: absolute;
        top: 170px;
        right: 137px; }
  .profile_ancestry .profile_treeDecoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -17px;
    width: 100%;
    z-index: 0;
    background: url("../gfx/v2/season/familytree_big.png") no-repeat bottom;
    background-size: contain; }
    @media all and (max-width: 600px) {
      .profile_ancestry .profile_treeDecoration {
        background: url("../gfx/v2/season/familytree_small.png") no-repeat bottom;
        background-size: contain; } }
  .profile_ancestry .profile_ancestryName {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    z-index: 2; }
    .profile_ancestry .profile_ancestryName h3 {
      max-width: 700px;
      width: 100%;
      align-self: center;
      text-align: center;
      background: url("../gfx/v2/common/red_panel_klan.png") no-repeat center; }
    .profile_ancestry .profile_ancestryName button {
      position: absolute;
      right: 20px;
      top: 10px;
      width: fit-content;
      width: -moz-fit-content;
      align-self: flex-end;
      margin-bottom: 1px; }
  .profile_ancestry .profile_ancestryContainer {
    position: relative;
    padding-bottom: 30px;
    margin-top: 10px;
    z-index: 2; }
    @media all and (max-width: 600px) {
      .profile_ancestry .profile_ancestryContainer {
        padding: 0 10px 30px 10px; } }
    .profile_ancestry .profile_ancestryContainer .profile_ancestryDesc {
      padding: 25px 0;
      width: 260px;
      max-width: 260px;
      min-height: 100px;
      margin: 22px auto;
      border-style: solid;
      border-width: 28px 55px;
      -moz-border-image: url("../gfx/v2/common/wyprawa_bck_horizontal.png") 28 55 stretch;
      -webkit-border-image: url("../gfx/v2/common/wyprawa_bck_horizontal.png") 28 55 stretch;
      -o-border-image: url("../gfx/v2/common/wyprawa_bck_horizontal.png") 28 55 stretch;
      border-image: url("../gfx/v2/common/wyprawa_bck_horizontal.png") 28 55 fill stretch; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryDesc p {
        padding: 3px;
        margin: -40px -15px;
        word-break: break-word; }
        @media all and (max-width: 600px) {
          .profile_ancestry .profile_ancestryContainer .profile_ancestryDesc p {
            margin: -40px -45px; } }
    .profile_ancestry .profile_ancestryContainer .profile_ancestryTreeContainer {
      position: relative; }
    .profile_ancestry .profile_ancestryContainer .profile_ancestryChars {
      position: relative;
      max-width: 392px;
      margin: 40px auto 20px auto;
      padding-bottom: 4px; }
    .profile_ancestry .profile_ancestryContainer .profile_ancestryContent {
      position: relative;
      text-align: center;
      align-self: center; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryContent h2 {
        padding-top: 6px;
        position: relative;
        font-size: 14px;
        line-height: 14px; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryContent .profile_ancestryCharsListHeader {
        background: #1b1f20;
        padding: 0 1px; }
    .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList {
      position: relative;
      z-index: 5;
      margin-bottom: 16px; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList .col_1 {
        flex: 0 0 15%; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList .col_2 {
        flex: 1 1 auto; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList .col_3 {
        flex: 0 0 15%; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList .col_4 {
        flex: 0 0 15%; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_header {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        width: calc(100% - 50px);
        background-color: #1b1f20;
        line-height: 24px;
        margin: 0 auto; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_list {
        width: 100%;
        margin-top: 8px; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_listItem {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 16px; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_toggle {
        flex: 0 0 25px;
        width: 25px;
        height: 42px;
        background-size: contain;
        cursor: pointer; }
        .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_toggle.closed {
          background: url("../gfx/v2/common/search_close.png") no-repeat center; }
        .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_toggle.open {
          background: url("../gfx/v2/common/search_open.png") no-repeat center; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_single {
        flex: 1 1 calc(100% - 50px);
        border: 1px solid #696969; }
        .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_single_char {
          display: flex;
          flex-wrap: nowrap;
          line-height: 42px; }
        .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_single_throphies {
          background-color: #191919;
          padding: 5px; }
          .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_single_throphies > img {
            margin: 12px 16px;
            cursor: pointer; }
      .profile_ancestry .profile_ancestryContainer .profile_ancestryCharacterList_locked {
        flex: 0 0 25px;
        width: 25px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center; }
  .profile_ancestry .profile_ancestry_banner_left {
    position: absolute;
    left: 0;
    top: 24px;
    width: 136px;
    height: 397px;
    background: url("../gfx/v2/season/family_banner_l.png") no-repeat center; }
  .profile_ancestry .profile_ancestry_banner_right {
    position: absolute;
    right: 0;
    top: 24px;
    width: 136px;
    height: 397px;
    background: url("../gfx/v2/season/family_banner_p.png") no-repeat center; }

.profile_ancestryCharacterList_throphyPopup {
  display: flex;
  flex-wrap: nowrap; }
  .profile_ancestryCharacterList_throphyPopup .image {
    flex: 0 0 90px;
    text-align: center;
    border-right: 1px solid #765858; }
  .profile_ancestryCharacterList_throphyPopup .description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 5px 10px; }
    .profile_ancestryCharacterList_throphyPopup .description-text {
      font-size: 13px;
      letter-spacing: 0.7px; }
    .profile_ancestryCharacterList_throphyPopup .description-tiers {
      font-size: 12px; }
      .profile_ancestryCharacterList_throphyPopup .description-tiers .tier {
        color: #555555; }
        .profile_ancestryCharacterList_throphyPopup .description-tiers .tier.active {
          color: white; }
    .profile_ancestryCharacterList_throphyPopup .description-currentSeason {
      color: #6E0101;
      font-size: 12px; }
    .profile_ancestryCharacterList_throphyPopup .description-cabinet {
      color: green;
      font-size: 12px;
      text-align: center; }
    .profile_ancestryCharacterList_throphyPopup .description-cabinet-put {
      text-align: center; }

.popupBorder {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  bottom: 0;
  border-style: solid;
  border-width: 38px 29px 18px 32px;
  -moz-border-image: url("../gfx/v2/common/overlib/mecharamka_overlib.png") 38 29 18 32 repeat;
  -webkit-border-image: url("../gfx/v2/common/overlib/mecharamka_overlib.png") 38 29 18 32 repeat;
  -o-border-image: url("../gfx/v2/common/overlib/mecharamka_overlib.png") 38 29 18 32 repeat;
  border-image: url("../gfx/v2/common/overlib/mecharamka_overlib.png") 38 29 18 32 fill repeat;
  border-image-outset: 0.15; }

.profile_ancestry_editContainer {
  text-align: center !important; }

.profile_edit {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  text-align: left; }
  .profile_edit p {
    width: 200px;
    margin: auto 0; }
  .profile_edit input, .profile_edit textarea, .profile_edit .profile_httpInput {
    max-width: 500px;
    width: 100%;
    margin: 10px auto; }
  .profile_edit .profile_httpInput {
    display: flex; }