@charset "UTF-8";
.bootstrap {
  /*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ }
  .bootstrap .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .bootstrap .dropup,
  .bootstrap .dropdown {
    position: relative; }
  .bootstrap .dropdown-toggle:focus {
    outline: 0; }
  .bootstrap .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; }
    .bootstrap .dropdown-menu.pull-right {
      right: 0;
      left: auto; }
    .bootstrap .dropdown-menu .divider {
      height: 1px;
      margin: 8px 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    .bootstrap .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.45;
      color: #333333;
      white-space: nowrap; }
  .bootstrap .dropdown-menu > li > a:hover, .bootstrap .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #333; }
  .bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus {
    color: #333;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7; }
  .bootstrap .dropdown-menu > .disabled > a, .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus {
    color: #777777; }
  .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }
  .bootstrap .open > .dropdown-menu {
    display: block; }
  .bootstrap .open > a {
    outline: 0; }
  .bootstrap .dropdown-menu-right {
    left: auto;
    right: 0; }
  .bootstrap .dropdown-menu-left {
    left: 0;
    right: auto; }
  .bootstrap .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.45;
    color: #777777;
    white-space: nowrap; }
  .bootstrap .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990; }
  .bootstrap .pull-right > .dropdown-menu {
    right: 0;
    left: auto; }
  .bootstrap .dropup .caret,
  .bootstrap .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""; }
  .bootstrap .dropup .dropdown-menu,
  .bootstrap .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px; }
  @media (min-width: 768px) {
    .bootstrap .navbar-right .dropdown-menu {
      right: 0;
      left: auto; }
    .bootstrap .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto; } }
  .bootstrap .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0; }
    .bootstrap .label:empty {
      display: none; }
    .btn .bootstrap .label {
      position: relative;
      top: -1px; }
  .bootstrap a.label:hover, .bootstrap a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
  .bootstrap .label-default {
    background-color: #777777; }
    .bootstrap .label-default[href]:hover, .bootstrap .label-default[href]:focus {
      background-color: #5e5e5e; }
  .bootstrap .label-primary {
    background-color: #337ab7; }
    .bootstrap .label-primary[href]:hover, .bootstrap .label-primary[href]:focus {
      background-color: #285f8f; }
  .bootstrap .label-success {
    background-color: #5cb85c; }
    .bootstrap .label-success[href]:hover, .bootstrap .label-success[href]:focus {
      background-color: #449d44; }
  .bootstrap .label-info {
    background-color: #5bc0de; }
    .bootstrap .label-info[href]:hover, .bootstrap .label-info[href]:focus {
      background-color: #31b0d5; }
  .bootstrap .label-warning {
    background-color: #f0ad4e; }
    .bootstrap .label-warning[href]:hover, .bootstrap .label-warning[href]:focus {
      background-color: #ec971f; }
  .bootstrap .label-danger {
    background-color: #d9534f; }
    .bootstrap .label-danger[href]:hover, .bootstrap .label-danger[href]:focus {
      background-color: #c9302c; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

.FontinSmallCaps, .heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title, .button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control, .site-notice-container h3, .site-notice-container .button-box button, .eventCalendar h1, .seasonLadder h1, .shopSpecialsBox .deal .banner, .links, .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.uniqueStashTheme .breadcrumb, .header > .navigation, .header > .navigation a, .seasonInfo .name, #buildControls, .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3, .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3, .uniqueStash .progress .text, .uniqueStash .controls a, .uniqueStash .stashContents .item > .name, .stashPanel .stashTabContents.mapStash .mapTierButton::after, #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content h3, div.custom-league-view, .item-filters-list-view,
.item-filter-view, .newItemPopup, .skillPopup, .divinationCard, .shopIndex .category h2, .shopItemPackage .savingsInfo, .shopTopBar1 h1, #shopEndingCountdownContainer h2, .skillsList h1, #downloadPageList .content .purchaseText, #itemsPage .content h2, #itemsPage .content h2 a, .eventView .countdownDescription, .eventView h2, .landingBox h1, .landingBox h2, .apiResource h2, .apiResource h3, .forum-table-container .buildGuide span, .profile .profile-box h2, .profile .profile-container .showcase-item h2, .profile h1, .profile h2, .follow-box h3, #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .guild-status, #guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2, .mtxStashPanel .noMtx .mtxText, .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps, .zh_CN .heading1, .zh_CN .heading3, .zh_CN #twitch-streams-container h1, #twitch-streams-container .zh_CN h1, .zh_CN #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_CN a, .zh_CN #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_CN a, .zh_CN .eventsListSummary .title, .eventsListSummary .zh_CN .title, .zh_CN form.t1 input[type="submit"], form.t1 .zh_CN input[type="submit"], .zh_CN .formT1 input[type="submit"], .formT1 .zh_CN input[type="submit"], .zh_CN .button1, .zh_CN .button2, .zh_CN .pagination a, .pagination .zh_CN a, .zh_CN .pagination .current, .pagination .zh_CN .current, .zh_CN .pagination .currentPage, .pagination .zh_CN .currentPage, .zh_CN .editor-control, .zh_CN .site-notice-container h3, .site-notice-container .zh_CN h3, .zh_CN .site-notice-container .button-box button, .site-notice-container .button-box .zh_CN button, .zh_CN .eventCalendar h1, .eventCalendar .zh_CN h1, .zh_CN .seasonLadder h1, .seasonLadder .zh_CN h1, .zh_CN .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_CN .banner, .zh_CN .links, .zh_CN .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_CN .breadcrumb, .zh_CN .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_CN .breadcrumb, .zh_CN .header > .navigation, .zh_CN .header > .navigation a, .header > .navigation .zh_CN a, .zh_CN .seasonInfo .name, .seasonInfo .zh_CN .name, .zh_CN #buildControls, .zh_CN .inventoryControls .infoLine1, .inventoryControls .zh_CN .infoLine1, .zh_CN .inventoryControls .infoLine2, .inventoryControls .zh_CN .infoLine2, .zh_CN .inventoryControls .infoLine3, .inventoryControls .zh_CN .infoLine3, .zh_CN .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_CN .infoLine1, .zh_CN .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_CN .infoLine2, .zh_CN .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_CN .infoLine3, .zh_CN .uniqueStash .progress .text, .uniqueStash .progress .zh_CN .text, .zh_CN .uniqueStash .controls a, .uniqueStash .controls .zh_CN a, .zh_CN .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_CN .item > .name, .zh_CN .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_CN .mapTierButton::after, .zh_CN #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_CN h1, .zh_CN #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_CN h2, .zh_CN #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_CN h3, .zh_CN div.custom-league-view, .zh_CN .item-filters-list-view,
  .zh_CN .item-filter-view, .zh_CN .newItemPopup, .zh_CN .skillPopup, .zh_CN .divinationCard, .zh_CN .shopIndex .category h2, .shopIndex .category .zh_CN h2, .zh_CN .shopItemPackage .savingsInfo, .shopItemPackage .zh_CN .savingsInfo, .zh_CN .shopTopBar1 h1, .shopTopBar1 .zh_CN h1, .zh_CN #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_CN h2, .zh_CN .skillsList h1, .skillsList .zh_CN h1, .zh_CN #downloadPageList .content .purchaseText, #downloadPageList .content .zh_CN .purchaseText, .zh_CN #itemsPage .content h2, #itemsPage .content .zh_CN h2, .zh_CN #itemsPage .content h2 a, #itemsPage .content h2 .zh_CN a, .zh_CN .eventView .countdownDescription, .eventView .zh_CN .countdownDescription, .zh_CN .eventView h2, .eventView .zh_CN h2, .zh_CN .landingBox h1, .landingBox .zh_CN h1, .zh_CN .landingBox h2, .landingBox .zh_CN h2, .zh_CN .apiResource h2, .apiResource .zh_CN h2, .zh_CN .apiResource h3, .apiResource .zh_CN h3, .zh_CN .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_CN span, .zh_CN .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_CN h2, .zh_CN .profile h1, .profile .zh_CN h1, .zh_CN .profile h2, .profile .zh_CN h2, .zh_CN .follow-box h3, .follow-box .zh_CN h3, .zh_CN #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_CN .guild-tag, .zh_CN #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_CN .guild-status, .zh_CN #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_CN h2, .zh_CN #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_CN h2, .zh_CN .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_CN .mtxText, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_CN .mtxGroupHeader, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_CN .stackSize {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps, .zh_TW .heading1, .zh_TW .heading3, .zh_TW #twitch-streams-container h1, #twitch-streams-container .zh_TW h1, .zh_TW #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_TW a, .zh_TW #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_TW a, .zh_TW .eventsListSummary .title, .eventsListSummary .zh_TW .title, .zh_TW form.t1 input[type="submit"], form.t1 .zh_TW input[type="submit"], .zh_TW .formT1 input[type="submit"], .formT1 .zh_TW input[type="submit"], .zh_TW .button1, .zh_TW .button2, .zh_TW .pagination a, .pagination .zh_TW a, .zh_TW .pagination .current, .pagination .zh_TW .current, .zh_TW .pagination .currentPage, .pagination .zh_TW .currentPage, .zh_TW .editor-control, .zh_TW .site-notice-container h3, .site-notice-container .zh_TW h3, .zh_TW .site-notice-container .button-box button, .site-notice-container .button-box .zh_TW button, .zh_TW .eventCalendar h1, .eventCalendar .zh_TW h1, .zh_TW .seasonLadder h1, .seasonLadder .zh_TW h1, .zh_TW .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_TW .banner, .zh_TW .links, .zh_TW .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_TW .breadcrumb, .zh_TW .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_TW .breadcrumb, .zh_TW .header > .navigation, .zh_TW .header > .navigation a, .header > .navigation .zh_TW a, .zh_TW .seasonInfo .name, .seasonInfo .zh_TW .name, .zh_TW #buildControls, .zh_TW .inventoryControls .infoLine1, .inventoryControls .zh_TW .infoLine1, .zh_TW .inventoryControls .infoLine2, .inventoryControls .zh_TW .infoLine2, .zh_TW .inventoryControls .infoLine3, .inventoryControls .zh_TW .infoLine3, .zh_TW .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_TW .infoLine1, .zh_TW .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_TW .infoLine2, .zh_TW .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_TW .infoLine3, .zh_TW .uniqueStash .progress .text, .uniqueStash .progress .zh_TW .text, .zh_TW .uniqueStash .controls a, .uniqueStash .controls .zh_TW a, .zh_TW .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_TW .item > .name, .zh_TW .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_TW .mapTierButton::after, .zh_TW #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_TW h1, .zh_TW #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_TW h2, .zh_TW #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_TW h3, .zh_TW div.custom-league-view, .zh_TW .item-filters-list-view,
  .zh_TW .item-filter-view, .zh_TW .newItemPopup, .zh_TW .skillPopup, .zh_TW .divinationCard, .zh_TW .shopIndex .category h2, .shopIndex .category .zh_TW h2, .zh_TW .shopItemPackage .savingsInfo, .shopItemPackage .zh_TW .savingsInfo, .zh_TW .shopTopBar1 h1, .shopTopBar1 .zh_TW h1, .zh_TW #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_TW h2, .zh_TW .skillsList h1, .skillsList .zh_TW h1, .zh_TW #downloadPageList .content .purchaseText, #downloadPageList .content .zh_TW .purchaseText, .zh_TW #itemsPage .content h2, #itemsPage .content .zh_TW h2, .zh_TW #itemsPage .content h2 a, #itemsPage .content h2 .zh_TW a, .zh_TW .eventView .countdownDescription, .eventView .zh_TW .countdownDescription, .zh_TW .eventView h2, .eventView .zh_TW h2, .zh_TW .landingBox h1, .landingBox .zh_TW h1, .zh_TW .landingBox h2, .landingBox .zh_TW h2, .zh_TW .apiResource h2, .apiResource .zh_TW h2, .zh_TW .apiResource h3, .apiResource .zh_TW h3, .zh_TW .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_TW span, .zh_TW .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_TW h2, .zh_TW .profile h1, .profile .zh_TW h1, .zh_TW .profile h2, .profile .zh_TW h2, .zh_TW .follow-box h3, .follow-box .zh_TW h3, .zh_TW #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_TW .guild-tag, .zh_TW #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_TW .guild-status, .zh_TW #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_TW h2, .zh_TW #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_TW h2, .zh_TW .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_TW .mtxText, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_TW .mtxGroupHeader, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_TW .stackSize {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps, .ru_RU .heading1, .ru_RU .heading3, .ru_RU #twitch-streams-container h1, #twitch-streams-container .ru_RU h1, .ru_RU #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ru_RU a, .ru_RU #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ru_RU a, .ru_RU .eventsListSummary .title, .eventsListSummary .ru_RU .title, .ru_RU form.t1 input[type="submit"], form.t1 .ru_RU input[type="submit"], .ru_RU .formT1 input[type="submit"], .formT1 .ru_RU input[type="submit"], .ru_RU .button1, .ru_RU .button2, .ru_RU .pagination a, .pagination .ru_RU a, .ru_RU .pagination .current, .pagination .ru_RU .current, .ru_RU .pagination .currentPage, .pagination .ru_RU .currentPage, .ru_RU .editor-control, .ru_RU .site-notice-container h3, .site-notice-container .ru_RU h3, .ru_RU .site-notice-container .button-box button, .site-notice-container .button-box .ru_RU button, .ru_RU .eventCalendar h1, .eventCalendar .ru_RU h1, .ru_RU .seasonLadder h1, .seasonLadder .ru_RU h1, .ru_RU .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ru_RU .banner, .ru_RU .links, .ru_RU .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ru_RU .breadcrumb, .ru_RU .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ru_RU .breadcrumb, .ru_RU .header > .navigation, .ru_RU .header > .navigation a, .header > .navigation .ru_RU a, .ru_RU .seasonInfo .name, .seasonInfo .ru_RU .name, .ru_RU #buildControls, .ru_RU .inventoryControls .infoLine1, .inventoryControls .ru_RU .infoLine1, .ru_RU .inventoryControls .infoLine2, .inventoryControls .ru_RU .infoLine2, .ru_RU .inventoryControls .infoLine3, .inventoryControls .ru_RU .infoLine3, .ru_RU .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ru_RU .infoLine1, .ru_RU .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ru_RU .infoLine2, .ru_RU .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ru_RU .infoLine3, .ru_RU .uniqueStash .progress .text, .uniqueStash .progress .ru_RU .text, .ru_RU .uniqueStash .controls a, .uniqueStash .controls .ru_RU a, .ru_RU .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ru_RU .item > .name, .ru_RU .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ru_RU .mapTierButton::after, .ru_RU #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ru_RU h1, .ru_RU #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ru_RU h2, .ru_RU #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ru_RU h3, .ru_RU div.custom-league-view, .ru_RU .item-filters-list-view,
  .ru_RU .item-filter-view, .ru_RU .newItemPopup, .ru_RU .skillPopup, .ru_RU .divinationCard, .ru_RU .shopIndex .category h2, .shopIndex .category .ru_RU h2, .ru_RU .shopItemPackage .savingsInfo, .shopItemPackage .ru_RU .savingsInfo, .ru_RU .shopTopBar1 h1, .shopTopBar1 .ru_RU h1, .ru_RU #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ru_RU h2, .ru_RU .skillsList h1, .skillsList .ru_RU h1, .ru_RU #downloadPageList .content .purchaseText, #downloadPageList .content .ru_RU .purchaseText, .ru_RU #itemsPage .content h2, #itemsPage .content .ru_RU h2, .ru_RU #itemsPage .content h2 a, #itemsPage .content h2 .ru_RU a, .ru_RU .eventView .countdownDescription, .eventView .ru_RU .countdownDescription, .ru_RU .eventView h2, .eventView .ru_RU h2, .ru_RU .landingBox h1, .landingBox .ru_RU h1, .ru_RU .landingBox h2, .landingBox .ru_RU h2, .ru_RU .apiResource h2, .apiResource .ru_RU h2, .ru_RU .apiResource h3, .apiResource .ru_RU h3, .ru_RU .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ru_RU span, .ru_RU .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ru_RU h2, .ru_RU .profile h1, .profile .ru_RU h1, .ru_RU .profile h2, .profile .ru_RU h2, .ru_RU .follow-box h3, .follow-box .ru_RU h3, .ru_RU #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ru_RU .guild-tag, .ru_RU #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ru_RU .guild-status, .ru_RU #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ru_RU h2, .ru_RU #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ru_RU h2, .ru_RU .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ru_RU .mtxText, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ru_RU .mtxGroupHeader, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ru_RU .stackSize {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps, .ko_KR .heading1, .ko_KR .heading3, .ko_KR #twitch-streams-container h1, #twitch-streams-container .ko_KR h1, .ko_KR #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ko_KR a, .ko_KR #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ko_KR a, .ko_KR .eventsListSummary .title, .eventsListSummary .ko_KR .title, .ko_KR form.t1 input[type="submit"], form.t1 .ko_KR input[type="submit"], .ko_KR .formT1 input[type="submit"], .formT1 .ko_KR input[type="submit"], .ko_KR .button1, .ko_KR .button2, .ko_KR .pagination a, .pagination .ko_KR a, .ko_KR .pagination .current, .pagination .ko_KR .current, .ko_KR .pagination .currentPage, .pagination .ko_KR .currentPage, .ko_KR .editor-control, .ko_KR .site-notice-container h3, .site-notice-container .ko_KR h3, .ko_KR .site-notice-container .button-box button, .site-notice-container .button-box .ko_KR button, .ko_KR .eventCalendar h1, .eventCalendar .ko_KR h1, .ko_KR .seasonLadder h1, .seasonLadder .ko_KR h1, .ko_KR .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ko_KR .banner, .ko_KR .links, .ko_KR .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ko_KR .breadcrumb, .ko_KR .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ko_KR .breadcrumb, .ko_KR .header > .navigation, .ko_KR .header > .navigation a, .header > .navigation .ko_KR a, .ko_KR .seasonInfo .name, .seasonInfo .ko_KR .name, .ko_KR #buildControls, .ko_KR .inventoryControls .infoLine1, .inventoryControls .ko_KR .infoLine1, .ko_KR .inventoryControls .infoLine2, .inventoryControls .ko_KR .infoLine2, .ko_KR .inventoryControls .infoLine3, .inventoryControls .ko_KR .infoLine3, .ko_KR .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ko_KR .infoLine1, .ko_KR .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ko_KR .infoLine2, .ko_KR .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ko_KR .infoLine3, .ko_KR .uniqueStash .progress .text, .uniqueStash .progress .ko_KR .text, .ko_KR .uniqueStash .controls a, .uniqueStash .controls .ko_KR a, .ko_KR .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ko_KR .item > .name, .ko_KR .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ko_KR .mapTierButton::after, .ko_KR #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ko_KR h1, .ko_KR #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ko_KR h2, .ko_KR #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ko_KR h3, .ko_KR div.custom-league-view, .ko_KR .item-filters-list-view,
  .ko_KR .item-filter-view, .ko_KR .newItemPopup, .ko_KR .skillPopup, .ko_KR .divinationCard, .ko_KR .shopIndex .category h2, .shopIndex .category .ko_KR h2, .ko_KR .shopItemPackage .savingsInfo, .shopItemPackage .ko_KR .savingsInfo, .ko_KR .shopTopBar1 h1, .shopTopBar1 .ko_KR h1, .ko_KR #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ko_KR h2, .ko_KR .skillsList h1, .skillsList .ko_KR h1, .ko_KR #downloadPageList .content .purchaseText, #downloadPageList .content .ko_KR .purchaseText, .ko_KR #itemsPage .content h2, #itemsPage .content .ko_KR h2, .ko_KR #itemsPage .content h2 a, #itemsPage .content h2 .ko_KR a, .ko_KR .eventView .countdownDescription, .eventView .ko_KR .countdownDescription, .ko_KR .eventView h2, .eventView .ko_KR h2, .ko_KR .landingBox h1, .landingBox .ko_KR h1, .ko_KR .landingBox h2, .landingBox .ko_KR h2, .ko_KR .apiResource h2, .apiResource .ko_KR h2, .ko_KR .apiResource h3, .apiResource .ko_KR h3, .ko_KR .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ko_KR span, .ko_KR .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ko_KR h2, .ko_KR .profile h1, .profile .ko_KR h1, .ko_KR .profile h2, .profile .ko_KR h2, .ko_KR .follow-box h3, .follow-box .ko_KR h3, .ko_KR #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ko_KR .guild-tag, .ko_KR #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ko_KR .guild-status, .ko_KR #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ko_KR h2, .ko_KR #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ko_KR h2, .ko_KR .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ko_KR .mtxText, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ko_KR .mtxGroupHeader, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ko_KR .stackSize {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular, .heading2, .newsListItem .title a, .container .sitemap, #countdown, #countdownSpecial, #betaInviteTimer, .seasonInfo .playerInfo, .seasonInfo .reward .points, .newItemContainer .stackSize, .shopBuyItemModal, shopBuyPackageModal, .shopBuyItemModal h1, shopBuyPackageModal h1, .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost, .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost, #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points, .newsList h1, .stashTabContainer .tab .label {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular, .zh_CN .heading2, .zh_CN .newsListItem .title a, .newsListItem .title .zh_CN a, .zh_CN .container .sitemap, .container .zh_CN .sitemap, .zh_CN #countdown, .zh_CN #countdownSpecial, .zh_CN #betaInviteTimer, .zh_CN .seasonInfo .playerInfo, .seasonInfo .zh_CN .playerInfo, .zh_CN .seasonInfo .reward .points, .seasonInfo .reward .zh_CN .points, .zh_CN .newItemContainer .stackSize, .newItemContainer .zh_CN .stackSize, .zh_CN .shopBuyItemModal, .zh_CN shopBuyPackageModal, .zh_CN .shopBuyItemModal h1, .shopBuyItemModal .zh_CN h1, .zh_CN shopBuyPackageModal h1, shopBuyPackageModal .zh_CN h1, .zh_CN .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_CN .totalCost, .zh_CN shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_CN .totalCost, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-empty, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-cost, .zh_CN #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_CN .points, .zh_CN #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_CN .points, .zh_CN .newsList h1, .newsList .zh_CN h1, .zh_CN .stashTabContainer .tab .label, .stashTabContainer .tab .zh_CN .label {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular, .zh_TW .heading2, .zh_TW .newsListItem .title a, .newsListItem .title .zh_TW a, .zh_TW .container .sitemap, .container .zh_TW .sitemap, .zh_TW #countdown, .zh_TW #countdownSpecial, .zh_TW #betaInviteTimer, .zh_TW .seasonInfo .playerInfo, .seasonInfo .zh_TW .playerInfo, .zh_TW .seasonInfo .reward .points, .seasonInfo .reward .zh_TW .points, .zh_TW .newItemContainer .stackSize, .newItemContainer .zh_TW .stackSize, .zh_TW .shopBuyItemModal, .zh_TW shopBuyPackageModal, .zh_TW .shopBuyItemModal h1, .shopBuyItemModal .zh_TW h1, .zh_TW shopBuyPackageModal h1, shopBuyPackageModal .zh_TW h1, .zh_TW .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_TW .totalCost, .zh_TW shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_TW .totalCost, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-empty, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-cost, .zh_TW #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_TW .points, .zh_TW #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_TW .points, .zh_TW .newsList h1, .newsList .zh_TW h1, .zh_TW .stashTabContainer .tab .label, .stashTabContainer .tab .zh_TW .label {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular, .ru_RU .heading2, .ru_RU .newsListItem .title a, .newsListItem .title .ru_RU a, .ru_RU .container .sitemap, .container .ru_RU .sitemap, .ru_RU #countdown, .ru_RU #countdownSpecial, .ru_RU #betaInviteTimer, .ru_RU .seasonInfo .playerInfo, .seasonInfo .ru_RU .playerInfo, .ru_RU .seasonInfo .reward .points, .seasonInfo .reward .ru_RU .points, .ru_RU .newItemContainer .stackSize, .newItemContainer .ru_RU .stackSize, .ru_RU .shopBuyItemModal, .ru_RU shopBuyPackageModal, .ru_RU .shopBuyItemModal h1, .shopBuyItemModal .ru_RU h1, .ru_RU shopBuyPackageModal h1, shopBuyPackageModal .ru_RU h1, .ru_RU .shopBuyItemModal .totalCost, .shopBuyItemModal .ru_RU .totalCost, .ru_RU shopBuyPackageModal .totalCost, shopBuyPackageModal .ru_RU .totalCost, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-empty, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-cost, .ru_RU #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ru_RU .points, .ru_RU #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ru_RU .points, .ru_RU .newsList h1, .newsList .ru_RU h1, .ru_RU .stashTabContainer .tab .label, .stashTabContainer .tab .ru_RU .label {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular, .ko_KR .heading2, .ko_KR .newsListItem .title a, .newsListItem .title .ko_KR a, .ko_KR .container .sitemap, .container .ko_KR .sitemap, .ko_KR #countdown, .ko_KR #countdownSpecial, .ko_KR #betaInviteTimer, .ko_KR .seasonInfo .playerInfo, .seasonInfo .ko_KR .playerInfo, .ko_KR .seasonInfo .reward .points, .seasonInfo .reward .ko_KR .points, .ko_KR .newItemContainer .stackSize, .newItemContainer .ko_KR .stackSize, .ko_KR .shopBuyItemModal, .ko_KR shopBuyPackageModal, .ko_KR .shopBuyItemModal h1, .shopBuyItemModal .ko_KR h1, .ko_KR shopBuyPackageModal h1, shopBuyPackageModal .ko_KR h1, .ko_KR .shopBuyItemModal .totalCost, .shopBuyItemModal .ko_KR .totalCost, .ko_KR shopBuyPackageModal .totalCost, shopBuyPackageModal .ko_KR .totalCost, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-empty, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-cost, .ko_KR #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ko_KR .points, .ko_KR #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ko_KR .points, .ko_KR .newsList h1, .newsList .ko_KR h1, .ko_KR .stashTabContainer .tab .label, .stashTabContainer .tab .ko_KR .label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw, .krw.heading2, .newsListItem .title a.krw, .container .krw.sitemap, .krw#countdown, .krw#countdownSpecial, .krw#betaInviteTimer, .seasonInfo .krw.playerInfo, .seasonInfo .reward .krw.points, .newItemContainer .krw.stackSize, .krw.shopBuyItemModal, shopBuyPackageModal.krw, .shopBuyItemModal h1.krw, shopBuyPackageModal h1.krw, .shopBuyItemModal .krw.totalCost, shopBuyPackageModal .krw.totalCost, .profile .profileTransactions.mtx-transactions .krw.transaction-empty, .profile .profileTransactions.mtx-transactions .krw.transaction-cost, #guildProfile #guildMemberPanel .guild .krw.points, #guildProfile #guildLeaderPanel .guild .krw.points, .newsList h1.krw, .stashTabContainer .tab .krw.label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold, h1.t1, blockquote .quote, .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .inProgressControls .heading, .mtxStashPanel #mtxSortBox, .mtxStashPanel #mtxSortBox select {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold, .zh_CN h1.t1, .zh_CN blockquote .quote, blockquote .zh_CN .quote, .zh_CN .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_CN .heading, .zh_CN .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_CN .heading, .zh_CN .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_CN #mtxSortBox, .zh_CN .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_CN select {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold, .zh_TW h1.t1, .zh_TW blockquote .quote, blockquote .zh_TW .quote, .zh_TW .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_TW .heading, .zh_TW .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_TW .heading, .zh_TW .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_TW #mtxSortBox, .zh_TW .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_TW select {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold, .ru_RU h1.t1, .ru_RU blockquote .quote, blockquote .ru_RU .quote, .ru_RU .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ru_RU .heading, .ru_RU .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ru_RU .heading, .ru_RU .mtxStashPanel #mtxSortBox, .mtxStashPanel .ru_RU #mtxSortBox, .ru_RU .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ru_RU select {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold, .ko_KR h1.t1, .ko_KR blockquote .quote, blockquote .ko_KR .quote, .ko_KR .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ko_KR .heading, .ko_KR .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ko_KR .heading, .ko_KR .mtxStashPanel #mtxSortBox, .mtxStashPanel .ko_KR #mtxSortBox, .ko_KR .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ko_KR select {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

.FontinSmallCaps, .heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title, .button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control, .site-notice-container h3, .site-notice-container .button-box button, .eventCalendar h1, .seasonLadder h1, .shopSpecialsBox .deal .banner, .links, .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.uniqueStashTheme .breadcrumb, .header > .navigation, .header > .navigation a, .seasonInfo .name, #buildControls, .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3, .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3, .uniqueStash .progress .text, .uniqueStash .controls a, .uniqueStash .stashContents .item > .name, .stashPanel .stashTabContents.mapStash .mapTierButton::after, #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content h3, div.custom-league-view, .item-filters-list-view,
.item-filter-view, .newItemPopup, .skillPopup, .divinationCard, .shopIndex .category h2, .shopItemPackage .savingsInfo, .shopTopBar1 h1, #shopEndingCountdownContainer h2, .skillsList h1, #downloadPageList .content .purchaseText, #itemsPage .content h2, #itemsPage .content h2 a, .eventView .countdownDescription, .eventView h2, .landingBox h1, .landingBox h2, .apiResource h2, .apiResource h3, .forum-table-container .buildGuide span, .profile .profile-box h2, .profile .profile-container .showcase-item h2, .profile h1, .profile h2, .follow-box h3, #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .guild-status, #guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2, .mtxStashPanel .noMtx .mtxText, .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps, .zh_CN .heading1, .zh_CN .heading3, .zh_CN #twitch-streams-container h1, #twitch-streams-container .zh_CN h1, .zh_CN #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_CN a, .zh_CN #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_CN a, .zh_CN .eventsListSummary .title, .eventsListSummary .zh_CN .title, .zh_CN form.t1 input[type="submit"], form.t1 .zh_CN input[type="submit"], .zh_CN .formT1 input[type="submit"], .formT1 .zh_CN input[type="submit"], .zh_CN .button1, .zh_CN .button2, .zh_CN .pagination a, .pagination .zh_CN a, .zh_CN .pagination .current, .pagination .zh_CN .current, .zh_CN .pagination .currentPage, .pagination .zh_CN .currentPage, .zh_CN .editor-control, .zh_CN .site-notice-container h3, .site-notice-container .zh_CN h3, .zh_CN .site-notice-container .button-box button, .site-notice-container .button-box .zh_CN button, .zh_CN .eventCalendar h1, .eventCalendar .zh_CN h1, .zh_CN .seasonLadder h1, .seasonLadder .zh_CN h1, .zh_CN .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_CN .banner, .zh_CN .links, .zh_CN .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_CN .breadcrumb, .zh_CN .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_CN .breadcrumb, .zh_CN .header > .navigation, .zh_CN .header > .navigation a, .header > .navigation .zh_CN a, .zh_CN .seasonInfo .name, .seasonInfo .zh_CN .name, .zh_CN #buildControls, .zh_CN .inventoryControls .infoLine1, .inventoryControls .zh_CN .infoLine1, .zh_CN .inventoryControls .infoLine2, .inventoryControls .zh_CN .infoLine2, .zh_CN .inventoryControls .infoLine3, .inventoryControls .zh_CN .infoLine3, .zh_CN .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_CN .infoLine1, .zh_CN .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_CN .infoLine2, .zh_CN .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_CN .infoLine3, .zh_CN .uniqueStash .progress .text, .uniqueStash .progress .zh_CN .text, .zh_CN .uniqueStash .controls a, .uniqueStash .controls .zh_CN a, .zh_CN .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_CN .item > .name, .zh_CN .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_CN .mapTierButton::after, .zh_CN #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_CN h1, .zh_CN #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_CN h2, .zh_CN #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_CN h3, .zh_CN div.custom-league-view, .zh_CN .item-filters-list-view,
  .zh_CN .item-filter-view, .zh_CN .newItemPopup, .zh_CN .skillPopup, .zh_CN .divinationCard, .zh_CN .shopIndex .category h2, .shopIndex .category .zh_CN h2, .zh_CN .shopItemPackage .savingsInfo, .shopItemPackage .zh_CN .savingsInfo, .zh_CN .shopTopBar1 h1, .shopTopBar1 .zh_CN h1, .zh_CN #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_CN h2, .zh_CN .skillsList h1, .skillsList .zh_CN h1, .zh_CN #downloadPageList .content .purchaseText, #downloadPageList .content .zh_CN .purchaseText, .zh_CN #itemsPage .content h2, #itemsPage .content .zh_CN h2, .zh_CN #itemsPage .content h2 a, #itemsPage .content h2 .zh_CN a, .zh_CN .eventView .countdownDescription, .eventView .zh_CN .countdownDescription, .zh_CN .eventView h2, .eventView .zh_CN h2, .zh_CN .landingBox h1, .landingBox .zh_CN h1, .zh_CN .landingBox h2, .landingBox .zh_CN h2, .zh_CN .apiResource h2, .apiResource .zh_CN h2, .zh_CN .apiResource h3, .apiResource .zh_CN h3, .zh_CN .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_CN span, .zh_CN .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_CN h2, .zh_CN .profile h1, .profile .zh_CN h1, .zh_CN .profile h2, .profile .zh_CN h2, .zh_CN .follow-box h3, .follow-box .zh_CN h3, .zh_CN #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_CN .guild-tag, .zh_CN #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_CN .guild-status, .zh_CN #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_CN h2, .zh_CN #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_CN h2, .zh_CN .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_CN .mtxText, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_CN .mtxGroupHeader, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_CN .stackSize {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps, .zh_TW .heading1, .zh_TW .heading3, .zh_TW #twitch-streams-container h1, #twitch-streams-container .zh_TW h1, .zh_TW #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_TW a, .zh_TW #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_TW a, .zh_TW .eventsListSummary .title, .eventsListSummary .zh_TW .title, .zh_TW form.t1 input[type="submit"], form.t1 .zh_TW input[type="submit"], .zh_TW .formT1 input[type="submit"], .formT1 .zh_TW input[type="submit"], .zh_TW .button1, .zh_TW .button2, .zh_TW .pagination a, .pagination .zh_TW a, .zh_TW .pagination .current, .pagination .zh_TW .current, .zh_TW .pagination .currentPage, .pagination .zh_TW .currentPage, .zh_TW .editor-control, .zh_TW .site-notice-container h3, .site-notice-container .zh_TW h3, .zh_TW .site-notice-container .button-box button, .site-notice-container .button-box .zh_TW button, .zh_TW .eventCalendar h1, .eventCalendar .zh_TW h1, .zh_TW .seasonLadder h1, .seasonLadder .zh_TW h1, .zh_TW .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_TW .banner, .zh_TW .links, .zh_TW .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_TW .breadcrumb, .zh_TW .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_TW .breadcrumb, .zh_TW .header > .navigation, .zh_TW .header > .navigation a, .header > .navigation .zh_TW a, .zh_TW .seasonInfo .name, .seasonInfo .zh_TW .name, .zh_TW #buildControls, .zh_TW .inventoryControls .infoLine1, .inventoryControls .zh_TW .infoLine1, .zh_TW .inventoryControls .infoLine2, .inventoryControls .zh_TW .infoLine2, .zh_TW .inventoryControls .infoLine3, .inventoryControls .zh_TW .infoLine3, .zh_TW .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_TW .infoLine1, .zh_TW .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_TW .infoLine2, .zh_TW .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_TW .infoLine3, .zh_TW .uniqueStash .progress .text, .uniqueStash .progress .zh_TW .text, .zh_TW .uniqueStash .controls a, .uniqueStash .controls .zh_TW a, .zh_TW .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_TW .item > .name, .zh_TW .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_TW .mapTierButton::after, .zh_TW #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_TW h1, .zh_TW #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_TW h2, .zh_TW #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_TW h3, .zh_TW div.custom-league-view, .zh_TW .item-filters-list-view,
  .zh_TW .item-filter-view, .zh_TW .newItemPopup, .zh_TW .skillPopup, .zh_TW .divinationCard, .zh_TW .shopIndex .category h2, .shopIndex .category .zh_TW h2, .zh_TW .shopItemPackage .savingsInfo, .shopItemPackage .zh_TW .savingsInfo, .zh_TW .shopTopBar1 h1, .shopTopBar1 .zh_TW h1, .zh_TW #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_TW h2, .zh_TW .skillsList h1, .skillsList .zh_TW h1, .zh_TW #downloadPageList .content .purchaseText, #downloadPageList .content .zh_TW .purchaseText, .zh_TW #itemsPage .content h2, #itemsPage .content .zh_TW h2, .zh_TW #itemsPage .content h2 a, #itemsPage .content h2 .zh_TW a, .zh_TW .eventView .countdownDescription, .eventView .zh_TW .countdownDescription, .zh_TW .eventView h2, .eventView .zh_TW h2, .zh_TW .landingBox h1, .landingBox .zh_TW h1, .zh_TW .landingBox h2, .landingBox .zh_TW h2, .zh_TW .apiResource h2, .apiResource .zh_TW h2, .zh_TW .apiResource h3, .apiResource .zh_TW h3, .zh_TW .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_TW span, .zh_TW .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_TW h2, .zh_TW .profile h1, .profile .zh_TW h1, .zh_TW .profile h2, .profile .zh_TW h2, .zh_TW .follow-box h3, .follow-box .zh_TW h3, .zh_TW #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_TW .guild-tag, .zh_TW #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_TW .guild-status, .zh_TW #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_TW h2, .zh_TW #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_TW h2, .zh_TW .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_TW .mtxText, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_TW .mtxGroupHeader, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_TW .stackSize {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps, .ru_RU .heading1, .ru_RU .heading3, .ru_RU #twitch-streams-container h1, #twitch-streams-container .ru_RU h1, .ru_RU #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ru_RU a, .ru_RU #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ru_RU a, .ru_RU .eventsListSummary .title, .eventsListSummary .ru_RU .title, .ru_RU form.t1 input[type="submit"], form.t1 .ru_RU input[type="submit"], .ru_RU .formT1 input[type="submit"], .formT1 .ru_RU input[type="submit"], .ru_RU .button1, .ru_RU .button2, .ru_RU .pagination a, .pagination .ru_RU a, .ru_RU .pagination .current, .pagination .ru_RU .current, .ru_RU .pagination .currentPage, .pagination .ru_RU .currentPage, .ru_RU .editor-control, .ru_RU .site-notice-container h3, .site-notice-container .ru_RU h3, .ru_RU .site-notice-container .button-box button, .site-notice-container .button-box .ru_RU button, .ru_RU .eventCalendar h1, .eventCalendar .ru_RU h1, .ru_RU .seasonLadder h1, .seasonLadder .ru_RU h1, .ru_RU .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ru_RU .banner, .ru_RU .links, .ru_RU .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ru_RU .breadcrumb, .ru_RU .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ru_RU .breadcrumb, .ru_RU .header > .navigation, .ru_RU .header > .navigation a, .header > .navigation .ru_RU a, .ru_RU .seasonInfo .name, .seasonInfo .ru_RU .name, .ru_RU #buildControls, .ru_RU .inventoryControls .infoLine1, .inventoryControls .ru_RU .infoLine1, .ru_RU .inventoryControls .infoLine2, .inventoryControls .ru_RU .infoLine2, .ru_RU .inventoryControls .infoLine3, .inventoryControls .ru_RU .infoLine3, .ru_RU .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ru_RU .infoLine1, .ru_RU .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ru_RU .infoLine2, .ru_RU .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ru_RU .infoLine3, .ru_RU .uniqueStash .progress .text, .uniqueStash .progress .ru_RU .text, .ru_RU .uniqueStash .controls a, .uniqueStash .controls .ru_RU a, .ru_RU .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ru_RU .item > .name, .ru_RU .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ru_RU .mapTierButton::after, .ru_RU #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ru_RU h1, .ru_RU #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ru_RU h2, .ru_RU #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ru_RU h3, .ru_RU div.custom-league-view, .ru_RU .item-filters-list-view,
  .ru_RU .item-filter-view, .ru_RU .newItemPopup, .ru_RU .skillPopup, .ru_RU .divinationCard, .ru_RU .shopIndex .category h2, .shopIndex .category .ru_RU h2, .ru_RU .shopItemPackage .savingsInfo, .shopItemPackage .ru_RU .savingsInfo, .ru_RU .shopTopBar1 h1, .shopTopBar1 .ru_RU h1, .ru_RU #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ru_RU h2, .ru_RU .skillsList h1, .skillsList .ru_RU h1, .ru_RU #downloadPageList .content .purchaseText, #downloadPageList .content .ru_RU .purchaseText, .ru_RU #itemsPage .content h2, #itemsPage .content .ru_RU h2, .ru_RU #itemsPage .content h2 a, #itemsPage .content h2 .ru_RU a, .ru_RU .eventView .countdownDescription, .eventView .ru_RU .countdownDescription, .ru_RU .eventView h2, .eventView .ru_RU h2, .ru_RU .landingBox h1, .landingBox .ru_RU h1, .ru_RU .landingBox h2, .landingBox .ru_RU h2, .ru_RU .apiResource h2, .apiResource .ru_RU h2, .ru_RU .apiResource h3, .apiResource .ru_RU h3, .ru_RU .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ru_RU span, .ru_RU .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ru_RU h2, .ru_RU .profile h1, .profile .ru_RU h1, .ru_RU .profile h2, .profile .ru_RU h2, .ru_RU .follow-box h3, .follow-box .ru_RU h3, .ru_RU #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ru_RU .guild-tag, .ru_RU #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ru_RU .guild-status, .ru_RU #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ru_RU h2, .ru_RU #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ru_RU h2, .ru_RU .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ru_RU .mtxText, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ru_RU .mtxGroupHeader, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ru_RU .stackSize {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps, .ko_KR .heading1, .ko_KR .heading3, .ko_KR #twitch-streams-container h1, #twitch-streams-container .ko_KR h1, .ko_KR #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ko_KR a, .ko_KR #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ko_KR a, .ko_KR .eventsListSummary .title, .eventsListSummary .ko_KR .title, .ko_KR form.t1 input[type="submit"], form.t1 .ko_KR input[type="submit"], .ko_KR .formT1 input[type="submit"], .formT1 .ko_KR input[type="submit"], .ko_KR .button1, .ko_KR .button2, .ko_KR .pagination a, .pagination .ko_KR a, .ko_KR .pagination .current, .pagination .ko_KR .current, .ko_KR .pagination .currentPage, .pagination .ko_KR .currentPage, .ko_KR .editor-control, .ko_KR .site-notice-container h3, .site-notice-container .ko_KR h3, .ko_KR .site-notice-container .button-box button, .site-notice-container .button-box .ko_KR button, .ko_KR .eventCalendar h1, .eventCalendar .ko_KR h1, .ko_KR .seasonLadder h1, .seasonLadder .ko_KR h1, .ko_KR .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ko_KR .banner, .ko_KR .links, .ko_KR .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ko_KR .breadcrumb, .ko_KR .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ko_KR .breadcrumb, .ko_KR .header > .navigation, .ko_KR .header > .navigation a, .header > .navigation .ko_KR a, .ko_KR .seasonInfo .name, .seasonInfo .ko_KR .name, .ko_KR #buildControls, .ko_KR .inventoryControls .infoLine1, .inventoryControls .ko_KR .infoLine1, .ko_KR .inventoryControls .infoLine2, .inventoryControls .ko_KR .infoLine2, .ko_KR .inventoryControls .infoLine3, .inventoryControls .ko_KR .infoLine3, .ko_KR .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ko_KR .infoLine1, .ko_KR .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ko_KR .infoLine2, .ko_KR .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ko_KR .infoLine3, .ko_KR .uniqueStash .progress .text, .uniqueStash .progress .ko_KR .text, .ko_KR .uniqueStash .controls a, .uniqueStash .controls .ko_KR a, .ko_KR .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ko_KR .item > .name, .ko_KR .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ko_KR .mapTierButton::after, .ko_KR #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ko_KR h1, .ko_KR #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ko_KR h2, .ko_KR #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ko_KR h3, .ko_KR div.custom-league-view, .ko_KR .item-filters-list-view,
  .ko_KR .item-filter-view, .ko_KR .newItemPopup, .ko_KR .skillPopup, .ko_KR .divinationCard, .ko_KR .shopIndex .category h2, .shopIndex .category .ko_KR h2, .ko_KR .shopItemPackage .savingsInfo, .shopItemPackage .ko_KR .savingsInfo, .ko_KR .shopTopBar1 h1, .shopTopBar1 .ko_KR h1, .ko_KR #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ko_KR h2, .ko_KR .skillsList h1, .skillsList .ko_KR h1, .ko_KR #downloadPageList .content .purchaseText, #downloadPageList .content .ko_KR .purchaseText, .ko_KR #itemsPage .content h2, #itemsPage .content .ko_KR h2, .ko_KR #itemsPage .content h2 a, #itemsPage .content h2 .ko_KR a, .ko_KR .eventView .countdownDescription, .eventView .ko_KR .countdownDescription, .ko_KR .eventView h2, .eventView .ko_KR h2, .ko_KR .landingBox h1, .landingBox .ko_KR h1, .ko_KR .landingBox h2, .landingBox .ko_KR h2, .ko_KR .apiResource h2, .apiResource .ko_KR h2, .ko_KR .apiResource h3, .apiResource .ko_KR h3, .ko_KR .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ko_KR span, .ko_KR .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ko_KR h2, .ko_KR .profile h1, .profile .ko_KR h1, .ko_KR .profile h2, .profile .ko_KR h2, .ko_KR .follow-box h3, .follow-box .ko_KR h3, .ko_KR #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ko_KR .guild-tag, .ko_KR #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ko_KR .guild-status, .ko_KR #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ko_KR h2, .ko_KR #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ko_KR h2, .ko_KR .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ko_KR .mtxText, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ko_KR .mtxGroupHeader, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ko_KR .stackSize {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular, .heading2, .newsListItem .title a, .container .sitemap, #countdown, #countdownSpecial, #betaInviteTimer, .seasonInfo .playerInfo, .seasonInfo .reward .points, .newItemContainer .stackSize, .shopBuyItemModal, shopBuyPackageModal, .shopBuyItemModal h1, shopBuyPackageModal h1, .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost, .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost, #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points, .newsList h1, .stashTabContainer .tab .label {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular, .zh_CN .heading2, .zh_CN .newsListItem .title a, .newsListItem .title .zh_CN a, .zh_CN .container .sitemap, .container .zh_CN .sitemap, .zh_CN #countdown, .zh_CN #countdownSpecial, .zh_CN #betaInviteTimer, .zh_CN .seasonInfo .playerInfo, .seasonInfo .zh_CN .playerInfo, .zh_CN .seasonInfo .reward .points, .seasonInfo .reward .zh_CN .points, .zh_CN .newItemContainer .stackSize, .newItemContainer .zh_CN .stackSize, .zh_CN .shopBuyItemModal, .zh_CN shopBuyPackageModal, .zh_CN .shopBuyItemModal h1, .shopBuyItemModal .zh_CN h1, .zh_CN shopBuyPackageModal h1, shopBuyPackageModal .zh_CN h1, .zh_CN .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_CN .totalCost, .zh_CN shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_CN .totalCost, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-empty, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-cost, .zh_CN #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_CN .points, .zh_CN #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_CN .points, .zh_CN .newsList h1, .newsList .zh_CN h1, .zh_CN .stashTabContainer .tab .label, .stashTabContainer .tab .zh_CN .label {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular, .zh_TW .heading2, .zh_TW .newsListItem .title a, .newsListItem .title .zh_TW a, .zh_TW .container .sitemap, .container .zh_TW .sitemap, .zh_TW #countdown, .zh_TW #countdownSpecial, .zh_TW #betaInviteTimer, .zh_TW .seasonInfo .playerInfo, .seasonInfo .zh_TW .playerInfo, .zh_TW .seasonInfo .reward .points, .seasonInfo .reward .zh_TW .points, .zh_TW .newItemContainer .stackSize, .newItemContainer .zh_TW .stackSize, .zh_TW .shopBuyItemModal, .zh_TW shopBuyPackageModal, .zh_TW .shopBuyItemModal h1, .shopBuyItemModal .zh_TW h1, .zh_TW shopBuyPackageModal h1, shopBuyPackageModal .zh_TW h1, .zh_TW .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_TW .totalCost, .zh_TW shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_TW .totalCost, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-empty, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-cost, .zh_TW #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_TW .points, .zh_TW #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_TW .points, .zh_TW .newsList h1, .newsList .zh_TW h1, .zh_TW .stashTabContainer .tab .label, .stashTabContainer .tab .zh_TW .label {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular, .ru_RU .heading2, .ru_RU .newsListItem .title a, .newsListItem .title .ru_RU a, .ru_RU .container .sitemap, .container .ru_RU .sitemap, .ru_RU #countdown, .ru_RU #countdownSpecial, .ru_RU #betaInviteTimer, .ru_RU .seasonInfo .playerInfo, .seasonInfo .ru_RU .playerInfo, .ru_RU .seasonInfo .reward .points, .seasonInfo .reward .ru_RU .points, .ru_RU .newItemContainer .stackSize, .newItemContainer .ru_RU .stackSize, .ru_RU .shopBuyItemModal, .ru_RU shopBuyPackageModal, .ru_RU .shopBuyItemModal h1, .shopBuyItemModal .ru_RU h1, .ru_RU shopBuyPackageModal h1, shopBuyPackageModal .ru_RU h1, .ru_RU .shopBuyItemModal .totalCost, .shopBuyItemModal .ru_RU .totalCost, .ru_RU shopBuyPackageModal .totalCost, shopBuyPackageModal .ru_RU .totalCost, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-empty, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-cost, .ru_RU #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ru_RU .points, .ru_RU #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ru_RU .points, .ru_RU .newsList h1, .newsList .ru_RU h1, .ru_RU .stashTabContainer .tab .label, .stashTabContainer .tab .ru_RU .label {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular, .ko_KR .heading2, .ko_KR .newsListItem .title a, .newsListItem .title .ko_KR a, .ko_KR .container .sitemap, .container .ko_KR .sitemap, .ko_KR #countdown, .ko_KR #countdownSpecial, .ko_KR #betaInviteTimer, .ko_KR .seasonInfo .playerInfo, .seasonInfo .ko_KR .playerInfo, .ko_KR .seasonInfo .reward .points, .seasonInfo .reward .ko_KR .points, .ko_KR .newItemContainer .stackSize, .newItemContainer .ko_KR .stackSize, .ko_KR .shopBuyItemModal, .ko_KR shopBuyPackageModal, .ko_KR .shopBuyItemModal h1, .shopBuyItemModal .ko_KR h1, .ko_KR shopBuyPackageModal h1, shopBuyPackageModal .ko_KR h1, .ko_KR .shopBuyItemModal .totalCost, .shopBuyItemModal .ko_KR .totalCost, .ko_KR shopBuyPackageModal .totalCost, shopBuyPackageModal .ko_KR .totalCost, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-empty, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-cost, .ko_KR #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ko_KR .points, .ko_KR #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ko_KR .points, .ko_KR .newsList h1, .newsList .ko_KR h1, .ko_KR .stashTabContainer .tab .label, .stashTabContainer .tab .ko_KR .label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw, .krw.heading2, .newsListItem .title a.krw, .container .krw.sitemap, .krw#countdown, .krw#countdownSpecial, .krw#betaInviteTimer, .seasonInfo .krw.playerInfo, .seasonInfo .reward .krw.points, .newItemContainer .krw.stackSize, .krw.shopBuyItemModal, shopBuyPackageModal.krw, .shopBuyItemModal h1.krw, shopBuyPackageModal h1.krw, .shopBuyItemModal .krw.totalCost, shopBuyPackageModal .krw.totalCost, .profile .profileTransactions.mtx-transactions .krw.transaction-empty, .profile .profileTransactions.mtx-transactions .krw.transaction-cost, #guildProfile #guildMemberPanel .guild .krw.points, #guildProfile #guildLeaderPanel .guild .krw.points, .newsList h1.krw, .stashTabContainer .tab .krw.label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold, h1.t1, blockquote .quote, .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .inProgressControls .heading, .mtxStashPanel #mtxSortBox, .mtxStashPanel #mtxSortBox select {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold, .zh_CN h1.t1, .zh_CN blockquote .quote, blockquote .zh_CN .quote, .zh_CN .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_CN .heading, .zh_CN .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_CN .heading, .zh_CN .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_CN #mtxSortBox, .zh_CN .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_CN select {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold, .zh_TW h1.t1, .zh_TW blockquote .quote, blockquote .zh_TW .quote, .zh_TW .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_TW .heading, .zh_TW .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_TW .heading, .zh_TW .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_TW #mtxSortBox, .zh_TW .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_TW select {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold, .ru_RU h1.t1, .ru_RU blockquote .quote, blockquote .ru_RU .quote, .ru_RU .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ru_RU .heading, .ru_RU .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ru_RU .heading, .ru_RU .mtxStashPanel #mtxSortBox, .mtxStashPanel .ru_RU #mtxSortBox, .ru_RU .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ru_RU select {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold, .ko_KR h1.t1, .ko_KR blockquote .quote, blockquote .ko_KR .quote, .ko_KR .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ko_KR .heading, .ko_KR .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ko_KR .heading, .ko_KR .mtxStashPanel #mtxSortBox, .mtxStashPanel .ko_KR #mtxSortBox, .ko_KR .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ko_KR select {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

h1 {
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-size: 2em;
  font-weight: bold; }
  h1.large {
    font-size: 340%; }

h1.t1 {
  margin: 0px 0px 10px 0px; }

h2 {
  font-size: 1.3em;
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-weight: bold; }

h3 {
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-size: 1.15em;
  font-weight: bold; }

h3.dark {
  margin: 0px;
  background-color: #000;
  color: #CEC59F;
  padding: 6px 5px; }

h4 {
  font-size: 110%;
  margin: 0px 0px;
  color: #CAC2A8;
  font-weight: bold; }

.heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title {
  color: #DFCF99; }

.heading2, .newsListItem .title a {
  color: #DFCF99; }

.heading3 {
  text-shadow: 0px 0px 3px rgba(209, 201, 179, 0.52); }

.disable-text-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control {
  border: 1px solid #2C2C2C;
  color: #98805E;
  padding: 0px 5px;
  margin: 0px 2px 0px 0px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 115%;
  background-color: #0F0F0F; }
  form.t1 input:hover[type="submit"], .formT1 input:hover[type="submit"], .button1:hover, .button2:hover, .pagination a:hover, .pagination .current:hover, .pagination .currentPage:hover, .editor-control:hover {
    cursor: pointer;
    text-decoration: underline;
    box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
    text-shadow: 0px 0px 1px #E6E1A8;
    color: #E9E69F;
    border-color: #3C3C3C; }
  form.t1 input.buttonActive[type="submit"], .formT1 input.buttonActive[type="submit"], .buttonActive.button1, .buttonActive.button2, .pagination a.buttonActive, .pagination .buttonActive.current, .pagination .buttonActive.currentPage, .buttonActive.editor-control {
    box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
    text-shadow: 0px 0px 1px #E6E1A8;
    color: #E9E69F; }

.button1.important, .important.button2, .pagination a.important, .pagination .important.current, .pagination .important.currentPage, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"] {
  color: #D0D2FF;
  background-color: #0F0F0F;
  font-size: 130%;
  margin: 10px 5px 3px 0; }
  .button1.important:hover, .important.button2:hover, .pagination a.important:hover, .pagination .important.current:hover, .pagination .important.currentPage:hover, .important.editor-control:hover, form.t1 input:hover[type="submit"], .formT1 input:hover[type="submit"] {
    color: #eaeaff;
    text-shadow: 0px 0px 1px #9da1ff;
    background-color: #181818; }
  .submit_offset.button1.important, .submit_offset.important.button2, .pagination a.submit_offset.important, .pagination .submit_offset.important.current, .pagination .submit_offset.important.currentPage, .submit_offset.important.editor-control, form.t1 input.submit_offset[type="submit"], .formT1 input.submit_offset[type="submit"] {
    margin-left: 5px;
    margin-bottom: 8px; }

.button1:disabled, .button2:disabled, .pagination a:disabled, .pagination .current:disabled, .pagination .currentPage:disabled, .editor-control:disabled, .button1:disabled:hover, .button2:disabled:hover, .pagination a:disabled:hover, .pagination .current:disabled:hover, .pagination .currentPage:disabled:hover, .editor-control:disabled:hover {
  color: #5F5F5F;
  background-color: inherit;
  text-shadow: none;
  text-decoration: none;
  box-shadow: none;
  border: 1px solid #2C2C2C; }

.button1.download-button, .download-button.button2, .pagination a.download-button, .pagination .download-button.current, .pagination .download-button.currentPage, .download-button.editor-control {
  padding: 10px 20px;
  margin: 10px 0px 5px 0px;
  display: block;
  width: 190px;
  float: left;
  clear: left; }

.button2, .pagination a, .pagination .current, .pagination .currentPage {
  font-size: 130%; }

.uiButton, .uiDeleteButton, .uiEditButton, .uiMoveButton, .uiPrivateMessageButton, .uiFollowButton, .uiUnfollowButton, .uiQuoteButton, .uiRefreshButton, form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh, #captcha_refresh, .uiBumpButton {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999em;
  opacity: 0.9; }
  .uiButton:hover, .uiDeleteButton:hover, .uiEditButton:hover, .uiMoveButton:hover, .uiPrivateMessageButton:hover, .uiFollowButton:hover, .uiUnfollowButton:hover, .uiQuoteButton:hover, .uiRefreshButton:hover, form.t1 .row.captcha .refresh:hover, .formT1 .row.captcha .refresh:hover, #captcha_refresh:hover, .uiBumpButton:hover {
    opacity: 1.0; }

.uiDeleteButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: -65px -58px;
  width: 29px;
  height: 29px; }

.ch .uiDeleteButton {
  background: url('/image/gen/button-sprite-zh.png') no-repeat;
  background-position: 0px 0px;
  width: 36px;
  height: 29px; }

.zh_CN .uiDeleteButton {
  background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
  background-position: -115px -29px;
  width: 29px;
  height: 29px; }

.uiEditButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: 0px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiEditButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: 0px -58px; }

.ch .uiEditButton {
  background: url('/image/gen/button-sprite-zh.png') no-repeat;
  background-position: -36px 0px;
  width: 36px;
  height: 29px; }

.uiMoveButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: -29px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiMoveButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: -29px -58px; }

.ch .uiMoveButton {
  background: url('/image/gen/button-sprite-zh.png') no-repeat;
  background-position: 0px -29px;
  width: 36px;
  height: 29px; }

.uiPrivateMessageButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: 0px -58px;
  width: 36px;
  height: 29px; }
  .zh_CN .uiPrivateMessageButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: 0px -29px;
    width: 86px;
    height: 29px; }

.ch .uiPrivateMessageButton {
  background: url('/image/gen/button-sprite-zh.png') no-repeat;
  background-position: -36px -29px;
  width: 36px;
  height: 29px; }

.uiFollowButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: 0px 0px;
  width: 120px;
  height: 29px; }
  .zh_CN .uiFollowButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: 0px 0px;
    width: 86px;
    height: 29px; }

.uiUnfollowButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: 0px -29px;
  width: 120px;
  height: 29px; }
  .zh_CN .uiUnfollowButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: -86px 0px;
    width: 86px;
    height: 29px; }

.uiQuoteButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: -58px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiQuoteButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: -58px -58px; }

.ch .uiQuoteButton {
  background: url('/image/gen/button-sprite-zh.png') no-repeat;
  background-position: -72px 0px;
  width: 36px;
  height: 29px; }

.uiRefreshButton, form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh, #captcha_refresh {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: -87px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiRefreshButton, .zh_CN form.t1 .row.captcha .refresh, form.t1 .row.captcha .zh_CN .refresh, .zh_CN .formT1 .row.captcha .refresh, .formT1 .row.captcha .zh_CN .refresh, .zh_CN #captcha_refresh {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: -87px -58px; }

.uiBumpButton {
  background: url('/image/gen/button-sprite.png') no-repeat;
  background-position: -36px -58px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiBumpButton {
    background: url('/image/gen/button-sprite-zh_CN.png') no-repeat;
    background-position: -86px -29px; }
  .uiBumpButton.disabled {
    display: none; }
  .uiBumpButton.unBump {
    border: 1px solid red; }

.buttonGroup {
  overflow: hidden;
  *zoom: 1; }
  .buttonGroup li {
    padding: 0;
    margin: 0;
    display: inline-block;
    border: 0;
    background: none;
    float: left; }
    .buttonGroup li .button {
      margin: 0; }

#generate_key {
  margin: 0 305px 0 0; }

.FontinSmallCaps, .heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title, .button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control, .site-notice-container h3, .site-notice-container .button-box button, .eventCalendar h1, .seasonLadder h1, .shopSpecialsBox .deal .banner, .links, .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.uniqueStashTheme .breadcrumb, .header > .navigation, .header > .navigation a, .seasonInfo .name, #buildControls, .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3, .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3, .uniqueStash .progress .text, .uniqueStash .controls a, .uniqueStash .stashContents .item > .name, .stashPanel .stashTabContents.mapStash .mapTierButton::after, #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content h3, div.custom-league-view, .item-filters-list-view,
.item-filter-view, .newItemPopup, .skillPopup, .divinationCard, .shopIndex .category h2, .shopItemPackage .savingsInfo, .shopTopBar1 h1, #shopEndingCountdownContainer h2, .skillsList h1, #downloadPageList .content .purchaseText, #itemsPage .content h2, #itemsPage .content h2 a, .eventView .countdownDescription, .eventView h2, .landingBox h1, .landingBox h2, .apiResource h2, .apiResource h3, .forum-table-container .buildGuide span, .profile .profile-box h2, .profile .profile-container .showcase-item h2, .profile h1, .profile h2, .follow-box h3, #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .guild-status, #guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2, .mtxStashPanel .noMtx .mtxText, .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps, .zh_CN .heading1, .zh_CN .heading3, .zh_CN #twitch-streams-container h1, #twitch-streams-container .zh_CN h1, .zh_CN #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_CN a, .zh_CN #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_CN a, .zh_CN .eventsListSummary .title, .eventsListSummary .zh_CN .title, .zh_CN form.t1 input[type="submit"], form.t1 .zh_CN input[type="submit"], .zh_CN .formT1 input[type="submit"], .formT1 .zh_CN input[type="submit"], .zh_CN .button1, .zh_CN .button2, .zh_CN .pagination a, .pagination .zh_CN a, .zh_CN .pagination .current, .pagination .zh_CN .current, .zh_CN .pagination .currentPage, .pagination .zh_CN .currentPage, .zh_CN .editor-control, .zh_CN .site-notice-container h3, .site-notice-container .zh_CN h3, .zh_CN .site-notice-container .button-box button, .site-notice-container .button-box .zh_CN button, .zh_CN .eventCalendar h1, .eventCalendar .zh_CN h1, .zh_CN .seasonLadder h1, .seasonLadder .zh_CN h1, .zh_CN .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_CN .banner, .zh_CN .links, .zh_CN .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_CN .breadcrumb, .zh_CN .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_CN .breadcrumb, .zh_CN .header > .navigation, .zh_CN .header > .navigation a, .header > .navigation .zh_CN a, .zh_CN .seasonInfo .name, .seasonInfo .zh_CN .name, .zh_CN #buildControls, .zh_CN .inventoryControls .infoLine1, .inventoryControls .zh_CN .infoLine1, .zh_CN .inventoryControls .infoLine2, .inventoryControls .zh_CN .infoLine2, .zh_CN .inventoryControls .infoLine3, .inventoryControls .zh_CN .infoLine3, .zh_CN .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_CN .infoLine1, .zh_CN .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_CN .infoLine2, .zh_CN .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_CN .infoLine3, .zh_CN .uniqueStash .progress .text, .uniqueStash .progress .zh_CN .text, .zh_CN .uniqueStash .controls a, .uniqueStash .controls .zh_CN a, .zh_CN .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_CN .item > .name, .zh_CN .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_CN .mapTierButton::after, .zh_CN #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_CN h1, .zh_CN #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_CN h2, .zh_CN #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_CN h3, .zh_CN div.custom-league-view, .zh_CN .item-filters-list-view,
  .zh_CN .item-filter-view, .zh_CN .newItemPopup, .zh_CN .skillPopup, .zh_CN .divinationCard, .zh_CN .shopIndex .category h2, .shopIndex .category .zh_CN h2, .zh_CN .shopItemPackage .savingsInfo, .shopItemPackage .zh_CN .savingsInfo, .zh_CN .shopTopBar1 h1, .shopTopBar1 .zh_CN h1, .zh_CN #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_CN h2, .zh_CN .skillsList h1, .skillsList .zh_CN h1, .zh_CN #downloadPageList .content .purchaseText, #downloadPageList .content .zh_CN .purchaseText, .zh_CN #itemsPage .content h2, #itemsPage .content .zh_CN h2, .zh_CN #itemsPage .content h2 a, #itemsPage .content h2 .zh_CN a, .zh_CN .eventView .countdownDescription, .eventView .zh_CN .countdownDescription, .zh_CN .eventView h2, .eventView .zh_CN h2, .zh_CN .landingBox h1, .landingBox .zh_CN h1, .zh_CN .landingBox h2, .landingBox .zh_CN h2, .zh_CN .apiResource h2, .apiResource .zh_CN h2, .zh_CN .apiResource h3, .apiResource .zh_CN h3, .zh_CN .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_CN span, .zh_CN .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_CN h2, .zh_CN .profile h1, .profile .zh_CN h1, .zh_CN .profile h2, .profile .zh_CN h2, .zh_CN .follow-box h3, .follow-box .zh_CN h3, .zh_CN #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_CN .guild-tag, .zh_CN #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_CN .guild-status, .zh_CN #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_CN h2, .zh_CN #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_CN h2, .zh_CN .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_CN .mtxText, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_CN .mtxGroupHeader, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_CN .stackSize {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps, .zh_TW .heading1, .zh_TW .heading3, .zh_TW #twitch-streams-container h1, #twitch-streams-container .zh_TW h1, .zh_TW #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_TW a, .zh_TW #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_TW a, .zh_TW .eventsListSummary .title, .eventsListSummary .zh_TW .title, .zh_TW form.t1 input[type="submit"], form.t1 .zh_TW input[type="submit"], .zh_TW .formT1 input[type="submit"], .formT1 .zh_TW input[type="submit"], .zh_TW .button1, .zh_TW .button2, .zh_TW .pagination a, .pagination .zh_TW a, .zh_TW .pagination .current, .pagination .zh_TW .current, .zh_TW .pagination .currentPage, .pagination .zh_TW .currentPage, .zh_TW .editor-control, .zh_TW .site-notice-container h3, .site-notice-container .zh_TW h3, .zh_TW .site-notice-container .button-box button, .site-notice-container .button-box .zh_TW button, .zh_TW .eventCalendar h1, .eventCalendar .zh_TW h1, .zh_TW .seasonLadder h1, .seasonLadder .zh_TW h1, .zh_TW .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_TW .banner, .zh_TW .links, .zh_TW .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_TW .breadcrumb, .zh_TW .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_TW .breadcrumb, .zh_TW .header > .navigation, .zh_TW .header > .navigation a, .header > .navigation .zh_TW a, .zh_TW .seasonInfo .name, .seasonInfo .zh_TW .name, .zh_TW #buildControls, .zh_TW .inventoryControls .infoLine1, .inventoryControls .zh_TW .infoLine1, .zh_TW .inventoryControls .infoLine2, .inventoryControls .zh_TW .infoLine2, .zh_TW .inventoryControls .infoLine3, .inventoryControls .zh_TW .infoLine3, .zh_TW .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_TW .infoLine1, .zh_TW .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_TW .infoLine2, .zh_TW .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_TW .infoLine3, .zh_TW .uniqueStash .progress .text, .uniqueStash .progress .zh_TW .text, .zh_TW .uniqueStash .controls a, .uniqueStash .controls .zh_TW a, .zh_TW .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_TW .item > .name, .zh_TW .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_TW .mapTierButton::after, .zh_TW #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_TW h1, .zh_TW #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_TW h2, .zh_TW #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_TW h3, .zh_TW div.custom-league-view, .zh_TW .item-filters-list-view,
  .zh_TW .item-filter-view, .zh_TW .newItemPopup, .zh_TW .skillPopup, .zh_TW .divinationCard, .zh_TW .shopIndex .category h2, .shopIndex .category .zh_TW h2, .zh_TW .shopItemPackage .savingsInfo, .shopItemPackage .zh_TW .savingsInfo, .zh_TW .shopTopBar1 h1, .shopTopBar1 .zh_TW h1, .zh_TW #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_TW h2, .zh_TW .skillsList h1, .skillsList .zh_TW h1, .zh_TW #downloadPageList .content .purchaseText, #downloadPageList .content .zh_TW .purchaseText, .zh_TW #itemsPage .content h2, #itemsPage .content .zh_TW h2, .zh_TW #itemsPage .content h2 a, #itemsPage .content h2 .zh_TW a, .zh_TW .eventView .countdownDescription, .eventView .zh_TW .countdownDescription, .zh_TW .eventView h2, .eventView .zh_TW h2, .zh_TW .landingBox h1, .landingBox .zh_TW h1, .zh_TW .landingBox h2, .landingBox .zh_TW h2, .zh_TW .apiResource h2, .apiResource .zh_TW h2, .zh_TW .apiResource h3, .apiResource .zh_TW h3, .zh_TW .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_TW span, .zh_TW .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_TW h2, .zh_TW .profile h1, .profile .zh_TW h1, .zh_TW .profile h2, .profile .zh_TW h2, .zh_TW .follow-box h3, .follow-box .zh_TW h3, .zh_TW #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_TW .guild-tag, .zh_TW #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_TW .guild-status, .zh_TW #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_TW h2, .zh_TW #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_TW h2, .zh_TW .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_TW .mtxText, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_TW .mtxGroupHeader, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_TW .stackSize {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps, .ru_RU .heading1, .ru_RU .heading3, .ru_RU #twitch-streams-container h1, #twitch-streams-container .ru_RU h1, .ru_RU #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ru_RU a, .ru_RU #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ru_RU a, .ru_RU .eventsListSummary .title, .eventsListSummary .ru_RU .title, .ru_RU form.t1 input[type="submit"], form.t1 .ru_RU input[type="submit"], .ru_RU .formT1 input[type="submit"], .formT1 .ru_RU input[type="submit"], .ru_RU .button1, .ru_RU .button2, .ru_RU .pagination a, .pagination .ru_RU a, .ru_RU .pagination .current, .pagination .ru_RU .current, .ru_RU .pagination .currentPage, .pagination .ru_RU .currentPage, .ru_RU .editor-control, .ru_RU .site-notice-container h3, .site-notice-container .ru_RU h3, .ru_RU .site-notice-container .button-box button, .site-notice-container .button-box .ru_RU button, .ru_RU .eventCalendar h1, .eventCalendar .ru_RU h1, .ru_RU .seasonLadder h1, .seasonLadder .ru_RU h1, .ru_RU .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ru_RU .banner, .ru_RU .links, .ru_RU .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ru_RU .breadcrumb, .ru_RU .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ru_RU .breadcrumb, .ru_RU .header > .navigation, .ru_RU .header > .navigation a, .header > .navigation .ru_RU a, .ru_RU .seasonInfo .name, .seasonInfo .ru_RU .name, .ru_RU #buildControls, .ru_RU .inventoryControls .infoLine1, .inventoryControls .ru_RU .infoLine1, .ru_RU .inventoryControls .infoLine2, .inventoryControls .ru_RU .infoLine2, .ru_RU .inventoryControls .infoLine3, .inventoryControls .ru_RU .infoLine3, .ru_RU .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ru_RU .infoLine1, .ru_RU .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ru_RU .infoLine2, .ru_RU .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ru_RU .infoLine3, .ru_RU .uniqueStash .progress .text, .uniqueStash .progress .ru_RU .text, .ru_RU .uniqueStash .controls a, .uniqueStash .controls .ru_RU a, .ru_RU .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ru_RU .item > .name, .ru_RU .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ru_RU .mapTierButton::after, .ru_RU #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ru_RU h1, .ru_RU #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ru_RU h2, .ru_RU #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ru_RU h3, .ru_RU div.custom-league-view, .ru_RU .item-filters-list-view,
  .ru_RU .item-filter-view, .ru_RU .newItemPopup, .ru_RU .skillPopup, .ru_RU .divinationCard, .ru_RU .shopIndex .category h2, .shopIndex .category .ru_RU h2, .ru_RU .shopItemPackage .savingsInfo, .shopItemPackage .ru_RU .savingsInfo, .ru_RU .shopTopBar1 h1, .shopTopBar1 .ru_RU h1, .ru_RU #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ru_RU h2, .ru_RU .skillsList h1, .skillsList .ru_RU h1, .ru_RU #downloadPageList .content .purchaseText, #downloadPageList .content .ru_RU .purchaseText, .ru_RU #itemsPage .content h2, #itemsPage .content .ru_RU h2, .ru_RU #itemsPage .content h2 a, #itemsPage .content h2 .ru_RU a, .ru_RU .eventView .countdownDescription, .eventView .ru_RU .countdownDescription, .ru_RU .eventView h2, .eventView .ru_RU h2, .ru_RU .landingBox h1, .landingBox .ru_RU h1, .ru_RU .landingBox h2, .landingBox .ru_RU h2, .ru_RU .apiResource h2, .apiResource .ru_RU h2, .ru_RU .apiResource h3, .apiResource .ru_RU h3, .ru_RU .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ru_RU span, .ru_RU .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ru_RU h2, .ru_RU .profile h1, .profile .ru_RU h1, .ru_RU .profile h2, .profile .ru_RU h2, .ru_RU .follow-box h3, .follow-box .ru_RU h3, .ru_RU #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ru_RU .guild-tag, .ru_RU #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ru_RU .guild-status, .ru_RU #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ru_RU h2, .ru_RU #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ru_RU h2, .ru_RU .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ru_RU .mtxText, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ru_RU .mtxGroupHeader, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ru_RU .stackSize {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps, .ko_KR .heading1, .ko_KR .heading3, .ko_KR #twitch-streams-container h1, #twitch-streams-container .ko_KR h1, .ko_KR #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ko_KR a, .ko_KR #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ko_KR a, .ko_KR .eventsListSummary .title, .eventsListSummary .ko_KR .title, .ko_KR form.t1 input[type="submit"], form.t1 .ko_KR input[type="submit"], .ko_KR .formT1 input[type="submit"], .formT1 .ko_KR input[type="submit"], .ko_KR .button1, .ko_KR .button2, .ko_KR .pagination a, .pagination .ko_KR a, .ko_KR .pagination .current, .pagination .ko_KR .current, .ko_KR .pagination .currentPage, .pagination .ko_KR .currentPage, .ko_KR .editor-control, .ko_KR .site-notice-container h3, .site-notice-container .ko_KR h3, .ko_KR .site-notice-container .button-box button, .site-notice-container .button-box .ko_KR button, .ko_KR .eventCalendar h1, .eventCalendar .ko_KR h1, .ko_KR .seasonLadder h1, .seasonLadder .ko_KR h1, .ko_KR .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ko_KR .banner, .ko_KR .links, .ko_KR .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ko_KR .breadcrumb, .ko_KR .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ko_KR .breadcrumb, .ko_KR .header > .navigation, .ko_KR .header > .navigation a, .header > .navigation .ko_KR a, .ko_KR .seasonInfo .name, .seasonInfo .ko_KR .name, .ko_KR #buildControls, .ko_KR .inventoryControls .infoLine1, .inventoryControls .ko_KR .infoLine1, .ko_KR .inventoryControls .infoLine2, .inventoryControls .ko_KR .infoLine2, .ko_KR .inventoryControls .infoLine3, .inventoryControls .ko_KR .infoLine3, .ko_KR .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ko_KR .infoLine1, .ko_KR .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ko_KR .infoLine2, .ko_KR .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ko_KR .infoLine3, .ko_KR .uniqueStash .progress .text, .uniqueStash .progress .ko_KR .text, .ko_KR .uniqueStash .controls a, .uniqueStash .controls .ko_KR a, .ko_KR .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ko_KR .item > .name, .ko_KR .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ko_KR .mapTierButton::after, .ko_KR #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ko_KR h1, .ko_KR #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ko_KR h2, .ko_KR #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ko_KR h3, .ko_KR div.custom-league-view, .ko_KR .item-filters-list-view,
  .ko_KR .item-filter-view, .ko_KR .newItemPopup, .ko_KR .skillPopup, .ko_KR .divinationCard, .ko_KR .shopIndex .category h2, .shopIndex .category .ko_KR h2, .ko_KR .shopItemPackage .savingsInfo, .shopItemPackage .ko_KR .savingsInfo, .ko_KR .shopTopBar1 h1, .shopTopBar1 .ko_KR h1, .ko_KR #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ko_KR h2, .ko_KR .skillsList h1, .skillsList .ko_KR h1, .ko_KR #downloadPageList .content .purchaseText, #downloadPageList .content .ko_KR .purchaseText, .ko_KR #itemsPage .content h2, #itemsPage .content .ko_KR h2, .ko_KR #itemsPage .content h2 a, #itemsPage .content h2 .ko_KR a, .ko_KR .eventView .countdownDescription, .eventView .ko_KR .countdownDescription, .ko_KR .eventView h2, .eventView .ko_KR h2, .ko_KR .landingBox h1, .landingBox .ko_KR h1, .ko_KR .landingBox h2, .landingBox .ko_KR h2, .ko_KR .apiResource h2, .apiResource .ko_KR h2, .ko_KR .apiResource h3, .apiResource .ko_KR h3, .ko_KR .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ko_KR span, .ko_KR .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ko_KR h2, .ko_KR .profile h1, .profile .ko_KR h1, .ko_KR .profile h2, .profile .ko_KR h2, .ko_KR .follow-box h3, .follow-box .ko_KR h3, .ko_KR #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ko_KR .guild-tag, .ko_KR #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ko_KR .guild-status, .ko_KR #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ko_KR h2, .ko_KR #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ko_KR h2, .ko_KR .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ko_KR .mtxText, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ko_KR .mtxGroupHeader, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ko_KR .stackSize {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular, .heading2, .newsListItem .title a, .container .sitemap, #countdown, #countdownSpecial, #betaInviteTimer, .seasonInfo .playerInfo, .seasonInfo .reward .points, .newItemContainer .stackSize, .shopBuyItemModal, shopBuyPackageModal, .shopBuyItemModal h1, shopBuyPackageModal h1, .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost, .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost, #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points, .newsList h1, .stashTabContainer .tab .label {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular, .zh_CN .heading2, .zh_CN .newsListItem .title a, .newsListItem .title .zh_CN a, .zh_CN .container .sitemap, .container .zh_CN .sitemap, .zh_CN #countdown, .zh_CN #countdownSpecial, .zh_CN #betaInviteTimer, .zh_CN .seasonInfo .playerInfo, .seasonInfo .zh_CN .playerInfo, .zh_CN .seasonInfo .reward .points, .seasonInfo .reward .zh_CN .points, .zh_CN .newItemContainer .stackSize, .newItemContainer .zh_CN .stackSize, .zh_CN .shopBuyItemModal, .zh_CN shopBuyPackageModal, .zh_CN .shopBuyItemModal h1, .shopBuyItemModal .zh_CN h1, .zh_CN shopBuyPackageModal h1, shopBuyPackageModal .zh_CN h1, .zh_CN .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_CN .totalCost, .zh_CN shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_CN .totalCost, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-empty, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-cost, .zh_CN #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_CN .points, .zh_CN #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_CN .points, .zh_CN .newsList h1, .newsList .zh_CN h1, .zh_CN .stashTabContainer .tab .label, .stashTabContainer .tab .zh_CN .label {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular, .zh_TW .heading2, .zh_TW .newsListItem .title a, .newsListItem .title .zh_TW a, .zh_TW .container .sitemap, .container .zh_TW .sitemap, .zh_TW #countdown, .zh_TW #countdownSpecial, .zh_TW #betaInviteTimer, .zh_TW .seasonInfo .playerInfo, .seasonInfo .zh_TW .playerInfo, .zh_TW .seasonInfo .reward .points, .seasonInfo .reward .zh_TW .points, .zh_TW .newItemContainer .stackSize, .newItemContainer .zh_TW .stackSize, .zh_TW .shopBuyItemModal, .zh_TW shopBuyPackageModal, .zh_TW .shopBuyItemModal h1, .shopBuyItemModal .zh_TW h1, .zh_TW shopBuyPackageModal h1, shopBuyPackageModal .zh_TW h1, .zh_TW .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_TW .totalCost, .zh_TW shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_TW .totalCost, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-empty, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-cost, .zh_TW #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_TW .points, .zh_TW #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_TW .points, .zh_TW .newsList h1, .newsList .zh_TW h1, .zh_TW .stashTabContainer .tab .label, .stashTabContainer .tab .zh_TW .label {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular, .ru_RU .heading2, .ru_RU .newsListItem .title a, .newsListItem .title .ru_RU a, .ru_RU .container .sitemap, .container .ru_RU .sitemap, .ru_RU #countdown, .ru_RU #countdownSpecial, .ru_RU #betaInviteTimer, .ru_RU .seasonInfo .playerInfo, .seasonInfo .ru_RU .playerInfo, .ru_RU .seasonInfo .reward .points, .seasonInfo .reward .ru_RU .points, .ru_RU .newItemContainer .stackSize, .newItemContainer .ru_RU .stackSize, .ru_RU .shopBuyItemModal, .ru_RU shopBuyPackageModal, .ru_RU .shopBuyItemModal h1, .shopBuyItemModal .ru_RU h1, .ru_RU shopBuyPackageModal h1, shopBuyPackageModal .ru_RU h1, .ru_RU .shopBuyItemModal .totalCost, .shopBuyItemModal .ru_RU .totalCost, .ru_RU shopBuyPackageModal .totalCost, shopBuyPackageModal .ru_RU .totalCost, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-empty, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-cost, .ru_RU #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ru_RU .points, .ru_RU #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ru_RU .points, .ru_RU .newsList h1, .newsList .ru_RU h1, .ru_RU .stashTabContainer .tab .label, .stashTabContainer .tab .ru_RU .label {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular, .ko_KR .heading2, .ko_KR .newsListItem .title a, .newsListItem .title .ko_KR a, .ko_KR .container .sitemap, .container .ko_KR .sitemap, .ko_KR #countdown, .ko_KR #countdownSpecial, .ko_KR #betaInviteTimer, .ko_KR .seasonInfo .playerInfo, .seasonInfo .ko_KR .playerInfo, .ko_KR .seasonInfo .reward .points, .seasonInfo .reward .ko_KR .points, .ko_KR .newItemContainer .stackSize, .newItemContainer .ko_KR .stackSize, .ko_KR .shopBuyItemModal, .ko_KR shopBuyPackageModal, .ko_KR .shopBuyItemModal h1, .shopBuyItemModal .ko_KR h1, .ko_KR shopBuyPackageModal h1, shopBuyPackageModal .ko_KR h1, .ko_KR .shopBuyItemModal .totalCost, .shopBuyItemModal .ko_KR .totalCost, .ko_KR shopBuyPackageModal .totalCost, shopBuyPackageModal .ko_KR .totalCost, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-empty, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-cost, .ko_KR #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ko_KR .points, .ko_KR #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ko_KR .points, .ko_KR .newsList h1, .newsList .ko_KR h1, .ko_KR .stashTabContainer .tab .label, .stashTabContainer .tab .ko_KR .label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw, .krw.heading2, .newsListItem .title a.krw, .container .krw.sitemap, .krw#countdown, .krw#countdownSpecial, .krw#betaInviteTimer, .seasonInfo .krw.playerInfo, .seasonInfo .reward .krw.points, .newItemContainer .krw.stackSize, .krw.shopBuyItemModal, shopBuyPackageModal.krw, .shopBuyItemModal h1.krw, shopBuyPackageModal h1.krw, .shopBuyItemModal .krw.totalCost, shopBuyPackageModal .krw.totalCost, .profile .profileTransactions.mtx-transactions .krw.transaction-empty, .profile .profileTransactions.mtx-transactions .krw.transaction-cost, #guildProfile #guildMemberPanel .guild .krw.points, #guildProfile #guildLeaderPanel .guild .krw.points, .newsList h1.krw, .stashTabContainer .tab .krw.label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold, h1.t1, blockquote .quote, .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .inProgressControls .heading, .mtxStashPanel #mtxSortBox, .mtxStashPanel #mtxSortBox select {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold, .zh_CN h1.t1, .zh_CN blockquote .quote, blockquote .zh_CN .quote, .zh_CN .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_CN .heading, .zh_CN .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_CN .heading, .zh_CN .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_CN #mtxSortBox, .zh_CN .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_CN select {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold, .zh_TW h1.t1, .zh_TW blockquote .quote, blockquote .zh_TW .quote, .zh_TW .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_TW .heading, .zh_TW .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_TW .heading, .zh_TW .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_TW #mtxSortBox, .zh_TW .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_TW select {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold, .ru_RU h1.t1, .ru_RU blockquote .quote, blockquote .ru_RU .quote, .ru_RU .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ru_RU .heading, .ru_RU .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ru_RU .heading, .ru_RU .mtxStashPanel #mtxSortBox, .mtxStashPanel .ru_RU #mtxSortBox, .ru_RU .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ru_RU select {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold, .ko_KR h1.t1, .ko_KR blockquote .quote, blockquote .ko_KR .quote, .ko_KR .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ko_KR .heading, .ko_KR .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ko_KR .heading, .ko_KR .mtxStashPanel #mtxSortBox, .mtxStashPanel .ko_KR #mtxSortBox, .ko_KR .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ko_KR select {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

.button-text, div.custom-league-view button, div.custom-league-view input[type="submit"], .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 input[type="submit"] {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 4px;
  background: url('/image/custom-leagues/button.png?1593393330783') #266513 repeat-x;
  border: 0px none;
  color: #a9d287;
  transition-duration: 200ms;
  margin: 2px;
  font-size: 1.2em;
  text-decoration: none;
  background: url('/image/layout/button/button-green-normal-left.png?1593393375718') no-repeat top left, url('/image/layout/button/button-green-normal-right.png?1593393375718') top right no-repeat, url('/image/layout/button/button-green-normal-middle.png?1593393375718') top repeat-x, url('/image/layout/button/button-green-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-hover-middle.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-left.png?1593393375718') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-right.png?1593393375718') -100px -100px no-repeat, url('/image/layout/button/button-green-pressed-middle.png?1593393375718') -100px -100px no-repeat;
  background-size: contain;
  padding: 5px 9px; }
  .zh_CN .button-text, .zh_CN div.custom-league-view button, div.custom-league-view .zh_CN button, .zh_CN div.custom-league-view input[type="submit"], div.custom-league-view .zh_CN input[type="submit"], .zh_CN .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .zh_CN button, .zh_CN .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .zh_CN input[type="submit"] {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .button-text, .zh_TW div.custom-league-view button, div.custom-league-view .zh_TW button, .zh_TW div.custom-league-view input[type="submit"], div.custom-league-view .zh_TW input[type="submit"], .zh_TW .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .zh_TW button, .zh_TW .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .zh_TW input[type="submit"] {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .button-text, .ru_RU div.custom-league-view button, div.custom-league-view .ru_RU button, .ru_RU div.custom-league-view input[type="submit"], div.custom-league-view .ru_RU input[type="submit"], .ru_RU .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .ru_RU button, .ru_RU .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .ru_RU input[type="submit"] {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .button-text, .ko_KR div.custom-league-view button, div.custom-league-view .ko_KR button, .ko_KR div.custom-league-view input[type="submit"], div.custom-league-view .ko_KR input[type="submit"], .ko_KR .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .ko_KR button, .ko_KR .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .ko_KR input[type="submit"] {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .button-text:hover, div.custom-league-view button:hover, div.custom-league-view input:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button:hover, .item-filter-view .item-filte-form form.t1 input:hover[type="submit"] {
    background: url('/image/layout/button/button-green-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-green-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-green-hover-middle.png?1593393375714') top repeat-x;
    background-size: contain;
    color: #a3e89b; }
  .button-text:active, div.custom-league-view button:active, div.custom-league-view input:active[type="submit"], .item-filter-view .item-filte-form form.t1 button:active, .item-filter-view .item-filte-form form.t1 input:active[type="submit"] {
    background: url('/image/layout/button/button-green-pressed-left.png?1593393375718') no-repeat top left, url('/image/layout/button/button-green-pressed-right.png?1593393375718') top right no-repeat, url('/image/layout/button/button-green-pressed-middle.png?1593393375718') top repeat-x;
    background-size: contain;
    color: #35583b; }
  .button-text a, div.custom-league-view button a, div.custom-league-view input[type="submit"] a, .item-filter-view .item-filte-form form.t1 button a, .item-filter-view .item-filte-form form.t1 input[type="submit"] a {
    color: #a9d287;
    text-decoration: none; }
    .button-text a:hover, div.custom-league-view button a:hover, div.custom-league-view input[type="submit"] a:hover, .item-filter-view .item-filte-form form.t1 button a:hover, .item-filter-view .item-filte-form form.t1 input[type="submit"] a:hover {
      color: #a3e89b; }
    .button-text a:active, div.custom-league-view button a:active, div.custom-league-view input[type="submit"] a:active, .item-filter-view .item-filte-form form.t1 button a:active, .item-filter-view .item-filte-form form.t1 input[type="submit"] a:active {
      color: #35583b; }
  .button-text.red, div.custom-league-view button.red, div.custom-league-view input.red[type="submit"], .item-filter-view .item-filte-form form.t1 button.red, .item-filter-view .item-filte-form form.t1 input.red[type="submit"], .button-text.generic, div.custom-league-view button.generic, div.custom-league-view input.generic[type="submit"], .item-filter-view .item-filte-form form.t1 button.generic, .item-filter-view .item-filte-form form.t1 input.generic[type="submit"] {
    background: url('/image/custom-leagues/button.png?1593393330783') #6f1408 repeat-x;
    border: 0px none;
    color: #b68f30;
    text-shadow: 0px 0px 6px;
    background: url('/image/layout/button/button-generic-normal-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-normal-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-normal-middle.png?1593393375714') top repeat-x, url('/image/layout/button/button-generic-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-hover-middle.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-generic-pressed-middle.png?1593393375714') -100px -100px no-repeat;
    background-size: contain; }
    .button-text.red:hover, div.custom-league-view button.red:hover, div.custom-league-view input.red:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button.red:hover, .item-filter-view .item-filte-form form.t1 input.red:hover[type="submit"], .button-text.generic:hover, div.custom-league-view button.generic:hover, div.custom-league-view input.generic:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button.generic:hover, .item-filter-view .item-filte-form form.t1 input.generic:hover[type="submit"] {
      background: url('/image/layout/button/button-generic-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-hover-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #bf9f4f; }
    .button-text.red:active, div.custom-league-view button.red:active, div.custom-league-view input.red:active[type="submit"], .item-filter-view .item-filte-form form.t1 button.red:active, .item-filter-view .item-filte-form form.t1 input.red:active[type="submit"], .button-text.generic:active, div.custom-league-view button.generic:active, div.custom-league-view input.generic:active[type="submit"], .item-filter-view .item-filte-form form.t1 button.generic:active, .item-filter-view .item-filte-form form.t1 input.generic:active[type="submit"] {
      background: url('/image/layout/button/button-generic-pressed-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-generic-pressed-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-generic-pressed-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #4c3f1f; }
    .button-text.red a, div.custom-league-view button.red a, div.custom-league-view input.red[type="submit"] a, .item-filter-view .item-filte-form form.t1 button.red a, .item-filter-view .item-filte-form form.t1 input.red[type="submit"] a, .button-text.generic a, div.custom-league-view button.generic a, div.custom-league-view input.generic[type="submit"] a, .item-filter-view .item-filte-form form.t1 button.generic a, .item-filter-view .item-filte-form form.t1 input.generic[type="submit"] a {
      color: #b68f30; }
      .button-text.red a:hover, div.custom-league-view button.red a:hover, div.custom-league-view input.red[type="submit"] a:hover, .item-filter-view .item-filte-form form.t1 button.red a:hover, .item-filter-view .item-filte-form form.t1 input.red[type="submit"] a:hover, .button-text.generic a:hover, div.custom-league-view button.generic a:hover, div.custom-league-view input.generic[type="submit"] a:hover, .item-filter-view .item-filte-form form.t1 button.generic a:hover, .item-filter-view .item-filte-form form.t1 input.generic[type="submit"] a:hover {
        color: #bf9f4f; }
      .button-text.red a:active, div.custom-league-view button.red a:active, div.custom-league-view input.red[type="submit"] a:active, .item-filter-view .item-filte-form form.t1 button.red a:active, .item-filter-view .item-filte-form form.t1 input.red[type="submit"] a:active, .button-text.generic a:active, div.custom-league-view button.generic a:active, div.custom-league-view input.generic[type="submit"] a:active, .item-filter-view .item-filte-form form.t1 button.generic a:active, .item-filter-view .item-filte-form form.t1 input.generic[type="submit"] a:active {
        color: #4c3f1f; }
  .button-text:hover, div.custom-league-view button:hover, div.custom-league-view input:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button:hover, .item-filter-view .item-filte-form form.t1 input:hover[type="submit"] {
    cursor: pointer; }
  .button-text:disabled, div.custom-league-view button:disabled, div.custom-league-view input:disabled[type="submit"], .item-filter-view .item-filte-form form.t1 button:disabled, .item-filter-view .item-filte-form form.t1 input:disabled[type="submit"], .button-text.disabled, div.custom-league-view button.disabled, div.custom-league-view input.disabled[type="submit"], .item-filter-view .item-filte-form form.t1 button.disabled, .item-filter-view .item-filte-form form.t1 input.disabled[type="submit"] {
    color: #7c7b7b;
    background: url('/image/layout/button/button-gray-normal-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-gray-normal-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-gray-normal-middle.png?1593393375714') top repeat-x, url('/image/layout/button/button-gray-hover-left.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-gray-hover-right.png?1593393375714') -100px -100px no-repeat, url('/image/layout/button/button-gray-hover-middle.png?1593393375714') -100px -100px no-repeat;
    background-size: contain;
    cursor: default; }
    .button-text:disabled:hover, div.custom-league-view button:disabled:hover, div.custom-league-view input:disabled:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button:disabled:hover, .item-filter-view .item-filte-form form.t1 input:disabled:hover[type="submit"], .button-text.disabled:hover, div.custom-league-view button.disabled:hover, div.custom-league-view input.disabled:hover[type="submit"], .item-filter-view .item-filte-form form.t1 button.disabled:hover, .item-filter-view .item-filte-form form.t1 input.disabled:hover[type="submit"] {
      background: url('/image/layout/button/button-gray-hover-left.png?1593393375714') no-repeat top left, url('/image/layout/button/button-gray-hover-right.png?1593393375714') top right no-repeat, url('/image/layout/button/button-gray-hover-middle.png?1593393375714') top repeat-x;
      background-size: contain;
      color: #c4c4c4; }

.toggle-button {
  position: relative;
  height: 35px;
  width: auto;
  margin: 5px auto;
  background: rgba(0, 0, 0, 0.5);
  background: url('/image/layout/button/Button_onofftogglebase_front.png?1593393375710') no-repeat top left, url('/image/layout/button/Button_onofftogglebase_Back.png?1593393375710') top right no-repeat, url('/image/layout/button/Button_onofftogglebase_middle.png?1593393375710') top repeat-x;
  background-size: contain;
  display: flex; }
  .toggle-button label {
    position: relative;
    z-index: 2;
    width: auto;
    line-height: 2em;
    font-size: 1.2em;
    color: #424242;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    transition: color 0.3s 0.4s;
    cursor: pointer; }
  .toggle-button .toggle-button-input {
    display: none; }
  .toggle-button .toggle-button-input + label {
    color: #6d6d6d;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); }
  .toggle-button .toggle-button-input:checked + label {
    color: #191919;
    text-shadow: 0px 0px 1px #191919, 0px 0px 1px #ffe23d, 0px 0px 2px #ffe23d, 0px 0px 2px #ffe23d, 0px 0px 3px #de852e, 0px 0px 4px #c75126, 0px 0px 4px #c75126, 0px 0px 5px #c75126, 0px 0px 5px #c75126, 0px 0px 6px #ff9b2d, 0px 0px 6px #ff9b2d; }
  .toggle-button .toggle-button-input:checked + label:last-of-type + .toggle-button-knob {
    left: 50%; }
  .toggle-button-knob {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 49%;
    height: 30px;
    border-radius: 3px;
    background-color: #8e6b2f;
    transition: left 0.2s ease-out;
    background: url('/image/layout/button/Button_onofftogglebutton_front.png?1593393375710') no-repeat top left, url('/image/layout/button/Button_onofftogglebutton_back.png?1593393375710') top right no-repeat, url('/image/layout/button/Button_onofftogglebutton_middle.png?1593393375710') top repeat-x;
    background-size: contain; }

.FontinSmallCaps, .heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title, .button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control, .site-notice-container h3, .site-notice-container .button-box button, .eventCalendar h1, .seasonLadder h1, .shopSpecialsBox .deal .banner, .links, .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.uniqueStashTheme .breadcrumb, .header > .navigation, .header > .navigation a, .seasonInfo .name, #buildControls, .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3, .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3, .uniqueStash .progress .text, .uniqueStash .controls a, .uniqueStash .stashContents .item > .name, .stashPanel .stashTabContents.mapStash .mapTierButton::after, #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content h3, div.custom-league-view, .item-filters-list-view,
.item-filter-view, .newItemPopup, .skillPopup, .divinationCard, .shopIndex .category h2, .shopItemPackage .savingsInfo, .shopTopBar1 h1, #shopEndingCountdownContainer h2, .skillsList h1, #downloadPageList .content .purchaseText, #itemsPage .content h2, #itemsPage .content h2 a, .eventView .countdownDescription, .eventView h2, .landingBox h1, .landingBox h2, .apiResource h2, .apiResource h3, .forum-table-container .buildGuide span, .profile .profile-box h2, .profile .profile-container .showcase-item h2, .profile h1, .profile h2, .follow-box h3, #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .guild-status, #guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2, .mtxStashPanel .noMtx .mtxText, .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal; }
  .zh_CN .FontinSmallCaps, .zh_CN .heading1, .zh_CN .heading3, .zh_CN #twitch-streams-container h1, #twitch-streams-container .zh_CN h1, .zh_CN #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_CN a, .zh_CN #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_CN a, .zh_CN .eventsListSummary .title, .eventsListSummary .zh_CN .title, .zh_CN form.t1 input[type="submit"], form.t1 .zh_CN input[type="submit"], .zh_CN .formT1 input[type="submit"], .formT1 .zh_CN input[type="submit"], .zh_CN .button1, .zh_CN .button2, .zh_CN .pagination a, .pagination .zh_CN a, .zh_CN .pagination .current, .pagination .zh_CN .current, .zh_CN .pagination .currentPage, .pagination .zh_CN .currentPage, .zh_CN .editor-control, .zh_CN .site-notice-container h3, .site-notice-container .zh_CN h3, .zh_CN .site-notice-container .button-box button, .site-notice-container .button-box .zh_CN button, .zh_CN .eventCalendar h1, .eventCalendar .zh_CN h1, .zh_CN .seasonLadder h1, .seasonLadder .zh_CN h1, .zh_CN .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_CN .banner, .zh_CN .links, .zh_CN .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_CN .breadcrumb, .zh_CN .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_CN .breadcrumb, .zh_CN .header > .navigation, .zh_CN .header > .navigation a, .header > .navigation .zh_CN a, .zh_CN .seasonInfo .name, .seasonInfo .zh_CN .name, .zh_CN #buildControls, .zh_CN .inventoryControls .infoLine1, .inventoryControls .zh_CN .infoLine1, .zh_CN .inventoryControls .infoLine2, .inventoryControls .zh_CN .infoLine2, .zh_CN .inventoryControls .infoLine3, .inventoryControls .zh_CN .infoLine3, .zh_CN .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_CN .infoLine1, .zh_CN .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_CN .infoLine2, .zh_CN .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_CN .infoLine3, .zh_CN .uniqueStash .progress .text, .uniqueStash .progress .zh_CN .text, .zh_CN .uniqueStash .controls a, .uniqueStash .controls .zh_CN a, .zh_CN .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_CN .item > .name, .zh_CN .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_CN .mapTierButton::after, .zh_CN #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_CN h1, .zh_CN #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_CN h2, .zh_CN #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_CN h3, .zh_CN div.custom-league-view, .zh_CN .item-filters-list-view,
  .zh_CN .item-filter-view, .zh_CN .newItemPopup, .zh_CN .skillPopup, .zh_CN .divinationCard, .zh_CN .shopIndex .category h2, .shopIndex .category .zh_CN h2, .zh_CN .shopItemPackage .savingsInfo, .shopItemPackage .zh_CN .savingsInfo, .zh_CN .shopTopBar1 h1, .shopTopBar1 .zh_CN h1, .zh_CN #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_CN h2, .zh_CN .skillsList h1, .skillsList .zh_CN h1, .zh_CN #downloadPageList .content .purchaseText, #downloadPageList .content .zh_CN .purchaseText, .zh_CN #itemsPage .content h2, #itemsPage .content .zh_CN h2, .zh_CN #itemsPage .content h2 a, #itemsPage .content h2 .zh_CN a, .zh_CN .eventView .countdownDescription, .eventView .zh_CN .countdownDescription, .zh_CN .eventView h2, .eventView .zh_CN h2, .zh_CN .landingBox h1, .landingBox .zh_CN h1, .zh_CN .landingBox h2, .landingBox .zh_CN h2, .zh_CN .apiResource h2, .apiResource .zh_CN h2, .zh_CN .apiResource h3, .apiResource .zh_CN h3, .zh_CN .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_CN span, .zh_CN .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_CN h2, .zh_CN .profile h1, .profile .zh_CN h1, .zh_CN .profile h2, .profile .zh_CN h2, .zh_CN .follow-box h3, .follow-box .zh_CN h3, .zh_CN #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_CN .guild-tag, .zh_CN #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_CN .guild-status, .zh_CN #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_CN h2, .zh_CN #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_CN h2, .zh_CN .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_CN .mtxText, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_CN .mtxGroupHeader, .zh_CN .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_CN .stackSize {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps, .zh_TW .heading1, .zh_TW .heading3, .zh_TW #twitch-streams-container h1, #twitch-streams-container .zh_TW h1, .zh_TW #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_TW a, .zh_TW #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_TW a, .zh_TW .eventsListSummary .title, .eventsListSummary .zh_TW .title, .zh_TW form.t1 input[type="submit"], form.t1 .zh_TW input[type="submit"], .zh_TW .formT1 input[type="submit"], .formT1 .zh_TW input[type="submit"], .zh_TW .button1, .zh_TW .button2, .zh_TW .pagination a, .pagination .zh_TW a, .zh_TW .pagination .current, .pagination .zh_TW .current, .zh_TW .pagination .currentPage, .pagination .zh_TW .currentPage, .zh_TW .editor-control, .zh_TW .site-notice-container h3, .site-notice-container .zh_TW h3, .zh_TW .site-notice-container .button-box button, .site-notice-container .button-box .zh_TW button, .zh_TW .eventCalendar h1, .eventCalendar .zh_TW h1, .zh_TW .seasonLadder h1, .seasonLadder .zh_TW h1, .zh_TW .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_TW .banner, .zh_TW .links, .zh_TW .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_TW .breadcrumb, .zh_TW .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .zh_TW .breadcrumb, .zh_TW .header > .navigation, .zh_TW .header > .navigation a, .header > .navigation .zh_TW a, .zh_TW .seasonInfo .name, .seasonInfo .zh_TW .name, .zh_TW #buildControls, .zh_TW .inventoryControls .infoLine1, .inventoryControls .zh_TW .infoLine1, .zh_TW .inventoryControls .infoLine2, .inventoryControls .zh_TW .infoLine2, .zh_TW .inventoryControls .infoLine3, .inventoryControls .zh_TW .infoLine3, .zh_TW .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_TW .infoLine1, .zh_TW .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_TW .infoLine2, .zh_TW .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_TW .infoLine3, .zh_TW .uniqueStash .progress .text, .uniqueStash .progress .zh_TW .text, .zh_TW .uniqueStash .controls a, .uniqueStash .controls .zh_TW a, .zh_TW .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .zh_TW .item > .name, .zh_TW .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .zh_TW .mapTierButton::after, .zh_TW #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .zh_TW h1, .zh_TW #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .zh_TW h2, .zh_TW #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .zh_TW h3, .zh_TW div.custom-league-view, .zh_TW .item-filters-list-view,
  .zh_TW .item-filter-view, .zh_TW .newItemPopup, .zh_TW .skillPopup, .zh_TW .divinationCard, .zh_TW .shopIndex .category h2, .shopIndex .category .zh_TW h2, .zh_TW .shopItemPackage .savingsInfo, .shopItemPackage .zh_TW .savingsInfo, .zh_TW .shopTopBar1 h1, .shopTopBar1 .zh_TW h1, .zh_TW #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_TW h2, .zh_TW .skillsList h1, .skillsList .zh_TW h1, .zh_TW #downloadPageList .content .purchaseText, #downloadPageList .content .zh_TW .purchaseText, .zh_TW #itemsPage .content h2, #itemsPage .content .zh_TW h2, .zh_TW #itemsPage .content h2 a, #itemsPage .content h2 .zh_TW a, .zh_TW .eventView .countdownDescription, .eventView .zh_TW .countdownDescription, .zh_TW .eventView h2, .eventView .zh_TW h2, .zh_TW .landingBox h1, .landingBox .zh_TW h1, .zh_TW .landingBox h2, .landingBox .zh_TW h2, .zh_TW .apiResource h2, .apiResource .zh_TW h2, .zh_TW .apiResource h3, .apiResource .zh_TW h3, .zh_TW .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_TW span, .zh_TW .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .zh_TW h2, .zh_TW .profile h1, .profile .zh_TW h1, .zh_TW .profile h2, .profile .zh_TW h2, .zh_TW .follow-box h3, .follow-box .zh_TW h3, .zh_TW #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_TW .guild-tag, .zh_TW #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_TW .guild-status, .zh_TW #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_TW h2, .zh_TW #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_TW h2, .zh_TW .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_TW .mtxText, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .zh_TW .mtxGroupHeader, .zh_TW .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_TW .stackSize {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinSmallCaps, .ru_RU .heading1, .ru_RU .heading3, .ru_RU #twitch-streams-container h1, #twitch-streams-container .ru_RU h1, .ru_RU #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ru_RU a, .ru_RU #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ru_RU a, .ru_RU .eventsListSummary .title, .eventsListSummary .ru_RU .title, .ru_RU form.t1 input[type="submit"], form.t1 .ru_RU input[type="submit"], .ru_RU .formT1 input[type="submit"], .formT1 .ru_RU input[type="submit"], .ru_RU .button1, .ru_RU .button2, .ru_RU .pagination a, .pagination .ru_RU a, .ru_RU .pagination .current, .pagination .ru_RU .current, .ru_RU .pagination .currentPage, .pagination .ru_RU .currentPage, .ru_RU .editor-control, .ru_RU .site-notice-container h3, .site-notice-container .ru_RU h3, .ru_RU .site-notice-container .button-box button, .site-notice-container .button-box .ru_RU button, .ru_RU .eventCalendar h1, .eventCalendar .ru_RU h1, .ru_RU .seasonLadder h1, .seasonLadder .ru_RU h1, .ru_RU .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ru_RU .banner, .ru_RU .links, .ru_RU .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ru_RU .breadcrumb, .ru_RU .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ru_RU .breadcrumb, .ru_RU .header > .navigation, .ru_RU .header > .navigation a, .header > .navigation .ru_RU a, .ru_RU .seasonInfo .name, .seasonInfo .ru_RU .name, .ru_RU #buildControls, .ru_RU .inventoryControls .infoLine1, .inventoryControls .ru_RU .infoLine1, .ru_RU .inventoryControls .infoLine2, .inventoryControls .ru_RU .infoLine2, .ru_RU .inventoryControls .infoLine3, .inventoryControls .ru_RU .infoLine3, .ru_RU .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ru_RU .infoLine1, .ru_RU .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ru_RU .infoLine2, .ru_RU .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ru_RU .infoLine3, .ru_RU .uniqueStash .progress .text, .uniqueStash .progress .ru_RU .text, .ru_RU .uniqueStash .controls a, .uniqueStash .controls .ru_RU a, .ru_RU .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ru_RU .item > .name, .ru_RU .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ru_RU .mapTierButton::after, .ru_RU #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ru_RU h1, .ru_RU #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ru_RU h2, .ru_RU #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ru_RU h3, .ru_RU div.custom-league-view, .ru_RU .item-filters-list-view,
  .ru_RU .item-filter-view, .ru_RU .newItemPopup, .ru_RU .skillPopup, .ru_RU .divinationCard, .ru_RU .shopIndex .category h2, .shopIndex .category .ru_RU h2, .ru_RU .shopItemPackage .savingsInfo, .shopItemPackage .ru_RU .savingsInfo, .ru_RU .shopTopBar1 h1, .shopTopBar1 .ru_RU h1, .ru_RU #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ru_RU h2, .ru_RU .skillsList h1, .skillsList .ru_RU h1, .ru_RU #downloadPageList .content .purchaseText, #downloadPageList .content .ru_RU .purchaseText, .ru_RU #itemsPage .content h2, #itemsPage .content .ru_RU h2, .ru_RU #itemsPage .content h2 a, #itemsPage .content h2 .ru_RU a, .ru_RU .eventView .countdownDescription, .eventView .ru_RU .countdownDescription, .ru_RU .eventView h2, .eventView .ru_RU h2, .ru_RU .landingBox h1, .landingBox .ru_RU h1, .ru_RU .landingBox h2, .landingBox .ru_RU h2, .ru_RU .apiResource h2, .apiResource .ru_RU h2, .ru_RU .apiResource h3, .apiResource .ru_RU h3, .ru_RU .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ru_RU span, .ru_RU .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ru_RU h2, .ru_RU .profile h1, .profile .ru_RU h1, .ru_RU .profile h2, .profile .ru_RU h2, .ru_RU .follow-box h3, .follow-box .ru_RU h3, .ru_RU #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ru_RU .guild-tag, .ru_RU #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ru_RU .guild-status, .ru_RU #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ru_RU h2, .ru_RU #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ru_RU h2, .ru_RU .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ru_RU .mtxText, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ru_RU .mtxGroupHeader, .ru_RU .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ru_RU .stackSize {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinSmallCaps, .ko_KR .heading1, .ko_KR .heading3, .ko_KR #twitch-streams-container h1, #twitch-streams-container .ko_KR h1, .ko_KR #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ko_KR a, .ko_KR #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ko_KR a, .ko_KR .eventsListSummary .title, .eventsListSummary .ko_KR .title, .ko_KR form.t1 input[type="submit"], form.t1 .ko_KR input[type="submit"], .ko_KR .formT1 input[type="submit"], .formT1 .ko_KR input[type="submit"], .ko_KR .button1, .ko_KR .button2, .ko_KR .pagination a, .pagination .ko_KR a, .ko_KR .pagination .current, .pagination .ko_KR .current, .ko_KR .pagination .currentPage, .pagination .ko_KR .currentPage, .ko_KR .editor-control, .ko_KR .site-notice-container h3, .site-notice-container .ko_KR h3, .ko_KR .site-notice-container .button-box button, .site-notice-container .button-box .ko_KR button, .ko_KR .eventCalendar h1, .eventCalendar .ko_KR h1, .ko_KR .seasonLadder h1, .seasonLadder .ko_KR h1, .ko_KR .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ko_KR .banner, .ko_KR .links, .ko_KR .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.uniqueStashTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .ko_KR .layoutBoxTitle, .ko_KR .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ko_KR .breadcrumb, .ko_KR .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ko_KR .breadcrumb, .ko_KR .layoutBox1.uniqueStashTheme .breadcrumb, .layoutBox1.uniqueStashTheme .ko_KR .breadcrumb, .ko_KR .header > .navigation, .ko_KR .header > .navigation a, .header > .navigation .ko_KR a, .ko_KR .seasonInfo .name, .seasonInfo .ko_KR .name, .ko_KR #buildControls, .ko_KR .inventoryControls .infoLine1, .inventoryControls .ko_KR .infoLine1, .ko_KR .inventoryControls .infoLine2, .inventoryControls .ko_KR .infoLine2, .ko_KR .inventoryControls .infoLine3, .inventoryControls .ko_KR .infoLine3, .ko_KR .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ko_KR .infoLine1, .ko_KR .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ko_KR .infoLine2, .ko_KR .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ko_KR .infoLine3, .ko_KR .uniqueStash .progress .text, .uniqueStash .progress .ko_KR .text, .ko_KR .uniqueStash .controls a, .uniqueStash .controls .ko_KR a, .ko_KR .uniqueStash .stashContents .item > .name, .uniqueStash .stashContents .ko_KR .item > .name, .ko_KR .stashPanel .stashTabContents.mapStash .mapTierButton::after, .stashPanel .stashTabContents.mapStash .ko_KR .mapTierButton::after, .ko_KR #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content .ko_KR h1, .ko_KR #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content .ko_KR h2, .ko_KR #cl-popup-container #cl-popup-content h3, #cl-popup-container #cl-popup-content .ko_KR h3, .ko_KR div.custom-league-view, .ko_KR .item-filters-list-view,
  .ko_KR .item-filter-view, .ko_KR .newItemPopup, .ko_KR .skillPopup, .ko_KR .divinationCard, .ko_KR .shopIndex .category h2, .shopIndex .category .ko_KR h2, .ko_KR .shopItemPackage .savingsInfo, .shopItemPackage .ko_KR .savingsInfo, .ko_KR .shopTopBar1 h1, .shopTopBar1 .ko_KR h1, .ko_KR #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ko_KR h2, .ko_KR .skillsList h1, .skillsList .ko_KR h1, .ko_KR #downloadPageList .content .purchaseText, #downloadPageList .content .ko_KR .purchaseText, .ko_KR #itemsPage .content h2, #itemsPage .content .ko_KR h2, .ko_KR #itemsPage .content h2 a, #itemsPage .content h2 .ko_KR a, .ko_KR .eventView .countdownDescription, .eventView .ko_KR .countdownDescription, .ko_KR .eventView h2, .eventView .ko_KR h2, .ko_KR .landingBox h1, .landingBox .ko_KR h1, .ko_KR .landingBox h2, .landingBox .ko_KR h2, .ko_KR .apiResource h2, .apiResource .ko_KR h2, .ko_KR .apiResource h3, .apiResource .ko_KR h3, .ko_KR .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ko_KR span, .ko_KR .profile .profile-container .showcase-item h2, .profile .profile-container .showcase-item .ko_KR h2, .ko_KR .profile h1, .profile .ko_KR h1, .ko_KR .profile h2, .profile .ko_KR h2, .ko_KR .follow-box h3, .follow-box .ko_KR h3, .ko_KR #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ko_KR .guild-tag, .ko_KR #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ko_KR .guild-status, .ko_KR #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ko_KR h2, .ko_KR #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ko_KR h2, .ko_KR .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ko_KR .mtxText, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel #mtxGroups .mtxGroup .ko_KR .mtxGroupHeader, .ko_KR .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .ko_KR .stackSize {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinRegular, .heading2, .newsListItem .title a, .container .sitemap, #countdown, #countdownSpecial, #betaInviteTimer, .seasonInfo .playerInfo, .seasonInfo .reward .points, .newItemContainer .stackSize, .shopBuyItemModal, shopBuyPackageModal, .shopBuyItemModal h1, shopBuyPackageModal h1, .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost, .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost, #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points, .newsList h1, .stashTabContainer .tab .label {
  font-family: "FontinRegular", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinRegular, .zh_CN .heading2, .zh_CN .newsListItem .title a, .newsListItem .title .zh_CN a, .zh_CN .container .sitemap, .container .zh_CN .sitemap, .zh_CN #countdown, .zh_CN #countdownSpecial, .zh_CN #betaInviteTimer, .zh_CN .seasonInfo .playerInfo, .seasonInfo .zh_CN .playerInfo, .zh_CN .seasonInfo .reward .points, .seasonInfo .reward .zh_CN .points, .zh_CN .newItemContainer .stackSize, .newItemContainer .zh_CN .stackSize, .zh_CN .shopBuyItemModal, .zh_CN shopBuyPackageModal, .zh_CN .shopBuyItemModal h1, .shopBuyItemModal .zh_CN h1, .zh_CN shopBuyPackageModal h1, shopBuyPackageModal .zh_CN h1, .zh_CN .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_CN .totalCost, .zh_CN shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_CN .totalCost, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-empty, .zh_CN .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_CN .transaction-cost, .zh_CN #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_CN .points, .zh_CN #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_CN .points, .zh_CN .newsList h1, .newsList .zh_CN h1, .zh_CN .stashTabContainer .tab .label, .stashTabContainer .tab .zh_CN .label {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular, .zh_TW .heading2, .zh_TW .newsListItem .title a, .newsListItem .title .zh_TW a, .zh_TW .container .sitemap, .container .zh_TW .sitemap, .zh_TW #countdown, .zh_TW #countdownSpecial, .zh_TW #betaInviteTimer, .zh_TW .seasonInfo .playerInfo, .seasonInfo .zh_TW .playerInfo, .zh_TW .seasonInfo .reward .points, .seasonInfo .reward .zh_TW .points, .zh_TW .newItemContainer .stackSize, .newItemContainer .zh_TW .stackSize, .zh_TW .shopBuyItemModal, .zh_TW shopBuyPackageModal, .zh_TW .shopBuyItemModal h1, .shopBuyItemModal .zh_TW h1, .zh_TW shopBuyPackageModal h1, shopBuyPackageModal .zh_TW h1, .zh_TW .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_TW .totalCost, .zh_TW shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_TW .totalCost, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-empty, .zh_TW .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .zh_TW .transaction-cost, .zh_TW #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_TW .points, .zh_TW #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_TW .points, .zh_TW .newsList h1, .newsList .zh_TW h1, .zh_TW .stashTabContainer .tab .label, .stashTabContainer .tab .zh_TW .label {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinRegular, .ru_RU .heading2, .ru_RU .newsListItem .title a, .newsListItem .title .ru_RU a, .ru_RU .container .sitemap, .container .ru_RU .sitemap, .ru_RU #countdown, .ru_RU #countdownSpecial, .ru_RU #betaInviteTimer, .ru_RU .seasonInfo .playerInfo, .seasonInfo .ru_RU .playerInfo, .ru_RU .seasonInfo .reward .points, .seasonInfo .reward .ru_RU .points, .ru_RU .newItemContainer .stackSize, .newItemContainer .ru_RU .stackSize, .ru_RU .shopBuyItemModal, .ru_RU shopBuyPackageModal, .ru_RU .shopBuyItemModal h1, .shopBuyItemModal .ru_RU h1, .ru_RU shopBuyPackageModal h1, shopBuyPackageModal .ru_RU h1, .ru_RU .shopBuyItemModal .totalCost, .shopBuyItemModal .ru_RU .totalCost, .ru_RU shopBuyPackageModal .totalCost, shopBuyPackageModal .ru_RU .totalCost, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-empty, .ru_RU .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ru_RU .transaction-cost, .ru_RU #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ru_RU .points, .ru_RU #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ru_RU .points, .ru_RU .newsList h1, .newsList .ru_RU h1, .ru_RU .stashTabContainer .tab .label, .stashTabContainer .tab .ru_RU .label {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinRegular, .ko_KR .heading2, .ko_KR .newsListItem .title a, .newsListItem .title .ko_KR a, .ko_KR .container .sitemap, .container .ko_KR .sitemap, .ko_KR #countdown, .ko_KR #countdownSpecial, .ko_KR #betaInviteTimer, .ko_KR .seasonInfo .playerInfo, .seasonInfo .ko_KR .playerInfo, .ko_KR .seasonInfo .reward .points, .seasonInfo .reward .ko_KR .points, .ko_KR .newItemContainer .stackSize, .newItemContainer .ko_KR .stackSize, .ko_KR .shopBuyItemModal, .ko_KR shopBuyPackageModal, .ko_KR .shopBuyItemModal h1, .shopBuyItemModal .ko_KR h1, .ko_KR shopBuyPackageModal h1, shopBuyPackageModal .ko_KR h1, .ko_KR .shopBuyItemModal .totalCost, .shopBuyItemModal .ko_KR .totalCost, .ko_KR shopBuyPackageModal .totalCost, shopBuyPackageModal .ko_KR .totalCost, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-empty, .ko_KR .profile .profileTransactions.mtx-transactions .transaction-cost, .profile .profileTransactions.mtx-transactions .ko_KR .transaction-cost, .ko_KR #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ko_KR .points, .ko_KR #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ko_KR .points, .ko_KR .newsList h1, .newsList .ko_KR h1, .ko_KR .stashTabContainer .tab .label, .stashTabContainer .tab .ko_KR .label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .FontinRegular.krw, .krw.heading2, .newsListItem .title a.krw, .container .krw.sitemap, .krw#countdown, .krw#countdownSpecial, .krw#betaInviteTimer, .seasonInfo .krw.playerInfo, .seasonInfo .reward .krw.points, .newItemContainer .krw.stackSize, .krw.shopBuyItemModal, shopBuyPackageModal.krw, .shopBuyItemModal h1.krw, shopBuyPackageModal h1.krw, .shopBuyItemModal .krw.totalCost, shopBuyPackageModal .krw.totalCost, .profile .profileTransactions.mtx-transactions .krw.transaction-empty, .profile .profileTransactions.mtx-transactions .krw.transaction-cost, #guildProfile #guildMemberPanel .guild .krw.points, #guildProfile #guildLeaderPanel .guild .krw.points, .newsList h1.krw, .stashTabContainer .tab .krw.label {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinItalic {
  font-family: "FontinItalic", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.51;
  font-weight: normal; }
  .zh_CN .FontinItalic {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinItalic {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinItalic {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.FontinBold, h1.t1, blockquote .quote, .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .inProgressControls .heading, .mtxStashPanel #mtxSortBox, .mtxStashPanel #mtxSortBox select {
  font-family: "FontinBold", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.52;
  font-weight: normal; }
  .zh_CN .FontinBold, .zh_CN h1.t1, .zh_CN blockquote .quote, blockquote .zh_CN .quote, .zh_CN .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_CN .heading, .zh_CN .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_CN .heading, .zh_CN .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_CN #mtxSortBox, .zh_CN .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_CN select {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold, .zh_TW h1.t1, .zh_TW blockquote .quote, blockquote .zh_TW .quote, .zh_TW .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_TW .heading, .zh_TW .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_TW .heading, .zh_TW .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_TW #mtxSortBox, .zh_TW .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_TW select {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .FontinBold, .ru_RU h1.t1, .ru_RU blockquote .quote, blockquote .ru_RU .quote, .ru_RU .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ru_RU .heading, .ru_RU .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ru_RU .heading, .ru_RU .mtxStashPanel #mtxSortBox, .mtxStashPanel .ru_RU #mtxSortBox, .ru_RU .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ru_RU select {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .FontinBold, .ko_KR h1.t1, .ko_KR blockquote .quote, blockquote .ko_KR .quote, .ko_KR .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ko_KR .heading, .ko_KR .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ko_KR .heading, .ko_KR .mtxStashPanel #mtxSortBox, .mtxStashPanel .ko_KR #mtxSortBox, .ko_KR .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ko_KR select {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-weight: bold; }

.gradient-button {
  font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
  font-size-adjust: 0.54;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .zh_CN .gradient-button {
    font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .gradient-button {
    font-family: 微軟正黑, "Microsoft JhengHei", 新明細體, Verdana, Arial, Helvetica, sans-serif; }
  .ru_RU .gradient-button {
    font-family: FrizQuadrataC, Verdana, Arial, Helvetica, sans-serif; }
  .ko_KR .gradient-button {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .gradient-button.red, .gradient-button.generic {
    background: linear-gradient(to bottom, #180a04 0%, #401705 61%, #4b2005 89%, black 95%, #3c3429 96%);
    border: 2px solid #353029;
    color: #b68f30;
    text-shadow: 0px 0px 6px; }
    .gradient-button.red:hover, .gradient-button.generic:hover {
      border-top-color: #937f72;
      background: linear-gradient(to bottom, black 0%, #4b1b02 42%, #9a3a0c 77%, #b8570f 89%, #471705 91%, #010000 93%, black 95%, #463c32 96%);
      color: #bf9f4f; }
    .gradient-button.red:active, .gradient-button.generic:active {
      background: linear-gradient(to top, #140401 0%, #170501 98%);
      color: #4c3f1f; }
    .gradient-button.red a, .gradient-button.generic a {
      color: #f8c077; }
      .gradient-button.red a:hover, .gradient-button.generic a:hover {
        color: #f7cb92; }
      .gradient-button.red a:active, .gradient-button.generic a:active {
        color: #4c3f1f; }
  .gradient-button:hover {
    cursor: pointer; }
  .gradient-button:disabled, .gradient-button.disabled {
    color: #7c7b7b;
    background: linear-gradient(to bottom, black 0%, #3c3c3c 79%, #464646 89%, black 95%, #373737 96%);
    cursor: default; }
    .gradient-button:disabled:hover, .gradient-button.disabled:hover {
      border-top-color: #8c8c8c;
      background: linear-gradient(to bottom, black 0%, #5a5a5a 57%, #969696 79%, #acacac 89%, #424242 91%);
      color: #c4c4c4; }

.profile-link {
  display: inline-block;
  line-height: 15px; }
  .profile-link a {
    font-weight: bold;
    text-decoration: none; }
    .profile-link a.platform-pc::before, .profile-link a.platform-steam::before, .profile-link a.platform-xbox::before, .profile-link a.platform-sony::before {
      display: inline-block;
      content: ' ';
      background-image: url('/image/gen/platform.png');
      vertical-align: middle;
      width: 22px;
      height: 22px;
      margin-right: 3px;
      opacity: 0.9; }
    .profile-link a.platform-pc.platform-pc::before, .profile-link a.platform-steam.platform-pc::before, .profile-link a.platform-xbox.platform-pc::before, .profile-link a.platform-sony.platform-pc::before {
      background-position: 0px 0px; }
    .profile-link a.platform-pc.platform-steam::before, .profile-link a.platform-steam.platform-steam::before, .profile-link a.platform-xbox.platform-steam::before, .profile-link a.platform-sony.platform-steam::before {
      background-position: 0px -22px; }
    .profile-link a.platform-pc.platform-xbox::before, .profile-link a.platform-steam.platform-xbox::before, .profile-link a.platform-xbox.platform-xbox::before, .profile-link a.platform-sony.platform-xbox::before {
      background-position: -22px -22px; }
    .profile-link a.platform-pc.platform-sony::before, .profile-link a.platform-steam.platform-sony::before, .profile-link a.platform-xbox.platform-sony::before, .profile-link a.platform-sony.platform-sony::before {
      background-position: -22px 0px; }
  .profile-link.challenges-completed::before {
    display: inline-block;
    content: ' ';
    background-image: url('/image/gen/achievement.png');
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 3px; }
  .profile-link.challenges-completed.completed1::before {
    background-position: -22px 0px; }
  .profile-link.challenges-completed.completed10::before {
    background-position: 0px -88px; }
  .profile-link.challenges-completed.completed11::before {
    background-position: 0px -22px; }
  .profile-link.challenges-completed.completed12::before {
    background-position: -22px -22px; }
  .profile-link.challenges-completed.completed13::before {
    background-position: -44px 0px; }
  .profile-link.challenges-completed.completed14::before {
    background-position: -44px -22px; }
  .profile-link.challenges-completed.completed15::before {
    background-position: 0px -44px; }
  .profile-link.challenges-completed.completed16::before {
    background-position: -22px -44px; }
  .profile-link.challenges-completed.completed17::before {
    background-position: -44px -44px; }
  .profile-link.challenges-completed.completed18::before {
    background-position: -66px 0px; }
  .profile-link.challenges-completed.completed19::before {
    background-position: -66px -22px; }
  .profile-link.challenges-completed.completed2::before {
    background-position: -66px -44px; }
  .profile-link.challenges-completed.completed20::before {
    background-position: 0px -66px; }
  .profile-link.challenges-completed.completed21::before {
    background-position: -22px -66px; }
  .profile-link.challenges-completed.completed22::before {
    background-position: -44px -66px; }
  .profile-link.challenges-completed.completed23::before {
    background-position: -66px -66px; }
  .profile-link.challenges-completed.completed24::before {
    background-position: -88px 0px; }
  .profile-link.challenges-completed.completed25::before {
    background-position: -88px -22px; }
  .profile-link.challenges-completed.completed26::before {
    background-position: -88px -44px; }
  .profile-link.challenges-completed.completed27::before {
    background-position: -88px -66px; }
  .profile-link.challenges-completed.completed28::before {
    background-position: 0px 0px; }
  .profile-link.challenges-completed.completed29::before {
    background-position: -22px -88px; }
  .profile-link.challenges-completed.completed3::before {
    background-position: -44px -88px; }
  .profile-link.challenges-completed.completed30::before {
    background-position: -66px -88px; }
  .profile-link.challenges-completed.completed31::before {
    background-position: -88px -88px; }
  .profile-link.challenges-completed.completed32::before {
    background-position: -110px 0px; }
  .profile-link.challenges-completed.completed33::before {
    background-position: -110px -22px; }
  .profile-link.challenges-completed.completed34::before {
    background-position: -110px -44px; }
  .profile-link.challenges-completed.completed35::before {
    background-position: -110px -66px; }
  .profile-link.challenges-completed.completed36::before {
    background-position: -110px -88px; }
  .profile-link.challenges-completed.completed37::before {
    background-position: 0px -110px; }
  .profile-link.challenges-completed.completed38::before {
    background-position: -22px -110px; }
  .profile-link.challenges-completed.completed39::before {
    background-position: -44px -110px; }
  .profile-link.challenges-completed.completed4::before {
    background-position: -66px -110px; }
  .profile-link.challenges-completed.completed40::before {
    background-position: -88px -110px; }
  .profile-link.challenges-completed.completed5::before {
    background-position: -110px -110px; }
  .profile-link.challenges-completed.completed6::before {
    background-position: -132px 0px; }
  .profile-link.challenges-completed.completed7::before {
    background-position: -132px -22px; }
  .profile-link.challenges-completed.completed8::before {
    background-position: -132px -44px; }
  .profile-link.challenges-completed.completed9::before {
    background-position: -132px -66px; }
  .profile-link.twitchShow {
    margin-top: -3px; }
  .profile-link .twitch {
    display: none; }
  .profile-link.twitchShow .twitch {
    display: inline-block;
    margin: -4px 0 -4px 2px;
    vertical-align: middle;
    background: url('/image/twitch/online.png?1593393414182');
    width: 22px;
    height: 22px; }

.profile-link.deleted {
  font-style: italic;
  color: #DE9066; }

.profile-link.forumModerator a, .forumModeratorText, .profile-link.valuedPoster a, .valuedPosterText {
  color: #9D9D9D; }

.profile-link.staff a, .staffText, .adminText, .profile-link.staff.characterName {
  color: #DB9F00; }

.profile-link.support a, .supportText {
  color: #a37c00; }

.twitchProfilePopup {
  z-index: 200;
  border: 1px solid #0F0F0F;
  box-shadow: 0px 0px 2px 0px #A79055;
  background: #000;
  min-height: 200px;
  margin: 10px;
  display: none; }
  .twitchProfilePopup .name {
    padding: 2px 4px 4px 4px;
    width: 312px;
    font-weight: bold; }
  .twitchProfilePopup img {
    display: block; }

.s-pad, table.s-td-pad td {
  padding: 5px; }

.m-pad, table.m-td-pad td {
  padding: 10px; }

.l-pad {
  padding: 20px; }

.xl-pad {
  padding: 40px; }

.v-s-pad {
  padding-top: 5px;
  padding-bottom: 5px; }

.v-m-pad {
  padding-top: 10px;
  padding-bottom: 10px; }

.v-l-pad {
  padding-top: 20px;
  padding-bottom: 20px; }

.v-xl-pad {
  padding-top: 40px;
  padding-bottom: 40px; }

.h-s-pad {
  padding-left: 5px;
  padding-right: 5px; }

.h-m-pad {
  padding-left: 10px;
  padding-right: 10px; }

.h-l-pad {
  padding-left: 20px;
  padding-right: 20px; }

.h-xl-pad {
  padding-left: 40px;
  padding-right: 40px; }

.s-marg {
  margin: 5px; }

.m-marg {
  margin: 10px; }

.l-marg {
  margin: 20px; }

.xl-marg {
  margin: 40px; }

.t-s-marg {
  margin-top: 5px; }

.t-m-marg {
  margin-top: 10px; }

.t-l-marg {
  margin-top: 20px; }

.t-xl-marg {
  margin-top: 40px; }

.loading {
  background-image: url('/image/loading.gif?1593393390850');
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.loading-inline {
  background: url('/image/loading_small.gif?1593393390850') no-repeat center;
  width: 16px;
  height: 16px;
  display: inline-block; }

.bold {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.medium {
  font-size: 1.1em; }

a.error {
  color: #FF342F;
  text-decoration: none; }

.success {
  color: #11AA2D; }

.successBox {
  border: 1px solid #003300;
  margin-bottom: 10px; }

.error, form.t1 .row.error .element ul li, .formT1 .row.error .element ul li, .errorText {
  color: #FF342F; }

.errorBox {
  border: 1px solid #FF342F; }

.errors {
  color: #FF342F;
  padding: 0px;
  margin: 2px 0px;
  list-style-type: none; }

.errors li {
  padding: 0px;
  background: transparent; }

.no-display {
  display: none; }

.description, .descriptionText, .eventBase .leagueDescription, .eventsList .event .leagueDescription, .eventView .leagueDescription {
  color: #566e94; }

.description {
  clear: both;
  font-size: .95em;
  margin-top: 2px; }

.description-important {
  clear: both;
  color: #CAC2A8;
  font-size: .95em;
  margin-bottom: 5px; }

.onProbation, .banned {
  color: #a10000; }

.view-more {
  padding: 9px;
  text-align: left; }

.vertOrnate1 {
  position: relative;
  width: 920px;
  background: url('/image/bg-vert-ornate/l.png?1593393311763') repeat-y 8px 0px; }
  .vertOrnate1 .r {
    background: url('/image/bg-vert-ornate/r.png?1593393311763') repeat-y 910px 0px; }
  .vertOrnate1 .content {
    margin-left: 50px;
    width: 820px;
    position: relative;
    text-align: center; }
  .vertOrnate1 form {
    display: inline-block;
    margin-top: 10px; }
  .vertOrnate1 .l-ornate {
    position: absolute;
    left: -47px;
    top: 50%;
    margin-top: -17px;
    width: 25px;
    height: 35px;
    background: url('/image/bg-vert-ornate/l-ornate.png?1593393311763') no-repeat top left; }
  .vertOrnate1 .r-ornate {
    position: absolute;
    right: -47px;
    top: 50%;
    margin-top: -17px;
    width: 23px;
    height: 35px;
    background: url('/image/bg-vert-ornate/r-ornate.png?1593393311763') no-repeat top left; }
  .vertOrnate1 .br {
    background: url('/image/bg-vert-ornate/br.png?1593393311763') no-repeat top left;
    width: 51px;
    height: 35px;
    position: absolute;
    bottom: -2px;
    right: 1px; }
  .vertOrnate1 .bl {
    background: url('/image/bg-vert-ornate/bl.png?1593393311763') no-repeat top left;
    width: 52px;
    height: 34px;
    position: absolute;
    bottom: -2px;
    left: 4px; }
  .vertOrnate1 .tr {
    background: url('/image/bg-vert-ornate/tr.png?1593393311763') no-repeat top left;
    width: 50px;
    height: 32px;
    position: absolute;
    top: -2px;
    right: 2px; }
  .vertOrnate1 .tl {
    background: url('/image/bg-vert-ornate/tl.png?1593393311763') no-repeat top left;
    width: 50px;
    height: 32px;
    position: absolute;
    top: -2px;
    left: 4px; }

.generalCopy h4 {
  color: #CEC59F;
  font-weight: normal; }

.generalCopy .block {
  margin-bottom: 20px; }

.aboutContent .character {
  position: absolute;
  right: 15px;
  bottom: 36px; }

.dropCap {
  float: left;
  margin-bottom: -0.1em;
  margin-left: -0.2em;
  margin-right: 0.12em;
  margin-top: -0.25em; }

.button-spacer {
  height: 25px; }

.padded {
  padding: 5px; }

.no-padding {
  padding: 0px 4px; }

img {
  border: none; }

.clear {
  clear: both !important; }

div.options {
  margin-left: 18px; }

div.options ul {
  margin-left: -18px; }

div.options li {
  margin: 3px 0px; }

h3.options {
  margin-left: 18px; }

.bright, div.options a, a.orderCur {
  color: #CAC2A8; }

.bright2, .form-description {
  color: #BFB383; }

a.bright, div.options ad {
  text-decoration: none; }

a {
  color: #A38B63; }

a:hover, div.options a:hover {
  color: #fff; }

a.big {
  color: #C29E6C;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none; }

.bullet {
  background: url('/image/list_large.jpg?1593393390822') -2px -2px no-repeat;
  padding-left: 17px; }

.text_block {
  margin-bottom: 15px; }

p {
  margin: 0px 0px 10px 0px; }

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative; }

.listSpaced li {
  margin-bottom: 15px; }

blockquote {
  margin: 5px 5px 8px  20px;
  padding: 7px;
  background: #333127 no-repeat;
  border: #555141 1px solid;
  color: #a79070;
  clear: both;
  position: relative; }
  blockquote .quote {
    font-size: 42px;
    top: 0px;
    left: 6px;
    position: absolute; }

blockquote .top {
  height: auto !important;
  min-height: 10px;
  height: 10px; }

blockquote .bot {
  margin-top: 8px; }

blockquote cite {
  margin-left: 15px; }

p.short {
  padding-bottom: 150px; }

.black_heading {
  color: #CEC59F;
  font-size: 1.1em;
  font-weight: bold;
  height: 20px;
  padding: 6px 5px;
  background-color: #000; }

.padding-s {
  padding: 5px; }

.med-margin {
  margin: 10px 5px; }

.hidden {
  display: none; }

.centered {
  text-align: center; }

.alignRight {
  text-align: right; }

.strip-heading {
  background-color: #20201D;
  padding: 10px; }

.error-heading {
  color: #FF342F;
  padding: 10px; }

.spacer {
  padding: 0px 5px;
  color: #3a3124; }

.noDisplay {
  display: none; }

strong {
  color: #bb9e74;
  font-weight: bold; }

tr.red {
  background-color: red; }

.fl {
  float: left; }

.fr {
  float: right; }

.botControlsSpacer {
  height: 27px;
  position: relative; }

.botControls {
  top: 6px;
  position: absolute;
  bottom: 10px;
  width: 100%; }

.botControls .pagination {
  padding-left: 5px; }

.betaKeyBox {
  color: #53697F; }

.betaKeyUsed {
  color: red; }

.betaKeyUsed .key {
  text-decoration: line-through; }

.bbHeading {
  margin-bottom: 5px; }

.largeSkillContainer {
  text-align: center; }

.largeSkillContainer img {
  margin: 2px 0px; }

#terms_of_use {
  height: 450px;
  width: 100%; }

#terms_of_use div {
  overflow-y: scroll;
  height: 100%;
  padding-right: 5px; }

.terms-of-use h1 {
  font-size: 120%;
  text-align: left;
  margin-bottom: 10px; }

#terms-of-use-container .terms-of-use h1 {
  font-size: 100%; }

.coinHeading1:before, #itemsPage .content h2:before, .landingBox h2:before {
  background: url('/image/gen/ui-sprite.png') no-repeat;
  background-position: 0px -141px;
  padding-left: 32px;
  content: " "; }

.link2, #statusBar .row2, #statusBar .row2 a, .inventoryControls .open {
  text-decoration: none;
  color: #00b6ff; }
  .link2:hover, #statusBar .row2:hover, #statusBar .row2 a:hover, .inventoryControls .open:hover {
    color: #00d2ff; }

em {
  font-style: italic; }

.colorBoxTheme1 #cboxClose {
  background-position: 0 0;
  height: 25px;
  width: 25px;
  background-image: url('/image/UI/button/close-normal.png?1593393279075');
  top: 2px;
  right: 1px;
  z-index: 5; }
  .colorBoxTheme1 #cboxClose:hover {
    background-image: url('/image/UI/button/close-hover.png?1593393279075');
    background-position: 0 0; }

.colorBoxTheme1.hideClose #cboxClose {
  display: none !important; }

.colorBoxTheme1 #cboxContent {
  border: 1px solid #23260B;
  box-shadow: 0px 0px 4px 0px rgba(185, 142, 50, 0.8); }

.colorBoxTheme1 #cboxTopLeft, .colorBoxTheme1 #cboxTopCenter, .colorBoxTheme1 #cboxTopRight, .colorBoxTheme1 #cboxMiddleLeft, .colorBoxTheme1 #cboxMiddleRight, .colorBoxTheme1 #cboxBottomLeft, .colorBoxTheme1 #cboxBottomCenter, .colorBoxTheme1 #cboxBottomCenter, .colorBoxTheme1 #cboxBottomRight {
  background: none; }

.colorBoxPanelTheme #cboxClose {
  background-position: 0 0;
  height: 25px;
  width: 25px;
  background-image: url('/image/UI/button/close-normal.png?1593393279075');
  top: 49px;
  right: 21px;
  border: 0px none; }
  .colorBoxPanelTheme #cboxClose:hover {
    background-image: url('/image/UI/button/close-hover.png?1593393279075');
    background-position: 0 0; }

.colorBoxPanelTheme.hideClose #cboxClose {
  display: none !important; }

.hoverPopup {
  position: relative; }
  .hoverPopup .popup {
    display: none; }
  .hoverPopup:hover, .hoverPopup .popup:hover {
    opacity: 1; }
    .hoverPopup:hover .popup, .hoverPopup .popup:hover .popup {
      display: block;
      position: absolute;
      left: 100%;
      top: 0px;
      z-index: 1; }
      .hoverPopup:hover .popup.lower, .hoverPopup .popup:hover .popup.lower {
        bottom: -4px;
        top: auto; }

small {
  font-size: smaller; }

.floatRight {
  float: right; }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  line-height: 1.3;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  background: #000 url('/image/layout/harvest-bg.jpg?1593393376034') no-repeat top center;
  background-size: contain;
  height: 100%; }
  body.ch {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana, Arial, Helvetica, sans-serif; }

body, .defaultText {
  color: #A38D6D; }

.container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 100;
  min-width: 1012px; }
  .container > .header {
    position: relative;
    text-align: left;
    z-index: 102;
    background: transparent url('/image/layout/header_no_logo.png?1593393376034') no-repeat;
    background-position-x: center;
    background-position-y: 90px; }
    .tencent .container > .header {
      background: none; }
    .container > .header > .controls {
      position: relative;
      margin: 0 auto;
      width: 980px;
      height: 217px; }
      .container > .header > .controls .language-select {
        float: right;
        margin-right: 30px; }
        .container > .header > .controls .language-select span {
          opacity: 0.6; }
          .container > .header > .controls .language-select span:hover {
            opacity: 0.8; }
          .container > .header > .controls .language-select span.active {
            opacity: 1; }
        .container > .header > .controls .language-select img {
          margin-top: 5px;
          border: 1px solid #111; }
      .container > .header > .controls .account-followers {
        position: absolute;
        top: 156px;
        left: 20px;
        z-index: 1; }
  .container > .content {
    position: relative;
    background: transparent url('/image/layout/header.png?1593393376034') no-repeat center -216px;
    text-align: left;
    margin: 0 auto;
    width: 960px;
    padding: 4px 0;
    z-index: 100; }
    .tencent .container > .content {
      background: none; }
    .container > .content > .backdrop {
      box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.88);
      background: rgba(0, 0, 0, 0.91);
      margin: 2px 20px 10px;
      z-index: -1;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
    .container > .content > .wrapper {
      margin: 0 15px; }
  .container .sitemap {
    overflow: hidden;
    *zoom: 1;
    text-align: left;
    font-size: 110%;
    padding-top: 25px; }
    .container .sitemap a {
      text-decoration: none;
      color: #4d4a45; }
      .ko_KR .container .sitemap a {
        color: #635e58;
        font-size: 0.9em; }
      .container .sitemap a:hover {
        color: #6d6a65; }
    .container .sitemap li {
      background: none;
      padding: 3px 0; }
    .container .sitemap .column {
      padding: 0 10px;
      width: 108.33333px;
      float: left;
      position: relative; }
    .container .sitemap .centerColumn {
      padding: 0;
      width: 150px;
      margin-top: 2px; }
  .container > .footer {
    position: relative;
    margin: 0 auto;
    width: 960px;
    background: url('/image/layout/footer.png?1593393375930') no-repeat top center;
    top: -40px;
    padding-top: 40px; }
    .tencent .container > .footer {
      background: none;
      width: 980px; }
    .container > .footer > .backdrop {
      box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.88);
      background: rgba(0, 0, 0, 0.91);
      margin: 0 20px;
      z-index: -1;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
    .container > .footer > .wrapper {
      margin: 0 20px; }
    .container > .footer .copyright {
      margin-right: 15px; }
    .container > .footer .bottom {
      text-align: center;
      border-top: 1px solid #0F0F0F;
      padding: 9px 0;
      color: #3F3D39; }
      .container > .footer .bottom a {
        color: #3F3D39; }
        .container > .footer .bottom a:hover {
          color: #6D6A65; }
      .container > .footer .bottom.garenaFooter {
        overflow: hidden;
        font-size: 11px;
        line-height: 18px;
        padding-left: 50px; }
        .container > .footer .bottom.garenaFooter .logo {
          float: left;
          box-shadow: none; }
          .container > .footer .bottom.garenaFooter .logo.garenaLogo {
            margin-top: 22px; }
        .container > .footer .bottom.garenaFooter .copyright {
          float: left;
          width: 520px;
          padding-top: 19px; }
        .container > .footer .bottom.garenaFooter.ch .copyright {
          width: 260px;
          margin-right: 5px;
          font-size: 9px;
          line-height: 15px; }
        .container > .footer .bottom.garenaFooter.ch .rating {
          width: 245px;
          float: left;
          padding-top: 15px; }
          .container > .footer .bottom.garenaFooter.ch .rating img {
            width: 50px;
            padding-top: 5px; }
          .container > .footer .bottom.garenaFooter.ch .rating .rating-icon {
            float: left; }
          .container > .footer .bottom.garenaFooter.ch .rating .legal {
            float: left;
            margin-left: 10px;
            width: 170px;
            line-height: 16px; }
        .container > .footer .bottom.garenaFooter.ch .social {
          width: 30px;
          float: left;
          padding-top: 20px; }
          .container > .footer .bottom.garenaFooter.ch .social img {
            width: 30px; }
      .container > .footer .bottom .social-icons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: wrap;
        margin: 20px 0 30px; }
        .container > .footer .bottom .social-icons h3 {
          color: #4d4a45;
          flex: 0 0 100%;
          margin-bottom: 20px;
          font-size: 1.4em; }
        .container > .footer .bottom .social-icons a {
          flex-basis: auto;
          margin-right: 20px;
          width: 30px;
          height: 30px;
          display: inline-block;
          background: url("/image/social/icons/social-icons.png"); }
          .container > .footer .bottom .social-icons a.bg-facebook {
            background-position: -10px -10px; }
          .container > .footer .bottom .social-icons a.bg-facebook:hover {
            background-position: -60px -10px; }
          .container > .footer .bottom .social-icons a.bg-reddit {
            background-position: -10px -60px; }
          .container > .footer .bottom .social-icons a.bg-reddit:hover {
            background-position: -60px -60px; }
          .container > .footer .bottom .social-icons a.bg-twitter {
            background-position: -10px -110px; }
          .container > .footer .bottom .social-icons a.bg-twitter:hover {
            background-position: -60px -110px; }
          .container > .footer .bottom .social-icons a.bg-vk {
            background-position: -110px -110px; }
          .container > .footer .bottom .social-icons a.bg-vk:hover {
            background-position: -160px -10px; }
          .container > .footer .bottom .social-icons a.bg-youtube {
            background-position: -160px -60px; }
          .container > .footer .bottom .social-icons a.bg-youtube:hover {
            background-position: -160px -110px; }
          .container > .footer .bottom .social-icons a.bg-twitch {
            background-position: -110px -10px; }
          .container > .footer .bottom .social-icons a.bg-twitch:hover {
            background-position: -110px -60px; }
    .container > .footer .logo {
      margin: 10px;
      display: block; }

#statusBar {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: url('/image/gen/ui-sprite.png') no-repeat;
  background-position: 0px -94px;
  min-width: 359px;
  height: 41px;
  padding: 3px 0px; }
  #statusBar .loggedInStatus {
    min-width: 160px;
    display: inline-block; }
  #statusBar .privateMessageStatus {
    min-width: 83px;
    display: inline-block;
    text-align: center; }
    #statusBar .privateMessageStatus.hasMessages {
      color: #ECFF17;
      font-weight: bold;
      text-shadow: 0px 0px 4px rgba(255, 120, 44, 0.72); }
      #statusBar .privateMessageStatus.hasMessages:hover {
        color: #FBFFCF; }
  #statusBar .row1, #statusBar .row2 {
    position: relative;
    padding: 0px 60px 0px 27px; }
  #statusBar .row1 {
    font-size: 90%; }
    #statusBar .row1 .purchaseLink {
      text-decoration: none; }
    #statusBar .row1 .statusItem {
      margin-right: 19px; }
  #statusBar .row2 .statusItem {
    margin-right: 22px; }
    .pt_BR #statusBar .row2 .statusItem {
      margin-right: 8px;
      font-size: 0.9em; }
  #statusBar .row2, #statusBar .row2 a {
    font-size: 90%; }
  #statusBar .row2.loggedOut {
    margin-top: 10px;
    margin-left: 6px; }
  #statusBar .statusBarCenter {
    position: absolute;
    left: 220px;
    right: 135px;
    top: 0px;
    bottom: 0px;
    background: url('/image/gen/ui-sprite.png') no-repeat;
    background-position: 0px -47px;
    height: 45px;
    background-repeat: repeat-x; }
  #statusBar .statusBarRight {
    background: url('/image/gen/ui-sprite.png') no-repeat;
    background-position: -222px -94px;
    width: 137px;
    height: 45px;
    position: absolute;
    right: 0px;
    top: 0px; }

.pointsIcon {
  background: url('/image/gen/ui-sprite.png') no-repeat;
  background-position: -32px -141px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
  top: -1px; }

#socialBar {
  top: 0px;
  right: 4px;
  background: url('/image/gen/ui-sprite.png') no-repeat;
  background-position: 0px 0px;
  width: 304px;
  height: 38px;
  padding: 9px 28px 0px 28px;
  position: absolute; }
  #socialBar .icon {
    float: right;
    padding-left: 4px; }
  #socialBar .facebook {
    float: right;
    overflow: hidden; }
  #socialBar .twitterFollow {
    float: right;
    margin: 0px 12px; }
  #socialBar .twitter {
    float: right; }
  #socialBar .twGameForum img {
    float: right;
    width: 80px;
    margin: 0px 38px 0px 12px; }

#mainLogoLink::before {
  content: "";
  height: 110%;
  width: 120%;
  margin: 0 -10%;
  display: block;
  background: transparent url('/image/layout/harvestheaderlogo.png?1593393376034') no-repeat center 0;
  pointer-events: none; }
  .ru_RU #mainLogoLink::before {
    background-image: url('/image/layout/ru_RU/harvestheaderlogo.png?1593393376214'); }
  .zh_TW #mainLogoLink::before {
    background-image: url('/image/layout/zh_TW/harvestheaderlogo.png?1593393376638'); }

#mainLogoLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 50px;
  width: 222px;
  display: block;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto; }
  #mainLogoLink span {
    display: none; }

#korea-hint {
  position: absolute;
  right: 8px;
  top: 12px;
  box-sizing: border-box;
  width: 230px;
  height: 58px;
  padding: 20px 26px 20px 6px;
  background: url('/image/layout/language-hint-kr.png?1593393376042') no-repeat;
  line-height: 18px;
  text-align: center;
  color: #639499;
  font-size: 0.8em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

#largeHeaderButton {
  position: absolute;
  bottom: 82px;
  right: 10px;
  z-index: 2; }

.ko_KR #largeHeaderButton {
  bottom: 72px; }

#downloadButton, .downloadNowButton, #signupButton, .signupButton, #pcButton, #xboxButton, #ps4Button {
  text-indent: -9999em;
  overflow: hidden;
  display: block; }
  #downloadButton span, .downloadNowButton span, #signupButton span, .signupButton span, #pcButton span, #xboxButton span, #ps4Button span {
    opacity: 0;
    display: block;
    -webkit-transition: 0.07s linear opacity;
    -moz-transition: 0.07s linear opacity false;
    -o-transition: 0.07s linear opacity false;
    transition: 0.07s linear opacity; }
  #downloadButton:hover span, .downloadNowButton:hover span, #signupButton:hover span, .signupButton:hover span, #pcButton:hover span, #xboxButton:hover span, #ps4Button:hover span {
    opacity: 1; }

#downloadButton, .downloadNowButton {
  background: url('/image/gen/download-sprite.png') no-repeat;
  background-position: 0px -76px;
  width: 267px;
  height: 76px; }
  .zh_TW #downloadButton, .zh_TW .downloadNowButton {
    background: url('/image/gen/download-sprite-ch.png') no-repeat;
    background-position: 0px -76px; }
  .zh_CN #downloadButton, .zh_CN .downloadNowButton {
    background: url('/image/gen/download-sprite-zh_CN.png') no-repeat;
    background-position: 0px -76px; }
  .pt_BR #downloadButton, .pt_BR .downloadNowButton {
    background: url('/image/gen/download-sprite-pt_BR.png') no-repeat;
    background-position: 0px -76px; }
  .ru_RU #downloadButton, .ru_RU .downloadNowButton {
    background: url('/image/gen/download-sprite-ru_RU.png') no-repeat;
    background-position: 0px -76px; }
  .th_TH #downloadButton, .th_TH .downloadNowButton {
    background: url('/image/gen/download-sprite-th_TH.png') no-repeat;
    background-position: 0px -76px; }
  .de_DE #downloadButton, .de_DE .downloadNowButton {
    background: url('/image/gen/download-sprite-de_DE.png') no-repeat;
    background-position: 0px -76px; }
  .fr_FR #downloadButton, .fr_FR .downloadNowButton {
    background: url('/image/gen/download-sprite-fr_FR.png') no-repeat;
    background-position: 0px -76px; }
  .es_ES #downloadButton, .es_ES .downloadNowButton {
    background: url('/image/gen/download-sprite-es_ES.png') no-repeat;
    background-position: 0px -76px; }
  .ko_KR #downloadButton, .ko_KR .downloadNowButton {
    background: url('/image/gen/download-sprite-ko_KR.png') no-repeat;
    background-position: -260px 0px;
    width: 214px;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 71px; }
  #downloadButton span, .downloadNowButton span {
    background: url('/image/gen/download-sprite.png') no-repeat;
    background-position: 0px 0px;
    width: 267px;
    height: 76px; }
    .zh_TW #downloadButton span, .zh_TW .downloadNowButton span {
      background: url('/image/gen/download-sprite-ch.png') no-repeat;
      background-position: 0px 0px; }
    .zh_CN #downloadButton span, .zh_CN .downloadNowButton span {
      background: url('/image/gen/download-sprite-zh_CN.png') no-repeat;
      background-position: 0px 0px; }
    .pt_BR #downloadButton span, .pt_BR .downloadNowButton span {
      background: url('/image/gen/download-sprite-pt_BR.png') no-repeat;
      background-position: 0px 0px; }
    .ru_RU #downloadButton span, .ru_RU .downloadNowButton span {
      background: url('/image/gen/download-sprite-ru_RU.png') no-repeat;
      background-position: 0px 0px; }
    .th_TH #downloadButton span, .th_TH .downloadNowButton span {
      background: url('/image/gen/download-sprite-th_TH.png') no-repeat;
      background-position: 0px 0px; }
    .de_DE #downloadButton span, .de_DE .downloadNowButton span {
      background: url('/image/gen/download-sprite-de_DE.png') no-repeat;
      background-position: 0px 0px; }
    .fr_FR #downloadButton span, .fr_FR .downloadNowButton span {
      background: url('/image/gen/download-sprite-fr_FR.png') no-repeat;
      background-position: 0px 0px; }
    .es_ES #downloadButton span, .es_ES .downloadNowButton span {
      background: url('/image/gen/download-sprite-es_ES.png') no-repeat;
      background-position: 0px 0px; }
    .ko_KR #downloadButton span, .ko_KR .downloadNowButton span {
      background: url('/image/gen/download-sprite-ko_KR.png') no-repeat;
      background-position: 0px -226px;
      width: 214px;
      height: 25px; }

#signupButton, .signupButton {
  background: url('/image/gen/play-free.png') no-repeat;
  background-position: 0px -76px;
  width: 267px;
  height: 76px; }
  .zh_TW #signupButton, .zh_TW .signupButton {
    background: url('/image/gen/play-free-ch.png') no-repeat;
    background-position: 0px -76px; }
  .zh_CN #signupButton, .zh_CN .signupButton {
    background: url('/image/gen/play-free-zh_CN.png') no-repeat;
    background-position: 0px -76px; }
  .pt_BR #signupButton, .pt_BR .signupButton {
    background: url('/image/gen/play-free-pt_BR.png') no-repeat;
    background-position: 0px -76px; }
  .ru_RU #signupButton, .ru_RU .signupButton {
    background: url('/image/gen/play-free-ru_RU.png') no-repeat;
    background-position: 0px -76px; }
  .th_TH #signupButton, .th_TH .signupButton {
    background: url('/image/gen/play-free-th_TH.png') no-repeat;
    background-position: 0px -76px; }
  .de_DE #signupButton, .de_DE .signupButton {
    background: url('/image/gen/play-free-de_DE.png') no-repeat;
    background-position: 0px -76px; }
  .fr_FR #signupButton, .fr_FR .signupButton {
    background: url('/image/gen/play-free-fr_FR.png') no-repeat;
    background-position: 0px -76px; }
  .es_ES #signupButton, .es_ES .signupButton {
    background: url('/image/gen/play-free-es_ES.png') no-repeat;
    background-position: 0px -76px; }
  .ko_KR #signupButton, .ko_KR .signupButton {
    background: url('/image/gen/download-sprite-ko_KR.png') no-repeat;
    background-position: 0px -113px;
    width: 260px;
    height: 113px; }
  #signupButton span, .signupButton span {
    background: url('/image/gen/play-free.png') no-repeat;
    background-position: 0px 0px;
    width: 267px;
    height: 76px; }
    .zh_TW #signupButton span, .zh_TW .signupButton span {
      background: url('/image/gen/play-free-ch.png') no-repeat;
      background-position: 0px 0px; }
    .zh_CN #signupButton span, .zh_CN .signupButton span {
      background: url('/image/gen/play-free-zh_CN.png') no-repeat;
      background-position: 0px 0px; }
    .pt_BR #signupButton span, .pt_BR .signupButton span {
      background: url('/image/gen/play-free-pt_BR.png') no-repeat;
      background-position: 0px 0px; }
    .ru_RU #signupButton span, .ru_RU .signupButton span {
      background: url('/image/gen/play-free-ru_RU.png') no-repeat;
      background-position: 0px 0px; }
    .th_TH #signupButton span, .th_TH .signupButton span {
      background: url('/image/gen/play-free-th_TH.png') no-repeat;
      background-position: 0px 0px; }
    .de_DE #signupButton span, .de_DE .signupButton span {
      background: url('/image/gen/play-free-de_DE.png') no-repeat;
      background-position: 0px 0px; }
    .fr_FR #signupButton span, .fr_FR .signupButton span {
      background: url('/image/gen/play-free-fr_FR.png') no-repeat;
      background-position: 0px 0px; }
    .es_ES #signupButton span, .es_ES .signupButton span {
      background: url('/image/gen/play-free-es_ES.png') no-repeat;
      background-position: 0px 0px; }
    .ko_KR #signupButton span, .ko_KR .signupButton span {
      background: url('/image/gen/download-sprite-ko_KR.png') no-repeat;
      background-position: 0px 0px;
      width: 260px;
      height: 113px; }

#platformButtons {
  display: flex;
  justify-content: center; }
  #platformButtons a {
    margin-top: -8px; }

#pcButton {
  background: url('/image/gen/platform-button.png') no-repeat;
  background-position: 0px 0px;
  width: 70px;
  height: 29px; }
  #pcButton:active {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: -70px 0px;
    width: 70px;
    height: 29px; }
  #pcButton span {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: 0px -29px;
    width: 70px;
    height: 29px; }

#xboxButton {
  background: url('/image/gen/platform-button.png') no-repeat;
  background-position: 0px -87px;
  width: 70px;
  height: 29px; }
  #xboxButton:active {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: -140px 0px;
    width: 70px;
    height: 29px; }
  #xboxButton span {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: -70px -87px;
    width: 70px;
    height: 29px; }

#ps4Button {
  background: url('/image/gen/platform-button.png') no-repeat;
  background-position: -70px -29px;
  width: 70px;
  height: 29px; }
  #ps4Button:active {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: -70px -58px;
    width: 70px;
    height: 29px; }
  #ps4Button span {
    background: url('/image/gen/platform-button.png') no-repeat;
    background-position: 0px -58px;
    width: 70px;
    height: 29px; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #4c4848;
  font-style: italic;
  padding: 2px;
  font-size: smaller; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #4c4848;
  font-style: italic; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #4c4848;
  font-style: italic; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #4c4848;
  font-style: italic; }

#garenaContainer {
  clear: both; }

#garena1 {
  overflow: hidden; }

#garena2 #garenaEvents {
  width: 610px;
  overflow: hidden;
  margin-bottom: 0px; }
  #garena2 #garenaEvents .eventsListSummary {
    position: relative; }
    #garena2 #garenaEvents .eventsListSummary h2.title {
      padding-left: 5px; }
    #garena2 #garenaEvents .eventsListSummary .eventsList {
      overflow: hidden; }
      #garena2 #garenaEvents .eventsListSummary .eventsList .event {
        float: left;
        width: 271px;
        margin: 5px 10px 10px 5px; }
    #garena2 #garenaEvents .eventsListSummary .controls {
      height: 106px; }

#garena2 #garenaLivestreams {
  clear: both;
  margin-top: 0px;
  width: 910px;
  overflow: hidden; }
  #garena2 #garenaLivestreams .twitchTvWidget {
    position: relative;
    padding-left: 6px; }
    #garena2 #garenaLivestreams .twitchTvWidget .stream {
      float: left;
      margin-right: 15px;
      padding-top: 5px; }
    #garena2 #garenaLivestreams .twitchTvWidget .controls {
      height: 160px; }

#garena2 .controls {
  width: 30px;
  background: #000;
  position: absolute;
  left: 583px;
  top: 45px; }
  #garena2 .controls .leftButton {
    width: 21px;
    height: 26px;
    background: url('/image/inventory/tabs-control/LeftButton.png?1593393374406');
    cursor: pointer;
    position: absolute;
    bottom: 0px; }
    #garena2 .controls .leftButton:hover {
      background-position: 0px -26px; }
  #garena2 .controls .rightButton {
    width: 21px;
    height: 26px;
    background: url('/image/inventory/tabs-control/RightButton.png?1593393374406');
    cursor: pointer;
    position: absolute;
    top: 0px; }
    #garena2 .controls .rightButton:hover {
      background-position: 0px -26px; }

#garena2 #garenaSpecials.noEvents {
  float: right; }

#garena2 #garenaLivestreams.noEvents {
  float: left;
  clear: none;
  width: 615px; }

#garena3 {
  overflow: hidden;
  width: 615px; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.site-notice-container {
  height: 100%;
  width: 100%;
  display: table; }
  .site-notice-container .site-notice-centered {
    display: table-cell;
    height: 100%;
    vertical-align: middle; }
    .site-notice-container .site-notice-centered .boxLayout {
      position: relative;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      z-index: 0;
      width: 420px; }
  .site-notice-container h3 {
    font-size: 1.4em;
    margin-bottom: 12px; }
  .site-notice-container .logo {
    display: block;
    height: 192px;
    margin: 20px auto; }
  .site-notice-container .button-box {
    margin-bottom: 24px; }
    .site-notice-container .button-box button {
      display: inline-block;
      width: 100%;
      text-align: center;
      padding: 6px 12px;
      margin-top: 8px;
      margin-bottom: 0;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
  .site-notice-container .permission-details {
    text-align: center; }
    .site-notice-container .permission-details .permissions {
      margin-bottom: 24px;
      text-align: initial; }
      .site-notice-container .permission-details .permissions li {
        margin-bottom: 8px; }

.ladderView, .seasonLadder {
  position: relative; }
  .ladderView table, .seasonLadder table {
    clear: both;
    border: 1px solid #1a1a1a; }
  .ladderView thead, .seasonLadder thead {
    background: #181818; }
  .ladderView th, .seasonLadder th {
    padding: 5px;
    color: #dfcf99;
    overflow: hidden;
    white-space: nowrap; }
    .ladderView th.sortable, .seasonLadder th.sortable {
      cursor: pointer; }
      .ladderView th.sortable:hover, .seasonLadder th.sortable:hover {
        color: #e5d8ac;
        background-color: #252525; }
      .ladderView th.sortable.sorted, .seasonLadder th.sortable.sorted {
        color: #ebe1c0;
        background-color: #323232;
        cursor: auto; }
  .ladderView tr:nth-child(even), .seasonLadder tr:nth-child(even) {
    background: #0d0f0d; }
  .ladderView td, .seasonLadder td {
    padding: 3px 5px;
    vertical-align: middle; }
  .ladderView .pagination, .seasonLadder .pagination {
    padding: 3px 0px 0px 0px !important; }
  .ladderView .dead, .seasonLadder .dead {
    color: #353535; }
  .ladderView .deadText, .seasonLadder .deadText {
    color: #b80000;
    font-size: smaller; }

.ladderView h2 {
  float: left; }

.ladderView .controls {
  float: right;
  margin-bottom: 3px; }

.ladderView .refresh {
  margin: 0px 5px; }

.ladderView.empty {
  display: none; }

.ladderView .entry .onlineStatus {
  padding: 4px;
  width: 15px; }

.ladderView .entry .rank {
  width: 75px; }

.ladderView .entry .account {
  width: 160px; }
  .ladderView .entry .account.wide {
    width: 340px; }

.ladderView .entry .character {
  width: 240px; }

.ladderView .entry .class {
  width: 100px; }
  .ladderView .entry .class.wide {
    width: 340px; }

.ladderView .entry .level {
  width: 60px; }

.ladderView .entry .depth {
  width: 80px; }

.ladderView .entry.finishTime .account {
  width: 130px; }

.ladderView .entry.finishTime .character {
  width: 150px; }

.ladderView .entry .points, .ladderView .entry .tiebreaker, .ladderView .entry .gamesPlayed {
  width: 120px; }

.ladderView .entry.newRound {
  border-top: 1px solid #7B725D; }

.ladderView .loading {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10; }

.labyrinth-ladder-controls .poeForm {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .labyrinth-ladder-controls .poeForm .button1, .labyrinth-ladder-controls .poeForm .button2, .labyrinth-ladder-controls .poeForm .pagination a, .pagination .labyrinth-ladder-controls .poeForm a, .labyrinth-ladder-controls .poeForm .pagination .current, .pagination .labyrinth-ladder-controls .poeForm .current, .labyrinth-ladder-controls .poeForm .pagination .currentPage, .pagination .labyrinth-ladder-controls .poeForm .currentPage, .labyrinth-ladder-controls .poeForm .editor-control {
    color: #BEB698;
    background-color: rgba(42, 42, 42, 0.9); }

#signature-races .seasons-list {
  z-index: 1000;
  float: right;
  margin-top: -40px;
  margin-right: 20px;
  position: relative; }

.list1 li, .forumTable ul li {
  background: transparent url('/image/list/t1.png?1593393390818') no-repeat scroll 4px 3px;
  padding-left: 20px; }

.list2 li {
  background: transparent url('/image/list/t2.png?1593393390818') no-repeat scroll 1px 0px;
  padding-left: 17px; }

/* FORM */
form {
  padding: 0px;
  margin: 0px;
  padding: 0px;
  /* padding-top: 12px; */ }

form.t1 fieldset, .formT1 fieldset, .poeForm table.border {
  border: 1px solid #1D1D1D;
  border-collapse: collapse;
  background: rgba(18, 18, 18, 0.41);
  background: -owg-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -moz-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -o-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  -pie-background: -pie-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9)); }

form.t1 fieldset legend, .formT1 fieldset legend, form.t1 label, .formT1 label, .poeForm label {
  color: #B8B5A5; }

.ladderView .controls select, form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="search"], form.t1 input[type="number"], form.t1 input[type="datetime"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="search"], .formT1 input[type="number"], .formT1 input[type="datetime"], .formT1 input[type="password"], .formT1 select, .poeForm textarea, .poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha, .poeForm select, .pagination .perPageOptions {
  background-color: #222222;
  background-color: rgba(42, 42, 42, 0.9);
  color: #BEB698;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ladderView .controls select:focus, form.t1 textarea:focus, form.t1 input:focus[type="text"], form.t1 input:focus[type="search"], form.t1 input:focus[type="number"], form.t1 input:focus[type="datetime"], form.t1 input:focus[type="password"], form.t1 select:focus, .formT1 textarea:focus, .formT1 input:focus[type="text"], .formT1 input:focus[type="search"], .formT1 input:focus[type="number"], .formT1 input:focus[type="datetime"], .formT1 input:focus[type="password"], .formT1 select:focus, .poeForm textarea:focus, .poeForm input.textInput:focus, .poeForm input.passwordInput:focus, .poeForm input.captcha:focus, .poeForm select:focus, .pagination .perPageOptions:focus {
    outline: none; }

form.t1 *, .formT1 * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

form.t1 .row, .formT1 .row {
  margin: 10px 5px 5px 5px; }
  form.t1 .row:first-child, .formT1 .row:first-child {
    margin-top: 5px; }
  form.t1 .row.wide, .formT1 .row.wide {
    margin-left: 0px;
    margin-right: 0px; }
    form.t1 .row.wide .element, .formT1 .row.wide .element {
      width: 100%; }
  form.t1 .row.offset .element, .formT1 .row.offset .element {
    margin-left: 25%;
    width: 75%; }
  form.t1 .row > *, .formT1 .row > * {
    vertical-align: top;
    position: relative; }
  form.t1 .row.error label, form.t1 .row.error .element ul li.row label, .formT1 .row.error .element ul form.t1 li.row label, .formT1 .row.error label, form.t1 .row.error .element ul .formT1 li.row label, .formT1 .row.error .element ul li.row label {
    text-shadow: 0px 0px 4px #522424; }
  form.t1 .row.error.hash, form.t1 .row.error .element ul li.row.hash, .formT1 .row.error .element ul form.t1 li.row.hash, .formT1 .row.error.hash, form.t1 .row.error .element ul .formT1 li.row.hash, .formT1 .row.error .element ul li.row.hash {
    display: block; }
  form.t1 .row.error .element ul li, .formT1 .row.error .element ul form.t1 li.row .element ul li, .formT1 .row.error .element ul li, form.t1 .row.error .element ul .formT1 li.row .element ul li {
    font-size: smaller;
    border-radius: 2px;
    border: 1px solid #1F1919;
    padding: 2px 3px 3px 3px;
    margin: 1px 0px;
    background: #0C0000;
    background: -owg-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -webkit-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -moz-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -o-linear-gradient(top, #110D0D, #181818 80%, #111111);
    -pie-background: -pie-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: linear-gradient(top, #110D0D, #181818 80%, #111111); }
  form.t1 .row.captcha label, .formT1 .row.captcha label {
    font-size: smaller; }
  form.t1 .row.captcha input[type="text"], .formT1 .row.captcha input[type="text"] {
    text-align: center;
    letter-spacing: 20px; }
  form.t1 .row.captcha .g-recaptcha > div, .formT1 .row.captcha .g-recaptcha > div {
    margin: 0 auto; }
  form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh {
    position: absolute;
    top: 15px;
    right: 3px;
    cursor: pointer;
    text-align: center;
    padding: 0px;
    margin: 0px; }
  form.t1 .row.stacked label, .formT1 .row.stacked label {
    width: 100%;
    max-width: none;
    padding: 2px;
    display: block;
    font-size: smaller; }
  form.t1 .row.stacked input, .formT1 .row.stacked input {
    text-align: center; }
  form.t1 .row.stacked .element, .formT1 .row.stacked .element {
    width: 100%;
    display: block;
    max-width: none; }
  form.t1 .row.hash, .formT1 .row.hash {
    display: none; }

form.t1 fieldset, .formT1 fieldset {
  margin-bottom: 12px; }
  form.t1 fieldset legend, .formT1 fieldset legend {
    margin-left: 12px; }
  form.t1 fieldset .description, .formT1 fieldset .description {
    margin: 6px; }

form.t1 label, .formT1 label {
  width: 25%;
  max-width: 160px;
  display: inline-block;
  padding-right: 5px;
  line-height: 1.8em;
  /*
    input {
      width: 70%;
      max-width: 600px;
    }
    */ }
  form.t1 label.fullWidth, .formT1 label.fullWidth {
    width: 100%;
    max-width: initial; }
  form.t1 label.noBold, .formT1 label.noBold {
    font-weight: normal; }

form.t1 .emailDisclaimer, .formT1 .emailDisclaimer {
  font-size: 0.9em;
  color: #b9b9b9;
  padding-left: 5px; }

form.t1 .element, .formT1 .element {
  display: inline-block;
  width: 75%;
  max-width: 600px; }

form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="search"], form.t1 input[type="number"], form.t1 input[type="datetime"], form.t1 input[type="password"], .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="search"], .formT1 input[type="number"], .formT1 input[type="datetime"], .formT1 input[type="password"] {
  padding: 1px; }

form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="search"], form.t1 input[type="number"], form.t1 input[type="datetime"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="search"], .formT1 input[type="number"], .formT1 input[type="datetime"], .formT1 input[type="password"], .formT1 select {
  width: 100%; }

.form_base_s {
  width: 398px; }

form.t1 .emailSuggestion, .formT1 .emailSuggestion, .poeForm .emailSuggestion {
  display: none;
  color: #e2af0b;
  word-wrap: break-word;
  word-break: break-all; }
  form.t1 .emailSuggestion .suggestedEmail, .formT1 .emailSuggestion .suggestedEmail, .poeForm .emailSuggestion .suggestedEmail {
    font-weight: bold;
    color: #f3bc0f;
    font-style: italic; }

.poeForm table {
  border-collapse: collapse;
  color: #CAC2A8; }

.poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha {
  width: 49%; }

.poeForm textarea {
  width: 100%;
  padding: 2px;
  height: 200px; }

.poeForm.formForumPost textarea, .poeForm.formForumThread textarea {
  height: 400px; }
  .poeForm.formForumPost textarea#note, .poeForm.formForumThread textarea#note {
    height: 60px; }

.poeForm textarea.moderatorNotes {
  width: 310px;
  height: 120px; }

dl.poeForm dd {
  margin-bottom: 10px; }

.layoutBoxHalf .poeForm input.textInput, .layoutBoxHalf .poeForm input.passwordInput, .layoutBoxHalf .poeForm input.captcha {
  width: 276px; }

.layoutBoxHalf .poeForm .accountCaptcha {
  text-align: center; }
  .layoutBoxHalf .poeForm .accountCaptcha input.captcha {
    width: 420px; }

.layoutBoxFull .poeForm input.textInput, .layoutBoxFull .poeForm input.passwordInput, .layoutBoxFull .poeForm input.captcha {
  width: 368px; }

.layoutBoxFull .forumSearchForm {
  margin: 3px;
  width: 230px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0; }
  .layoutBoxFull .forumSearchForm .formTextInline {
    float: none; }
  .layoutBoxFull .forumSearchForm input.textInput {
    background: rgba(0, 0, 0, 0.2);
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    border-radius: 1px; }
  .layoutBoxFull .forumSearchForm #search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 24px;
    border: 0;
    padding: 0;
    background: url("/image/icons/search.png?1464134042") no-repeat center center;
    cursor: pointer; }

.form-container-m table.form_base {
  width: 398px; }

table.border {
  border: 1px solid #30302E;
  border-collapse: collapse;
  background: none;
  margin-bottom: 15px; }

table.no-border {
  margin-left: 5px;
  border: none; }

table.no-border td {
  padding: 0px; }

.form_base td {
  padding: 0px;
  vertical-align: top; }

/* td with center aligned content */
td.center {
  text-align: center; }

td.label {
  padding: 5px;
  width: 96px; }

tr.input-row td {
  padding: 5px; }

.form-td-left {
  min-width: 153px; }

.form-label-td {
  min-width: 153px; }

label {
  font-weight: bold; }

/*

.form_base .text input
{
    color: $highlight-text-color;
    margin: 1px 3px 1px 3px;
    padding: 0px;
    float: left;
}

.form_base .password input
{
    color: $highlight-text-color;
    margin: 1px 3px;
    padding: 0px;
    float: left;
}*/
td.file input {
  color: #CAC2A8; }

td.file .form-text-l {
  width: 270px; }

/*

.form_base .text input
{
    width: 368px;
}*/
.form-container-m td.text input {
  width: 270px; }

.form-container-m td.password input {
  width: 270px; }

.formInline .formTextInline, .formInline .formImageInline {
  float: left; }

td.checkbox input {
  width: auto;
  margin: 0px;
  padding: 0px; }

input.text-captcha {
  width: 282px; }

input.checkbox {
  border: 0px;
  padding: 0px;
  margin-right: 5px;
  height: 12px;
  width: 12px;
  color: #000; }

/*

.form_base textarea
{
    background-color: transparent;
    color: $highlight-text-color;
    border: 0px;
    width: 368px;
    margin: 1px 3px 1px 3px;
    padding: 0px;
    max-width: 368px;
    height: 200px;
}

.form_base .form-text-l-big textarea
{
    width: 469px;
    max-width: 469px;
    height: 500px;
}

.form_base .small-textarea
{
    height: 100px;
}
*/
.form_base select {
  background-color: #000;
  color: #CAC2A8;
  width: 369px; }

.form_base .hash .errors {
  text-align: left;
  margin-bottom: 10px; }

/* Left border for input elements */
.form-text-l {
  width: 375px;
  position: relative;
  background: #000 url('/image/form/text_l.png?1593393345159') repeat-y; }

.form-text-l-big {
  width: 475px; }

.form-container-m .form-text-l {
  width: 277px; }

/*

.formForumPost textarea, .formForumThread textarea
{
    height: 400px;
    width: 475px;
    max-width: 475px;
}
*/
.formForumPost .text input, .formForumThread .text input {
  width: 476px; }

.formForumPost .form-text-l, .formForumThread .form-text-l {
  width: 482px; }

/*.form-text-l-captcha
{
    width: 288px;
}*/
/* Allow div to be center aligned */
td.center .form-text-l {
  display: inline-block; }

/* Right border for input elements */
.form-text-r {
  position: relative;
  width: 100%;
  background: url('/image/form/text_r.png?1593393345159') right repeat-y; }

/* Top left border for input elements */
.form-text-top {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  background: url('/image/form/text_tl.png?1593393345159') no-repeat;
  line-height: 1px;
  font-size: 1px; }

/* Top right corner border for input elements  */
.form-text-top span {
  height: 2px;
  line-height: 1px;
  font-size: 1px;
  display: block;
  background: url('/image/form/text_tr.png?1593393345159') no-repeat top right; }

/* Bottom left border for input elements */
.form-text-bottom {
  line-height: 1px;
  font-size: 1px;
  clear: both;
  width: 100%;
  height: 2px;
  background: url('/image/form/text_bl.png?1593393345155') repeat-x; }

/* Bottom right corner border for input elements */
.form-text-bottom span {
  line-height: 1px;
  font-size: 1px;
  height: 2px;
  display: block;
  background: url('/image/form/text_br.png?1593393345155') no-repeat bottom right;
  position: relative; }

.form-error td {
  padding-bottom: 3px; }

.form-error .errors {
  padding: 5px;
  border: 1px solid; }

.input-row td.captcha .form-text-l {
  display: inline-block; }

.captcha-default .img-container {
  position: relative;
  width: 368px; }

td.captcha {
  /*padding-top: 15px;*/
  padding-bottom: 15px; }

td.captcha .form-text-l {
  width: 398px; }

td.captcha input {
  border: none;
  width: 392px;
  text-align: center;
  letter-spacing: 20px;
  color: #CAC2A8; }

input.image {
  margin: 0px; }

.form_base .image-row input {
  margin-right: 10px; }

.form-multi-checkbox label {
  margin-left: 10px;
  left: 0px;
  margin: 0px;
  vertical-align: top;
  padding: 0px; }

/*
 * TODO: Remove td.form-multi-checkbox replace with .form-multi-checkbox
 */
td.form-multi-checkbox input {
  float: none;
  margin: 3px 4px 0px 0px;
  width: auto;
  padding: 0px; }

#captcha {
  position: relative; }
  #captcha img {
    height: 48px;
    width: 368px; }

#captcha_refresh {
  position: absolute;
  top: 15px;
  right: 3px;
  cursor: pointer;
  text-align: center;
  padding: 0px;
  margin: 0px; }

.confirm-form-submit-left {
  margin-right: 20px; }

.confirm-form-submit {
  background: #231c18 url('/image/form/button-gradient.png?1593393345155') repeat-x;
  cursor: pointer;
  padding: 2px;
  color: #886F56;
  border: 1px solid #3F3C33; }

.confirm-form-submit:hover {
  cursor: pointer;
  color: #C29E6C;
  border-color: #C29E6C; }

.form_base .text input.pollRemoveOption {
  width: auto; }

.formHeading {
  margin-bottom: 10px; }

.pollForm .pollOption {
  width: 10px; }

.pollQuestion {
  padding: 0px 0px 5px 5px; }

.pollResults {
  width: 750px; }

.pollResults td, .pollForm td {
  border-color: #222319; }

.pollResults .pollBarCont {
  width: 425px;
  padding-top: 5px; }

.pollResults .pollBar {
  height: 9px;
  background: url('/image/poll/bar_repeat.jpg?1593393392594') repeat-x; }

.poBar {
  width: 425px; }

.poBar, .poPercent {
  background-color: #0D0F0D; }

.poName {
  zoom: 1;
  width: 250px; }

.poVotes {
  width: 60px; }

.poPercent {
  width: 50px; }

.forumTable {
  border-collapse: collapse;
  text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.35); }
  .forumTable th {
    background: -owg-linear-gradient(#1e1f1e, #1b1b1b);
    background: -webkit-linear-gradient(#1e1f1e, #1b1b1b);
    background: -moz-linear-gradient(#1e1f1e, #1b1b1b);
    background: -o-linear-gradient(#1e1f1e, #1b1b1b);
    -pie-background: -pie-linear-gradient(#1e1f1e, #1b1b1b);
    background: linear-gradient(#1e1f1e, #1b1b1b);
    padding: 0;
    border-bottom: 1px solid black; }
    .forumTable th .forumHeadingImg {
      float: left; }
    .forumTable th .view-more-button {
      width: 100px;
      float: left;
      padding: 6px 2px 2px;
      font-size: 14px; }
  .forumTable td {
    padding: 5px;
    border-top: 1px solid #050505; }
  .forumTable .staff .content-container, .forumTable .support .content-container, .forumTable .valued-poster .content-container, .forumTable .valued-thread .content-container {
    color: #cec59f; }
    .forumTable .staff .content-container strong, .forumTable .support .content-container strong, .forumTable .valued-poster .content-container strong, .forumTable .valued-thread .content-container strong {
      color: #cec59f; }
    .forumTable .staff .content-container .signature, .forumTable .support .content-container .signature, .forumTable .valued-poster .content-container .signature, .forumTable .valued-thread .content-container .signature {
      color: #aaa384; }
      .forumTable .staff .content-container .signature a, .forumTable .support .content-container .signature a, .forumTable .valued-poster .content-container .signature a, .forumTable .valued-thread .content-container .signature a {
        color: #b4ae93; }
  .forumTable .valued-thread .post_info {
    background: url('/image/forum/valued-hint.png?1593393348311') no-repeat top left; }
  .forumTable .newsPost {
    background: #000; }
    .forumTable .newsPost td {
      padding: 0;
      border: 0; }
    .forumTable .newsPost .posted-by {
      float: left;
      text-align: left; }
      .forumTable .newsPost .posted-by .roleLabel {
        text-align: left;
        margin: 5px; }
    .forumTable .newsPost .buttons {
      float: right; }
  .forumTable .newsPostInfo {
    background: #030303;
    border-top: 2px solid #080808; }
    .forumTable .newsPostInfo td {
      padding: 17px 17px 5px; }
  .forumTable tr {
    background-color: #1A1B18; }
    .forumTable tr.heading {
      background: #1E1F1E;
      height: 25px; }
    .forumTable tr.staff {
      outline: 1px solid #DB9F00;
      border: 1px solid #DB9F00; }
    .forumTable tr.support {
      outline: 1px solid #867747;
      border: 1px solid #867747; }
    .forumTable tr.valued-poster {
      outline: 1px solid #9D9D9D;
      border: 1px solid #9D9D9D; }
    .forumTable tr.valued-thread {
      outline: 1px solid #614506;
      border: 1px solid #614506; }
    .forumTable tr .signature {
      width: 675px;
      /* Same as .content */
      color: #5e4f46;
      font-size: 90%; }
      .forumTable tr .signature img {
        max-width: 100%; }
      .forumTable tr .signature a {
        color: #715e53; }
        .forumTable tr .signature a:hover {
          color: #eee; }
    .forumTable tr .last_edited_by, .forumTable tr .last_bumped {
      color: #4d4b48;
      font-style: italic;
      margin-top: 6px; }
    .forumTable tr .last_bumped {
      font-size: 9px; }
    .forumTable tr.even {
      background-color: #0F0F0F; }
      .forumTable tr.even blockquote {
        background-color: #181818;
        border-color: #292929;
        box-shadow: 0 0 2px 1px #292929; }
        .forumTable tr.even blockquote.staff {
          border-color: #755500; }
        .forumTable tr.even blockquote.support {
          border-color: #433c24; }
      .forumTable tr.even .signature {
        color: #5e4f45; }
      .forumTable tr.even .last_edited_by, .forumTable tr.even .last_bumped {
        color: #4d4a47; }
    .forumTable tr .staff-text {
      background-color: darkred; }
    .forumTable tr blockquote {
      background-color: #232420;
      border-color: #343630;
      border-radius: 2px;
      box-shadow: 0 0 2px 1px #343630; }
      .forumTable tr blockquote.staff {
        border-color: #8f6700; }
      .forumTable tr blockquote.support {
        border-color: #544b2d; }
  .forumTable .newsPost .line-container {
    float: left;
    width: 100%; }
  .forumTable .newsPost .line-container .line {
    width: 448px;
    border: 1px solid #131313;
    float: left; }
  .forumTable .newsPost .line-container .line .line-item {
    display: inline-block;
    padding: 10px;
    vertical-align: middle; }
  .forumTable .newsPost .line-container .line .line-item:first-child {
    width: 100px;
    height: 100px; }
  .forumTable .newsPost .line-container .line .line-item:last-child {
    width: 303px; }
  .forumTable .newsPost .line-container .line-item > div {
    padding: 2px; }
  .forumTable .newsPost .line-container .line-item .item-header {
    font-size: 14px;
    font-weight: bold; }
  .forumTable .newsPost .line-container .line:nth-child(odd) .item-header a {
    color: #f3c749; }
  .forumTable .newsPost .line-container .line:nth-child(even) .item-header a {
    color: #d42325; }
  .forumTable .newsPost .item-rarity-rare {
    color: #f42d2f; }
  .forumTable .newsPost .item-rarity-uncommon {
    color: #dfab3f; }
  .forumTable .newsPost .item-rarity-common {
    color: #fffef1; }

.forumIndexTable th, .forumIndexTable td {
  vertical-align: middle; }
  .forumIndexTable th.forum, .forumIndexTable td.forum {
    width: 552px; }
  .forumIndexTable th.stats, .forumIndexTable td.stats {
    width: 138px; }
  .forumIndexTable th.last_post, .forumIndexTable td.last_post {
    width: 230px;
    word-wrap: break-word; }

.forumIndexTable .expand-category {
  cursor: pointer; }

.viewForumTable {
  table-layout: fixed; }
  .viewForumTable td {
    vertical-align: middle; }
  .viewForumTable .flags {
    width: 10%;
    position: relative; }
    .viewForumTable .flags .flag {
      position: absolute;
      height: 100%;
      width: 33.33%;
      top: 0; }
      .viewForumTable .flags .flag a {
        display: inline-block;
        text-decoration: none;
        height: 100%;
        width: 100%; }
      .viewForumTable .flags .flag.sticky {
        left: 0;
        background: url('/image/forum/sticky.png?1593393345983') no-repeat center center; }
      .viewForumTable .flags .flag.type {
        left: 33.33%; }
        .viewForumTable .flags .flag.type.staff {
          background: url('/image/forum/staff.png?1593393345983') no-repeat center center; }
        .viewForumTable .flags .flag.type.garena-staff {
          background: url('/image/forum/garena-staff.png?1593393345983') no-repeat center center; }
        .viewForumTable .flags .flag.type.tencent-staff {
          background: url('/image/forum/tencent-staff.png?1593393348311') no-repeat center center; }
        .viewForumTable .flags .flag.type.support {
          background: url('/image/forum/support.png?1593393345983') no-repeat center center; }
        .viewForumTable .flags .flag.type.valued {
          background: url('/image/forum/valued.png?1593393348311') no-repeat center center; }
      .viewForumTable .flags .flag.state {
        left: 66.66%; }
        .viewForumTable .flags .flag.state.poll {
          background: url('/image/forum/poll.png') no-repeat center center; }
        .viewForumTable .flags .flag.state.locked {
          background: url('/image/forum/locked.png') no-repeat center center; }
  .viewForumTable .thread {
    width: 50%; }
  .viewForumTable .info {
    width: 15%; }
  .viewForumTable .last-post {
    width: 20%; }
  .viewForumTable .deleteShadowButton {
    display: block;
    padding: 0 3px;
    margin-top: 4px;
    text-align: center;
    font-size: 0.9em; }
  .viewForumTable .support-icon {
    margin: 5px 0 0 5px; }

.forumPostListTable {
  border-spacing: 1px; }
  .forumPostListTable tr {
    background: -owg-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -webkit-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -moz-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -o-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    -pie-background: -pie-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818); }
    .forumPostListTable tr.even, .forumPostListTable tr:nth-child(even) {
      background: -owg-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -webkit-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -moz-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -o-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      -pie-background: -pie-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212); }
  .forumPostListTable td {
    vertical-align: top;
    border-top: 1px solid #1b1b1b; }
  .forumPostListTable .content-container {
    padding: 10px 7px;
    width: 650px; }
    .forumPostListTable .content-container .bug-report {
      background: rgba(10, 10, 10, 0.5);
      padding: 6px;
      border: 1px solid #333333;
      margin-bottom: 10px; }
      .forumPostListTable .content-container .bug-report span {
        display: inline-block;
        color: #b9b9b9; }
        .forumPostListTable .content-container .bug-report span.field {
          width: 20%; }
  .forumPostListTable .points {
    float: right;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    margin: 6px;
    font-size: 14px; }
    .forumPostListTable .points.disabled {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .forumPostListTable .points .points-image {
      background: transparent url('/image/forum/thumb.png?1593393348311') center center/contain no-repeat;
      vertical-align: text-bottom;
      display: inline-block;
      width: 18px;
      height: 18px; }
    .forumPostListTable .points.voted .points-image {
      background-image: url('/image/forum/thumb-ticked.png?1593393348311'); }
  .forumPostListTable .content {
    overflow: hidden;
    min-height: 205px;
    margin-bottom: 10px;
    width: 675px; }
    .forumPostListTable .content.content-compact {
      min-height: initial;
      margin-bottom: initial; }
    .forumPostListTable .content img {
      max-width: 100%; }
  .forumPostListTable .signature {
    border-top: 1px solid #333;
    padding-top: 5px;
    word-wrap: break-word;
    word-break: normal; }
  .forumPostListTable .unavailableItems {
    border-top: 1px solid #333;
    padding: 5px;
    font-style: italic;
    color: #bf0d0d; }
  .forumPostListTable .post_info_content {
    margin-bottom: 20px;
    padding: 0 2px; }
    .forumPostListTable .post_info_content .report-post, .forumPostListTable .post_info_content .mark-reviewed {
      text-align: center; }
      .forumPostListTable .post_info_content .report-post a, .forumPostListTable .post_info_content .mark-reviewed a {
        text-decoration: none;
        font-size: 10px; }
        .forumPostListTable .post_info_content .report-post a:hover, .forumPostListTable .post_info_content .mark-reviewed a:hover {
          text-decoration: underline; }
    .forumPostListTable .post_info_content .mark-reviewed, .forumPostListTable .post_info_content .reviewed-by, .forumPostListTable .post_info_content .reviewed-at {
      text-align: center;
      margin-top: 10px; }
    .forumPostListTable .post_info_content .reviewed-at {
      margin-top: 5px;
      font-size: 10px; }
    .forumPostListTable .post_info_content .bump-thread-result {
      text-align: center;
      font-size: 10px; }
  .forumPostListTable .post_anchor {
    position: relative;
    top: -30px; }
    .forumPostListTable .post_anchor:target + div + .posted-by .posted-by-link {
      color: #cec59f;
      font-weight: bold; }
  .forumPostListTable .posted-by {
    text-align: center;
    margin-bottom: 10px; }
  .forumPostListTable .avatar {
    padding: 10px;
    text-align: center; }
    .forumPostListTable .avatar img {
      max-width: 100%; }
  .forumPostListTable .buttons {
    text-align: center; }
    .forumPostListTable .buttons a {
      margin: 0 1px; }
  .forumPostListTable .newsPost .content {
    width: 922px;
    margin: -1px -1px 10px; }
  .forumPostListTable .post_info {
    max-width: 217px;
    word-wrap: break-word; }

.viewForumTable .views span, .forumIndexTable .stats span {
  float: right;
  font-weight: bold; }

.viewForumTable .views .post-stat span, .forumIndexTable .stats .post-stat span {
  font-weight: normal; }

.forumPointsLadder table tr > td:last-child {
  text-align: right; }

.forumControls .pagination, .forumSortContainer .pagination {
  float: left; }

.forumControls .mainButtons, .forumSortContainer .mainButtons {
  float: right;
  position: relative; }
  .forumControls .mainButtons #my-posts-button, .forumSortContainer .mainButtons #my-posts-button {
    margin: 4px 8px; }
  .forumControls .mainButtons .button1, .forumControls .mainButtons .button2, .forumControls .mainButtons .pagination a, .pagination .forumControls .mainButtons a, .forumControls .mainButtons .pagination .current, .pagination .forumControls .mainButtons .current, .forumControls .mainButtons .pagination .currentPage, .pagination .forumControls .mainButtons .currentPage, .forumControls .mainButtons .editor-control, .forumSortContainer .mainButtons .button1, .forumSortContainer .mainButtons .button2, .forumSortContainer .mainButtons .pagination a, .pagination .forumSortContainer .mainButtons a, .forumSortContainer .mainButtons .pagination .current, .pagination .forumSortContainer .mainButtons .current, .forumSortContainer .mainButtons .pagination .currentPage, .pagination .forumSortContainer .mainButtons .currentPage, .forumSortContainer .mainButtons .editor-control {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0; }
    .zh_CN .forumControls .mainButtons .button1, .zh_CN .forumControls .mainButtons .button2, .zh_CN .forumControls .mainButtons .pagination a, .pagination .zh_CN .forumControls .mainButtons a, .zh_CN .forumControls .mainButtons .pagination .current, .pagination .zh_CN .forumControls .mainButtons .current, .zh_CN .forumControls .mainButtons .pagination .currentPage, .pagination .zh_CN .forumControls .mainButtons .currentPage, .zh_CN .forumControls .mainButtons .editor-control, .zh_CN .forumSortContainer .mainButtons .button1, .zh_CN .forumSortContainer .mainButtons .button2, .zh_CN .forumSortContainer .mainButtons .pagination a, .pagination .zh_CN .forumSortContainer .mainButtons a, .zh_CN .forumSortContainer .mainButtons .pagination .current, .pagination .zh_CN .forumSortContainer .mainButtons .current, .zh_CN .forumSortContainer .mainButtons .pagination .currentPage, .pagination .zh_CN .forumSortContainer .mainButtons .currentPage, .zh_CN .forumSortContainer .mainButtons .editor-control {
      padding: 3px 6px;
      min-width: 72px;
      text-align: center; }
    .forumControls .mainButtons .button1.important, .forumControls .mainButtons .important.button2, .forumControls .mainButtons .pagination a.important, .pagination .forumControls .mainButtons a.important, .forumControls .mainButtons .pagination .important.current, .pagination .forumControls .mainButtons .important.current, .forumControls .mainButtons .pagination .important.currentPage, .pagination .forumControls .mainButtons .important.currentPage, .forumControls .mainButtons .important.editor-control, .forumSortContainer .mainButtons .button1.important, .forumSortContainer .mainButtons .important.button2, .forumSortContainer .mainButtons .pagination a.important, .pagination .forumSortContainer .mainButtons a.important, .forumSortContainer .mainButtons .pagination .important.current, .pagination .forumSortContainer .mainButtons .important.current, .forumSortContainer .mainButtons .pagination .important.currentPage, .pagination .forumSortContainer .mainButtons .important.currentPage, .forumSortContainer .mainButtons .important.editor-control {
      margin-right: 3px; }
  .forumControls .mainButtons #search-button, .forumSortContainer .mainButtons #search-button {
    background: url('/image/icons/search.png?1593393363703') no-repeat top left;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: -25px;
    display: block; }
    .forumControls .mainButtons #search-button:hover, .forumSortContainer .mainButtons #search-button:hover {
      color: #E9E69F; }

.newsBbcodeInfo .item {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 9px;
  border: 1px solid #111;
  padding: 5px; }
  .newsBbcodeInfo .item .itemInfo {
    float: left; }
  .newsBbcodeInfo .item .code {
    color: #aaa;
    font-weight: bold; }
  .newsBbcodeInfo .item .attributes {
    float: left;
    margin-left: 30px; }
    .newsBbcodeInfo .item .attributes .title {
      color: #aaa; }
    .newsBbcodeInfo .item .attributes .attribute .name {
      font-weight: bold;
      margin-right: 10px; }
    .newsBbcodeInfo .item .attributes .attribute .values {
      font-style: italic; }
    .newsBbcodeInfo .item .attributes .attribute .description {
      margin-left: 10px; }

.forumDraftStatus {
  overflow: hidden;
  *zoom: 1;
  margin: 0px 5px 10px 5px; }
  .forumDraftStatus .loading-inline {
    vertical-align: middle;
    padding-left: 15px; }
  .forumDraftStatus .savingStatus {
    float: left;
    color: #887c6a; }
  .forumDraftStatus .lastSave {
    float: right;
    color: #505050; }
  .forumDraftStatus .revertible {
    font-weight: bold;
    color: #e99831; }

.poeForm #secondary_skills {
  min-height: 400px; }

.poeForm #secondary_classes {
  min-height: 300px; }

#forum-report-box {
  display: none;
  padding: 10px; }
  #forum-report-box h3, #forum-report-box select {
    margin-bottom: 10px; }

.post_date, .post-stat {
  font-size: 80%; }
  .post_date a, .post-stat a {
    text-decoration: none; }

.post_by_account {
  text-decoration: none;
  font-weight: bold;
  word-break: break-all; }
  .post_by_account.profile-link.twitchShow {
    margin-top: 3px; }

.post_anchor:target {
  color: #CEC59F;
  font-weight: bold; }

.clear_viewed, .setReadButton {
  border: 1px solid #2B2B2B;
  cursor: pointer;
  padding: 0px 2px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: rgba(17, 17, 17, 0.47);
  color: #7C7C7C; }
  .clear_viewed:hover, .setReadButton:hover {
    border: 1px solid #3b3b3b;
    color: #8c8c8c; }

.contentStart {
  position: relative; }

.forumSortContainer {
  background: none repeat scroll 0 0 #1c1e1b;
  border: 1px solid #2d2929;
  color: #886f56;
  padding: 5px; }
  .forumSortContainer .elementWrapper {
    margin-left: auto;
    margin-right: auto; }
  .forumSortContainer .hidden {
    display: none; }
  .forumSortContainer .submit2 {
    margin: 0;
    border-radius: 3px; }
  .forumSortContainer #orderby-label {
    padding: 0px 4px; }
    .forumSortContainer #orderby-label label {
      font-weight: normal;
      color: #886f56; }
  .forumSortContainer > form div {
    display: inline; }

.forumBotControls .reply, .forumBotControls .newThread {
  float: right;
  padding-right: 8px; }

.formForumThread .start-time #thread_start_time, .formForumThread .start-time .flatpickr-input {
  width: 50%; }

.poeBorder1, .ladderView .controls select, form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="search"], form.t1 input[type="number"], form.t1 input[type="datetime"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="search"], .formT1 input[type="number"], .formT1 input[type="datetime"], .formT1 input[type="password"], .formT1 select, .poeForm textarea, .poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha, .poeForm select, .pagination .perPageOptions {
  border: 1px solid #1D1D1C;
  border-image: url('/image/border/border1.png?1593393329515') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder3 {
  border: 1px solid #1D1D1C;
  border-image: url('/image/border/border3.png?1593393329515') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder1Active, .ladderView .controls select:focus, form.t1 textarea:focus, form.t1 input:focus[type="text"], form.t1 input:focus[type="search"], form.t1 input:focus[type="number"], form.t1 input:focus[type="datetime"], form.t1 input:focus[type="password"], form.t1 select:focus, .formT1 textarea:focus, .formT1 input:focus[type="text"], .formT1 input:focus[type="search"], .formT1 input:focus[type="number"], .formT1 input:focus[type="datetime"], .formT1 input:focus[type="password"], .formT1 select:focus, .poeForm textarea:focus, .poeForm input.textInput:focus, .poeForm input.passwordInput:focus, .poeForm input.captcha:focus, .poeForm select:focus, .pagination .perPageOptions:focus, .poeBorder3Active {
  border: 1px solid #534e45;
  border-image: url('/image/border/border1-active.png?1593393329515') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder1Error, form.t1 .row.error textarea, form.t1 .row.error .element ul li.row textarea, form.t1 .row.error input[type="text"], form.t1 .row.error .element ul li.row input[type="text"], form.t1 .row.error input[type="number"], form.t1 .row.error .element ul li.row input[type="number"], form.t1 .row.error input[type="datetime"], form.t1 .row.error .element ul li.row input[type="datetime"], form.t1 .row.error input[type="password"], form.t1 .row.error .element ul li.row input[type="password"], form.t1 .row.error select, form.t1 .row.error .element ul li.row select, .formT1 .row.error textarea, .formT1 .row.error .element ul li.row textarea, .formT1 .row.error input[type="text"], .formT1 .row.error .element ul li.row input[type="text"], .formT1 .row.error input[type="number"], .formT1 .row.error .element ul li.row input[type="number"], .formT1 .row.error input[type="datetime"], .formT1 .row.error .element ul li.row input[type="datetime"], .formT1 .row.error input[type="password"], .formT1 .row.error .element ul li.row input[type="password"], .formT1 .row.error select, .formT1 .row.error .element ul li.row select, .poeBorder3Error {
  border: 1px solid #7C0909;
  border-image: url('/image/border/border1-error.png?1593393329515') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder2, .forumPostListTable .avatar.frame1 img, #monstersPage .act1 .icons img, #monstersPage .act2 .icons img, .pm-current .message-detail .avatar.frame1 img, .pm-history .message-detail .avatar.frame1 img, .profile .avatar.frame1 img, .avatars .avatar .avatar-img {
  border: 1px solid #23260B;
  box-shadow: 0px 0px 4px 0px rgba(153, 167, 67, 0.55); }

.spoilerVisible .spoilerContent {
  display: block; }

.spoilerHidden .spoilerContent {
  display: none; }

.spoiler {
  margin: 5px 5px 10px 10px;
  box-shadow: 0px 0px 4px #1A1A1A; }

.spoiler .spoilerTitle {
  border: 1px solid #0F0F0F;
  font-weight: bold;
  padding: 3px 6px;
  background-color: #252521;
  background: -owg-linear-gradient(#252521, #1F1F1F);
  background: -webkit-linear-gradient(#252521, #1F1F1F);
  background: -moz-linear-gradient(#252521, #1F1F1F);
  background: -o-linear-gradient(#252521, #1F1F1F);
  -pie-background: -pie-linear-gradient(#252521, #1F1F1F);
  background: linear-gradient(#252521, #1F1F1F);
  border-radius: 1px 1px 0px 0px; }

.spoiler .spoilerTitle span {
  margin-right: 10px; }

.spoiler .spoilerTitle input {
  text-align: center; }

.spoiler .spoilerTitle input:hover {
  text-align: center; }

.spoiler .spoilerContent {
  padding: 5px;
  border: 1px solid #0F0F0F;
  border-width: 0px 1px 1px 1px;
  background-color: #1E1F1C;
  border-radius: 0px 0px 2px 2px;
  background: -owg-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -webkit-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -moz-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -o-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  -pie-background: -pie-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: linear-gradient(#1E1F1C, #1E1F1C 74%, #222); }

.even .spoiler .spoilerContent {
  background-color: #161616;
  background: -owg-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -webkit-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -moz-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -o-linear-gradient(#161616, #161616 74%, #1A1A1A);
  -pie-background: -pie-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: linear-gradient(#161616, #161616 74%, #1A1A1A); }

.even .spoiler .spoilerTitle {
  background-color: #1B1E1B;
  background: -owg-linear-gradient(#1B1E1B, #1A1A1A);
  background: -webkit-linear-gradient(#1B1E1B, #1A1A1A);
  background: -moz-linear-gradient(#1B1E1B, #1A1A1A);
  background: -o-linear-gradient(#1B1E1B, #1A1A1A);
  -pie-background: -pie-linear-gradient(#1B1E1B, #1A1A1A);
  background: linear-gradient(#1B1E1B, #1A1A1A); }

#twitch-streams-container {
  margin-top: 14px; }
  #twitch-streams-container:first-child {
    margin-top: 0px; }
  #twitch-streams-container .twitch-link {
    padding: 4px;
    float: right;
    height: 22px; }

.twitchTvWidget .stream {
  padding: 12px 0px 0px 0px;
  float: left;
  width: 285px; }
  .twitchTvWidget .stream img {
    width: 285px;
    height: 160.3125px;
    margin: 0px 0px; }
  .twitchTvWidget .stream .status {
    font-weight: bold;
    padding: 6px 0px;
    display: block;
    word-wrap: break-word; }
  .twitchTvWidget .stream a {
    text-decoration: none; }
  .twitchTvWidget .stream .name, .twitchTvWidget .stream .viewers {
    color: #7A6A2A; }
  .twitchTvWidget .stream .info {
    margin: 0px 0px; }
  .twitchTvWidget .stream .nameCont {
    float: left; }
  .twitchTvWidget .stream .viewersCont {
    float: right; }

#countdown {
  margin-top: -1px;
  margin-left: 0px; }
  #countdown.noclick {
    cursor: default; }
  #countdown .countdown {
    position: absolute;
    width: 299px;
    height: 30px;
    top: 173px;
    left: 306px;
    line-height: 28px;
    color: #fafeff;
    font-size: 23px;
    text-align: center; }
    #countdown .countdown-image {
      display: block; }
    #countdown .countdown .countdown_section, #countdown .countdown .countdown-section {
      color: #fafeff; }
    #countdown .countdown div {
      position: absolute;
      width: 53px;
      height: 29px; }
    #countdown .countdown .days {
      left: 6px; }
    #countdown .countdown .hours {
      left: 85px; }
    #countdown .countdown .minutes {
      left: 166px; }
    #countdown .countdown .seconds {
      left: 246px; }
  #countdown .download {
    display: none;
    background-image: url('/image/widget/open-beta-countdown/download.png?1593393415454');
    width: 244px;
    height: 60px;
    position: absolute;
    bottom: 38px;
    right: 39px; }
    #countdown .download span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 244px;
      height: 60px;
      background-image: url('/image/widget/open-beta-countdown/download-hover.png?1593393415454'); }
    #countdown .download:hover span {
      opacity: 1; }
  #countdown .newsLink {
    display: block;
    background-image: url('/image/widget/countdown/clickmore.jpg?1593393415442');
    width: 439px;
    height: 31px;
    position: absolute;
    bottom: 8px;
    left: 251px; }
    #countdown .newsLink span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 439px;
      height: 31px;
      background-image: url('/image/widget/countdown/clickmorehover.jpg?1593393415442'); }
    #countdown .newsLink:hover span {
      opacity: 1; }
  #countdown .countdown div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    #countdown .countdown div.start {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #f56b46;
      text-shadow: 0px 0px 5px #f56b46; }
    #countdown .countdown div.done {
      -webkit-transition: all 1s ease-in-out;
      -webkit-transition-delay: 0s;
      -moz-transition: all 1s ease-in-out false;
      -o-transition: all 1s ease-in-out false;
      transition: all 1s ease-in-out false;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #fafeff;
      text-shadow: none; }
    #countdown .countdown div.zero {
      text-shadow: 0px 0px 5px #f56b46;
      color: #B61D10; }

#countdownSpecial .countdown {
  position: absolute;
  width: 299px;
  height: 30px;
  top: 107px;
  left: 306px;
  line-height: 28px;
  color: #ffd777;
  font-size: 23px;
  text-align: center; }
  #countdownSpecial .countdown .countdown_section, #countdownSpecial .countdown .countdown-section {
    color: #ffd777; }
  #countdownSpecial .countdown div {
    position: absolute;
    width: 53px;
    height: 29px; }
  #countdownSpecial .countdown .days {
    left: 6px; }
  #countdownSpecial .countdown .hours {
    left: 85px; }
  #countdownSpecial .countdown .minutes {
    left: 166px; }
  #countdownSpecial .countdown .seconds {
    left: 246px; }

#betaInviteTimerTop {
  display: none;
  /*background: image-url("widget/open-beta-countdown/top.png"); // Disabled
  height: image-height("widget/open-beta-countdown/top.png");
  width: image-width("widget/open-beta-countdown/top.png");
  position: absolute;
  bottom: -2px;
  left: 445px;*/ }

#betaInviteTimer {
  margin-top: -1px;
  margin-left: 0px;
  display: none;
  cursor: pointer; }
  #betaInviteTimer .betaInviteTimerAwakening {
    height: 252px;
    background: url('/image/awakening/beta_timer_awakening.jpg?1593393283803') no-repeat center top; }
  #betaInviteTimer.noclick {
    cursor: default; }
  #betaInviteTimer .name {
    margin: 0px; }
  #betaInviteTimer .activeContainer {
    position: relative;
    width: 920px;
    height: 200px;
    line-height: 28px;
    color: #ffd777;
    font-size: 23px;
    text-align: center; }
    #betaInviteTimer .activeContainer .countdown {
      position: absolute;
      left: 158px;
      top: 145px;
      height: 32px;
      width: 132px; }
      #betaInviteTimer .activeContainer .countdown div {
        position: absolute;
        width: 30px; }
      #betaInviteTimer .activeContainer .countdown .minutes {
        left: 12px; }
      #betaInviteTimer .activeContainer .countdown .seconds {
        left: 92px; }
    #betaInviteTimer .activeContainer .awinvite {
      position: absolute;
      top: 145px;
      left: 435px;
      width: 340px;
      height: 30px;
      font-size: 14px; }
      #betaInviteTimer .activeContainer .awinvite div {
        padding-top: 2px;
        position: absolute;
        width: 150px;
        height: 30px; }
      #betaInviteTimer .activeContainer .awinvite .lastInvite {
        left: 0px; }
      #betaInviteTimer .activeContainer .awinvite .nextInvite {
        left: 192px; }
  #betaInviteTimer span.countdown-period {
    display: none; }
  #betaInviteTimer .download {
    display: none;
    background-image: url('/image/widget/open-beta-countdown/download.png?1593393415454');
    width: 244px;
    height: 60px;
    position: absolute;
    bottom: 38px;
    right: 39px; }
    #betaInviteTimer .download span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 244px;
      height: 60px;
      background-image: url('/image/widget/open-beta-countdown/download-hover.png?1593393415454'); }
    #betaInviteTimer .download:hover span {
      opacity: 1; }
  #betaInviteTimer .newsLink {
    display: block;
    background-image: url('/image/widget/countdown/clickmore.jpg?1593393415442');
    width: 439px;
    height: 31px;
    position: absolute;
    bottom: 8px;
    left: 251px; }
    #betaInviteTimer .newsLink span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 439px;
      height: 31px;
      background-image: url('/image/widget/countdown/clickmorehover.jpg?1593393415442'); }
    #betaInviteTimer .newsLink:hover span {
      opacity: 1; }
  #betaInviteTimer .countdown div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    #betaInviteTimer .countdown div.start {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #fff;
      text-shadow: 0px 0px 5px #ffd777; }
    #betaInviteTimer .countdown div.done {
      -webkit-transition: all 1s ease-in-out;
      -webkit-transition-delay: 0s;
      -moz-transition: all 1s ease-in-out false;
      -o-transition: all 1s ease-in-out false;
      transition: all 1s ease-in-out false;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #ffd777;
      text-shadow: none; }

body.zh_TW #betaInviteTimer .betaInviteTimerAwakening {
  background: url('/image/awakening/beta_timer_awakening_zh_TW.jpg?1593393283803') no-repeat center top; }

#topSplash {
  max-width: 920px; }

.eventCalendar h1 {
  margin: 5px; }

.eventCalendar .description {
  margin: 7px 7px 9px 7px; }

.eventCalendar .entries {
  display: table;
  border-collapse: collapse; }

.eventCalendar .header {
  display: table-row;
  color: silver;
  font-weight: bold;
  text-align: center; }
  .eventCalendar .header .col {
    display: table-cell;
    padding: 5px; }

.eventCalendar .week {
  display: table-row; }

.eventCalendar .periodsInfo, .eventCalendar .day {
  display: table-cell;
  vertical-align: top;
  width: 119px; }

.eventCalendar .periodsInfo {
  width: 79px;
  text-align: right;
  color: silver; }
  .eventCalendar .periodsInfo .label {
    height: 28px;
    padding: 5px; }

.eventCalendar .day .label, .eventCalendar .periodsInfo .label {
  text-align: right;
  padding: 5px;
  font-weight: bold;
  height: 17px;
  font-size: 11px;
  background: #272727;
  color: silver; }

.eventCalendar .periodsInfo, .eventCalendar .day {
  border: 1px solid #333; }

.eventCalendar .event {
  margin: 12px 0px; }
  .eventCalendar .event:first-child {
    margin-top: 0px; }
  .eventCalendar .event:last-child {
    margin-bottom: 0px; }

.eventCalendar .event, .eventCalendar .event a {
  font-size: 10px;
  color: #ffbd0f; }

.eventCalendar .event.complete, .eventCalendar .event.complete a {
  color: #424242; }

.eventCalendar .event.inProgress, .eventCalendar .event.inProgress a {
  color: #fff; }

.eventCalendar .event a:hover {
  color: #ffcd49; }

.eventCalendar .period {
  padding: 7px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.eventCalendar .periods :not(:last-child), .eventCalendar .periodsInfo :not(:last-child) {
  border-bottom: none; }

.eventCalendar .period:nth-child(even) {
  background: #181818; }

.eventCalendar .sponsors {
  overflow: hidden;
  position: relative;
  top: -3px; }
  .eventCalendar .sponsors a {
    float: left; }
    .eventCalendar .sponsors a img {
      width: 460px;
      opacity: 0.85; }
      .eventCalendar .sponsors a img:hover {
        opacity: 1; }

.eventCalendar .prizesLink {
  position: relative;
  top: -6px; }
  .eventCalendar .prizesLink img {
    opacity: 0.85; }
    .eventCalendar .prizesLink img:hover {
      opacity: 1; }

.seasonLadder {
  position: relative;
  margin: 0px;
  padding: 10px; }
  .seasonLadder select.seasons {
    float: right;
    margin: 11px 2px 5px; }
  .seasonLadder h1 {
    margin: 7px;
    float: left; }
  .seasonLadder table {
    clear: both; }
  .seasonLadder .pagination {
    background: #000; }
  .seasonLadder .loading {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10; }
  .seasonLadder .rank {
    width: 75px; }
  .seasonLadder .points {
    width: 390px; }
  .seasonLadder .ladder-types {
    clear: both;
    margin-bottom: 10px;
    padding-left: 10px; }
    .seasonLadder .ladder-types button {
      margin-top: 5px; }

.shopSpecialsBox {
  position: relative; }
  .shopSpecialsBox .deal {
    position: relative;
    height: 240px;
    width: 100%;
    max-width: 285px; }
    .shopSpecialsBox .deal .banner {
      z-index: 2;
      padding-top: 12px;
      padding-bottom: 6px;
      position: relative;
      height: 57px;
      color: #ffe86e;
      text-align: center;
      line-height: 22px;
      text-shadow: 0px 0px 3px red; }
      .shopSpecialsBox .deal .banner .l1 {
        font-size: 22px;
        letter-spacing: -1px;
        margin-top: 4px; }
        .shopSpecialsBox .deal .banner .l1.zero {
          padding-top: 15px; }
      .shopSpecialsBox .deal .banner .l2 {
        font-size: 30px;
        letter-spacing: -2px;
        margin-top: 2px; }
        .shopSpecialsBox .deal .banner .l2 .percent {
          font-size: 27px; }
    .shopSpecialsBox .deal .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .shopSpecialsBox .deal .special {
      background: url('/image/shop/deal-item-background-dark.jpg?1593393393042');
      height: 151px;
      margin: 4px;
      position: relative; }
      .shopSpecialsBox .deal .special .name {
        color: #ffda4d;
        font-size: 18px;
        text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
        text-decoration: none;
        position: relative;
        top: 12px;
        left: 12px;
        z-index: 100;
        width: 175px;
        display: block; }
        .shopSpecialsBox .deal .special .name:hover {
          text-shadow: 0px 0px 5px rgba(219, 195, 153, 0.56); }
      .shopSpecialsBox .deal .special .itemImageContainer {
        z-index: 0;
        position: absolute;
        bottom: 0px;
        right: 0px;
        min-width: 100px;
        max-width: 285px;
        min-height: 140px;
        max-height: 146px;
        overflow: hidden; }
        .shopSpecialsBox .deal .special .itemImageContainer .itemImage {
          max-height: 146px;
          margin: auto;
          display: block; }
      .shopSpecialsBox .deal .special.old .itemImageContainer .itemImage {
        max-height: none; }
      .shopSpecialsBox .deal .special.old.package, .shopSpecialsBox .deal .special.old.category {
        background: url('/image/shop/daily-deal/categories/ShopItemPackageBackground.jpg?1593393393030'); }
        .shopSpecialsBox .deal .special.old.package .itemImageContainer .itemImage, .shopSpecialsBox .deal .special.old.category .itemImageContainer .itemImage {
          top: -6px;
          position: relative; }
      .shopSpecialsBox .deal .special.old.item {
        background: url('/image/shop/shop-item-background.png?1593393402098'); }
        .shopSpecialsBox .deal .special.old.item .itemImageContainer {
          top: 0px; }
      .shopSpecialsBox .deal .special .time {
        position: absolute;
        bottom: 6px;
        left: 12px;
        z-index: 2;
        color: #585858;
        font-size: 12px; }
      .shopSpecialsBox .deal .special .description {
        position: absolute;
        top: 58px;
        left: 12px;
        line-height: 16px;
        z-index: 3;
        width: 120px;
        height: 50px;
        color: #0cabe5; }
      .shopSpecialsBox .deal .special .buyButton1, .shopSpecialsBox .deal .special .shopBuyButton, .shopSpecialsBox .deal .special .shopUpgradeButton1, .shopSpecialsBox .deal .special .shopUpgradeButton2, .shopSpecialsBox .deal .special .shopBuyCoinsButton, .shopSpecialsBox .deal .special .shopBackButton, .shopSpecialsBox .deal .special .shopGivePointsToGuildButton,
      .shopSpecialsBox .deal .special .shopBuyMoreCoinsButton, .shopSpecialsBox .deal .special .shopGoShoppingButton, .shopSpecialsBox .deal .special .shopGoShoppingButtonDisabled,
      .shopSpecialsBox .deal .special .buyButton, .shopSpecialsBox .deal .special .buyPointsButton, .shopSpecialsBox .deal .special .buyButtonDisabled, .shopSpecialsBox .deal .special .shopShopButton, .shopSpecialsBox .deal .special .shopShopButton {
        right: 12px;
        z-index: 10;
        top: 12px;
        position: absolute; }
      .shopSpecialsBox .deal .special .shopShopButton {
        left: 10px; }
      .shopSpecialsBox .deal .special.long .name {
        width: 255px; }
      .shopSpecialsBox .deal .special.long .buyButton1, .shopSpecialsBox .deal .special.long .shopBuyButton, .shopSpecialsBox .deal .special.long .shopUpgradeButton1, .shopSpecialsBox .deal .special.long .shopUpgradeButton2, .shopSpecialsBox .deal .special.long .shopBuyCoinsButton, .shopSpecialsBox .deal .special.long .shopBackButton, .shopSpecialsBox .deal .special.long .shopGivePointsToGuildButton,
      .shopSpecialsBox .deal .special.long .shopBuyMoreCoinsButton, .shopSpecialsBox .deal .special.long .shopGoShoppingButton, .shopSpecialsBox .deal .special.long .shopGoShoppingButtonDisabled,
      .shopSpecialsBox .deal .special.long .buyButton, .shopSpecialsBox .deal .special.long .buyPointsButton, .shopSpecialsBox .deal .special.long .buyButtonDisabled, .shopSpecialsBox .deal .special.long .shopShopButton {
        top: 96px; }
      .shopSpecialsBox .deal .special.longest .name {
        width: 255px;
        font-size: 16px; }
      .shopSpecialsBox .deal .special.longest .buyButton1, .shopSpecialsBox .deal .special.longest .shopBuyButton, .shopSpecialsBox .deal .special.longest .shopUpgradeButton1, .shopSpecialsBox .deal .special.longest .shopUpgradeButton2, .shopSpecialsBox .deal .special.longest .shopBuyCoinsButton, .shopSpecialsBox .deal .special.longest .shopBackButton, .shopSpecialsBox .deal .special.longest .shopGivePointsToGuildButton,
      .shopSpecialsBox .deal .special.longest .shopBuyMoreCoinsButton, .shopSpecialsBox .deal .special.longest .shopGoShoppingButton, .shopSpecialsBox .deal .special.longest .shopGoShoppingButtonDisabled,
      .shopSpecialsBox .deal .special.longest .buyButton, .shopSpecialsBox .deal .special.longest .buyPointsButton, .shopSpecialsBox .deal .special.longest .buyButtonDisabled, .shopSpecialsBox .deal .special.longest .shopShopButton {
        top: 96px; }

.imageUploader {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /*  .preview {
    width: $dropWidth;
    height: $dropWidth;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
  }*/ }
  .imageUploader progress {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%; }
  .imageUploader .okText {
    position: absolute;
    font-size: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    color: #5cff34;
    text-align: center;
    padding: 2px;
    display: none;
    background: rgba(61, 61, 61, 0.84);
    margin: 1px; }
  .imageUploader .dropArea {
    width: 80px;
    height: 80px;
    border: 1px solid #333;
    background: #222;
    z-index: 10;
    -webkit-transition: 0.2s ease-out false;
    -moz-transition: 0.2s ease-out false false;
    -o-transition: 0.2s ease-out false false;
    transition: 0.2s ease-out; }
  .imageUploader.new .dropArea {
    width: 160px;
    height: 160px;
    background: #0c0c0c;
    border: 1px solid #242424; }
  .imageUploader.success .dropArea {
    border: 1px solid #3F3;
    background: #2A2; }
  .imageUploader.success .okText {
    display: block; }
  .imageUploader.selected:not(.new):not(.dragOver) .dropArea {
    border: 1px solid #d37333;
    background: #251500;
    box-shadow: 0px 0px 3px #ff6600; }
  .imageUploader.deleting .dropArea {
    border: 1px solid #F33 !important;
    background: #A22 !important; }
  .imageUploader.dragOver .dropArea {
    border-color: #262;
    background: #252; }
  .imageUploader.uploading progress {
    display: block; }

/*
 * Default styles to lay out page 
 */
.border-container {
  background: url('/image/border-l.jpg?1593393329523') left repeat-y; }

/*.border
{
    background: image-url("border-r.jpg") right repeat-y transparent;    
}
*/
.border-t {
  width: 100%;
  height: 8px;
  padding: 0px;
  margin: 0px;
  background: url('/image/border-tl.jpg?1593393329523') no-repeat top left; }

.border-t span {
  position: absolute;
  height: 8px;
  width: 8px;
  top: 0px;
  right: 0px; }

.border-b {
  position: relative;
  width: 100%;
  height: 8px;
  background: url('/image/border-bl.jpg?1593393329523') no-repeat bottom left; }

.border-b span {
  position: absolute;
  height: 8px;
  width: 8px;
  bottom: 0px;
  right: 0px; }

.box-container {
  background: #000 url('/image/box-l.jpg?1593393329703') left repeat-y;
  position: relative; }

.box, .botControlsSpacer {
  background: url('/image/box-r.jpg?1593393329707') right repeat-y transparent; }

.box {
  padding: 5px 10px;
  margin: 0px;
  z-index: 100;
  position: relative; }
  .box.no-padding {
    padding: 0px 4px; }

.content-container-base {
  position: relative;
  float: left;
  display: inline; }

.content-container-margin {
  margin: 10px 0px 0px 10px; }

.content-container-l {
  position: relative;
  float: left;
  width: 775px;
  margin: 10px 0px 0px 10px;
  display: inline; }

.main-header-container {
  margin-top: 35px; }

.content-basic {
  min-height: 5px;
  height: auto !important;
  height: 5px;
  padding: 0px 4px; }

.content-l {
  min-height: 5px;
  height: auto !important;
  height: 5px;
  padding: 20px 10px 10px 10px; }

.content-l-n {
  min-height: 5px;
  height: auto !important;
  height: 5px; }

.content-l-np {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 10px 10px 10px 10px; }

.content-container-s {
  position: relative;
  float: left;
  width: 320px;
  margin: 35px 0px 0px 10px; }

.content-s {
  min-height: 150px;
  height: auto !important;
  height: 150px;
  padding: 20px 10px 10px 10px; }

.content-container-2col {
  display: inline;
  position: relative;
  float: left;
  width: 382px;
  margin: 35px 0px 0px 10px; }

.content-2col {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 26px 10px 10px 10px; }

.content-container-m {
  position: relative;
  float: left;
  width: 442px;
  margin: 35px 0px 0px 10px; }

.content-m {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 28px 10px 10px 10px; }

.form-container-l {
  display: inline;
  background: url('/image/form/background.png?1593393345155');
  position: relative;
  float: left;
  margin-top: 35px;
  margin-left: 10px;
  width: 775px; }

.form-container-l .content-container-l {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-l .box-container {
  background-color: transparent; }

.form-container-s {
  background-color: #222319;
  position: relative;
  float: left;
  display: inline;
  margin-top: 35px;
  margin-left: 10px;
  width: 320px; }

.form-container-s .content-container-s {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-s .box-container {
  background-color: transparent; }

.form-container-m {
  background: url('/image/form/background.png?1593393345155');
  position: relative;
  float: left;
  display: inline;
  margin-top: 35px;
  margin-left: 10px;
  width: 442px; }

.form-container-m .content-container-m {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-m .box-container {
  background-color: transparent; }

.box-header {
  position: absolute;
  top: -20px;
  left: 3px; }

.box_header_red {
  position: absolute;
  top: -32px;
  left: 9px; }

.box_ornate_blue {
  position: absolute;
  top: -47px;
  left: 9px;
  width: 146px;
  height: 63px; }

.box_footer_green {
  position: relative;
  bottom: -42px;
  margin-top: -42px;
  left: 12px; }

.box-t {
  width: 100%;
  height: 4px;
  background: url('/image/box-tl.jpg?1593393329707') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t span {
  position: relative;
  display: block;
  height: 4px;
  background: url('/image/box-tr.jpg?1593393329707') no-repeat top right;
  line-height: 1px;
  font-size: 1px; }

.box-t-main-header {
  width: 100%;
  height: 33px;
  background: url('/image/header/main.jpg?1593393363651') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t-main-header-b {
  width: 100%;
  height: 61px;
  background: url('/image/header/main_breadcrumb.jpg?1593393363655') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t-title-b-m {
  width: 100%;
  height: 100px;
  background: url('/image/header/title_b_m.jpg?1593393363655') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-b-lb-nm {
  height: 38px;
  background: url('/image/header/bot_lb_nm.jpg?1593393363651') no-repeat top left; }

.box-b-b-nm {
  height: 34px;
  width: 100%;
  background: url('/image/header/bot_b_nm.jpg?1593393363651') no-repeat top left; }

.box-b-b-m {
  position: relative;
  height: 72px;
  width: 100%;
  background: url('/image/header/bot_b_m.jpg?1593393363651') no-repeat top left; }

.box-b-nb-m {
  position: relative;
  height: 42px;
  width: 100%;
  background: url('/image/header/bot_nb_m.jpg?1593393363651') no-repeat top left; }

.box-container .menuContainer, .box-container .botMenuContainer {
  height: 34px;
  left: 4px;
  position: absolute;
  width: 767px; }

.box-container .topTitleContent {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 33px; }

.box-container .menuContainer {
  top: 63px; }

.box-b-b-m .botMenuContainer {
  top: 34px; }

.box-b-nb-m .botMenuContainer {
  top: 4px; }

.menuContainer .pagination, .botMenuContainer .pagination {
  margin-top: 2px;
  display: inline-block; }

.menuContainer h3 {
  margin: 8px 0px 0px 8px; }

.main-header-title {
  width: 100%; }

.main-header-title img {
  position: relative;
  left: 23px; }

.box-footer {
  position: absolute;
  bottom: -17px;
  left: 50px; }

.box-b, .box-b-nb-nm {
  height: 4px;
  width: 100%;
  background: url('/image/box-bl.jpg?1593393329703') no-repeat bottom left;
  line-height: 1px;
  font-size: 1px; }

.box-b span, .box-b-nb-nm span {
  height: 4px;
  position: relative;
  display: block;
  background: url('/image/box-br.jpg?1593393329703') no-repeat bottom right;
  line-height: 1px;
  font-size: 1px; }

.box-bnew {
  width: 100%;
  height: 20px;
  background: url('/image/box-bl.jpg?1593393329703') no-repeat bottom left; }

.breadcrumb-container, .breadcrumb-container-bot {
  position: absolute;
  left: 101px;
  font-size: 1.1em;
  color: #BFB383;
  overflow: hidden;
  width: 574px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.breadcrumb-container {
  top: 37px; }

.breadcrumb-container-bot {
  bottom: 9px; }

.box-b-b-m .breadcrumb-container-bot {
  bottom: 46px; }

.breadcrumb-container a, .breadcrumb-container-bot a {
  color: #BFB383;
  text-decoration: none; }

.main_ornate {
  position: absolute;
  top: -34px;
  left: 5px;
  width: 765px;
  height: 34px; }

#menu-float {
  position: relative;
  float: left;
  width: 165px;
  margin: 40px 0px 0px 0px; }

#menu {
  position: relative;
  width: 165px; }

#menu-content {
  padding: 5px 0px; }

#menu2 {
  position: relative;
  width: 165px;
  margin: 47px 0px 0px 0px; }

#menu2-content, #menu3-content {
  padding: 5px 0px;
  /*
    padding: 0px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    */ }

#menu-2 {
  position: relative;
  width: 165px;
  margin-top: 70px; }

/*
#menu-2-content
{
    padding: 15px 15px; 
    min-height: 100px;
    height: auto !important;
    height: 100px;
}
*/
#menu3 {
  position: relative;
  width: 165px;
  margin: 47px 0px 118px 0px; }

.page_header {
  top: 0px;
  left: 0px;
  margin: -11px 0px 0px 6px;
  z-index: 101;
  position: absolute; }

.ornate {
  top: -27px;
  left: -5px;
  z-index: 100;
  position: absolute;
  height: 49px;
  width: 87px;
  display: block; }

#lower {
  float: left;
  position: relative;
  margin: 10px 0px 0px 0px;
  width: 400px; }

#lower-content {
  min-height: 400px;
  height: 400px; }

#character {
  position: absolute;
  bottom: -50px;
  right: -80px;
  z-index: 300; }

.large-closing-ornate {
  text-align: center;
  padding: 5px; }

.vert-ornate .content {
  position: relative;
  text-align: center;
  display: inline-block; }

.vert-ornate .l, .vert-ornate .r {
  position: absolute;
  top: 50%; }

.vert-ornate-1 {
  margin: 10px;
  font-weight: bold;
  font-size: 1.2em; }

.vert-ornate-1 .content {
  margin: 0px 29px; }

.vert-ornate-1 .l {
  margin-top: -13px;
  left: -29px; }

.vert-ornate-1 .r {
  margin-top: -13px;
  right: -29px; }

.vert-ornate-2 {
  margin: 10px;
  font-weight: bold;
  font-size: 1.2em; }

.vert-ornate-2 .content {
  margin: 0px 62px; }

.vert-ornate-2 .l {
  margin-top: -15px;
  left: -59px; }

.vert-ornate-2 .r {
  margin-top: -15px;
  right: -62px; }

.vert-ornate-3 .l {
  margin-top: -58px;
  left: -11px; }

.vert-ornate-3 .r {
  margin-top: -58px;
  right: -11px; }

.content-container-l .no-overflow {
  overflow: hidden;
  max-width: 750px; }

.layoutBox, .layoutBox1 {
  float: left;
  display: inline;
  position: relative;
  margin-top: 0px;
  margin-bottom: 7px;
  background: #191919;
  background: rgba(25, 25, 25, 0.5);
  border-radius: 1px;
  border: 1px solid #1B1B1B; }
  .layoutBox .layoutBoxTitle, .layoutBox1 .layoutBoxTitle {
    z-index: 101; }
  .layoutBox .layoutBoxOrnate, .layoutBox1 .layoutBoxOrnate {
    z-index: 100;
    position: absolute;
    display: block; }
  .layoutBox .layoutBoxBotControlsSpacer, .layoutBox1 .layoutBoxBotControlsSpacer {
    height: 27px;
    position: relative; }
  .layoutBox .layoutBoxBotControls, .layoutBox1 .layoutBoxBotControls {
    top: 6px;
    position: absolute;
    bottom: 10px;
    width: 100%; }
  .layoutBox .layoutBoxBotControls .pagination, .layoutBox1 .layoutBoxBotControls .pagination {
    padding-left: 5px; }
  .layoutBox.hidden, .hidden.layoutBox1 {
    display: none; }

.layoutBoxHalf {
  width: 456.5px;
  margin-left: 6px; }

.layoutBoxFull {
  width: 920px;
  margin-left: 5px; }

.fullscreen {
  overflow: hidden; }

.fullscreen .layoutBoxFull {
  width: 100%;
  margin: 0px; }

.layoutBoxSmall {
  width: 302px;
  margin-left: 6px; }

.layoutBoxMedium {
  width: 611px;
  margin-left: 6px; }

.layoutBoxStretch {
  width: 100%; }

.layoutBoxBorder1, .layoutBox1 {
  /*
  .layoutBoxT
   {
     background: image-url("box-tl.jpg") no-repeat top left;
     line-height: 1px;
     font-size: 1px;
     height: 4px;
     width: 100%;
     
     span
     {
       position: relative;
       display: block;
       height: 4px;
       background: image-url("box-tr.jpg") no-repeat top right;
       line-height: 1px;
       font-size: 1px;
     }
   }
   
   .layoutBoxB
   {
     height: 4px;
     width: 100%;
     background: image-url("box-bl.jpg") no-repeat bottom left;
     line-height: 1px;
     font-size: 1px;
     
     span
     {
       height: 4px;
       position: relative;
       display: block;
       background: image-url("box-br.jpg") no-repeat bottom right;
       line-height: 1px;
       font-size: 1px;
     }
   }*/
  /*
  .layoutBoxContent
    {
      background: image-url("box-r.jpg") right repeat-y transparent;
      padding: 0px 4px;
    }*/ }
  .layoutBoxBorder1 .layoutBoxL, .layoutBox1 .layoutBoxL {
    background-image: url('/image/box-l.jpg?1593393329703');
    background-repeat: repeat-y; }
  .layoutBoxBorder1.padded, .padded.layoutBox1 {
    padding: 0px; }
    .layoutBoxBorder1.padded .layoutBoxContent, .padded.layoutBox1 .layoutBoxContent {
      padding: 10px 14px; }
  .layoutBoxBorder1 .layoutBoxBotControlsSpacer, .layoutBox1 .layoutBoxBotControlsSpacer {
    background: url('/image/box-r.jpg?1593393329707') right repeat-y transparent; }
  .layoutBoxBorder1 .layoutBoxBotControls, .layoutBox1 .layoutBoxBotControls {
    top: 6px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    background: url('/image/box-r.jpg?1593393329707') right repeat-y transparent; }

.links {
  display: table;
  color: #B49E79;
  font-size: 1.1em; }
  .links .separator {
    color: #7e6e6e;
    margin: 5px 0 5px 10px; }
  .links a {
    color: #cec59f;
    text-decoration: none; }
    .links a:hover {
      text-decoration: none;
      text-shadow: 0 0 2px #8c7f48; }
  .links .header {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding: 5px 10px;
    float: none;
    margin: 0;
    vertical-align: middle; }
  .links .selection {
    float: left;
    list-style: none; }
    .links .selection.selection-right {
      float: right; }
    .links .selection a {
      padding: 5px 10px;
      display: block;
      background: #1d1d1d;
      border-left: 1px solid #050505;
      margin-left: 1px;
      margin-bottom: 1px;
      border: 0; }
      .links .selection a:hover {
        background: #2f2f2f; }
    .links .selection:last-child a {
      border-right: 1px solid #050505; }
    .links .selection.selected a, .links .selection.active a {
      background: #2f2f2f;
      text-decoration: none;
      text-shadow: 0 0 2px #8c7f48; }

.layoutBox1 {
  /*

    &.hasBreadcrumb .layoutBoxT
    {
      height: 61px;
      background: image-url("header/main_breadcrumb.jpg") no-repeat top left;
    }

    &.hasBotBreadcrumb .layoutBoxB
    {
      height: 38px;
      background: image-url("header/bot_lb_nm.jpg") no-repeat top left;
    }*/
  /*

    .layoutBoxOrnate
    {
      top: -34px;
      left: 10px;
      height: 34px;
    }*/ }
  .layoutBox1.hasOrnate {
    margin-top: 41px; }
  .layoutBox1 .layoutBoxT {
    height: 33px; }
    .layoutBox1 .layoutBoxT span {
      background: none; }
  .layoutBox1.defaultTheme, .layoutBox1.forumTheme, .layoutBox1.rightBackground1Theme, .layoutBox1.dynamicPageTheme, .layoutBox1.shopPurchaseTheme, .layoutBox1.tempVideoTheme, .layoutBox1.uniqueStashTheme {
    border: 1px solid #1B1B1B;
    box-shadow: 0px 0px 3px 0px #1B1B1B; }
    .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.uniqueStashTheme .layoutBoxTitle {
      color: #cec59f;
      font-size: 180%;
      padding: 5px 10px;
      text-shadow: 0px 0px 2px #ac9c5b; }
      .layoutBox1.defaultTheme .layoutBoxTitle a, .layoutBox1.forumTheme .layoutBoxTitle a, .layoutBox1.rightBackground1Theme .layoutBoxTitle a, .layoutBox1.dynamicPageTheme .layoutBoxTitle a, .layoutBox1.shopPurchaseTheme .layoutBoxTitle a, .layoutBox1.tempVideoTheme .layoutBoxTitle a, .layoutBox1.uniqueStashTheme .layoutBoxTitle a {
        color: #cec59f; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar, .layoutBox1.uniqueStashTheme .botBar, .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar, .layoutBox1.uniqueStashTheme .topBar {
      clear: both;
      overflow: hidden;
      *zoom: 1; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar, .layoutBox1.uniqueStashTheme .botBar, .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar, .layoutBox1.uniqueStashTheme .topBar, .layoutBox1.defaultTheme .topBar.last, .layoutBox1.forumTheme .topBar.last, .layoutBox1.rightBackground1Theme .topBar.last, .layoutBox1.dynamicPageTheme .topBar.last, .layoutBox1.shopPurchaseTheme .topBar.last, .layoutBox1.tempVideoTheme .topBar.last, .layoutBox1.uniqueStashTheme .topBar.last, .layoutBox1.defaultTheme .botBar.first, .layoutBox1.forumTheme .botBar.first, .layoutBox1.rightBackground1Theme .botBar.first, .layoutBox1.dynamicPageTheme .botBar.first, .layoutBox1.shopPurchaseTheme .botBar.first, .layoutBox1.tempVideoTheme .botBar.first, .layoutBox1.uniqueStashTheme .botBar.first {
      background: url('/image/layout/breadcrumb-background.png?1593393375698') left repeat-y #000;
      box-shadow: 0px 0px 4px 0px #1F1A0F inset;
      border: 1px solid #050505;
      background: -owg-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -webkit-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -moz-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -o-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      -pie-background: -pie-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313); }
    .layoutBox1.defaultTheme .topBar.first, .layoutBox1.forumTheme .topBar.first, .layoutBox1.rightBackground1Theme .topBar.first, .layoutBox1.dynamicPageTheme .topBar.first, .layoutBox1.shopPurchaseTheme .topBar.first, .layoutBox1.tempVideoTheme .topBar.first, .layoutBox1.uniqueStashTheme .topBar.first {
      border-radius: 2px 2px 0px 0px; }
    .layoutBox1.defaultTheme .botBar.last, .layoutBox1.forumTheme .botBar.last, .layoutBox1.rightBackground1Theme .botBar.last, .layoutBox1.dynamicPageTheme .botBar.last, .layoutBox1.shopPurchaseTheme .botBar.last, .layoutBox1.tempVideoTheme .botBar.last, .layoutBox1.uniqueStashTheme .botBar.last {
      border-radius: 0px 0px 2px 2px; }
    .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar, .layoutBox1.uniqueStashTheme .topBar {
      border-bottom: 0; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar, .layoutBox1.uniqueStashTheme .botBar {
      border-top: none; }
    .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.uniqueStashTheme .breadcrumb {
      margin: 0px;
      padding: 5px 9px;
      left: 101px;
      right: 101px;
      font-size: 1.1em;
      color: #B49E79;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .layoutBox1.defaultTheme .breadcrumb .separator, .layoutBox1.forumTheme .breadcrumb .separator, .layoutBox1.rightBackground1Theme .breadcrumb .separator, .layoutBox1.dynamicPageTheme .breadcrumb .separator, .layoutBox1.shopPurchaseTheme .breadcrumb .separator, .layoutBox1.tempVideoTheme .breadcrumb .separator, .layoutBox1.uniqueStashTheme .breadcrumb .separator {
        padding: 0px 10px;
        color: #7E6E6E; }
      .layoutBox1.defaultTheme .breadcrumb a, .layoutBox1.forumTheme .breadcrumb a, .layoutBox1.rightBackground1Theme .breadcrumb a, .layoutBox1.dynamicPageTheme .breadcrumb a, .layoutBox1.shopPurchaseTheme .breadcrumb a, .layoutBox1.tempVideoTheme .breadcrumb a, .layoutBox1.uniqueStashTheme .breadcrumb a {
        color: #cec59f;
        text-decoration: none; }
        .layoutBox1.defaultTheme .breadcrumb a:hover, .layoutBox1.forumTheme .breadcrumb a:hover, .layoutBox1.rightBackground1Theme .breadcrumb a:hover, .layoutBox1.dynamicPageTheme .breadcrumb a:hover, .layoutBox1.shopPurchaseTheme .breadcrumb a:hover, .layoutBox1.tempVideoTheme .breadcrumb a:hover, .layoutBox1.uniqueStashTheme .breadcrumb a:hover {
          text-decoration: underline;
          text-shadow: 0px 0px 2px #8c7f48; }
  .layoutBox1.forumTheme {
    border: 1px solid #302E2E;
    display: block;
    /*
    &.layoutBoxFull
        {
          width: $layoutBoxFullWidth;
        }

        &.layoutBoxHalf
        {
          width: $layoutBoxHalfWidth;
        }*/ }
  .layoutBox1.rightBackground1Theme {
    background: #0D0D0D url('/image/layout/map.png?1593393376042') no-repeat top right; }
    .layoutBox1.rightBackground1Theme .poeForm {
      width: 50%; }
    .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.rightBackground1Theme .topBar.last, .layoutBox1.rightBackground1Theme .botBar.first {
      background: url('/image/layout/breadcrumb-background.png?1593393375698') left repeat-y transparent;
      border: 1px solid rgba(5, 5, 5, 0.29);
      background: -owg-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -webkit-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -moz-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -o-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      -pie-background: -pie-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0)); }
  .layoutBox1.dynamicPageTheme {
    background: #000; }
  .layoutBox1.darkTheme {
    background: #000; }
  .layoutBox1.noneTheme {
    background: transparent;
    border: none; }
  .layoutBox1.shopPurchaseTheme {
    background: #000; }
  .layoutBox1.tempVideoTheme {
    width: 376px; }
  .layoutBox1.uniqueStashTheme {
    background: url('/image/layout/box/unique-stash-theme.png?1593393375458') repeat-y center/contain; }

.header > .navigation {
  list-style: none;
  font-weight: bold;
  width: 978px;
  font-size: 16.5px;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  z-index: 20;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .header > .navigation #nav-game a, .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-game:hover a span, .header > .navigation #nav-game:focus a span, .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-game:hover div.dropDown, .header > .navigation #nav-game:focus div.dropDown, .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .header > .navigation #nav-home {
    margin-left: 82px; }
    .header > .navigation #nav-home a, .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .header > .navigation #nav-home:hover a span, .header > .navigation #nav-home:focus a span, .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .header > .navigation #nav-home:hover div.dropDown, .header > .navigation #nav-home:focus div.dropDown, .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .header > .navigation #nav-forum a, .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-forum:hover a span, .header > .navigation #nav-forum:focus a span, .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-forum:hover div.dropDown, .header > .navigation #nav-forum:focus div.dropDown, .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .header > .navigation #nav-events {
    margin-left: 116px; }
    .header > .navigation #nav-events a, .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .header > .navigation #nav-events:hover a span, .header > .navigation #nav-events:focus a span, .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .header > .navigation #nav-events:hover div.dropDown, .header > .navigation #nav-events:focus div.dropDown, .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .header > .navigation #nav-shop a, .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-shop:hover a span, .header > .navigation #nav-shop:focus a span, .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-shop:hover div.dropDown, .header > .navigation #nav-shop:focus div.dropDown, .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .header > .navigation #nav-trade a, .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-trade:hover a span, .header > .navigation #nav-trade:focus a span, .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-trade:hover div.dropDown, .header > .navigation #nav-trade:focus div.dropDown, .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-game a, .en_US .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .en_US .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-game:hover a span, .en_US .header > .navigation #nav-game:focus a span, .en_US .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-game:hover div.dropDown, .en_US .header > .navigation #nav-game:focus div.dropDown, .en_US .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-home {
    margin-left: 82px; }
    .en_US .header > .navigation #nav-home a, .en_US .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .en_US .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .en_US .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .en_US .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .en_US .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .en_US .header > .navigation #nav-home:hover a span, .en_US .header > .navigation #nav-home:focus a span, .en_US .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .en_US .header > .navigation #nav-home:hover div.dropDown, .en_US .header > .navigation #nav-home:focus div.dropDown, .en_US .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .en_US .header > .navigation #nav-forum a, .en_US .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .en_US .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-forum:hover a span, .en_US .header > .navigation #nav-forum:focus a span, .en_US .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-forum:hover div.dropDown, .en_US .header > .navigation #nav-forum:focus div.dropDown, .en_US .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-events {
    margin-left: 116px; }
    .en_US .header > .navigation #nav-events a, .en_US .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .en_US .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .en_US .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .en_US .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .en_US .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .en_US .header > .navigation #nav-events:hover a span, .en_US .header > .navigation #nav-events:focus a span, .en_US .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .en_US .header > .navigation #nav-events:hover div.dropDown, .en_US .header > .navigation #nav-events:focus div.dropDown, .en_US .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .en_US .header > .navigation #nav-shop a, .en_US .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .en_US .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .en_US .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-shop:hover a span, .en_US .header > .navigation #nav-shop:focus a span, .en_US .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-shop:hover div.dropDown, .en_US .header > .navigation #nav-shop:focus div.dropDown, .en_US .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .en_US .header > .navigation #nav-trade a, .en_US .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .en_US .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-trade:hover a span, .en_US .header > .navigation #nav-trade:focus a span, .en_US .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-trade:hover div.dropDown, .en_US .header > .navigation #nav-trade:focus div.dropDown, .en_US .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-game a, .zh_TW .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .zh_TW .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-game:hover a span, .zh_TW .header > .navigation #nav-game:focus a span, .zh_TW .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-game:hover div.dropDown, .zh_TW .header > .navigation #nav-game:focus div.dropDown, .zh_TW .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-home {
    margin-left: 82px; }
    .zh_TW .header > .navigation #nav-home a, .zh_TW .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .zh_TW .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .zh_TW .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_TW .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .zh_TW .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_TW .header > .navigation #nav-home:hover a span, .zh_TW .header > .navigation #nav-home:focus a span, .zh_TW .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_TW .header > .navigation #nav-home:hover div.dropDown, .zh_TW .header > .navigation #nav-home:focus div.dropDown, .zh_TW .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .zh_TW .header > .navigation #nav-forum a, .zh_TW .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .zh_TW .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-forum:hover a span, .zh_TW .header > .navigation #nav-forum:focus a span, .zh_TW .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-forum:hover div.dropDown, .zh_TW .header > .navigation #nav-forum:focus div.dropDown, .zh_TW .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-events {
    margin-left: 116px; }
    .zh_TW .header > .navigation #nav-events a, .zh_TW .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .zh_TW .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .zh_TW .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_TW .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .zh_TW .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_TW .header > .navigation #nav-events:hover a span, .zh_TW .header > .navigation #nav-events:focus a span, .zh_TW .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_TW .header > .navigation #nav-events:hover div.dropDown, .zh_TW .header > .navigation #nav-events:focus div.dropDown, .zh_TW .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .zh_TW .header > .navigation #nav-shop a, .zh_TW .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .zh_TW .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-shop:hover a span, .zh_TW .header > .navigation #nav-shop:focus a span, .zh_TW .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-shop:hover div.dropDown, .zh_TW .header > .navigation #nav-shop:focus div.dropDown, .zh_TW .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .zh_TW .header > .navigation #nav-trade a, .zh_TW .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .zh_TW .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-trade:hover a span, .zh_TW .header > .navigation #nav-trade:focus a span, .zh_TW .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-trade:hover div.dropDown, .zh_TW .header > .navigation #nav-trade:focus div.dropDown, .zh_TW .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-game a, .zh_CN .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .zh_CN .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-game:hover a span, .zh_CN .header > .navigation #nav-game:focus a span, .zh_CN .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-game:hover div.dropDown, .zh_CN .header > .navigation #nav-game:focus div.dropDown, .zh_CN .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-home {
    margin-left: 82px; }
    .zh_CN .header > .navigation #nav-home a, .zh_CN .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .zh_CN .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .zh_CN .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_CN .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .zh_CN .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_CN .header > .navigation #nav-home:hover a span, .zh_CN .header > .navigation #nav-home:focus a span, .zh_CN .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_CN .header > .navigation #nav-home:hover div.dropDown, .zh_CN .header > .navigation #nav-home:focus div.dropDown, .zh_CN .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .zh_CN .header > .navigation #nav-forum a, .zh_CN .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .zh_CN .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-forum:hover a span, .zh_CN .header > .navigation #nav-forum:focus a span, .zh_CN .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-forum:hover div.dropDown, .zh_CN .header > .navigation #nav-forum:focus div.dropDown, .zh_CN .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-events {
    margin-left: 116px; }
    .zh_CN .header > .navigation #nav-events a, .zh_CN .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .zh_CN .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .zh_CN .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_CN .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .zh_CN .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_CN .header > .navigation #nav-events:hover a span, .zh_CN .header > .navigation #nav-events:focus a span, .zh_CN .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_CN .header > .navigation #nav-events:hover div.dropDown, .zh_CN .header > .navigation #nav-events:focus div.dropDown, .zh_CN .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .zh_CN .header > .navigation #nav-shop a, .zh_CN .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .zh_CN .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-shop:hover a span, .zh_CN .header > .navigation #nav-shop:focus a span, .zh_CN .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-shop:hover div.dropDown, .zh_CN .header > .navigation #nav-shop:focus div.dropDown, .zh_CN .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .zh_CN .header > .navigation #nav-trade a, .zh_CN .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-zh.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .zh_CN .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-trade:hover a span, .zh_CN .header > .navigation #nav-trade:focus a span, .zh_CN .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-trade:hover div.dropDown, .zh_CN .header > .navigation #nav-trade:focus div.dropDown, .zh_CN .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-game a, .th_TH .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .th_TH .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-game:hover a span, .th_TH .header > .navigation #nav-game:focus a span, .th_TH .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-game:hover div.dropDown, .th_TH .header > .navigation #nav-game:focus div.dropDown, .th_TH .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-home {
    margin-left: 82px; }
    .th_TH .header > .navigation #nav-home a, .th_TH .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .th_TH .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .th_TH .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .th_TH .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .th_TH .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .th_TH .header > .navigation #nav-home:hover a span, .th_TH .header > .navigation #nav-home:focus a span, .th_TH .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .th_TH .header > .navigation #nav-home:hover div.dropDown, .th_TH .header > .navigation #nav-home:focus div.dropDown, .th_TH .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .th_TH .header > .navigation #nav-forum a, .th_TH .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .th_TH .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-forum:hover a span, .th_TH .header > .navigation #nav-forum:focus a span, .th_TH .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-forum:hover div.dropDown, .th_TH .header > .navigation #nav-forum:focus div.dropDown, .th_TH .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-events {
    margin-left: 116px; }
    .th_TH .header > .navigation #nav-events a, .th_TH .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .th_TH .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .th_TH .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .th_TH .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .th_TH .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .th_TH .header > .navigation #nav-events:hover a span, .th_TH .header > .navigation #nav-events:focus a span, .th_TH .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .th_TH .header > .navigation #nav-events:hover div.dropDown, .th_TH .header > .navigation #nav-events:focus div.dropDown, .th_TH .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .th_TH .header > .navigation #nav-shop a, .th_TH .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .th_TH .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .th_TH .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-shop:hover a span, .th_TH .header > .navigation #nav-shop:focus a span, .th_TH .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-shop:hover div.dropDown, .th_TH .header > .navigation #nav-shop:focus div.dropDown, .th_TH .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .th_TH .header > .navigation #nav-trade a, .th_TH .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .th_TH .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-trade:hover a span, .th_TH .header > .navigation #nav-trade:focus a span, .th_TH .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-trade:hover div.dropDown, .th_TH .header > .navigation #nav-trade:focus div.dropDown, .th_TH .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-game a, .ru_RU .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .ru_RU .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-game:hover a span, .ru_RU .header > .navigation #nav-game:focus a span, .ru_RU .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-game:hover div.dropDown, .ru_RU .header > .navigation #nav-game:focus div.dropDown, .ru_RU .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-home {
    margin-left: 82px; }
    .ru_RU .header > .navigation #nav-home a, .ru_RU .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .ru_RU .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .ru_RU .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .ru_RU .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .ru_RU .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ru_RU .header > .navigation #nav-home:hover a span, .ru_RU .header > .navigation #nav-home:focus a span, .ru_RU .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ru_RU .header > .navigation #nav-home:hover div.dropDown, .ru_RU .header > .navigation #nav-home:focus div.dropDown, .ru_RU .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .ru_RU .header > .navigation #nav-forum a, .ru_RU .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .ru_RU .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-forum:hover a span, .ru_RU .header > .navigation #nav-forum:focus a span, .ru_RU .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-forum:hover div.dropDown, .ru_RU .header > .navigation #nav-forum:focus div.dropDown, .ru_RU .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-events {
    margin-left: 116px; }
    .ru_RU .header > .navigation #nav-events a, .ru_RU .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .ru_RU .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .ru_RU .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .ru_RU .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .ru_RU .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ru_RU .header > .navigation #nav-events:hover a span, .ru_RU .header > .navigation #nav-events:focus a span, .ru_RU .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ru_RU .header > .navigation #nav-events:hover div.dropDown, .ru_RU .header > .navigation #nav-events:focus div.dropDown, .ru_RU .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .ru_RU .header > .navigation #nav-shop a, .ru_RU .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .ru_RU .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-shop:hover a span, .ru_RU .header > .navigation #nav-shop:focus a span, .ru_RU .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-shop:hover div.dropDown, .ru_RU .header > .navigation #nav-shop:focus div.dropDown, .ru_RU .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .ru_RU .header > .navigation #nav-trade a, .ru_RU .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .ru_RU .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-trade:hover a span, .ru_RU .header > .navigation #nav-trade:focus a span, .ru_RU .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-trade:hover div.dropDown, .ru_RU .header > .navigation #nav-trade:focus div.dropDown, .ru_RU .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-game a, .pt_BR .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .pt_BR .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-game:hover a span, .pt_BR .header > .navigation #nav-game:focus a span, .pt_BR .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-game:hover div.dropDown, .pt_BR .header > .navigation #nav-game:focus div.dropDown, .pt_BR .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-home {
    margin-left: 82px; }
    .pt_BR .header > .navigation #nav-home a, .pt_BR .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .pt_BR .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .pt_BR .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .pt_BR .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .pt_BR .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .pt_BR .header > .navigation #nav-home:hover a span, .pt_BR .header > .navigation #nav-home:focus a span, .pt_BR .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .pt_BR .header > .navigation #nav-home:hover div.dropDown, .pt_BR .header > .navigation #nav-home:focus div.dropDown, .pt_BR .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .pt_BR .header > .navigation #nav-forum a, .pt_BR .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .pt_BR .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-forum:hover a span, .pt_BR .header > .navigation #nav-forum:focus a span, .pt_BR .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-forum:hover div.dropDown, .pt_BR .header > .navigation #nav-forum:focus div.dropDown, .pt_BR .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-events {
    margin-left: 116px; }
    .pt_BR .header > .navigation #nav-events a, .pt_BR .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .pt_BR .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .pt_BR .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .pt_BR .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .pt_BR .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .pt_BR .header > .navigation #nav-events:hover a span, .pt_BR .header > .navigation #nav-events:focus a span, .pt_BR .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .pt_BR .header > .navigation #nav-events:hover div.dropDown, .pt_BR .header > .navigation #nav-events:focus div.dropDown, .pt_BR .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .pt_BR .header > .navigation #nav-shop a, .pt_BR .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .pt_BR .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-shop:hover a span, .pt_BR .header > .navigation #nav-shop:focus a span, .pt_BR .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-shop:hover div.dropDown, .pt_BR .header > .navigation #nav-shop:focus div.dropDown, .pt_BR .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .pt_BR .header > .navigation #nav-trade a, .pt_BR .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .pt_BR .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-trade:hover a span, .pt_BR .header > .navigation #nav-trade:focus a span, .pt_BR .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-trade:hover div.dropDown, .pt_BR .header > .navigation #nav-trade:focus div.dropDown, .pt_BR .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-game a, .de_DE .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .de_DE .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-game:hover a span, .de_DE .header > .navigation #nav-game:focus a span, .de_DE .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-game:hover div.dropDown, .de_DE .header > .navigation #nav-game:focus div.dropDown, .de_DE .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-home {
    margin-left: 82px; }
    .de_DE .header > .navigation #nav-home a, .de_DE .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .de_DE .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .de_DE .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .de_DE .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .de_DE .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .de_DE .header > .navigation #nav-home:hover a span, .de_DE .header > .navigation #nav-home:focus a span, .de_DE .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .de_DE .header > .navigation #nav-home:hover div.dropDown, .de_DE .header > .navigation #nav-home:focus div.dropDown, .de_DE .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .de_DE .header > .navigation #nav-forum a, .de_DE .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .de_DE .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-forum:hover a span, .de_DE .header > .navigation #nav-forum:focus a span, .de_DE .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-forum:hover div.dropDown, .de_DE .header > .navigation #nav-forum:focus div.dropDown, .de_DE .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-events {
    margin-left: 116px; }
    .de_DE .header > .navigation #nav-events a, .de_DE .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .de_DE .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .de_DE .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .de_DE .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .de_DE .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .de_DE .header > .navigation #nav-events:hover a span, .de_DE .header > .navigation #nav-events:focus a span, .de_DE .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .de_DE .header > .navigation #nav-events:hover div.dropDown, .de_DE .header > .navigation #nav-events:focus div.dropDown, .de_DE .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .de_DE .header > .navigation #nav-shop a, .de_DE .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .de_DE .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .de_DE .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-shop:hover a span, .de_DE .header > .navigation #nav-shop:focus a span, .de_DE .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-shop:hover div.dropDown, .de_DE .header > .navigation #nav-shop:focus div.dropDown, .de_DE .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .de_DE .header > .navigation #nav-trade a, .de_DE .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .de_DE .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-trade:hover a span, .de_DE .header > .navigation #nav-trade:focus a span, .de_DE .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-trade:hover div.dropDown, .de_DE .header > .navigation #nav-trade:focus div.dropDown, .de_DE .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-game a, .es_ES .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .es_ES .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-game:hover a span, .es_ES .header > .navigation #nav-game:focus a span, .es_ES .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-game:hover div.dropDown, .es_ES .header > .navigation #nav-game:focus div.dropDown, .es_ES .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-home {
    margin-left: 82px; }
    .es_ES .header > .navigation #nav-home a, .es_ES .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .es_ES .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .es_ES .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .es_ES .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .es_ES .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .es_ES .header > .navigation #nav-home:hover a span, .es_ES .header > .navigation #nav-home:focus a span, .es_ES .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .es_ES .header > .navigation #nav-home:hover div.dropDown, .es_ES .header > .navigation #nav-home:focus div.dropDown, .es_ES .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .es_ES .header > .navigation #nav-forum a, .es_ES .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .es_ES .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-forum:hover a span, .es_ES .header > .navigation #nav-forum:focus a span, .es_ES .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-forum:hover div.dropDown, .es_ES .header > .navigation #nav-forum:focus div.dropDown, .es_ES .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-events {
    margin-left: 116px; }
    .es_ES .header > .navigation #nav-events a, .es_ES .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .es_ES .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .es_ES .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .es_ES .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .es_ES .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .es_ES .header > .navigation #nav-events:hover a span, .es_ES .header > .navigation #nav-events:focus a span, .es_ES .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .es_ES .header > .navigation #nav-events:hover div.dropDown, .es_ES .header > .navigation #nav-events:focus div.dropDown, .es_ES .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .es_ES .header > .navigation #nav-shop a, .es_ES .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .es_ES .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .es_ES .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-shop:hover a span, .es_ES .header > .navigation #nav-shop:focus a span, .es_ES .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-shop:hover div.dropDown, .es_ES .header > .navigation #nav-shop:focus div.dropDown, .es_ES .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .es_ES .header > .navigation #nav-trade a, .es_ES .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .es_ES .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-trade:hover a span, .es_ES .header > .navigation #nav-trade:focus a span, .es_ES .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-trade:hover div.dropDown, .es_ES .header > .navigation #nav-trade:focus div.dropDown, .es_ES .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-game a, .fr_FR .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .fr_FR .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-game:hover a span, .fr_FR .header > .navigation #nav-game:focus a span, .fr_FR .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-game:hover div.dropDown, .fr_FR .header > .navigation #nav-game:focus div.dropDown, .fr_FR .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-home {
    margin-left: 82px; }
    .fr_FR .header > .navigation #nav-home a, .fr_FR .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
      background-position: -239px -100px;
      width: 111px;
      height: 50px; }
    .fr_FR .header > .navigation #nav-home a span {
      background-position: -239px -150px; }
    .fr_FR .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .fr_FR .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .fr_FR .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .fr_FR .header > .navigation #nav-home:hover a span, .fr_FR .header > .navigation #nav-home:focus a span, .fr_FR .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .fr_FR .header > .navigation #nav-home:hover div.dropDown, .fr_FR .header > .navigation #nav-home:focus div.dropDown, .fr_FR .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .fr_FR .header > .navigation #nav-forum a, .fr_FR .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .fr_FR .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-forum:hover a span, .fr_FR .header > .navigation #nav-forum:focus a span, .fr_FR .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-forum:hover div.dropDown, .fr_FR .header > .navigation #nav-forum:focus div.dropDown, .fr_FR .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-events {
    margin-left: 116px; }
    .fr_FR .header > .navigation #nav-events a, .fr_FR .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .fr_FR .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .fr_FR .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .fr_FR .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .fr_FR .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .fr_FR .header > .navigation #nav-events:hover a span, .fr_FR .header > .navigation #nav-events:focus a span, .fr_FR .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .fr_FR .header > .navigation #nav-events:hover div.dropDown, .fr_FR .header > .navigation #nav-events:focus div.dropDown, .fr_FR .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .fr_FR .header > .navigation #nav-shop a, .fr_FR .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
    background-position: -239px 0px;
    width: 112px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-shop a span {
    background-position: -239px -50px; }
  .fr_FR .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-shop:hover a span, .fr_FR .header > .navigation #nav-shop:focus a span, .fr_FR .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-shop:hover div.dropDown, .fr_FR .header > .navigation #nav-shop:focus div.dropDown, .fr_FR .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .fr_FR .header > .navigation #nav-trade a, .fr_FR .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png') no-repeat;
    background-position: -119px -100px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-trade a span {
    background-position: -119px -150px; }
  .fr_FR .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-trade:hover a span, .fr_FR .header > .navigation #nav-trade:focus a span, .fr_FR .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-trade:hover div.dropDown, .fr_FR .header > .navigation #nav-trade:focus div.dropDown, .fr_FR .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .ko_KR .header > .navigation #nav-game a, .ko_KR .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .ko_KR .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .ko_KR .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .ko_KR .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .ko_KR .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ko_KR .header > .navigation #nav-game:hover a span, .ko_KR .header > .navigation #nav-game:focus a span, .ko_KR .header > .navigation #nav-game:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ko_KR .header > .navigation #nav-game:hover div.dropDown, .ko_KR .header > .navigation #nav-game:focus div.dropDown, .ko_KR .header > .navigation #nav-game:active div.dropDown {
    left: -35px; }
  .ko_KR .header > .navigation #nav-home {
    margin-left: 82px; }
    .ko_KR .header > .navigation #nav-home a, .ko_KR .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .ko_KR .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .ko_KR .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .ko_KR .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .ko_KR .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ko_KR .header > .navigation #nav-home:hover a span, .ko_KR .header > .navigation #nav-home:focus a span, .ko_KR .header > .navigation #nav-home:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ko_KR .header > .navigation #nav-home:hover div.dropDown, .ko_KR .header > .navigation #nav-home:focus div.dropDown, .ko_KR .header > .navigation #nav-home:active div.dropDown {
      left: -39px; }
  .ko_KR .header > .navigation #nav-forum a, .ko_KR .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .ko_KR .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .ko_KR .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .ko_KR .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .ko_KR .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ko_KR .header > .navigation #nav-forum:hover a span, .ko_KR .header > .navigation #nav-forum:focus a span, .ko_KR .header > .navigation #nav-forum:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ko_KR .header > .navigation #nav-forum:hover div.dropDown, .ko_KR .header > .navigation #nav-forum:focus div.dropDown, .ko_KR .header > .navigation #nav-forum:active div.dropDown {
    left: -35px; }
  .ko_KR .header > .navigation #nav-events {
    margin-left: 116px; }
    .ko_KR .header > .navigation #nav-events a, .ko_KR .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .ko_KR .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .ko_KR .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .ko_KR .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .ko_KR .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ko_KR .header > .navigation #nav-events:hover a span, .ko_KR .header > .navigation #nav-events:focus a span, .ko_KR .header > .navigation #nav-events:active a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ko_KR .header > .navigation #nav-events:hover div.dropDown, .ko_KR .header > .navigation #nav-events:focus div.dropDown, .ko_KR .header > .navigation #nav-events:active div.dropDown {
      left: -34.5px; }
  .ko_KR .header > .navigation #nav-shop a, .ko_KR .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .ko_KR .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .ko_KR .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .ko_KR .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .ko_KR .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ko_KR .header > .navigation #nav-shop:hover a span, .ko_KR .header > .navigation #nav-shop:focus a span, .ko_KR .header > .navigation #nav-shop:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ko_KR .header > .navigation #nav-shop:hover div.dropDown, .ko_KR .header > .navigation #nav-shop:focus div.dropDown, .ko_KR .header > .navigation #nav-shop:active div.dropDown {
    left: -38.5px; }
  .ko_KR .header > .navigation #nav-trade a, .ko_KR .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-ko_KR.png') no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .ko_KR .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .ko_KR .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .ko_KR .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .ko_KR .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ko_KR .header > .navigation #nav-trade:hover a span, .ko_KR .header > .navigation #nav-trade:focus a span, .ko_KR .header > .navigation #nav-trade:active a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ko_KR .header > .navigation #nav-trade:hover div.dropDown, .ko_KR .header > .navigation #nav-trade:focus div.dropDown, .ko_KR .header > .navigation #nav-trade:active div.dropDown {
    left: -35px; }
  .header > .navigation a {
    display: block;
    padding: 0px;
    text-decoration: none;
    color: #e8ba7f;
    font-size: 16.5px; }
    .header > .navigation a:hover {
      color: #FAE3B9;
      text-shadow: 0px 0px 3px #F58A43; }
  .header > .navigation.ko_KR a {
    font-size: 14px; }
  .header > .navigation li {
    float: left;
    position: relative;
    background: none;
    padding: 0px;
    cursor: default; }
    .header > .navigation li .separator {
      background: url('/image/forum/forum-sep.png?1593393345983') no-repeat center center;
      height: 20px; }
  .header > .navigation div.dropDown {
    left: -10000px;
    position: absolute;
    list-style: none;
    padding: 0px;
    opacity: 0;
    text-align: center;
    z-index: 20;
    font-size: 90%;
    -webkit-transform: translateZ(0); }
    .header > .navigation div.dropDown ul {
      background: url('/image/layout/navigation/dropdown/frame-background.png?1593393376042') repeat-y top left;
      width: 189px;
      padding: 10px 0px 10px 0px; }
      .ru_RU .header > .navigation div.dropDown ul li, .ru_RU .header > .navigation div.dropDown ul li a {
        font-size: 14px; }
    .header > .navigation div.dropDown .top, .header > .navigation div.dropDown .bot {
      left: -7.5px;
      position: absolute;
      z-index: 20; }
    .header > .navigation div.dropDown .top {
      background: url('/image/gen/dropdown-sprite.png') no-repeat;
      background-position: 0px -24px;
      width: 204px;
      height: 24px;
      top: -14px; }
    .header > .navigation div.dropDown .bot {
      background: url('/image/gen/dropdown-sprite.png') no-repeat;
      background-position: 0px 0px;
      width: 204px;
      height: 24px;
      bottom: -13px; }
    .header > .navigation div.dropDown a {
      white-space: nowrap; }
    .header > .navigation div.dropDown li {
      padding-top: 1px;
      float: none; }
  .header > .navigation li:hover div.dropDown, .header > .navigation li:focus div.dropDown, .header > .navigation li:active div.dropDown {
    -webkit-transition: 0.175s linear opacity;
    -moz-transition: 0.175s linear opacity false;
    -o-transition: 0.175s linear opacity false;
    transition: 0.175s linear opacity;
    opacity: 1; }
    .header > .navigation li:hover div.dropDown a, .header > .navigation li:focus div.dropDown a, .header > .navigation li:active div.dropDown a {
      text-decoration: none; }
    .header > .navigation li:hover div.dropDown li a:hover, .header > .navigation li:focus div.dropDown li a:hover, .header > .navigation li:active div.dropDown li a:hover {
      background: rgba(114, 81, 62, 0.1); }

#mainAdminNav {
  position: absolute;
  right: 22px;
  bottom: 82px;
  width: 270px;
  font-size: 80%;
  z-index: 1; }
  #mainAdminNav a {
    color: rgba(145, 142, 139, 0.87);
    margin: 0px 7px 3px 0px;
    float: left;
    text-decoration: none;
    background: rgba(41, 41, 41, 0.63);
    padding: 2px;
    border-radius: 2px; }
    #mainAdminNav a:hover {
      color: #fff; }

.sbox-container {
  float: left; }

.sbox {
  width: 300px;
  margin: 0px 0px 6px 6px;
  /*background-color: #333;*/ }

.mbox-container {
  float: left; }

.mbox {
  width: 607px;
  margin: 0px 0px 6px 6px;
  /*background-color: #333;*/ }

.hbox-container {
  float: left; }

.hbox, .itemDataIndex .itemGroup {
  width: 454px;
  margin: 0px 6px 6px 0px;
  /*background-color: #333;*/ }

.seasonInfo {
  background-color: #000;
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  clear: both;
  height: 638px;
  width: 920px; }
  .seasonInfo .pointsBackground {
    position: absolute;
    top: 440px;
    left: 0px;
    background: url('/image/season/one-small.jpg?1593393392858');
    height: 206px;
    width: 920px; }
  .seasonInfo#race-season-one {
    background: url('/image/season/one.jpg?1593393392858'); }
    .seasonInfo#race-season-one .pointsBackground {
      display: none; }
    .seasonInfo#race-season-one.garena {
      background: #000 url('/image/season/six.jpg?1593393392894') top right no-repeat; }
      .seasonInfo#race-season-one.garena .pointsBackground {
        display: block;
        background-image: url('/image/season/six-background.jpg?1593393392894');
        height: 217px;
        top: 410px; }
      .seasonInfo#race-season-one.garena.small .pointsBackground {
        display: none; }
  .seasonInfo#race-season-two {
    background-image: url('/image/season/two.jpg?1593393392894'); }
    .seasonInfo#race-season-two.garena {
      background-image: url('/image/season/seven.jpg?1593393392894'); }
      .seasonInfo#race-season-two.garena .pointsBackground {
        background-image: url('/image/season/six-background.jpg?1593393392894');
        height: 217px;
        top: 410px; }
  .seasonInfo#race-season-three {
    background-image: url('/image/season/three.jpg?1593393392894'); }
    .seasonInfo#race-season-three.garena {
      background-image: url('/image/season/eight.png?1593393392858'); }
      .seasonInfo#race-season-three.garena .pointsBackground {
        background-image: url('/image/season/six-background.jpg?1593393392894');
        height: 217px;
        top: 410px; }
    .seasonInfo#race-season-three.garena_tw {
      background-image: url('/image/season/eleven.jpg?1593393392858'); }
      .seasonInfo#race-season-three.garena_tw .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
    .seasonInfo#race-season-three .pointsBackground {
      display: none; }
  .seasonInfo#race-season-four {
    background-image: url('/image/season/four-top-bg.jpg?1593393392858'); }
    .seasonInfo#race-season-four.garena {
      background-image: url('/image/season/nine.jpg?1593393392858'); }
      .seasonInfo#race-season-four.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#race-season-five {
    background-image: url('/image/season/five.jpg?1593393392858'); }
    .seasonInfo#race-season-five.garena {
      background-image: url('/image/season/ten.jpg?1593393392894'); }
      .seasonInfo#race-season-five.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#mini-race-week {
    background-image: url('/image/season/eleven.jpg?1593393392858'); }
    .seasonInfo#mini-race-week.garena {
      background-image: url('/image/season/eleven.jpg?1593393392858'); }
      .seasonInfo#mini-race-week.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#race-season-six {
    background-image: url('/image/season/six.jpg?1593393392894'); }
    .seasonInfo#race-season-six.garena {
      background-image: url('/image/season/eleven.jpg?1593393392858'); }
      .seasonInfo#race-season-six.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
    .seasonInfo#race-season-six .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1593393392894');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-seven {
    background-image: url('/image/season/seven.jpg?1593393392894'); }
    .seasonInfo#race-season-seven .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1593393392894');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-eight {
    background-image: url('/image/season/eight.png?1593393392858'); }
    .seasonInfo#race-season-eight .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1593393392894');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-nine {
    background-image: url('/image/season/nine.jpg?1593393392858'); }
    .seasonInfo#race-season-nine .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#race-season-ten {
    background-image: url('/image/season/ten.jpg?1593393392894'); }
    .seasonInfo#race-season-ten .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#race-season, .seasonInfo#race-season-eleven, .seasonInfo#tw-race-season-three, .seasonInfo#sg-race-season-six, .seasonInfo#pre-awakening-race {
    background-image: url('/image/season/eleven.jpg?1593393392858'); }
    .seasonInfo#race-season .pointsBackground, .seasonInfo#race-season-eleven .pointsBackground, .seasonInfo#tw-race-season-three .pointsBackground, .seasonInfo#sg-race-season-six .pointsBackground, .seasonInfo#pre-awakening-race .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#emberwake-race-season, .seasonInfo#race-it-red {
    background-image: url('/image/season/emberwake.jpg?1593393392858'); }
  .seasonInfo#bloodgrip-race-season {
    background-image: url('/image/season/bloodgrip.jpg?1593393392858'); }
    .seasonInfo#bloodgrip-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#soulthirst-race-season {
    background-image: url('/image/season/soulthirst.jpg?1593393392894'); }
    .seasonInfo#soulthirst-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#winterheart-race-season {
    background-image: url('/image/season/winterheart.jpg?1593393392898'); }
    .seasonInfo#winterheart-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#medallion-race-season {
    background-image: url('/image/season/medallion.png?1593393392858'); }
    .seasonInfo#medallion-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#us-pvp-season-two, .seasonInfo#eu-pvp-season-two, .seasonInfo#pvp-season-two, .seasonInfo#th-pvp-season-one {
    background-image: url('/image/season/pvp/two.jpg?1593393392862');
    height: 668px; }
    .seasonInfo#us-pvp-season-two.small, .seasonInfo#eu-pvp-season-two.small, .seasonInfo#pvp-season-two.small, .seasonInfo#th-pvp-season-one.small {
      height: 288px; }
    .seasonInfo#us-pvp-season-two .pointsBackground, .seasonInfo#eu-pvp-season-two .pointsBackground, .seasonInfo#pvp-season-two .pointsBackground, .seasonInfo#th-pvp-season-one .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#us-pvp-season-one, .seasonInfo#eu-pvp-season-one, .seasonInfo#pvp-season-one {
    background-image: url('/image/season/pvp/one.jpg?1593393392862');
    height: 668px; }
    .seasonInfo#us-pvp-season-one.small, .seasonInfo#eu-pvp-season-one.small, .seasonInfo#pvp-season-one.small {
      height: 288px; }
    .seasonInfo#us-pvp-season-one .pointsBackground, .seasonInfo#eu-pvp-season-one .pointsBackground, .seasonInfo#pvp-season-one .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo .name {
    margin-bottom: 10px;
    font-size: 40px; }
  .seasonInfo .content {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 530px;
    z-index: 150; }
  .seasonInfo.small {
    background-image: url('/image/season/one-small.jpg?1593393392858') !important;
    height: 288px;
    width: 920px;
    padding-top: 50px; }
    .seasonInfo.small .pointsBackground {
      display: none; }
  .seasonInfo .playerInfo {
    position: absolute;
    height: 32px;
    font-size: 140%;
    left: 18px;
    bottom: 0px; }
  .seasonInfo .pointsProgress {
    position: absolute;
    left: 18px;
    bottom: 37px;
    height: 37px;
    width: 883px; }
    .seasonInfo .pointsProgress .frame {
      background: url('/image/season/meter-frame.png?1593393392858');
      height: 37px;
      width: 883px;
      position: absolute;
      top: 0px;
      left: 0px; }
    .seasonInfo .pointsProgress .barContainer {
      position: absolute;
      top: 15px;
      height: 9px;
      width: 879px; }
      .seasonInfo .pointsProgress .barContainer .bar {
        background: url('/image/season/meter-fill.png?1593393392858');
        height: 9px;
        width: 0px;
        -webkit-transition: 7s ease width;
        -moz-transition: 7s ease width false;
        -o-transition: 7s ease width false;
        transition: 7s ease width; }
  .seasonInfo.small .playerInfo {
    height: 62px; }
  .seasonInfo.small .pointsProgress {
    bottom: 67px; }
  .seasonInfo .reward {
    position: absolute;
    bottom: 27px; }
    .seasonInfo .reward .newItemContainer {
      position: absolute;
      bottom: 0px;
      right: 5px; }
      .seasonInfo .reward .newItemContainer.smaller .icon img {
        width: 85%; }
    .seasonInfo .reward.achieved .points {
      color: #f0dbb6; }
    .seasonInfo .reward .points {
      font-size: 23px;
      position: absolute;
      bottom: 7px;
      right: -29px;
      width: 60px;
      text-align: center;
      color: #e9d78f;
      z-index: 5;
      text-shadow: 0px 0px 3px rgba(112, 104, 71, 0.8); }
    .seasonInfo .reward.last .points {
      text-align: right;
      right: 0px; }
    .seasonInfo .reward.last .marker {
      display: none; }
    .seasonInfo .reward .marker {
      height: 21px;
      width: 36px;
      background: url('/image/season/reward-marker.png?1593393392894');
      position: absolute;
      bottom: -12px;
      right: -18px; }

.lifetimeSeasonInfo {
  display: none; }

.ch .seasonInfo#race-season-one.garena {
  background-image: url('/image/season/nine.jpg?1593393392858'); }
  .ch .seasonInfo#race-season-one.garena .pointsBackground {
    background-image: none !important;
    height: 0px;
    top: 0px; }

.ch .seasonInfo#race-season-two.garena {
  background-image: url('/image/season/ten.jpg?1593393392894'); }
  .ch .seasonInfo#race-season-two.garena .pointsBackground {
    background-image: none !important;
    height: 0px;
    top: 0px; }

#passiveSkillTree {
  position: relative; }
  #passiveSkillTree canvas {
    top: 0px;
    left: 0px;
    position: absolute; }

#skillTreeMainCanvas {
  background: #000;
  z-index: 1000; }

#skillTreeMidCanvas {
  z-index: 1001; }

#skillTreeTopCanvas {
  z-index: 1002; }

#passiveSkillTree .error, #passiveSkillTree form.t1 .row.error .element ul li, form.t1 .row.error .element ul #passiveSkillTree li, #passiveSkillTree .formT1 .row.error .element ul li, .formT1 .row.error .element ul #passiveSkillTree li {
  font-size: 110%;
  padding: 5px; }

#passiveSkillTreeControls {
  background: #0E0E0E;
  border-top: 2px solid #0F0F0F;
  text-align: center;
  display: none; }

.fullscreen #passiveSkillTreeControls {
  background: black;
  border-top: 0; }

#buildControls {
  background: transparent;
  width: 256px;
  height: auto;
  padding: 10px;
  text-align: center;
  display: none;
  pointer-events: none;
  position: relative;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1005; }
  #buildControls .options {
    margin-top: 8px; }
  #buildControls li {
    background: none;
    padding: 0;
    margin: 1px 0; }
    #buildControls li a {
      display: inline-block;
      text-decoration: none;
      padding: 3px;
      border: 1px solid #1D1D1C;
      background-color: rgba(42, 42, 42, 0.9);
      color: #BEB698;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-image: url(/image/border/border1.png?1482554383000) 3 3 3 3 repeat;
      border-width: 3px;
      pointer-events: auto;
      cursor: pointer;
      width: 100%; }
      #buildControls li a.active, #buildControls li a:active {
        background-color: #0f0f0f; }
      #buildControls li a:focus {
        border: 1px solid #534e45;
        border-image: url(/image/border/border1-active.png?1482554383000) 3 3 3 3 repeat;
        border-width: 3px; }
      #buildControls li a:hover {
        background-color: rgba(62, 62, 62, 0.9); }

#passiveControlsForm {
  display: inline-block;
  text-align: left;
  width: 100%; }

#passiveControlsForm .label {
  font-size: 120%; }

#passiveControlsForm .skillTreeInfo {
  font-size: 120%;
  clear: both;
  float: left;
  padding: 10px 5px 2px 6px;
  color: #888; }

#passiveControlsForm .flContainer {
  float: left;
  padding: 12px 6px 12px 6px; }

#passiveControlsForm .buttonContainer {
  float: left;
  padding: 3px 5px 5px 5px; }

#passiveControlsForm .highlightSimilarNodesContainer, #passiveControlsForm .highlightShortestPathsContainer, #passiveControlsForm .muteContainer {
  float: left;
  padding: 14px 15px 13px 15px; }

#passiveControlsForm .permaLinkContainer .label {
  float: left; }

#passiveControlsForm .permaLinkContainer .bbcodePermaLinkCont {
  float: right; }

#passiveControlsForm #element-permaLink {
  clear: both; }

#passiveControlsForm #buildNameContainer {
  display: none; }

#passiveControlsForm textarea, #passiveControlsForm input.textInput, #passiveControlsForm select {
  width: 289px; }

#passiveControlsForm .controlsTop {
  float: left; }

#passiveControlsForm .controlsBottom {
  float: left; }

.fullscreen #passiveControlsForm .controlsBottom {
  float: right; }

.buildCreation fieldset {
  padding: 5px; }

.buildCreation .parts {
  min-height: 128px; }
  .buildCreation .parts > li .label {
    width: 225px; }
  .buildCreation .parts > li .link {
    width: 626px; }
  .buildCreation .parts > li .remove {
    display: inline-block;
    text-align: center;
    width: 24px; }
  .buildCreation .parts > li ul li {
    background: none;
    padding: 0; }

.badge:not(.roleLabel) {
  z-index: 9;
  margin: 3px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  text-align: center;
  width: 45px;
  height: 45px;
  display: inline-block; }
  .badge:not(.roleLabel) img {
    width: 45px;
    height: 45px; }

.badges {
  text-align: center; }

.profile .profile-details .details .badges {
  margin: 0 -6px; }

.badge-upgrade-banner {
  display: block;
  margin: 0 -15px;
  height: 150px;
  width: 920px; }

.roleLabel {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin: 5px 0;
  width: 200px; }
  .roleLabel img {
    max-width: 200px; }
  .roleLabel.supportText {
    font-size: 90%;
    margin-top: 10px; }
  .roleLabel.in-alpha {
    color: #CEC59F; }

.profile-badges {
  position: relative; }
  .profile-badges h4 {
    height: 24px; }
  .profile-badges.edit .badge {
    float: left;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab;
    cursor: -webkit-grab; }
    .profile-badges.edit .badge.roleLabel {
      z-index: 9;
      width: 200px;
      min-height: 28px;
      float: left;
      overflow: hidden;
      text-align: center; }
      .profile-badges.edit .badge.roleLabel img {
        max-width: 200px; }
    .profile-badges.edit .badge img {
      opacity: 1.0; }
    .profile-badges.edit .badge.disabled {
      cursor: default; }
      .profile-badges.edit .badge.disabled img {
        opacity: 0.1; }
  .profile-badges.edit .badges {
    position: absolute;
    top: 24px;
    bottom: 0; }
  .profile-badges .badges {
    width: 213px;
    line-height: 10px; }
    .profile-badges .badges.highlight {
      box-shadow: 0 0 16px white;
      outline: 1px solid white; }
    .profile-badges .badges.legacy {
      width: 200px;
      padding: 0 6.5px;
      background: none; }
      .profile-badges .badges.legacy img {
        max-width: 100%; }
  .profile-badges .profile-badges-available {
    position: relative; }
    .profile-badges .profile-badges-available h4 {
      height: 24px; }
    .profile-badges .profile-badges-available .trash-overlay {
      position: absolute;
      top: 24px;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10;
      pointer-events: none;
      background-color: rgba(0, 0, 0, 0.4);
      display: none;
      box-shadow: 0 0 16px #f00;
      outline: 1px solid #f00; }
    .profile-badges .profile-badges-available .badge-category h5 {
      background-color: #0d0f0d;
      padding: 5px 10px;
      font-weight: bold;
      border: 1px solid #665a3f;
      border-left: 0;
      border-right: 0; }
  .profile-badges .panel.profile-badges-showcase {
    width: 213px;
    position: absolute;
    top: 0;
    bottom: 0; }
  .profile-badges .panel.profile-badges-available {
    width: 664px;
    float: right; }

.badge-category + .badge-category {
  margin: 2px 0; }

.badge-table tr.category h5 {
  background-color: #0d0f0d;
  padding: 5px 10px;
  font-weight: bold;
  border: 1px solid #665a3f;
  border-left: 0;
  border-right: 0;
  cursor: pointer; }

.badge-table td {
  vertical-align: middle; }
  .badge-table td.controls {
    text-align: right; }

.badge-table tbody[data-category] {
  display: none; }
  .badge-table tbody[data-category] tr td:first-child {
    width: 96px; }

#inventory-controls, #login-hint {
  position: absolute;
  top: 48px;
  left: 20px;
  z-index: 1; }

#login-hint {
  padding: 0 20px;
  color: #cbcbcb; }

.inventoryControls {
  background: url('/image/gen/inventory-sprite.png') no-repeat;
  background-position: 0px 0px;
  width: 328px;
  height: 100px; }
  .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3 {
    left: 103px;
    position: absolute; }
  .inventoryControls .infoLine1, .inventoryControls .infoLine2 {
    font-size: 120%;
    padding: 4px 9px;
    cursor: pointer;
    text-shadow: 0px 0px 3px #000; }
    .inventoryControls .infoLine1:hover, .inventoryControls .infoLine2:hover {
      color: #eCcBa9; }
  .inventoryControls .infoLine1 {
    top: 4px; }
  .inventoryControls .infoLine2 {
    top: 44px; }
  .inventoryControls .infoLine3 {
    font-size: 110%;
    top: 80px;
    padding: 0px 9px;
    color: #757575; }
  .inventoryControls .open {
    font-size: 8px;
    top: 83px;
    left: 3px;
    position: absolute;
    display: block;
    font-size: 9px;
    letter-spacing: -1px; }
  .inventoryControls .icon {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    .inventoryControls .icon.Marauder {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -220px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Juggernaut {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Berserker {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -110px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Chieftain {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -438px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Shadow {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: 0px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Assassin {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -328px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Saboteur {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: 0px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Trickster {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -110px -180px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Witch {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -438px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Occultist {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -438px -320px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Elementalist {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Necromancer {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -110px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Templar {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -328px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Inquisitor {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Hierophant {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px -240px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Guardian {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px -320px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Duelist {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -330px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Slayer {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -328px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Gladiator {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -548px -400px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Champion {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -110px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Ranger {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -220px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Deadeye {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: 0px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Raider {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -438px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Pathfinder {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -438px -240px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Scion {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: -220px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Ascendant {
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: 0px -180px;
      width: 110px;
      height: 80px; }

.ch .inventoryControls .open {
  font-size: 12px;
  background: none; }
  .ch .inventoryControls .open:hover {
    background: none; }

.en_US .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 125px;
  background: url('/image/inventory/Inventory_Tab.png?1593393374302'); }
  .en_US .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showStashButton {
  top: 125px;
  width: 26px;
  height: 88px;
  background: url('/image/inventory/Stash_Tab.png?1593393374310'); }
  .en_US .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showMTXStashButton {
  top: 213px;
  width: 26px;
  height: 198px;
  background: url('/image/inventory/MTX_Tab.png?1593393374306'); }
  .en_US .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showSkillTreeButton {
  top: 411px;
  width: 26px;
  height: 137px;
  background: url('/image/inventory/Passive_Tree_Tab.png?1593393374306') no-repeat; }
  .en_US .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.en_US .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/Inventory_Tab_Inventory.png?1593393374302'); }

.en_US .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/Inventory_Tab_Cosmetic.png?1593393374302'); }

.zh_TW .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 74px;
  background: url('/image/inventory/zh_TW/Inventory_Tab.png?1593393374426'); }
  .zh_TW .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showStashButton {
  top: 74px;
  width: 26px;
  height: 74px;
  background: url('/image/inventory/zh_TW/Stash_Tab.png?1593393374426'); }
  .zh_TW .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showMTXStashButton {
  top: 148px;
  width: 26px;
  height: 74px;
  background: url('/image/inventory/zh_TW/MTX_Tab.png?1593393374426'); }
  .zh_TW .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showSkillTreeButton {
  top: 222px;
  width: 26px;
  height: 88px;
  background: url('/image/inventory/zh_TW/Passive_Tree_Tab.png?1593393374426') no-repeat; }
  .zh_TW .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/zh_TW/Inventory_Tab_Inventory.png?1593393374426'); }

.zh_TW .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/zh_TW/Inventory_Tab_Cosmetic.png?1593393374426'); }

.zh_CN .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 75px;
  background: url('/image/inventory/zh_CN/Inventory_Tab.png?1593393374414'); }
  .zh_CN .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showStashButton {
  top: 75px;
  width: 26px;
  height: 75px;
  background: url('/image/inventory/zh_CN/Stash_Tab.png?1593393374414'); }
  .zh_CN .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showMTXStashButton {
  top: 150px;
  width: 26px;
  height: 75px;
  background: url('/image/inventory/zh_CN/MTX_Tab.png?1593393374414'); }
  .zh_CN .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showSkillTreeButton {
  top: 225px;
  width: 26px;
  height: 90px;
  background: url('/image/inventory/zh_CN/Passive_Tree_Tab.png?1593393374414') no-repeat; }
  .zh_CN .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/zh_CN/Inventory_Tab_Inventory.png?1593393374414'); }

.zh_CN .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/zh_CN/Inventory_Tab_Cosmetic.png?1593393374414'); }

.th_TH .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 61px;
  background: url('/image/inventory/th_TH/Inventory_Tab.png?1593393374406'); }
  .th_TH .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showStashButton {
  top: 61px;
  width: 26px;
  height: 103px;
  background: url('/image/inventory/th_TH/Stash_Tab.png?1593393374406'); }
  .th_TH .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showMTXStashButton {
  top: 164px;
  width: 26px;
  height: 80px;
  background: url('/image/inventory/th_TH/MTX_Tab.png?1593393374406'); }
  .th_TH .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showSkillTreeButton {
  top: 244px;
  width: 26px;
  height: 138px;
  background: url('/image/inventory/th_TH/Passive_Tree_Tab.png?1593393374406') no-repeat; }
  .th_TH .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/th_TH/Inventory_Tab_Inventory.png?1593393374406'); }

.th_TH .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/th_TH/Inventory_Tab_Cosmetic.png?1593393374406'); }

.ru_RU .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 105px;
  background: url('/image/inventory/ru_RU/Inventory_Tab.png?1593393374402'); }
  .ru_RU .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showStashButton {
  top: 105px;
  width: 26px;
  height: 88px;
  background: url('/image/inventory/ru_RU/Stash_Tab.png?1593393374402'); }
  .ru_RU .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showMTXStashButton {
  top: 193px;
  width: 26px;
  height: 153px;
  background: url('/image/inventory/ru_RU/MTX_Tab.png?1593393374402'); }
  .ru_RU .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showSkillTreeButton {
  top: 346px;
  width: 26px;
  height: 204px;
  background: url('/image/inventory/ru_RU/Passive_Tree_Tab.png?1593393374402') no-repeat; }
  .ru_RU .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/ru_RU/Inventory_Tab_Inventory.png?1593393374402'); }

.ru_RU .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/ru_RU/Inventory_Tab_Cosmetic.png?1593393374402'); }

.pt_BR .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 130px;
  background: url('/image/inventory/pt_BR/Inventory_Tab.png?1593393374394'); }
  .pt_BR .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showStashButton {
  top: 130px;
  width: 26px;
  height: 72px;
  background: url('/image/inventory/pt_BR/Stash_Tab.png?1593393374394'); }
  .pt_BR .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showMTXStashButton {
  top: 202px;
  width: 26px;
  height: 181px;
  background: url('/image/inventory/pt_BR/MTX_Tab.png?1593393374394'); }
  .pt_BR .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showSkillTreeButton {
  top: 383px;
  width: 26px;
  height: 193px;
  background: url('/image/inventory/pt_BR/Passive_Tree_Tab.png?1593393374394') no-repeat; }
  .pt_BR .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/pt_BR/Inventory_Tab_Inventory.png?1593393374394'); }

.pt_BR .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/pt_BR/Inventory_Tab_Cosmetic.png?1593393374394'); }

.de_DE .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 116px;
  background: url('/image/inventory/de_DE/Inventory_Tab.png?1593393374310'); }
  .de_DE .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showStashButton {
  top: 116px;
  width: 26px;
  height: 90px;
  background: url('/image/inventory/de_DE/Stash_Tab.png?1593393374310'); }
  .de_DE .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showMTXStashButton {
  top: 206px;
  width: 26px;
  height: 210px;
  background: url('/image/inventory/de_DE/MTX_Tab.png?1593393374310'); }
  .de_DE .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showSkillTreeButton {
  top: 416px;
  width: 26px;
  height: 180px;
  background: url('/image/inventory/de_DE/Passive_Tree_Tab.png?1593393374310') no-repeat; }
  .de_DE .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/de_DE/Inventory_Tab_Inventory.png?1593393374310'); }

.de_DE .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/de_DE/Inventory_Tab_Cosmetic.png?1593393374310'); }

.es_ES .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 130px;
  background: url('/image/inventory/es_ES/Inventory_Tab.png?1593393374314'); }
  .es_ES .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showStashButton {
  top: 130px;
  width: 26px;
  height: 80px;
  background: url('/image/inventory/es_ES/Stash_Tab.png?1593393374318'); }
  .es_ES .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showMTXStashButton {
  top: 210px;
  width: 26px;
  height: 205px;
  background: url('/image/inventory/es_ES/MTX_Tab.png?1593393374318'); }
  .es_ES .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showSkillTreeButton {
  top: 415px;
  width: 26px;
  height: 174px;
  background: url('/image/inventory/es_ES/Passive_Tree_Tab.png?1593393374318') no-repeat; }
  .es_ES .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/es_ES/Inventory_Tab_Inventory.png?1593393374318'); }

.es_ES .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/es_ES/Inventory_Tab_Cosmetic.png?1593393374314'); }

.fr_FR .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 127px;
  background: url('/image/inventory/fr_FR/Inventory_Tab.png?1593393374322'); }
  .fr_FR .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showStashButton {
  top: 127px;
  width: 26px;
  height: 103px;
  background: url('/image/inventory/fr_FR/Stash_Tab.png?1593393374322'); }
  .fr_FR .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showMTXStashButton {
  top: 230px;
  width: 26px;
  height: 198px;
  background: url('/image/inventory/fr_FR/MTX_Tab.png?1593393374322'); }
  .fr_FR .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showSkillTreeButton {
  top: 428px;
  width: 26px;
  height: 175px;
  background: url('/image/inventory/fr_FR/Passive_Tree_Tab.png?1593393374322') no-repeat; }
  .fr_FR .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/fr_FR/Inventory_Tab_Inventory.png?1593393374322'); }

.fr_FR .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/fr_FR/Inventory_Tab_Cosmetic.png?1593393374322'); }

.ko_KR .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 83px;
  background: url('/image/inventory/ko_KR/Inventory_Tab.png?1593393374382'); }
  .ko_KR .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.ko_KR .inventoryManagerMenu .showStashButton {
  top: 83px;
  width: 26px;
  height: 85px;
  background: url('/image/inventory/ko_KR/Stash_Tab.png?1593393374386'); }
  .ko_KR .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.ko_KR .inventoryManagerMenu .showMTXStashButton {
  top: 168px;
  width: 26px;
  height: 128px;
  background: url('/image/inventory/ko_KR/MTX_Tab.png?1593393374386'); }
  .ko_KR .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.ko_KR .inventoryManagerMenu .showSkillTreeButton {
  top: 296px;
  width: 26px;
  height: 146px;
  background: url('/image/inventory/ko_KR/Passive_Tree_Tab.png?1593393374386') no-repeat; }
  .ko_KR .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.ko_KR .inventoryPanelControls .inventoryPanelButton.inventory {
  background-image: url('/image/inventory/ko_KR/Inventory_Tab_Inventory.png?1593393374386'); }

.ko_KR .inventoryPanelControls .inventoryPanelButton.cosmetic {
  background-image: url('/image/inventory/ko_KR/Inventory_Tab_Cosmetic.png?1593393374386'); }

.inventoryManager {
  position: relative;
  width: 931px; }
  .inventoryManager .activePanel {
    float: left;
    position: relative;
    width: 600px; }

.inventoryPanelControls {
  position: relative;
  float: left;
  width: 600px;
  z-index: 1; }
  .inventoryPanelControls .inventoryPanelButton {
    position: absolute;
    height: 27.5px;
    width: 113px;
    top: 54px;
    cursor: pointer; }
    .inventoryPanelControls .inventoryPanelButton.selected {
      background-position-y: -27.5px; }
    .inventoryPanelControls .inventoryPanelButton.left {
      left: 56px; }
    .inventoryPanelControls .inventoryPanelButton.right {
      right: 56px; }
    .inventoryPanelControls .inventoryPanelButton.inventory {
      background-image: url('/image/inventory/Inventory_Tab_Inventory.png?1593393374302'); }
    .inventoryPanelControls .inventoryPanelButton.cosmetic {
      background-image: url('/image/inventory/Inventory_Tab_Cosmetic.png?1593393374302'); }

.inventoryManagerMenu {
  position: relative;
  float: left;
  min-width: 200px;
  width: 331px;
  min-height: 600px; }
  .inventoryManagerMenu .inventoryButton {
    cursor: pointer; }
  .inventoryManagerMenu .showInventoryButton {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 26px;
    height: 125px;
    background: url('/image/inventory/Inventory_Tab.png?1593393374302'); }
    .inventoryManagerMenu .showInventoryButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showStashButton {
    position: absolute;
    right: 0px;
    top: 125px;
    width: 26px;
    height: 88px;
    background: url('/image/inventory/Stash_Tab.png?1593393374310'); }
    .inventoryManagerMenu .showStashButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showMTXStashButton {
    position: absolute;
    right: 0px;
    top: 213px;
    width: 26px;
    height: 198px;
    background: url('/image/inventory/MTX_Tab.png?1593393374306'); }
    .inventoryManagerMenu .showMTXStashButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showSkillTreeButton {
    position: absolute;
    right: 0px;
    top: 461px;
    width: 26px;
    height: 137px;
    background: url('/image/inventory/Passive_Tree_Tab.png?1593393374306') no-repeat; }
    .inventoryManagerMenu .showSkillTreeButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .characters {
    width: 303px;
    height: 781px;
    overflow: hidden auto; }
    .inventoryManagerMenu .characters .character {
      position: relative;
      margin: 0px;
      padding: 0px;
      background: url('/image/gen/inventory-sprite.png') no-repeat;
      background-position: 0px -100px;
      height: 80px;
      width: 287px; }
      .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3 {
        left: 83px;
        position: absolute; }
      .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2 {
        font-size: 14px;
        padding: 3px 9px;
        cursor: pointer; }
        .inventoryManagerMenu .characters .character .infoLine1:hover, .inventoryManagerMenu .characters .character .infoLine2:hover {
          color: #eCcBa9; }
      .inventoryManagerMenu .characters .character.expired .infoLine1, .inventoryManagerMenu .characters .character.expired .infoLine2 {
        color: #757575;
        cursor: auto; }
        .inventoryManagerMenu .characters .character.expired .infoLine1:hover, .inventoryManagerMenu .characters .character.expired .infoLine2:hover {
          color: #757575; }
      .inventoryManagerMenu .characters .character .infoLine1 {
        top: 15px;
        width: 174px; }
        .inventoryManagerMenu .characters .character .infoLine1 div.expired-character-flag {
          float: left;
          color: red;
          font-size: 20px;
          line-height: 22px;
          padding-right: 2px; }
        .inventoryManagerMenu .characters .character .infoLine1 .characterName {
          display: block;
          max-width: 170px;
          overflow: hidden; }
      .inventoryManagerMenu .characters .character .infoLine2 {
        top: 41px; }
      .inventoryManagerMenu .characters .character .infoLine3 {
        font-size: 110%;
        top: 64px;
        padding: 0px 9px;
        color: #757575; }
      .inventoryManagerMenu .characters .character.active .characterName {
        color: #FCDBB9;
        text-shadow: 0px 0px 1px #E7DCC8; }
    .inventoryManagerMenu .characters .icon {
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
      .inventoryManagerMenu .characters .icon.Marauder {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -80px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Juggernaut {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -400px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Berserker {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -480px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Chieftain {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -160px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Shadow {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -160px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Assassin {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: 0px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Saboteur {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -80px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Trickster {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -240px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Witch {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -330px -340px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Occultist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: 0px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Elementalist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -560px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Necromancer {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -320px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Templar {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -320px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Inquisitor {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -160px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Hierophant {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -440px -420px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Guardian {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -220px -180px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Duelist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -480px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Slayer {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px 0px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Gladiator {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -80px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Champion {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -240px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Ranger {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -320px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Deadeye {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -400px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Raider {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -480px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Pathfinder {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -240px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Scion {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -658px -400px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Ascendant {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -330px -260px;
        width: 80px;
        height: 80px; }

.mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/inventory/MainInventory.png?1593393374306'); }
  .mainInventoryPanel .weaponSwap1, .mainInventoryPanel .weaponSwap2 {
    display: none;
    position: absolute;
    top: 87px; }
    .mainInventoryPanel .weaponSwap1.left, .mainInventoryPanel .weaponSwap2.left {
      left: 92px; }
    .mainInventoryPanel .weaponSwap1.right, .mainInventoryPanel .weaponSwap2.right {
      right: 92px; }
  .mainInventoryPanel .weaponSwap1 {
    width: 44px;
    height: 24px;
    background: url('/image/inventory/WeaponSwap1.png?1593393374310'); }
  .mainInventoryPanel .weaponSwap2 {
    width: 44px;
    height: 24px;
    background: url('/image/inventory/WeaponSwap2.png?1593393374310'); }
  .mainInventoryPanel .weaponSwapMini {
    width: 47px;
    height: 81px;
    background: url('/image/inventory/WeaponSwapMini.png?1593393374310');
    position: absolute;
    top: 106px;
    display: none; }
    .mainInventoryPanel .weaponSwapMini img {
      position: absolute; }
    .mainInventoryPanel .weaponSwapMini.left {
      left: 168px; }
    .mainInventoryPanel .weaponSwapMini.right {
      right: 168px; }
    .mainInventoryPanel .weaponSwapMini .miniIconContainer {
      height: 68px;
      width: 35px;
      margin: 6px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%; }
  .mainInventoryPanel .inventoryExpansion {
    background: url('/image/inventory/Grid.png?1593393374302');
    position: absolute;
    bottom: 13px; }

.MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/inventory/MTXInventory.png?1593393374306'); }

#colorbox.inventoryManagerColorbox #cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') no-repeat -101px 0; }

#colorbox.inventoryManagerColorbox #cboxTopRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') no-repeat -130px 0; }

#colorbox.inventoryManagerColorbox #cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') no-repeat -101px -29px; }

#colorbox.inventoryManagerColorbox #cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') no-repeat -130px -29px; }

#colorbox.inventoryManagerColorbox #cboxMiddleLeft {
  width: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') left top repeat-y; }

#colorbox.inventoryManagerColorbox #cboxMiddleRight {
  width: 21px;
  background: url('/image/colorbox/inventory-controls.png?1593393330375') right top repeat-y; }

#colorbox.inventoryManagerColorbox #cboxTopCenter {
  height: 21px;
  background: url('/image/colorbox/inventory-border.png?1593393330375') 0 0 repeat-x; }

#colorbox.inventoryManagerColorbox #cboxBottomCenter {
  height: 21px;
  background: url('/image/colorbox/inventory-border.png?1593393330375') 0 -29px repeat-x; }

#colorbox.inventoryManagerColorbox #cboxLoadedContent {
  overflow: hidden !important; }

#profile-inventory-controls .characters {
  height: 528px;
  overflow: hidden auto;
  border: 1px solid #332622;
  border-right: 0px; }
  #profile-inventory-controls .characters .character {
    top: 0px; }

#profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/inventory/MainInventoryNoBags.png?1593393374306'); }

#profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

#profile-inventory-controls .inventoryManagerMenu {
  width: 303px; }

.uniqueStash .progress {
  width: 632px;
  margin: 0 auto;
  margin-top: -10px;
  position: relative;
  height: 32px;
  padding-left: 21px;
  padding-right: 23px; }
  .uniqueStash .progress::before {
    content: ' ';
    background: url('/image/layout/stash/unique-tab/progress-bar.png?1593393376394') no-repeat center/contain;
    display: block;
    transform: scaleY(-1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .uniqueStash .progress .bar {
    background: url('/image/layout/stash/unique-tab/progress-bar-fill.png?1593393376394') no-repeat left top;
    height: 8px;
    position: relative; }
    .uniqueStash .progress .bar::after {
      content: ' ';
      background: url('/image/layout/stash/unique-tab/progress-bar-cap.png?1593393376394') no-repeat top right;
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .uniqueStash .progress .text {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 1.4em;
    color: #af6025;
    text-align: center; }

.uniqueStash .controls {
  width: 750px;
  margin: 10px auto;
  text-align: center; }

.uniqueStash .controls a {
  width: 64px;
  height: 64px;
  position: relative;
  display: inline-block;
  font-size: 1.2em;
  color: #e7b478;
  background: none no-repeat center / contain,
 none no-repeat -100px -100px,
 none no-repeat -100px -100px,
 none no-repeat -100px -100px; }
  .uniqueStash .controls a.disabled {
    filter: grayscale(100%);
    pointer-events: none; }
  .uniqueStash .controls a span {
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: 6px;
    text-align: center; }

.uniqueStash .controls a.buttonFlask {
  background-image: url('/image/layout/stash/unique-tab/button/flask-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/flask-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/flask-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/flask-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonFlask:hover {
    background-image: url('/image/layout/stash/unique-tab/button/flask-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonFlask.selected {
    background-image: url('/image/layout/stash/unique-tab/button/flask-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonFlask.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/flask-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonAmulet {
  background-image: url('/image/layout/stash/unique-tab/button/amulet-default.png?1593393376378'), url('/image/layout/stash/unique-tab/button/amulet-hover.png?1593393376378'), url('/image/layout/stash/unique-tab/button/amulet-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/amulet-selected-hover.png?1593393376378'); }
  .uniqueStash .controls a.buttonAmulet:hover {
    background-image: url('/image/layout/stash/unique-tab/button/amulet-hover.png?1593393376378'); }
  .uniqueStash .controls a.buttonAmulet.selected {
    background-image: url('/image/layout/stash/unique-tab/button/amulet-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonAmulet.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/amulet-selected-hover.png?1593393376378'); }

.uniqueStash .controls a.buttonRing {
  background-image: url('/image/layout/stash/unique-tab/button/ring-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/ring-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/ring-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/ring-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonRing:hover {
    background-image: url('/image/layout/stash/unique-tab/button/ring-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonRing.selected {
    background-image: url('/image/layout/stash/unique-tab/button/ring-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonRing.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/ring-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonClaw {
  background-image: url('/image/layout/stash/unique-tab/button/claw-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/claw-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/claw-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/claw-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonClaw:hover {
    background-image: url('/image/layout/stash/unique-tab/button/claw-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonClaw.selected {
    background-image: url('/image/layout/stash/unique-tab/button/claw-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonClaw.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/claw-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonDagger {
  background-image: url('/image/layout/stash/unique-tab/button/dagger-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/dagger-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/dagger-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/dagger-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonDagger:hover {
    background-image: url('/image/layout/stash/unique-tab/button/dagger-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonDagger.selected {
    background-image: url('/image/layout/stash/unique-tab/button/dagger-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonDagger.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/dagger-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonWand {
  background-image: url('/image/layout/stash/unique-tab/button/wand-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/wand-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/wand-selected.png?1593393376390'), url('/image/layout/stash/unique-tab/button/wand-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonWand:hover {
    background-image: url('/image/layout/stash/unique-tab/button/wand-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonWand.selected {
    background-image: url('/image/layout/stash/unique-tab/button/wand-selected.png?1593393376390'); }
  .uniqueStash .controls a.buttonWand.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/wand-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonSword {
  background-image: url('/image/layout/stash/unique-tab/button/swords-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/swords-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/swords-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/swords-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonSword:hover {
    background-image: url('/image/layout/stash/unique-tab/button/swords-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonSword.selected {
    background-image: url('/image/layout/stash/unique-tab/button/swords-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonSword.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/swords-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonAxe {
  background-image: url('/image/layout/stash/unique-tab/button/axe-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/axe-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/axe-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/axe-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonAxe:hover {
    background-image: url('/image/layout/stash/unique-tab/button/axe-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonAxe.selected {
    background-image: url('/image/layout/stash/unique-tab/button/axe-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonAxe.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/axe-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonMace {
  background-image: url('/image/layout/stash/unique-tab/button/maces-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maces-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maces-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maces-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonMace:hover {
    background-image: url('/image/layout/stash/unique-tab/button/maces-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonMace.selected {
    background-image: url('/image/layout/stash/unique-tab/button/maces-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonMace.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/maces-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonBow {
  background-image: url('/image/layout/stash/unique-tab/button/bow-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/bow-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/bow-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/bow-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBow:hover {
    background-image: url('/image/layout/stash/unique-tab/button/bow-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBow.selected {
    background-image: url('/image/layout/stash/unique-tab/button/bow-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonBow.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/bow-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonStaff {
  background-image: url('/image/layout/stash/unique-tab/button/staff-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/staff-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/staff-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/staff-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonStaff:hover {
    background-image: url('/image/layout/stash/unique-tab/button/staff-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonStaff.selected {
    background-image: url('/image/layout/stash/unique-tab/button/staff-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonStaff.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/staff-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonQuiver {
  background-image: url('/image/layout/stash/unique-tab/button/quiver-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/quiver-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/quiver-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/quiver-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonQuiver:hover {
    background-image: url('/image/layout/stash/unique-tab/button/quiver-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonQuiver.selected {
    background-image: url('/image/layout/stash/unique-tab/button/quiver-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonQuiver.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/quiver-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonBelt {
  background-image: url('/image/layout/stash/unique-tab/button/belt-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/belt-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/belt-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/belt-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBelt:hover {
    background-image: url('/image/layout/stash/unique-tab/button/belt-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBelt.selected {
    background-image: url('/image/layout/stash/unique-tab/button/belt-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonBelt.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/belt-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonGloves {
  background-image: url('/image/layout/stash/unique-tab/button/gloves-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/gloves-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/gloves-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/gloves-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonGloves:hover {
    background-image: url('/image/layout/stash/unique-tab/button/gloves-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonGloves.selected {
    background-image: url('/image/layout/stash/unique-tab/button/gloves-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonGloves.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/gloves-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonBoots {
  background-image: url('/image/layout/stash/unique-tab/button/boots-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/boots-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/boots-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/boots-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBoots:hover {
    background-image: url('/image/layout/stash/unique-tab/button/boots-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBoots.selected {
    background-image: url('/image/layout/stash/unique-tab/button/boots-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonBoots.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/boots-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonBodyArmour {
  background-image: url('/image/layout/stash/unique-tab/button/armour-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/armour-hover.png?1593393376382'), url('/image/layout/stash/unique-tab/button/armour-selected.png?1593393376382'), url('/image/layout/stash/unique-tab/button/armour-selected-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBodyArmour:hover {
    background-image: url('/image/layout/stash/unique-tab/button/armour-hover.png?1593393376382'); }
  .uniqueStash .controls a.buttonBodyArmour.selected {
    background-image: url('/image/layout/stash/unique-tab/button/armour-selected.png?1593393376382'); }
  .uniqueStash .controls a.buttonBodyArmour.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/armour-selected-hover.png?1593393376382'); }

.uniqueStash .controls a.buttonHelmet {
  background-image: url('/image/layout/stash/unique-tab/button/helmet-default.png?1593393376382'), url('/image/layout/stash/unique-tab/button/helmet-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/helmet-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/helmet-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonHelmet:hover {
    background-image: url('/image/layout/stash/unique-tab/button/helmet-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonHelmet.selected {
    background-image: url('/image/layout/stash/unique-tab/button/helmet-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonHelmet.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/helmet-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonShield {
  background-image: url('/image/layout/stash/unique-tab/button/shield-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/shield-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/shield-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/shield-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonShield:hover {
    background-image: url('/image/layout/stash/unique-tab/button/shield-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonShield.selected {
    background-image: url('/image/layout/stash/unique-tab/button/shield-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonShield.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/shield-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonMap {
  background-image: url('/image/layout/stash/unique-tab/button/maps-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maps-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maps-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/maps-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonMap:hover {
    background-image: url('/image/layout/stash/unique-tab/button/maps-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonMap.selected {
    background-image: url('/image/layout/stash/unique-tab/button/maps-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonMap.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/maps-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonJewel {
  background-image: url('/image/layout/stash/unique-tab/button/jewels-default.png?1593393376386'), url('/image/layout/stash/unique-tab/button/jewels-hover.png?1593393376386'), url('/image/layout/stash/unique-tab/button/jewels-selected.png?1593393376386'), url('/image/layout/stash/unique-tab/button/jewels-selected-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonJewel:hover {
    background-image: url('/image/layout/stash/unique-tab/button/jewels-hover.png?1593393376386'); }
  .uniqueStash .controls a.buttonJewel.selected {
    background-image: url('/image/layout/stash/unique-tab/button/jewels-selected.png?1593393376386'); }
  .uniqueStash .controls a.buttonJewel.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/jewels-selected-hover.png?1593393376386'); }

.uniqueStash .controls a.buttonWatchstone {
  background-image: url('/image/layout/stash/unique-tab/button/watchstone-default.png?1593393376390'), url('/image/layout/stash/unique-tab/button/watchstone-hover.png?1593393376390'), url('/image/layout/stash/unique-tab/button/watchstone-selected.png?1593393376390'), url('/image/layout/stash/unique-tab/button/watchstone-selected-hover.png?1593393376390'); }
  .uniqueStash .controls a.buttonWatchstone:hover {
    background-image: url('/image/layout/stash/unique-tab/button/watchstone-hover.png?1593393376390'); }
  .uniqueStash .controls a.buttonWatchstone.selected {
    background-image: url('/image/layout/stash/unique-tab/button/watchstone-selected.png?1593393376390'); }
  .uniqueStash .controls a.buttonWatchstone.selected:hover {
    background-image: url('/image/layout/stash/unique-tab/button/watchstone-selected-hover.png?1593393376390'); }

.uniqueStash .stashContents .item {
  width: 223px;
  height: 335px;
  background: url('/image/layout/stash/unique-tab/unique-item-empty.png?1593393376394') no-repeat center/contain;
  float: left;
  position: relative; }
  .uniqueStash .stashContents .item.owned {
    background-image: url('/image/layout/stash/unique-tab/unique-item-filled.png?1593393376394'); }
    .uniqueStash .stashContents .item.owned.relic {
      background-image: url('/image/layout/stash/unique-tab/legacy-unique-item-filled.png?1593393376390'); }
  .uniqueStash .stashContents .item > .name {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 16px;
    height: 42px;
    line-height: 42px;
    font-size: 1.2em;
    color: #af6025;
    text-align: center; }
    .uniqueStash .stashContents .item > .name > span {
      vertical-align: middle;
      display: inline-block;
      line-height: normal; }
  .uniqueStash .stashContents .item.relic > .name {
    color: #82ad6a; }
  .uniqueStash .stashContents .item > .itemWrapper {
    display: flex;
    position: absolute;
    top: 60px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    align-items: center;
    justify-content: center; }
    .uniqueStash .stashContents .item > .itemWrapper .newItemContainer {
      float: none; }
  .uniqueStash .stashContents .item.unowned > .itemWrapper {
    filter: grayscale(100%);
    opacity: 0.8; }

.stashLoading {
  background-image: url('/image/loading.gif?1593393390850');
  background-repeat: no-repeat;
  min-height: 40px; }

.stashPanel {
  position: relative;
  width: 600px;
  height: 781px;
  background: url('/image/inventory/Stash.png?1593393374306'); }
  .stashPanel .stashTabContents {
    position: absolute;
    width: 569px;
    height: 569px;
    background-image: url('/image/inventory/StashPanelGrid.png?1593393374310');
    border: 2px solid transparent;
    border-radius: 5px;
    top: -3px;
    left: 2px;
    z-index: 6; }
    .stashPanel .stashTabContents.currencyStash {
      background-image: url('/image/inventory/StashPanelCurrency.png?1593393374310'); }
    .stashPanel .stashTabContents.fragmentStash {
      background-image: url('/image/inventory/StashPanelFragment.png?1593393374310'); }
    .stashPanel .stashTabContents.delveStash {
      background-image: url('/image/inventory/StashPanelDelve.png?1593393374310'); }
    .stashPanel .stashTabContents.quadStash {
      background-image: url('/image/inventory/QuadStashPanelGrid.png?1593393374306'); }
    .stashPanel .stashTabContents.essenceStash {
      background-image: url('/image/inventory/EssenceStashPanelGrid.png?1593393374302'); }
    .stashPanel .stashTabContents.blightStash {
      background-image: url('/image/inventory/BlightTabBackground.png?1593393374302'); }
    .stashPanel .stashTabContents.deliriumStash {
      background-image: url('/image/inventory/DeliriumTabBackground.png?1593393374302'); }
    .stashPanel .stashTabContents.metamorphStash {
      background-image: url('/image/layout/stash/metamorph-tab/background.png?1593393376298'); }
      .stashPanel .stashTabContents.metamorphStash .metamorphControls {
        position: absolute;
        z-index: 200;
        top: 261.655px;
        left: 0;
        right: 0; }
        .stashPanel .stashTabContents.metamorphStash .metamorphControls button {
          position: relative;
          width: 58px;
          height: 58px;
          margin: 6px 1px;
          border: none;
          background: transparent none center center no-repeat;
          background-size: contain;
          cursor: pointer; }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button::after {
            display: block;
            content: attr(data-count);
            position: absolute;
            top: -2px;
            left: -2px;
            width: 18px;
            height: 18px;
            line-height: 18px;
            background: black;
            color: #ffffff;
            font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
            font-size-adjust: 0.54;
            font-weight: normal; }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-count="50"]::after {
            color: #ff0000; }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=brain] {
            background-image: url('/image/layout/stash/metamorph-tab/button/brain-normal.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=brain]:hover {
              background-image: url('/image/layout/stash/metamorph-tab/button/brain-hover.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=brain].selected {
              background-image: url('/image/layout/stash/metamorph-tab/button/brain-active.png?1593393376298'); }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=eye] {
            background-image: url('/image/layout/stash/metamorph-tab/button/eye-normal.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=eye]:hover {
              background-image: url('/image/layout/stash/metamorph-tab/button/eye-hover.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=eye].selected {
              background-image: url('/image/layout/stash/metamorph-tab/button/eye-active.png?1593393376298'); }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=heart] {
            background-image: url('/image/layout/stash/metamorph-tab/button/heart-normal.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=heart]:hover {
              background-image: url('/image/layout/stash/metamorph-tab/button/heart-hover.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=heart].selected {
              background-image: url('/image/layout/stash/metamorph-tab/button/heart-active.png?1593393376298'); }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=lung] {
            background-image: url('/image/layout/stash/metamorph-tab/button/lung-normal.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=lung]:hover {
              background-image: url('/image/layout/stash/metamorph-tab/button/lung-hover.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=lung].selected {
              background-image: url('/image/layout/stash/metamorph-tab/button/lung-active.png?1593393376298'); }
          .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=liver] {
            background-image: url('/image/layout/stash/metamorph-tab/button/liver-normal.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=liver]:hover {
              background-image: url('/image/layout/stash/metamorph-tab/button/liver-hover.png?1593393376298'); }
            .stashPanel .stashTabContents.metamorphStash .metamorphControls button[data-section=liver].selected {
              background-image: url('/image/layout/stash/metamorph-tab/button/liver-active.png?1593393376298'); }
      .stashPanel .stashTabContents.metamorphStash .section {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent none bottom center no-repeat; }
        .stashPanel .stashTabContents.metamorphStash .section.brain {
          background-image: url('/image/layout/stash/metamorph-tab/section-brain.png?1593393376326'); }
        .stashPanel .stashTabContents.metamorphStash .section.eye {
          background-image: url('/image/layout/stash/metamorph-tab/section-eye.png?1593393376326'); }
        .stashPanel .stashTabContents.metamorphStash .section.heart {
          background-image: url('/image/layout/stash/metamorph-tab/section-heart.png?1593393376330'); }
        .stashPanel .stashTabContents.metamorphStash .section.lung {
          background-image: url('/image/layout/stash/metamorph-tab/section-lung.png?1593393376330'); }
        .stashPanel .stashTabContents.metamorphStash .section.liver {
          background-image: url('/image/layout/stash/metamorph-tab/section-liver.png?1593393376330'); }
    .stashPanel .stashTabContents.divinationStash {
      background: transparent url('/image/inventory/StashPanelDivinationCards.png?1593393374310') repeat-y; }
      .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard {
        background: transparent url('/image/inventory/StashPanelDivinationCardBackground.png?1593393374310') no-repeat;
        position: relative;
        float: left;
        margin: 5px;
        z-index: 15; }
        .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .stashPanelDivinationCardName {
          font-size: 10px;
          color: #111;
          margin-top: 10px; }
        .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard {
          font-size: 9px; }
          .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard .itemBoxContent .itemHeader .itemName {
            font-size: 9px; }
          .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard .itemBoxContent .explicitMod {
            line-height: 11px; }
            .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard .itemBoxContent .explicitMod:nth-child(n+3) {
              line-height: 10px; }
            .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard .itemBoxContent .explicitMod .corrupted {
              font-size: 10px;
              line-height: 10px; }
          .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard.completeStack {
            background: transparent url('/image/inventory/StashPanelDivinationCardStackCompleteFrame.png?1593393374310') no-repeat; }
    .stashPanel .stashTabContents.mapStash {
      background-image: url('/image/inventory/StashPanelMap.png?1593393374310'); }
      .stashPanel .stashTabContents.mapStash .mapItemControls {
        height: 259px;
        width: 518px;
        background: transparent url('/image/inventory/MapStashPanelGrid.png?1593393374306');
        margin: 16px 56px; }
      .stashPanel .stashTabContents.mapStash .mapTierControls {
        padding: 20px 10px 0;
        font-size: 0px; }
      .stashPanel .stashTabContents.mapStash .mapTypeControls {
        margin: 6px 54px;
        height: 122px;
        border: 1px solid #000000;
        overflow-y: hidden;
        padding: 2px 4px;
        text-align: left; }
        .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup {
          display: none; }
          .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span {
            background: transparent url('/image/layout/stash/map-tab/type-background.png?1593393376282') no-repeat center/cover;
            height: 40px;
            width: 40px;
            display: inline-block;
            padding: 8px;
            margin: 2px 4px;
            position: relative; }
            .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span img {
              height: 100%;
              filter: brightness(35%); }
            .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span:hover {
              background-image: url('/image/layout/stash/map-tab/type-background-hover.png?1593393376282'); }
            .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span.active {
              background-image: url('/image/layout/stash/map-tab/type-background-selected.png?1593393376282'); }
              .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span.active img {
                filter: none; }
              .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span.active::after {
                background: transparent url('/image/layout/stash/map-tab/type-selected.png?1593393376282') no-repeat center/cover;
                display: block;
                content: ' ';
                z-index: 5;
                height: 50px;
                width: 56px;
                top: 3px;
                position: absolute;
                left: 0; }
            .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup > span .mapTypeCount {
              display: block;
              position: absolute;
              top: 6px;
              left: 10px;
              color: white;
              font-size: 11px;
              z-index: 6;
              text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
          .stashPanel .stashTabContents.mapStash .mapTypeControls .mapTypeGroup.active {
            display: block; }
      .stashPanel .stashTabContents.mapStash .mapTierButton {
        background: url('/image/layout/stash/map-tab/tier-button.png?1593393376282');
        width: 50px;
        height: 50px;
        background-size: contain;
        display: inline-block;
        vertical-align: middle;
        padding: 4px;
        position: relative;
        margin: 1px; }
        .stashPanel .stashTabContents.mapStash .mapTierButton:hover {
          background-image: url('/image/layout/stash/map-tab/tier-button-hover.png?1593393376282');
          cursor: pointer; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.active {
          background-image: url('/image/layout/stash/map-tab/tier-button-selected.png?1593393376282'); }
        .stashPanel .stashTabContents.mapStash .mapTierButton .mapTierCount {
          display: block;
          background: url('/image/layout/stash/map-tab/tier-number-background.png?1593393376282');
          height: 24px;
          width: 24px;
          background-size: contain;
          position: absolute;
          top: -4px;
          left: -4px;
          color: white;
          font-size: 10px;
          line-height: 24px; }
        .stashPanel .stashTabContents.mapStash .mapTierButton::after {
          content: ' ';
          line-height: 50px;
          font-size: 16px;
          color: white;
          text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier1::after {
          content: 'I'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier2::after {
          content: 'II'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier3::after {
          content: 'III'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier4::after {
          content: 'IV'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier5::after {
          content: 'V'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier6::after {
          content: 'VI'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier7::after {
          content: 'VII'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier8::after {
          content: 'VIII'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier9::after {
          content: 'IX'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier10::after {
          content: 'X'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier11::after {
          content: 'XI'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier12::after {
          content: 'XII'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier13::after {
          content: 'XIII'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier14::after {
          content: 'XIV'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier15::after {
          content: 'XV'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier16::after {
          content: 'XVI'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTierUnique::after {
          content: 'U'; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier6::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier7::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier8::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier9::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier10::after {
          color: #E2922E; }
        .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier11::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier12::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier13::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier14::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier15::after, .stashPanel .stashTabContents.mapStash .mapTierButton.mapTier16::after {
          color: #FE0000; }
  .stashPanel .tabControl .leftButton {
    width: 21px;
    height: 26px;
    background: url('/image/inventory/tabs-control/LeftButton.png?1593393374406') no-repeat; }
    .stashPanel .tabControl .leftButton:hover {
      background-position: 0px -26px; }
  .stashPanel .tabControl .rightButton {
    width: 21px;
    height: 26px;
    background: url('/image/inventory/tabs-control/RightButton.png?1593393374406') no-repeat; }
    .stashPanel .tabControl .rightButton:hover {
      background-position: 0px -26px; }
  .stashPanel .tabControl .tabSelectButton {
    width: 22px;
    height: 26px;
    background: url('/image/inventory/tabs-control/ExpandButton.png?1593393374406'); }
    .stashPanel .tabControl .tabSelectButton:hover {
      background-position: 0px -26px; }
  .stashPanel.mtxStashPanel {
    width: 600px;
    height: 781px;
    background: url('/image/inventory/MTXStash.png?1593393374306'); }

.stashTabSelectWrapper {
  top: 0;
  left: 50px;
  position: absolute;
  max-height: 500px;
  z-index: 10000;
  display: none; }
  .stashTabSelectWrapper .stashTabSelect {
    height: 500px;
    max-height: 500px;
    background: #000;
    border: 1px solid #8a633d;
    overflow: hidden;
    position: relative;
    padding-right: 29px;
    min-width: 128px; }
    .stashTabSelectWrapper .stashTabSelect .option {
      height: 16px;
      color: #f0dcb9;
      border: 1px solid transparent;
      line-height: 16px;
      white-space: nowrap; }
      .stashTabSelectWrapper .stashTabSelect .option:hover {
        cursor: pointer;
        border: 1px solid #8c5f35; }
      .stashTabSelectWrapper .stashTabSelect .option::before {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 4px;
        content: ' ';
        background: none no-repeat center / contain;
        vertical-align: top; }
      .stashTabSelectWrapper .stashTabSelect .option.PremiumStash::before {
        background-image: url('/image/layout/stash/premium-tab-icon.png?1593393376378'); }
      .stashTabSelectWrapper .stashTabSelect .option.CurrencyStash::before {
        background-image: url('/image/layout/stash/currency-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.MapStash::before {
        background-image: url('/image/layout/stash/map-tab-icon.png?1593393376294'); }
      .stashTabSelectWrapper .stashTabSelect .option.DivinationCardStash::before {
        background-image: url('/image/layout/stash/divination-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.QuadStash::before {
        background-image: url('/image/layout/stash/quad-tab-icon.png?1593393376378'); }
      .stashTabSelectWrapper .stashTabSelect .option.EssenceStash::before {
        background-image: url('/image/layout/stash/essence-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.FragmentStash::before {
        background-image: url('/image/layout/stash/fragment-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.UniqueStash::before {
        background-image: url('/image/layout/stash/unique-tab-icon.png?1593393376394'); }
      .stashTabSelectWrapper .stashTabSelect .option.DelveStash::before {
        background-image: url('/image/layout/stash/delve-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.BlightStash::before {
        background-image: url('/image/layout/stash/blight-tab-icon.png?1593393376278'); }
      .stashTabSelectWrapper .stashTabSelect .option.MetamorphStash::before {
        background-image: url('/image/layout/stash/metamorph-tab-icon.png?1593393376378'); }
      .stashTabSelectWrapper .stashTabSelect .option.DeliriumStash::before {
        background-image: url('/image/layout/stash/delirium-tab-icon.png?1593393376278'); }

#dcard-baseType {
  height: 500px; }

#dcard-baseMod {
  height: 500px; }

.dcard-massiveSelect {
  height: 500px; }

.divinationCards {
  padding: 10px;
  overflow: hidden;
  word-wrap: break-word; }
  .divinationCards .cardStatus {
    margin-top: 230px; }
  .divinationCards .cardList .cardStats {
    padding: 10px 0px; }
  .divinationCards .cardList .cardName {
    font-weight: bold; }
  .divinationCards .divinationImage {
    text-align: right; }

.divinationCardsList {
  background: transparent url('/image/awakening/divinationcards.png?1593393283803') no-repeat bottom right;
  min-height: 1140px; }

.center {
  text-align: center; }
  .center .button-text, .center div.custom-league-view button, div.custom-league-view .center button, .center div.custom-league-view input[type="submit"], div.custom-league-view .center input[type="submit"], .center .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .center button, .center .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .center input[type="submit"] {
    display: inline-block; }

#cl-popup-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
  left: 0;
  top: 0; }
  #cl-popup-container #cl-popup-content {
    background: #272727;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 200px;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    padding: 20px;
    position: relative;
    color: #cacaca;
    max-height: 80%;
    overflow: auto; }
    #cl-popup-container #cl-popup-content h1, #cl-popup-container #cl-popup-content h2, #cl-popup-container #cl-popup-content h3 {
      text-align: center;
      padding: 8px; }
    #cl-popup-container #cl-popup-content h3 {
      font-size: 1.4em; }
    #cl-popup-container #cl-popup-content h1 {
      margin-bottom: 6px;
      margin-top: -12px;
      font-weight: normal;
      font-size: 1.8em; }
    #cl-popup-container #cl-popup-content .confirm-buttons {
      bottom: 0;
      margin-left: 0; }
    #cl-popup-container #cl-popup-content .section {
      text-align: center; }
      #cl-popup-container #cl-popup-content .section .line-item {
        display: inline-block;
        padding-top: 0px;
        padding-bottom: 0px;
        min-width: 28px;
        font-size: 1.2em;
        margin: 5px; }
        #cl-popup-container #cl-popup-content .section .line-item.fund-status, #cl-popup-container #cl-popup-content .section .line-item.total {
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 27px;
          min-height: 22px; }
      #cl-popup-container #cl-popup-content .section #start-time-warning {
        display: flex;
        justify-content: center;
        flex-direction: column; }
        #cl-popup-container #cl-popup-content .section #start-time-warning .start-time-warning-error {
          font-weight: bold; }
    #cl-popup-container #cl-popup-content .prev-section, #cl-popup-container #cl-popup-content .checkout {
      padding: 7px;
      border: 1px solid #272626;
      background: #131313;
      margin-top: 5px; }
    #cl-popup-container #cl-popup-content .prev-section {
      background: #191818; }
    #cl-popup-container #cl-popup-content .checkout .remove-item {
      display: none; }
    #cl-popup-container #cl-popup-content .checkout .item-cost {
      display: none; }
    #cl-popup-container #cl-popup-content .checkout .item-name.remove {
      color: #9a0000; }
    #cl-popup-container #cl-popup-content #fund-confirm {
      padding-bottom: 66px;
      position: relative; }
      #cl-popup-container #cl-popup-content #fund-confirm .error, #cl-popup-container #cl-popup-content #fund-confirm form.t1 .row.error .element ul li, form.t1 .row.error .element ul #cl-popup-container #cl-popup-content #fund-confirm li, #cl-popup-container #cl-popup-content #fund-confirm .formT1 .row.error .element ul li, .formT1 .row.error .element ul #cl-popup-container #cl-popup-content #fund-confirm li {
        position: absolute;
        bottom: 0; }
    #cl-popup-container #cl-popup-content #leave-private-league {
      margin-bottom: 105px; }

div.custom-league-view {
  color: #adaaaa;
  width: 96%;
  background: url('/image/custom-leagues/MainContentBGTop.png?1593393330699') top no-repeat, url('/image/custom-leagues/MainContentBGBot.png?1593393330695') bottom no-repeat, url('/image/custom-leagues/MainContentBGTile.png?1593393330695') repeat-y;
  background-position-x: 12px;
  margin: 4px;
  padding: 14px 12px;
  float: left;
  position: relative; }
  div.custom-league-view .intro-text {
    padding: 5px 13px 0px; }
  div.custom-league-view .hash-error li {
    padding: 5px 16px 0px;
    background: none;
    font-size: 1.4em;
    max-width: 700px; }
  div.custom-league-view .eventView .ladderView {
    margin-top: -5px; }
    div.custom-league-view .eventView .ladderView .controls {
      width: 75%;
      text-align: right; }
      div.custom-league-view .eventView .ladderView .controls select {
        width: 50px; }
      div.custom-league-view .eventView .ladderView .controls .exportCsv {
        display: none; }
    div.custom-league-view .eventView .ladderView table th {
      font-size: 0.9em;
      max-width: 60px; }
    div.custom-league-view .eventView .ladderView table td {
      max-width: 60px;
      overflow: hidden; }
      div.custom-league-view .eventView .ladderView table td.account, div.custom-league-view .eventView .ladderView table td.character {
        max-width: 120px; }
  div.custom-league-view.centered {
    width: 729px;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  div.custom-league-view.small {
    background: url('/image/custom-leagues/MainContentSmallBGTop.png?1593393330699') top no-repeat, url('/image/custom-leagues/MainContentSmallBGBot.png?1593393330699') bottom no-repeat, url('/image/custom-leagues/MainContentSmallBGTile.png?1593393330699') center repeat-y; }
  div.custom-league-view.side-panel-enabled .cl-side-panel {
    width: 19%;
    min-height: 200px;
    right: 28px;
    margin-top: 10px;
    float: right; }
    div.custom-league-view.side-panel-enabled .cl-side-panel .buttons button, div.custom-league-view.side-panel-enabled .cl-side-panel .buttons input[type="submit"] {
      width: 99%; }
  div.custom-league-view.side-panel-enabled .custom-league-panel, div.custom-league-view.side-panel-enabled .cl-properties {
    width: 695px; }
  div.custom-league-view.side-panel-enabled .cl-properties {
    padding-top: 15px;
    float: left;
    margin: 0 8px; }
    div.custom-league-view.side-panel-enabled .cl-properties .more-options-expand {
      cursor: pointer; }
    div.custom-league-view.side-panel-enabled .cl-properties .more-options {
      display: none; }
    div.custom-league-view.side-panel-enabled .cl-properties .element {
      text-align: left; }
      div.custom-league-view.side-panel-enabled .cl-properties .element input[type=text], div.custom-league-view.side-panel-enabled .cl-properties .element select {
        width: 95%; }
  div.custom-league-view h2.section-header {
    text-align: center;
    font-weight: normal;
    font-size: 1.8em; }
  div.custom-league-view h2, div.custom-league-view h3 {
    text-align: center;
    font-weight: normal;
    margin-bottom: 5px; }
  div.custom-league-view table th, div.custom-league-view table td {
    border: 1px solid #222; }
  div.custom-league-view table th {
    color: #ccc6c6;
    background: rgba(0, 0, 0, 0.3);
    font-size: 1.3em; }
  div.custom-league-view table tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0.3);
    padding-left: 4px; }
  div.custom-league-view .prop span:nth-child(2n) {
    color: #ccc6c6; }
  div.custom-league-view .prop span {
    padding: 3px;
    font-size: 1.1em; }
  div.custom-league-view .removeMod, div.custom-league-view .removeMember {
    float: right; }
  div.custom-league-view .custom-league-panel {
    float: left;
    border: 2px solid #32343a;
    background: #272727;
    border-radius: 5px;
    padding: 5px;
    width: 97.5%;
    margin: 11px 11px 0px;
    position: relative; }
    div.custom-league-view .custom-league-panel.members {
      width: 96%; }
    div.custom-league-view .custom-league-panel .eventView {
      margin-bottom: 20px; }
    div.custom-league-view .custom-league-panel .errors {
      font-size: 1.6em; }
    div.custom-league-view .custom-league-panel .half {
      width: 49%; }
    div.custom-league-view .custom-league-panel.league-details {
      background: #272727 url('/image/custom-leagues/LeagueContentBG.png?1593393330695') no-repeat; }
      div.custom-league-view .custom-league-panel.league-details .left-pane {
        float: left;
        width: 49%; }
      div.custom-league-view .custom-league-panel.league-details .right-pane {
        float: right;
        width: 44%; }
      div.custom-league-view .custom-league-panel.league-details .flagart {
        text-align: center;
        margin-top: 20px;
        width: 90%;
        float: right; }
        div.custom-league-view .custom-league-panel.league-details .flagart img {
          width: 17%; }
      div.custom-league-view .custom-league-panel.league-details .league-type {
        text-align: center;
        float: right;
        width: 90%; }
        div.custom-league-view .custom-league-panel.league-details .league-type div {
          font-size: 1.4em;
          display: inline-block;
          width: 35%;
          background: #424242;
          color: #272727;
          outline: 1px solid #272727;
          text-align: center;
          margin-right: -2px; }
          div.custom-league-view .custom-league-panel.league-details .league-type div.active {
            color: #ddd9e3;
            outline: 1px solid #adadad; }
        div.custom-league-view .custom-league-panel.league-details .league-type .standard.active {
          background: #425999; }
        div.custom-league-view .custom-league-panel.league-details .league-type .hardcore.active {
          background: #8c2000; }
      div.custom-league-view .custom-league-panel.league-details .custom-league-mods {
        text-align: center;
        width: 42%;
        float: right;
        margin-top: 20px;
        padding-left: 12%; }
        div.custom-league-view .custom-league-panel.league-details .custom-league-mods .mod-group {
          display: inline-block; }
      div.custom-league-view .custom-league-panel.league-details .bottom-pane {
        display: flex;
        clear: left;
        width: 100%;
        flex-direction: row-reverse; }
        div.custom-league-view .custom-league-panel.league-details .bottom-pane.colum-layout {
          flex-direction: column; }
          div.custom-league-view .custom-league-panel.league-details .bottom-pane.colum-layout .custom-league-mods, div.custom-league-view .custom-league-panel.league-details .bottom-pane.colum-layout #mini-countdown {
            width: 100%; }
          div.custom-league-view .custom-league-panel.league-details .bottom-pane.colum-layout .custom-league-mods {
            margin-top: 0;
            padding-left: 0; }
    div.custom-league-view .custom-league-panel.crowdfund .bar {
      width: 619px;
      height: 29px;
      overflow: hidden;
      padding: 3px 2px;
      background: #0e0e0e url('/image/custom-leagues/CrowdfundProgressBar.png?1593393330695') no-repeat;
      background-position-y: -2px;
      display: inline-block;
      box-sizing: border-box; }
      div.custom-league-view .custom-league-panel.crowdfund .bar .segment {
        float: left;
        width: 30.7px;
        height: 23px; }
        div.custom-league-view .custom-league-panel.crowdfund .bar .segment.filled {
          background: transparent url('/image/custom-leagues/CrowdfundProgressFill.png?1593393330695') repeat-x; }
    div.custom-league-view .custom-league-panel.crowdfund .custom-league-mods {
      width: 60%; }
    div.custom-league-view .custom-league-panel.crowdfund .message {
      position: absolute;
      bottom: 16px;
      left: 38px;
      max-width: 450px; }
    div.custom-league-view .custom-league-panel .member-list, div.custom-league-view .custom-league-panel .member-list-header {
      float: none;
      width: 105%;
      margin: 0 -5px 10px;
      font-size: 1.4em; }
      div.custom-league-view .custom-league-panel .member-list div, div.custom-league-view .custom-league-panel .member-list a, div.custom-league-view .custom-league-panel .member-list-header div, div.custom-league-view .custom-league-panel .member-list-header a {
        width: 35%;
        float: none;
        font-size: 95%;
        line-height: 16px;
        word-break: break-word; }
        div.custom-league-view .custom-league-panel .member-list div.right, div.custom-league-view .custom-league-panel .member-list a.right, div.custom-league-view .custom-league-panel .member-list-header div.right, div.custom-league-view .custom-league-panel .member-list-header a.right {
          width: 30%;
          display: flex;
          justify-content: space-between; }
          div.custom-league-view .custom-league-panel .member-list div.right .update-sort, div.custom-league-view .custom-league-panel .member-list a.right .update-sort, div.custom-league-view .custom-league-panel .member-list-header div.right .update-sort, div.custom-league-view .custom-league-panel .member-list-header a.right .update-sort {
            width: auto; }
          div.custom-league-view .custom-league-panel .member-list div.right .role, div.custom-league-view .custom-league-panel .member-list a.right .role, div.custom-league-view .custom-league-panel .member-list-header div.right .role, div.custom-league-view .custom-league-panel .member-list-header a.right .role {
            width: 70%; }
          div.custom-league-view .custom-league-panel .member-list div.right.half, div.custom-league-view .custom-league-panel .member-list a.right.half, div.custom-league-view .custom-league-panel .member-list-header div.right.half, div.custom-league-view .custom-league-panel .member-list-header a.right.half {
            width: 35%;
            justify-content: flex-end;
            white-space: nowrap; }
            div.custom-league-view .custom-league-panel .member-list div.right.half .row, div.custom-league-view .custom-league-panel .member-list a.right.half .row, div.custom-league-view .custom-league-panel .member-list-header div.right.half .row, div.custom-league-view .custom-league-panel .member-list-header a.right.half .row {
              width: 100%;
              margin: 0;
              display: flex;
              justify-content: flex-end; }
            div.custom-league-view .custom-league-panel .member-list div.right.half label, div.custom-league-view .custom-league-panel .member-list a.right.half label, div.custom-league-view .custom-league-panel .member-list-header div.right.half label, div.custom-league-view .custom-league-panel .member-list-header a.right.half label {
              width: 70%;
              line-height: 16px;
              margin: 0;
              text-align: right; }
              .fr_FR div.custom-league-view .custom-league-panel .member-list div.right.half label, .es_ES div.custom-league-view .custom-league-panel .member-list div.right.half label, .fr_FR div.custom-league-view .custom-league-panel .member-list a.right.half label, .es_ES div.custom-league-view .custom-league-panel .member-list a.right.half label, .fr_FR div.custom-league-view .custom-league-panel .member-list-header div.right.half label, .es_ES div.custom-league-view .custom-league-panel .member-list-header div.right.half label, .fr_FR div.custom-league-view .custom-league-panel .member-list-header a.right.half label, .es_ES div.custom-league-view .custom-league-panel .member-list-header a.right.half label {
                width: auto;
                max-width: 205px; }
            div.custom-league-view .custom-league-panel .member-list div.right.half div.element, div.custom-league-view .custom-league-panel .member-list a.right.half div.element, div.custom-league-view .custom-league-panel .member-list-header div.right.half div.element, div.custom-league-view .custom-league-panel .member-list-header a.right.half div.element {
              width: 20%; }
          div.custom-league-view .custom-league-panel .member-list div.right .last-access, div.custom-league-view .custom-league-panel .member-list a.right .last-access, div.custom-league-view .custom-league-panel .member-list-header div.right .last-access, div.custom-league-view .custom-league-panel .member-list-header a.right .last-access {
            width: 50%; }
          div.custom-league-view .custom-league-panel .member-list div.right .remove, div.custom-league-view .custom-league-panel .member-list a.right .remove, div.custom-league-view .custom-league-panel .member-list-header div.right .remove, div.custom-league-view .custom-league-panel .member-list-header a.right .remove {
            font-size: 90%;
            width: auto;
            margin-left: auto; }
      div.custom-league-view .custom-league-panel .member-list .member-row, div.custom-league-view .custom-league-panel .member-list-header .member-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 97%;
        padding: 6px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        font-size: 90%; }
      div.custom-league-view .custom-league-panel .member-list .member-row:nth-child(2n), div.custom-league-view .custom-league-panel .member-list-header .member-row:nth-child(2n) {
        background: rgba(0, 0, 0, 0); }
      div.custom-league-view .custom-league-panel .member-list .owner, div.custom-league-view .custom-league-panel .member-list-header .owner {
        color: #e93f2e; }
      div.custom-league-view .custom-league-panel .member-list .officer, div.custom-league-view .custom-league-panel .member-list-header .officer {
        color: #e9a33e; }
      div.custom-league-view .custom-league-panel .member-list .member, div.custom-league-view .custom-league-panel .member-list-header .member {
        color: white; }
    div.custom-league-view .custom-league-panel .member-list-header {
      margin: 10px -5px 0; }
      div.custom-league-view .custom-league-panel .member-list-header .member-row {
        background: none; }
        div.custom-league-view .custom-league-panel .member-list-header .member-row div .update-sort {
          cursor: pointer; }
        div.custom-league-view .custom-league-panel .member-list-header .member-row div .arrow-up::after {
          content: '\25b2';
          padding-left: 0.5em; }
        div.custom-league-view .custom-league-panel .member-list-header .member-row div .arrow-down::after {
          content: '\25bc';
          padding-left: 0.5em;
          font-size: 80%; }
    div.custom-league-view .custom-league-panel .buttons {
      padding: 10px 0px; }
    div.custom-league-view .custom-league-panel .fund-status {
      text-align: center;
      position: relative; }
      div.custom-league-view .custom-league-panel .fund-status .details {
        position: absolute;
        top: 0px;
        width: 100%;
        color: #ebcc5f;
        text-shadow: black 0px 0px 10px;
        -webkit-text-stroke: 0.7px #1d1d1d;
        font-size: 1.7em;
        line-height: 25px; }
    div.custom-league-view .custom-league-panel .crowdfund-container {
      width: 620px;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px; }
    div.custom-league-view .custom-league-panel .changeset-details {
      float: left;
      width: 617px;
      border: 1px solid #a08550;
      background: #131212;
      margin-top: -5px;
      margin-left: 2px; }
      div.custom-league-view .custom-league-panel .changeset-details .details {
        padding: 5px;
        width: 49%;
        float: left; }
      div.custom-league-view .custom-league-panel .changeset-details .custom-league-mods {
        text-align: right;
        padding: 5px;
        width: 49%;
        float: right; }
        div.custom-league-view .custom-league-panel .changeset-details .custom-league-mods .custom-league-mod {
          display: inline-block;
          margin: 0;
          float: none; }
    div.custom-league-view .custom-league-panel .payment-fieldset {
      width: 155px;
      float: right;
      text-align: right;
      margin: 10px 0px 5px; }
      div.custom-league-view .custom-league-panel .payment-fieldset .amount {
        width: 100px;
        float: left;
        background-position-y: -10px; }
      div.custom-league-view .custom-league-panel .payment-fieldset .fund-submit {
        width: 50px;
        float: right; }
        div.custom-league-view .custom-league-panel .payment-fieldset .fund-submit input {
          margin: 0; }
      div.custom-league-view .custom-league-panel .payment-fieldset .errors {
        text-align: center;
        float: left; }
  div.custom-league-view.side-panel-enabled .custom-league-panel.league-details .left-pane {
    width: 55%; }
  div.custom-league-view.side-panel-enabled .custom-league-panel.league-details .custom-league-mods {
    width: 50%;
    padding-left: 10%; }
  div.custom-league-view .bottom {
    position: absolute;
    bottom: 0;
    width: 100%; }
  div.custom-league-view .left {
    float: left; }
  div.custom-league-view .right {
    float: right; }
    div.custom-league-view .right.role {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      div.custom-league-view .right.role .element {
        text-align: right;
        padding-right: 5px; }
      div.custom-league-view .right.role .delete {
        font-size: 80%; }
  div.custom-league-view .coin-icon {
    background: url('/image/custom-leagues/Coin.png?1593393330695') no-repeat;
    background-size: 50px;
    background-position-x: right;
    background-position-y: -8px;
    padding-right: 42px; }
  div.custom-league-view .cl-side-panel {
    margin-top: -17px;
    margin-right: -18px;
    right: 0; }
    div.custom-league-view .cl-side-panel h2 {
      text-align: center;
      margin: 3px 0px; }
    div.custom-league-view .cl-side-panel .remove .cart-line-item:hover {
      cursor: pointer; }
      div.custom-league-view .cl-side-panel .remove .cart-line-item:hover .remove-item {
        display: block;
        color: #9a0000;
        width: 10px;
        padding: 3px; }
  div.custom-league-view .cl-side-panel {
    border: 2px solid #32343a;
    background: #272727;
    border-radius: 5px;
    padding: 5px;
    position: relative; }
    div.custom-league-view .cl-side-panel .submit-buttons {
      text-align: right;
      width: 93%; }
    div.custom-league-view .cl-side-panel .property-info {
      padding: 2px 5px 10px; }
    div.custom-league-view .cl-side-panel hr.total-divider {
      width: 80%;
      border: 1px solid #ccc; }
    div.custom-league-view .cl-side-panel #total {
      height: 33px;
      width: 100%;
      text-align: right;
      line-height: 34px;
      font-size: 2em;
      color: #8ee164; }
    div.custom-league-view .cl-side-panel .total-buffer {
      min-height: 150px;
      width: 100%;
      float: left; }
    div.custom-league-view .cl-side-panel .cart-line-item {
      width: 100%;
      font-size: 1.1em;
      float: left; }
      div.custom-league-view .cl-side-panel .cart-line-item .item-name {
        width: 67%;
        float: left; }
        div.custom-league-view .cl-side-panel .cart-line-item .item-name.remove {
          color: #9a0000; }
      div.custom-league-view .cl-side-panel .cart-line-item .remove-item {
        display: none;
        float: left; }
      div.custom-league-view .cl-side-panel .cart-line-item .item-cost {
        width: 25%;
        float: right;
        text-align: right;
        color: #8ee164; }
      div.custom-league-view .cl-side-panel .cart-line-item .item-name, div.custom-league-view .cl-side-panel .cart-line-item .item-cost {
        padding: 3px; }
      div.custom-league-view .cl-side-panel .cart-line-item.total {
        font-size: 1.5em;
        position: absolute;
        bottom: 0;
        margin: 1px;
        outline: 1px solid rgba(0, 0, 0, 0.4);
        background: rgba(0, 0, 0, 0.2); }
        div.custom-league-view .cl-side-panel .cart-line-item.total .item-name {
          width: 40%; }
        div.custom-league-view .cl-side-panel .cart-line-item.total .item-cost {
          width: 50%; }
  div.custom-league-view .league-section {
    margin: 40px 0px; }
  div.custom-league-view .custom-league-list .header h3 {
    font-size: 1.6em;
    font-weight: normal; }
    div.custom-league-view .custom-league-list .header h3 a {
      color: #B8B5A5;
      text-decoration: none; }
  div.custom-league-view .custom-league-list .custom-league {
    float: left;
    outline: 1px solid #2d2d2d;
    width: 712px;
    background: rgba(0, 0, 0, 0.3);
    margin: 0px 5px;
    position: relative; }
    div.custom-league-view .custom-league-list .custom-league .flagart {
      float: left; }
      div.custom-league-view .custom-league-list .custom-league .flagart img {
        width: 86px;
        margin: -10px 0px 15px 47px; }
    div.custom-league-view .custom-league-list .custom-league .mod-list {
      width: 300px;
      float: left;
      padding: 10px 85px; }
    div.custom-league-view .custom-league-list .custom-league .controls {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 10px; }
  div.custom-league-view .custom-league-breakdown {
    width: 100px;
    float: right;
    height: 100%; }
  div.custom-league-view .custom-league-mod {
    font-weight: normal;
    float: left;
    width: 220px;
    height: 90px;
    background: #2b2b2b;
    border: 2px solid #404040;
    border-radius: 10px;
    position: relative; }
    div.custom-league-view .custom-league-mod:hover {
      border: 2px solid #f3b759; }
    div.custom-league-view .custom-league-mod .tooltip-container {
      display: none;
      width: 100%;
      min-width: 200px;
      text-align: center;
      position: absolute;
      bottom: 108%;
      left: 0;
      z-index: 55;
      border: 1px solid #c7b893;
      border-radius: 2px;
      background: #c7b893;
      padding: 5px 10px;
      color: #212121;
      font-size: 1.2em; }
      div.custom-league-view .custom-league-mod .tooltip-container .title {
        width: 100%;
        padding: 2px 0px 5px;
        border-bottom: 1px solid #212121; }
    div.custom-league-view .custom-league-mod .tooltip {
      margin-top: 5px;
      display: inline-block; }
    div.custom-league-view .custom-league-mod:hover .tooltip-container {
      display: block; }
      div.custom-league-view .custom-league-mod:hover .tooltip-container:hover {
        display: none; }
    div.custom-league-view .custom-league-mod .mod-description {
      display: none;
      position: absolute;
      right: 0;
      top: 0; }
    div.custom-league-view .custom-league-mod.mini {
      border: 0 none;
      width: 54px;
      height: 54px;
      background: none;
      outline: none;
      margin: 0; }
      div.custom-league-view .custom-league-mod.mini .mod-icon {
        width: 54px;
        height: 54px;
        padding: 4px; }
    div.custom-league-view .custom-league-mod .mod-icon {
      float: left;
      width: 90px;
      height: 90px;
      padding: 8px;
      overflow: hidden; }
      div.custom-league-view .custom-league-mod .mod-icon img {
        width: 100%;
        height: 100%; }
    div.custom-league-view .custom-league-mod .title, div.custom-league-view .custom-league-mod .info {
      padding: 2px;
      text-align: center; }
    div.custom-league-view .custom-league-mod .title {
      font-size: 1.4em;
      line-height: 0.9em;
      padding-top: 9px;
      width: 126px;
      float: right;
      text-align: center; }
      div.custom-league-view .custom-league-mod .title.long {
        font-size: 1.2em;
        padding-top: 5px; }
      div.custom-league-view .custom-league-mod .title.nocost {
        padding-top: 22px; }
        div.custom-league-view .custom-league-mod .title.nocost.long {
          padding-top: 14px; }
    div.custom-league-view .custom-league-mod .info {
      width: 126px;
      font-size: 1.8em;
      position: absolute;
      bottom: 0;
      right: 0;
      margin-bottom: 8px; }
      div.custom-league-view .custom-league-mod .info .cost {
        height: 32px;
        text-align: right;
        line-height: 32px;
        padding-right: 49px; }
  div.custom-league-view form.t1 label.selectable-mod {
    width: 220px;
    max-width: 220px;
    float: left;
    margin: 3px;
    color: #CAC2A8;
    cursor: pointer; }
    div.custom-league-view form.t1 label.selectable-mod input[type="checkbox"] {
      display: none; }
    div.custom-league-view form.t1 label.selectable-mod input[type="checkbox"]:checked + .custom-league-mod {
      border: 2px solid #f3b759;
      background: #8b1910;
      color: #e6e6e6; }
      div.custom-league-view form.t1 label.selectable-mod input[type="checkbox"]:checked + .custom-league-mod .mod-icon {
        filter: grayscale(100%) brightness(10%) invert(1); }
    div.custom-league-view form.t1 label.selectable-mod.remove-only input[type="checkbox"] + .custom-league-mod {
      border: 2px solid #f3b759;
      background: #842f10; }
      div.custom-league-view form.t1 label.selectable-mod.remove-only input[type="checkbox"] + .custom-league-mod .mod-icon {
        filter: grayscale(100%); }
    div.custom-league-view form.t1 label.selectable-mod.remove-only input[type="checkbox"]:checked + .custom-league-mod {
      border: 2px solid #ddd;
      background: #003300; }
    div.custom-league-view form.t1 label.selectable-mod input[type="checkbox"]:disabled + .custom-league-mod {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      background: #1b1b1b;
      border: 2px solid #0c0c0c; }
  div.custom-league-view .custom-league {
    padding: 4px; }
  div.custom-league-view .create {
    padding: 4px;
    font-size: 1.5em; }
    div.custom-league-view .create a:link {
      color: #adadad; }
  div.custom-league-view .countdown-layout, div.custom-league-view #mini-countdown .countdown div, div.custom-league-view .switch-field .start-time-text.selected-date {
    background: #1f1a18;
    color: #e6e6e6; }
  div.custom-league-view .countdown-container {
    display: none;
    margin: 10px 0;
    flex-grow: 1;
    text-align: center; }
  div.custom-league-view #mini-countdown {
    display: flex;
    flex-direction: column;
    align-items: center; }
    div.custom-league-view #mini-countdown .league-start-message {
      display: none; }
    div.custom-league-view #mini-countdown .countdown {
      font-weight: bold;
      font-size: 1.2em;
      height: 45px; }
      div.custom-league-view #mini-countdown .countdown div {
        padding: 7px 0 20px;
        border-radius: 3px; }
        div.custom-league-view #mini-countdown .countdown div.start {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          color: #f56b46;
          text-shadow: 0px 0px 5px #f56b46; }
        div.custom-league-view #mini-countdown .countdown div.done {
          -webkit-transition: all 1s ease-in-out;
          -webkit-transition-delay: 0s;
          -moz-transition: all 1s ease-in-out false;
          -o-transition: all 1s ease-in-out false;
          transition: all 1s ease-in-out false;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          color: #fafeff;
          text-shadow: none; }
        div.custom-league-view #mini-countdown .countdown div.zero {
          text-shadow: 0px 0px 5px #f56b46;
          color: #B61D10; }
    div.custom-league-view #mini-countdown .units {
      margin-top: -15px;
      font-size: 0.9em;
      z-index: 1; }
    div.custom-league-view #mini-countdown .countdown, div.custom-league-view #mini-countdown .units {
      display: flex;
      text-align: center; }
      div.custom-league-view #mini-countdown .countdown div, div.custom-league-view #mini-countdown .units div {
        margin: 0 3px;
        width: 55px;
        color: #e6e6e6; }
  div.custom-league-view input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none; }
  div.custom-league-view textarea::placeholder, div.custom-league-view input[type=search]::placeholder, div.custom-league-view input[type=search]::-webkit-search-cancel-button {
    color: #8c8c8c; }
  div.custom-league-view input[type="submit"]:hover {
    text-decoration: none; }
  div.custom-league-view .row {
    text-align: center; }
  div.custom-league-view form.t1 .league-start-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
    width: 100%;
    text-align: center; }
    div.custom-league-view form.t1 .league-start-time .element {
      width: 90%;
      max-width: 620px; }
    div.custom-league-view form.t1 .league-start-time label {
      min-width: fit-content;
      width: auto;
      padding: 0 8px;
      line-height: 2em;
      white-space: nowrap; }
    div.custom-league-view form.t1 .league-start-time .toggle-button-container {
      display: flex;
      align-items: center; }
      div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button-knob {
        top: 1px;
        left: 0; }
      div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button-input:checked + label:last-of-type + .toggle-button-knob {
        left: 50%; }
      div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button {
        width: auto; }
        div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label {
          min-width: 50%;
          white-space: nowrap;
          align-self: center;
          font-size: 15px;
          font-weight: normal;
          line-height: 30px;
          padding: 0 12px;
          transition: color 0.3s 0s; }
        div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button .toggle-button-input:checked + label {
          color: #b68f30;
          text-shadow: 0px 0px 6px; }
        .pt_BR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .de_DE div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .fr_FR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .es_ES div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .ru_RU div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .ko_KR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button, .th_TH div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button {
          width: 400px; }
          .pt_BR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .de_DE div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .fr_FR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .es_ES div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .ru_RU div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .ko_KR div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label, .th_TH div.custom-league-view form.t1 .league-start-time .toggle-button-container .toggle-button label {
            font-size: 15px; }
    div.custom-league-view form.t1 .league-start-time #mini-countdown {
      align-items: center;
      margin: 10px 0; }
      div.custom-league-view form.t1 .league-start-time #mini-countdown .countdown {
        font-size: 1.4em;
        height: 50px; }
      div.custom-league-view form.t1 .league-start-time #mini-countdown .units {
        margin-top: -18px;
        font-size: 1.1m; }
      div.custom-league-view form.t1 .league-start-time #mini-countdown .countdown div, div.custom-league-view form.t1 .league-start-time #mini-countdown .units div {
        margin: 0 5px;
        width: 60px; }
  div.custom-league-view .switch-field {
    display: flex;
    overflow: hidden;
    font-size: 1.1em; }
    div.custom-league-view .switch-field #start_time {
      display: none;
      width: auto;
      padding: 4px;
      text-align: center;
      flex-grow: 1;
      margin-left: 10px; }
    div.custom-league-view .switch-field input[type=radio] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      width: 1px;
      border: 0;
      overflow: hidden; }
    div.custom-league-view .switch-field .start-time-text {
      margin: 0 0 0 10px; }
      div.custom-league-view .switch-field .start-time-text.selected-date {
        cursor: not-allowed;
        align-self: center;
        text-align: center;
        padding: 5px;
        flex-grow: 1;
        border: none;
        height: 28px; }
      div.custom-league-view .switch-field .start-time-text.hidden {
        display: none; }
  div.custom-league-view .kick-protection-row {
    display: flex;
    align-items: center; }
    div.custom-league-view .kick-protection-row .element {
      margin: 0 0 5px 5px;
      display: flex;
      align-items: center; }
      div.custom-league-view .kick-protection-row .element .description {
        margin-left: 10px;
        font-size: 90%;
        text-align: left;
        width: 455px; }
  div.custom-league-view .delete-league .row, div.custom-league-view .change-preference .row {
    text-align: left;
    float: left;
    width: 35%;
    margin: 4px;
    line-height: 39px; }
    div.custom-league-view .delete-league .row label, div.custom-league-view .change-preference .row label {
      width: 150px; }
    div.custom-league-view .delete-league .row label[for="delete_confirm"], div.custom-league-view .change-preference .row label[for="delete_confirm"] {
      padding-top: 4px; }
    div.custom-league-view .delete-league .row .element, div.custom-league-view .change-preference .row .element {
      width: 30px; }
      div.custom-league-view .delete-league .row .element input[type="checkbox"], div.custom-league-view .change-preference .row .element input[type="checkbox"] {
        margin-top: 6px; }
  div.custom-league-view fieldset fieldset {
    background: none;
    border: none; }
  div.custom-league-view fieldset.payment-fieldset {
    background: none;
    border: none; }
    div.custom-league-view fieldset.payment-fieldset .amount input[type="number"] {
      height: 30px; }
  div.custom-league-view input, div.custom-league-view textarea, div.custom-league-view select, div.custom-league-view input.league-name, div.custom-league-view input#start_time {
    background: #3a332e; }
  div.custom-league-view .member-list .half.right fieldset {
    background: none;
    border: none;
    margin: 0;
    padding: 0; }
    div.custom-league-view .member-list .half.right fieldset .row {
      height: 16px;
      margin: 0;
      padding: 0;
      width: 100%;
      font-size: 0.8em; }
      div.custom-league-view .member-list .half.right fieldset .row label {
        width: 70%;
        line-height: 1.5em;
        text-align: right;
        font-size: 110%; }
      div.custom-league-view .member-list .half.right fieldset .row .element {
        width: 20px;
        line-height: 1.2em; }
      div.custom-league-view .member-list .half.right fieldset .row.error, div.custom-league-view .member-list .half.right fieldset form.t1 .row.error .element ul li.row, form.t1 .row.error .element ul div.custom-league-view .member-list .half.right fieldset li.row, div.custom-league-view .member-list .half.right fieldset .formT1 .row.error .element ul li.row, .formT1 .row.error .element ul div.custom-league-view .member-list .half.right fieldset li.row {
        height: 45px; }
        div.custom-league-view .member-list .half.right fieldset .row.error .element ul, form.t1 .row.error .element ul div.custom-league-view .member-list .half.right fieldset li.row .element ul, .formT1 .row.error .element ul div.custom-league-view .member-list .half.right fieldset li.row .element ul {
          position: absolute;
          width: 274px;
          z-index: 55; }
  div.custom-league-view .member-list .half.right.requested_invite .row label {
    line-height: 0.7em; }
  div.custom-league-view .member-list .half.right.requested_invite .row .element {
    line-height: 1.2em;
    margin-top: -5px; }
  div.custom-league-view .generate-link-container {
    padding: 5px;
    margin-bottom: 3px; }
    div.custom-league-view .generate-link-container .invitation-link {
      margin-bottom: 5px;
      float: left;
      width: 80%;
      margin-top: 5px; }
    div.custom-league-view .generate-link-container .copy-text {
      width: 18%;
      margin-bottom: 5px;
      float: right; }
    div.custom-league-view .generate-link-container p {
      clear: both;
      margin-bottom: 0; }
  div.custom-league-view .waitlist-message {
    margin: 10px 0 0 0;
    text-align: center; }
    div.custom-league-view .waitlist-message .error, div.custom-league-view .waitlist-message form.t1 .row.error .element ul li, form.t1 .row.error .element ul div.custom-league-view .waitlist-message li, div.custom-league-view .waitlist-message .formT1 .row.error .element ul li, .formT1 .row.error .element ul div.custom-league-view .waitlist-message li {
      font-weight: bold; }

.shop-league-transactions .row {
  width: 100%;
  display: block; }
  .shop-league-transactions .row .item {
    display: inline-block;
    min-width: 18%; }

.custom-leagues-member-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .custom-leagues-member-filter div {
    display: flex;
    align-items: center;
    align-content: flex-start; }
    .custom-leagues-member-filter div label {
      width: auto;
      min-width: 40px; }
    .custom-leagues-member-filter div .search-name {
      padding: 5px 12px;
      min-width: 70px; }
      .ru_RU .custom-leagues-member-filter div .search-name {
        min-width: 100px; }
    .custom-leagues-member-filter div.total-count {
      margin-top: 8px;
      margin-left: auto; }

.custom-leagues-pagination {
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .layoutBoxContent .custom-leagues-pagination {
    width: 729px; }
  .custom-leagues-pagination .total-count {
    font-size: 130%;
    margin-left: auto; }
  .members .custom-leagues-pagination div {
    width: 100%;
    padding: 0 5px 0 2px;
    display: flex;
    margin-bottom: 10px; }
    .members .custom-leagues-pagination div.total-count {
      text-align: right; }
    .members .custom-leagues-pagination div .perPageOptions {
      width: 25%;
      margin-left: auto; }

.custom-leagues-separator {
  border-bottom: 1px solid #3a332e;
  width: 65%;
  margin: 15px auto; }

div.custom-league-panel input#crowdfund-amount, div.custom-league-panel input.search, div.custom-league-panel select.perPageOptions, div.custom-league-panel input.league-name {
  background: #3a332e; }

.side-panel-enabled div.custom-league-panel.members {
  width: 680px; }

div.custom-league-panel.members .spinner-container {
  margin: 20px auto;
  width: 50px;
  height: 50px; }

div.custom-league-panel.members .spinner-border {
  width: 50px;
  height: 50px; }

.item-filter-following-title {
  margin-top: 20px; }

.item-filters-list-view,
.item-filter-view {
  color: #adaaaa;
  width: 96%;
  background: url('/image/custom-leagues/MainContentBGTop.png?1593393330699') top no-repeat, url('/image/custom-leagues/MainContentBGBot.png?1593393330695') bottom no-repeat, url('/image/custom-leagues/MainContentBGTile.png?1593393330695') repeat-y;
  background-position-x: 12px;
  margin: 4px;
  padding: 15px 12px;
  position: relative;
  min-height: 185px;
  clear: left; }
  .item-filters-list-view.small,
  .item-filter-view.small {
    background: url('/image/custom-leagues/MainContentSmallBGTop.png?1593393330699') top no-repeat, url('/image/custom-leagues/MainContentSmallBGBot.png?1593393330699') bottom no-repeat, url('/image/custom-leagues/MainContentSmallBGTile.png?1593393330699') center repeat-y; }
  .item-filters-list-view .item-filter,
  .item-filter-view .item-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: normal !important;
    width: 690px;
    border-top: 1px solid #2d2d2d;
    padding: 10px 15px;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    margin-left: -3px; }
    .item-filters-list-view .item-filter h3,
    .item-filter-view .item-filter h3 {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: left;
      margin-bottom: 0;
      flex-grow: 1; }
      .item-filters-list-view .item-filter h3.show-corner-ribbon,
      .item-filter-view .item-filter h3.show-corner-ribbon {
        margin-left: 40px; }
      .item-filters-list-view .item-filter h3 a,
      .item-filter-view .item-filter h3 a {
        text-decoration: none; }
    .item-filters-list-view .item-filter-buttons,
    .item-filter-view .item-filter-buttons {
      width: 25%;
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      height: 30px; }
    .item-filters-list-view .item-filter-details,
    .item-filter-view .item-filter-details {
      flex-basis: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px; }
    .item-filters-list-view .item-filter-success:after, .item-filters-list-view .item-filter-failed:after, .item-filters-list-view .item-filter-ready:after, .item-filters-list-view .item-filter-skip:after,
    .item-filter-view .item-filter-success:after,
    .item-filter-view .item-filter-failed:after,
    .item-filter-view .item-filter-ready:after,
    .item-filter-view .item-filter-skip:after {
      font-size: 15px;
      width: 17px;
      display: inline-block;
      text-align: center; }
    .item-filters-list-view .item-filter-success:after,
    .item-filter-view .item-filter-success:after {
      content: "\2713";
      color: #03c104; }
    .item-filters-list-view .item-filter-skip:after, .item-filters-list-view .item-filter-ready:after, .item-filters-list-view .item-filter-failed:after,
    .item-filter-view .item-filter-skip:after,
    .item-filter-view .item-filter-ready:after,
    .item-filter-view .item-filter-failed:after {
      content: "\26A0";
      color: #f6b73a; }
    .item-filters-list-view .item-filter-description,
    .item-filter-view .item-filter-description {
      flex-basis: 100%;
      white-space: pre-wrap;
      margin-top: 10px;
      max-width: 690px; }
    .item-filters-list-view .item-filter-badge-container,
    .item-filter-view .item-filter-badge-container {
      flex-basis: 100%;
      display: flex;
      align-items: center; }
      .item-filters-list-view .item-filter-badge-container .item-filter-custom-version,
      .item-filter-view .item-filter-badge-container .item-filter-custom-version {
        margin-left: auto; }
    .item-filters-list-view .item-filter-badge,
    .item-filter-view .item-filter-badge {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      background-color: transparent;
      border: 1px solid transparent;
      padding: 2px;
      line-height: 1.5;
      border-radius: 0.25rem;
      margin-right: 5px;
      color: #e4e4e4; }
      .item-filters-list-view .item-filter-badge.followers,
      .item-filter-view .item-filter-badge.followers {
        background: #243d01; }
      .item-filters-list-view .item-filter-badge.copies,
      .item-filter-view .item-filter-badge.copies {
        background: #451606; }
    .item-filters-list-view .item-filter-last-update,
    .item-filter-view .item-filter-last-update {
      text-align: right;
      margin-left: auto; }
    .item-filters-list-view .item-filter-error,
    .item-filter-view .item-filter-error {
      flex-basis: 100%;
      display: flex; }
      .item-filters-list-view .item-filter-error .error, .item-filters-list-view .item-filter-error form.t1 .row.error .element ul li, form.t1 .row.error .element ul .item-filters-list-view .item-filter-error li, .item-filters-list-view .item-filter-error .formT1 .row.error .element ul li, .formT1 .row.error .element ul .item-filters-list-view .item-filter-error li,
      .item-filter-view .item-filter-error .error,
      .item-filter-view .item-filter-error form.t1 .row.error .element ul li,
      form.t1 .row.error .element ul .item-filter-view .item-filter-error li,
      .item-filter-view .item-filter-error .formT1 .row.error .element ul li,
      .formT1 .row.error .element ul .item-filter-view .item-filter-error li {
        flex-grow: 1; }
  .item-filters-list-view .corner-ribbon,
  .item-filter-view .corner-ribbon {
    position: absolute;
    background: #5e351b;
    transform: rotate(-35deg);
    text-align: center;
    top: 10px;
    left: -75px;
    width: 200px;
    color: #e4e4e4; }

.item-filter-view-row {
  padding: 0 20px;
  min-height: 25px;
  display: flex;
  align-items: flex-start; }
  .item-filter-view-row.wrap-row {
    flex-wrap: wrap; }
    .item-filter-view-row.wrap-row .item-filter-view-label {
      display: block; }
  .item-filter-view-row.buttons {
    position: relative;
    overflow: hidden;
    padding: 15px 20px;
    justify-content: space-between; }
    .item-filter-view-row.buttons.show-corner-ribbon {
      padding-left: 50px; }
    .item-filter-view-row.buttons .right-container {
      display: flex; }
      .item-filter-view-row.buttons .right-container .copy-button {
        height: 19px; }

.item-filter-view-label {
  width: 10%;
  text-align: left;
  margin-right: 10px;
  min-width: 90px; }

.item-filter-view-description {
  margin-bottom: 10px;
  white-space: pre-wrap; }

.item-filter-view-filter {
  display: none;
  width: 100%; }

.item-filter-view .item-filter-details {
  padding: 0 15px; }

.item-filter-view .filter-text {
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
  line-height: 15px;
  display: none; }

.item-filter-view .filter-text-wrapper {
  display: flex;
  height: 500px;
  border: 2px solid #393939;
  width: 100%; }
  .item-filter-view .filter-text-wrapper .loading-filter {
    margin: 20px auto;
    font-weight: bold;
    font-size: 16px; }
  .item-filter-view .filter-text-wrapper .ace_search_field {
    background: #e4e4e4; }
  .item-filter-view .filter-text-wrapper .filter-editor {
    width: 100%;
    display: none; }
    .item-filter-view .filter-text-wrapper .filter-editor textarea {
      font-size: 11px;
      border: none; }
  .item-filter-view .filter-text-wrapper.show-error {
    border: 2px solid #7C0909; }

.item-filter-view .item-filte-form h1.item-filter-title {
  padding: 10px 20px 0; }

.item-filter-view .item-filte-form h2 {
  text-align: left; }

.item-filter-view .item-filte-form form.t1 input, .item-filter-view .item-filte-form form.t1 textarea, .item-filter-view .item-filte-form form.t1 select {
  background: #3a332e; }
  .item-filter-view .item-filte-form form.t1 input.ace_search_field, .item-filter-view .item-filte-form form.t1 textarea.ace_search_field, .item-filter-view .item-filte-form form.t1 select.ace_search_field {
    background: #eae6e3; }

.item-filter-view .item-filte-form form.t1 .row {
  text-align: left;
  padding-left: 15px; }

.item-filter-view .item-filte-form form.t1 label {
  width: 100%;
  display: block;
  text-align: left; }

.item-filter-view .item-filte-form form.t1 .label-with-description {
  text-align: left;
  display: inline-block; }
  .item-filter-view .item-filte-form form.t1 .label-with-description label {
    display: inline-block;
    width: 40px; }
  .item-filter-view .item-filte-form form.t1 .label-with-description.should-validate label {
    display: inline-block;
    width: 200px;
    max-width: 250px; }
  .item-filter-view .item-filte-form form.t1 .label-with-description .filter-description {
    margin-left: 5px;
    font-size: 12px; }

.item-filter-view .item-filte-form form.t1 .element {
  width: 100%;
  max-width: 850px;
  text-align: left; }
  .item-filter-view .item-filte-form form.t1 .element.filter-name-container {
    text-align: left; }
    .item-filter-view .item-filte-form form.t1 .element.filter-name-container .filter-name {
      width: 60%; }
    .item-filter-view .item-filte-form form.t1 .element.filter-name-container .valid-version {
      margin-left: auto;
      width: 20%;
      cursor: not-allowed; }

.item-filter-view .item-filte-form form.t1 .error ul li, .formT1 .row.error .element ul .item-filter-view .item-filte-form form.t1 li ul li {
  border: none;
  background: transparent;
  text-align: left;
  white-space: pre-line; }

.item-filter-view .item-filte-form form.t1 .item-filter-backend-error ul {
  margin-left: 5px; }

.item-filter-view .item-filte-form form.t1 .filter-text-element, .item-filter-view .item-filte-form form.t1 .item-filter-backend-error {
  padding-left: 0; }
  .item-filter-view .item-filte-form form.t1 .filter-text-element .error ul li, .item-filter-view .item-filte-form form.t1 .row.error .element ul .filter-text-element li ul li, .formT1 .row.error .element ul .item-filter-view .item-filte-form form.t1 .filter-text-element li ul li, .item-filter-view .item-filte-form form.t1 .item-filter-backend-error .error ul li, .item-filter-view .item-filte-form form.t1 .row.error .element ul .item-filter-backend-error li ul li, .formT1 .row.error .element ul .item-filter-view .item-filte-form form.t1 .item-filter-backend-error li ul li {
    margin: 5px 0 0; }
  .item-filter-view .item-filte-form form.t1 .filter-text-element .navigate-error, .item-filter-view .item-filte-form form.t1 .item-filter-backend-error .navigate-error {
    cursor: pointer; }

.item-filter-view .item-filte-form form.t1 .button-container {
  display: flex;
  justify-content: center; }

.item-filter-view .item-filte-form form.t1 .item-filter-backend-error .error, .item-filter-view .item-filte-form form.t1 .item-filter-backend-error .row.error .element ul li, .item-filter-view .item-filte-form form.t1 .row.error .element ul .item-filter-backend-error li, .formT1 .row.error .element ul .item-filter-view .item-filte-form form.t1 .item-filter-backend-error li {
  color: #FF342F; }

.item-filter-view .item-filte-form form.t1 .item-filter-backend-error .warning {
  color: #f6b73a; }

.item-filters-list-view.small {
  padding: 14px 12px 5px;
  margin: 10px auto;
  width: 715px; }

.item-filter-ladder-view.ladderView {
  background: #111;
  border: 1px solid #222; }
  .item-filter-ladder-view.ladderView table {
    table-layout: fixed; }
    .item-filter-ladder-view.ladderView table th a {
      color: #dfcf99; }
    .item-filter-ladder-view.ladderView table th span.arrow-down {
      padding: 0;
      vertical-align: middle;
      line-height: 20px;
      display: inline-block;
      border-top: 5px solid #dfcf99;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      margin-left: 5px; }
    .item-filter-ladder-view.ladderView table .rank {
      width: 10%; }

.PoEMarkup.glyph {
  float: left; }
  .PoEMarkup.glyph.HBG00 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px -90px;
    width: 5px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG01 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -38px -90px;
    width: 8px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG02 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -28px -90px;
    width: 10px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG03 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -46px -90px;
    width: 8px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG04 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -18px -90px;
    width: 10px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAa {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -40px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAb {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -40px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAc {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAd {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -20px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAe {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -40px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAf {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAg {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAh {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAi {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAj {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -20px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAk {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -40px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAl {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAm {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -80px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAn {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -20px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAo {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -80px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAp {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -80px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAq {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAr {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -20px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAs {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -40px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAt {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAu {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -80px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAv {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -100px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAw {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -100px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAx {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -100px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAy {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -100px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAz {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -100px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGBa {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -80px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGBc {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -20px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGBd {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGBe {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -60px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.hbgi00 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: -54px -90px;
    width: 6px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.hbgi04 {
    background: url('/image/gen/glyph.png') no-repeat;
    background-position: 0px -90px;
    width: 18px;
    height: 18px;
    display: inline-block; }

@-webkit-keyframes animate-veiled-mod {
  100% {
    background-position: 0; } }

@-moz-keyframes animate-veiled-mod {
  100% {
    background-position: 0; } }

@-ms-keyframes animate-veiled-mod {
  100% {
    background-position: 0; } }

@-o-keyframes animate-veiled-mod {
  100% {
    background-position: 0; } }

@keyframes animate-veiled-mod {
  100% {
    background-position: 0; } }

.itemPopupContainer, .skillPopupContainer {
  position: relative;
  text-align: center;
  z-index: 10000;
  min-width: 262.88032px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

.itemPopupContainer .veiledMod .lc.prefix, .itemPopupContainer .veiledMod .lc.suffix {
  padding: 0;
  -webkit-animation: animate-veiled-mod 3s steps(90) reverse infinite;
  -moz-animation: animate-veiled-mod 3s steps(90) reverse infinite;
  -ms-animation: animate-veiled-mod 3s steps(90) reverse infinite;
  -o-animation: animate-veiled-mod 3s steps(90) reverse infinite;
  animation: animate-veiled-mod 3s steps(90) reverse infinite;
  will-change: background-position;
  white-space: nowrap; }

.itemPopupContainer .veiledMod .lc.prefix {
  width: 158px;
  background-position: -14220px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  color: transparent; }

.itemPopupContainer .veiledMod .lc.prefix01 {
  background-image: url('/image/item/veiled/prefix_01.png?1593393374626'); }

.itemPopupContainer .veiledMod .lc.prefix02 {
  background-image: url('/image/item/veiled/prefix_02.png?1593393374694'); }

.itemPopupContainer .veiledMod .lc.prefix03 {
  background-image: url('/image/item/veiled/prefix_03.png?1593393374762'); }

.itemPopupContainer .veiledMod .lc.prefix04 {
  background-image: url('/image/item/veiled/prefix_04.png?1593393374886'); }

.itemPopupContainer .veiledMod .lc.prefix05 {
  background-image: url('/image/item/veiled/prefix_05.png?1593393374946'); }

.itemPopupContainer .veiledMod .lc.prefix06 {
  background-image: url('/image/item/veiled/prefix_06.png?1593393374994'); }

.itemPopupContainer .veiledMod .lc.suffix {
  width: 85px;
  background-position: -7650px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  color: transparent; }

.itemPopupContainer .veiledMod .lc.suffix01 {
  background-image: url('/image/item/veiled/suffix_01.png?1593393375038'); }

.itemPopupContainer .veiledMod .lc.suffix02 {
  background-image: url('/image/item/veiled/suffix_02.png?1593393375082'); }

.itemPopupContainer .veiledMod .lc.suffix03 {
  background-image: url('/image/item/veiled/suffix_03.png?1593393375126'); }

.itemPopupContainer .veiledMod .lc.suffix04 {
  background-image: url('/image/item/veiled/suffix_04.png?1593393375170'); }

.itemPopupContainer .veiledMod .lc.suffix05 {
  background-image: url('/image/item/veiled/suffix_05.png?1593393375214'); }

.itemPopupContainer .veiledMod .lc.suffix06 {
  background-image: url('/image/item/veiled/suffix_06.png?1593393375222'); }

.itemPopupContainer .sockets {
  display: flex;
  justify-content: center;
  align-items: center; }
  .itemPopupContainer .sockets .socket {
    background: none no-repeat center;
    width: 32px;
    height: 32px;
    margin-right: 3px; }
    .itemPopupContainer .sockets .socket.socketStr {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: -64px -32px; }
    .itemPopupContainer .sockets .socket.socketDex {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: -32px -32px; }
    .itemPopupContainer .sockets .socket.socketInt {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: -32px 0px; }
    .itemPopupContainer .sockets .socket.socketStrDex {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: 0px -32px; }
    .itemPopupContainer .sockets .socket.socketStrInt {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: -64px 0px; }
    .itemPopupContainer .sockets .socket.socketDexInt {
      background: url('/image/gen/socket2.png') no-repeat;
      background-position: 0px 0px; }

.itemGemPopup {
  z-index: 1450; }

.itemBoxContent {
  position: relative;
  background: top right repeat-y;
  font-size: 110%; }

.itemInline {
  clear: both; }

.itemInline .itemIconContainer {
  float: left; }

.itemTitleBar {
  background: top left repeat-x;
  position: relative;
  margin-top: -6px;
  margin-bottom: -9px; }

.itemTitleBar .l {
  position: absolute; }

.itemTitleBar .r {
  position: absolute; }

.itemSeperator {
  background: top left repeat-x;
  position: relative; }

.itemSeperator .l {
  position: absolute; }

.itemSeperator .r {
  position: absolute; }

.harvestProperty {
  color: #8888FF; }

.explicitMod, .implicitMod, .utilityMod {
  color: #8888FF; }

.fracturedMod {
  color: #a29162; }

.explicitMod:hover .lc > .d, .explicitMod.hover .lc > .d, .implicitMod:hover .lc > .d, .implicitMod.hover .lc > .d, .enchantMod:hover .lc > .d, .enchantMod.hover .lc > .d, .fracturedMod:hover .lc > .d, .fracturedMod.hover .lc > .d, .utilityMod:hover .lc > .d, .utilityMod.hover .lc > .d, .craftedMod:hover .lc > .d, .craftedMod.hover .lc > .d, .veiledMod:hover .lc > .d, .veiledMod.hover .lc > .d, .pseudoMod:hover .lc > .d, .pseudoMod.hover .lc > .d {
  display: inline-block; }

.cosmeticMod {
  color: #aa9e82; }

.unmet {
  color: #d20000; }

.craftedMod, .enchantMod {
  color: #b4b4ff; }

.textUnique, .flavourText, .uniqueitem {
  color: #af6025; }

.flavourText {
  font-style: italic; }

.incubated .text {
  color: #b4b4ff; }

.incubated .descrText {
  font-size: 0.9em; }
  .incubated .descrText .progress {
    color: white;
    padding: 0; }

.PoEMarkup.default {
  color: #7f7f7f; }

.PoEMarkup.prophecy {
  color: #b54bff; }

.textRare {
  color: #FFFF77; }

.textMagic {
  color: #8888FF; }

.textNormal {
  color: #C8C8C8; }

.textGem {
  color: #AA9E82; }

.textCurrency {
  color: #AA9E82; }

.textWhiteItem {
  color: #c8c8c8; }

.textRareItem {
  color: #ffff77; }

.textMagicItem {
  color: #8888ff; }

.textGemItem {
  color: #1ba29b; }

.textCurrencyItem {
  color: #aa9e82; }

.textUniqueItem {
  color: #af6025; }

.textQuestItem {
  color: #4ae63a; }

.itemContainer {
  z-index: 350;
  position: relative;
  /*float: left;*/
  margin-bottom: 20px; }

.itemContainer noscript {
  position: absolute;
  bottom: 23px;
  left: 0px;
  text-align: center;
  color: red;
  opacity: .5;
  font-style: italic;
  font-size: 72%;
  background: #111; }

.itemContainerNotVerified noscript {
  bottom: 2px; }

.itemContainerContentLayoutNotInline {
  float: left; }

.itemContainerContentLayoutNotInline .itemIconContainer {
  padding: 0px 10px; }

.itemContainerVerified {
  margin-bottom: 24px; }

.itemNotInline .itemIcon {
  cursor: pointer; }

.itemIconContainer {
  text-align: center; }

.itemIcon {
  display: inline-block;
  margin-top: 5px;
  text-align: center;
  position: relative; }

.itemContainer .verified {
  font-weight: bold;
  color: #AAA;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 4px; }

.itemHovered .verified {
  border: 1px solid #444;
  color: #FFFF77; }

.itemIcon .socket img {
  position: relative; }

.itemIcon .socket {
  position: relative;
  overflow: hidden;
  float: left; }

.itemIcon .socketRight {
  float: right; }

.itemStatusPopup {
  margin-top: 0px;
  display: none;
  position: absolute;
  z-index: 400;
  text-align: center;
  color: #fee;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 3px 2px 3px;
  font-style: italic; }

.verifiedItemStatusPopup {
  margin-top: 24px; }

.lc, .descrText span, .secDescriptionText span {
  display: inline-block;
  padding: 0px 10px; }

.itemSmartLayoutBreak {
  clear: both; }

.itemFragment {
  float: left;
  position: relative;
  background: #000;
  opacity: .3; }
  .itemFragment.iW1 {
    width: 47.4645px; }
  .itemFragment.iW2 {
    width: 94.929px; }
  .itemFragment.iH1 {
    height: 47.4645px; }
  .itemFragment.iH2 {
    height: 94.929px; }
  .itemFragment.iH3 {
    height: 142.3935px; }
  .itemFragment.iH4 {
    height: 189.858px; }
  .itemFragment.itemVerified {
    margin-bottom: 19px; }
  .itemFragment noscript {
    text-align: center;
    font-size: 80%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding-top: 5px; }
    .itemFragment noscript span:before {
      content: "Javascript required"; }

.noJS .itemFragment {
  clear: both;
  float: none; }

.itemContentLayout {
  float: left;
  margin: 5px 5px 5px 5px; }
  .itemContentLayout.iW1.itemVerified {
    width: 65px; }
  .itemContentLayout.itemUnavailable {
    background: rgba(255, 0, 0, 0.3);
    position: relative;
    padding: 4px;
    color: #a7b7b7; }

.itemInfoBox, .itemLeaguePopup, .newItemContainer .verifiedStatus {
  font-weight: bold;
  color: #AAA;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 4px;
  text-align: center; }

.itemLeaguePopup {
  position: absolute;
  font-weight: normal;
  font-style: italic;
  margin-top: 3px;
  display: none;
  z-index: 200; }

.itemTooltip {
  padding: 4px 2px;
  text-align: center;
  white-space: nowrap;
  font-size: 1.1em;
  background-color: #000;
  color: white;
  z-index: 10000; }

.newItemPopup, .skillPopup {
  background: rgba(0, 0, 0, 0.8);
  color: #7f7f7f;
  margin: 0px 7px; }
  .newItemPopup .colourDefault, .skillPopup .colourDefault {
    color: white; }
  .newItemPopup .colourAugmented, .skillPopup .colourAugmented {
    color: #8888FF; }
  .newItemPopup .colourUnmet, .skillPopup .colourUnmet {
    color: #d20000; }
  .newItemPopup .colourPhysicalDamage, .skillPopup .colourPhysicalDamage {
    color: white; }
  .newItemPopup .colourFireDamage, .skillPopup .colourFireDamage {
    color: #960000; }
  .newItemPopup .colourColdDamage, .skillPopup .colourColdDamage {
    color: #366492; }
  .newItemPopup .colourLightningDamage, .skillPopup .colourLightningDamage {
    color: gold; }
  .newItemPopup .colourChaosDamage, .skillPopup .colourChaosDamage {
    color: #d02090; }
  .newItemPopup .colourHarvestRed, .skillPopup .colourHarvestRed {
    color: magenta; }
  .newItemPopup .colourHarvestGreen, .skillPopup .colourHarvestGreen {
    color: yellow; }
  .newItemPopup .colourHarvestBlue, .skillPopup .colourHarvestBlue {
    color: cyan; }
  .newItemPopup .content, .skillPopup .content {
    padding: 0.4em 0em 0.5em 0em; }
  .newItemPopup .separator, .skillPopup .separator {
    height: 7.91075px;
    margin: 1px 0px; }
  .newItemPopup .descrText, .skillPopup .descrText {
    font-style: italic; }
  .newItemPopup .value, .skillPopup .value {
    color: #fff; }
  .newItemPopup .augmented, .skillPopup .augmented {
    color: #8888ff; }
  .newItemPopup .unmet, .skillPopup .unmet {
    color: #d20000; }
  .newItemPopup .lc, .skillPopup .lc {
    padding: 0px 6.08519px; }
    .newItemPopup .lc.l, .newItemPopup .lc.r, .skillPopup .lc.l, .skillPopup .lc.r {
      position: absolute; }
    .newItemPopup .lc.l, .skillPopup .lc.l {
      left: 0px; }
    .newItemPopup .lc.r, .skillPopup .lc.r {
      right: 0px; }
    .newItemPopup .lc.pr, .skillPopup .lc.pr {
      color: #ec7676;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
    .newItemPopup .lc.su, .skillPopup .lc.su {
      color: #7aaff1;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
    .newItemPopup .lc .d, .skillPopup .lc .d {
      display: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }

.newItemPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.newItemPopup .doubleLine .itemName .lc {
  padding: 5.18323px 45px 2.59162px 45px; }

.newItemPopup .doubleLine .typeLine .lc {
  padding: 2.59162px 45px 5.18323px 45px; }

.newItemPopup .itemHeader {
  font-size: 19px;
  line-height: 1em;
  height: 33px; }
  .newItemPopup .itemHeader.doubleLine {
    height: 53px; }

.newItemPopup .secDescrText {
  padding: 0px 1em; }

.newItemPopup.normalPopup .itemName, .newItemPopup.normalPopup .secDescrText {
  color: #c8c8c8; }

.newItemPopup.rarePopup .itemName, .newItemPopup.rarePopup .secDescrText {
  color: #ffff77; }

.newItemPopup.magicPopup .itemName, .newItemPopup.magicPopup .secDescrText {
  color: #8888ff; }

.newItemPopup.gemPopup .itemName, .newItemPopup.gemPopup .secDescrText {
  color: #1ba29b; }

.newItemPopup.currencyPopup .itemName, .newItemPopup.currencyPopup .secDescrText {
  color: #aa9e82; }

.newItemPopup.uniquePopup .itemName, .newItemPopup.uniquePopup .secDescrText {
  color: #af6025; }

.newItemPopup.questPopup .itemName, .newItemPopup.questPopup .secDescrText {
  color: #4ae63a; }

.newItemPopup.prophecyPopup .itemName, .newItemPopup.prophecyPopup .secDescrText {
  color: #b54bff; }

.newItemPopup.relicPopup .itemName, .newItemPopup.relicPopup .secDescrText {
  color: #82ad6a; }

.newItemPopup .vaalHeader, .newItemPopup .hybridHeader {
  background: none no-repeat center / contain;
  height: 34px;
  font-size: 19px;
  line-height: 1em; }

.newItemPopup .vaalHeader {
  background-image: url('/image/item/popup/vaal-title.png?1593393374494'); }

.newItemPopup .hybridHeader {
  background-image: url('/image/item/popup/hybrid-title.png?1593393374494'); }

.newItemPopup .experienceBar {
  background: url('/image/item/popup/experience-bar.png?1593393374490');
  width: 212px;
  height: 13px;
  margin: 0 4px;
  display: inline-block;
  text-align: left; }
  .newItemPopup .experienceBar .fill {
    width: 204px;
    display: inline-block;
    margin: 0px 4px; }
    .newItemPopup .experienceBar .fill span {
      display: inline-block;
      height: 13px;
      background: url('/image/item/popup/experience-bar-fill.png?1593393374490') repeat-x; }

.skillPopup .skillHeader {
  padding: 0 30px;
  white-space: nowrap; }

.skillPopup .skillName {
  display: inline-block;
  font-size: 22.8px;
  line-height: 2em;
  height: 53px; }
  .skillPopup .skillName .lc {
    padding: 5px; }

.skillPopup .recipe {
  display: inline-block;
  line-height: 2em;
  vertical-align: middle; }
  .skillPopup .recipe .component {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: none center center no-repeat;
    background-size: contain; }
    .skillPopup .recipe .component.ClearOil {
      background-image: url('/image/skill/popup/component/clear-oil.png?1593393402114'); }
    .skillPopup .recipe .component.SepiaOil {
      background-image: url('/image/skill/popup/component/sepia-oil.png?1593393402114'); }
    .skillPopup .recipe .component.AmberOil {
      background-image: url('/image/skill/popup/component/amber-oil.png?1593393402114'); }
    .skillPopup .recipe .component.VerdantOil {
      background-image: url('/image/skill/popup/component/verdant-oil.png?1593393402114'); }
    .skillPopup .recipe .component.TealOil {
      background-image: url('/image/skill/popup/component/teal-oil.png?1593393402114'); }
    .skillPopup .recipe .component.AzureOil {
      background-image: url('/image/skill/popup/component/azure-oil.png?1593393402114'); }
    .skillPopup .recipe .component.VioletOil {
      background-image: url('/image/skill/popup/component/violet-oil.png?1593393402114'); }
    .skillPopup .recipe .component.CrimsonOil {
      background-image: url('/image/skill/popup/component/crimson-oil.png?1593393402114'); }
    .skillPopup .recipe .component.BlackOil {
      background-image: url('/image/skill/popup/component/black-oil.png?1593393402114'); }
    .skillPopup .recipe .component.OpalescentOil {
      background-image: url('/image/skill/popup/component/opalescent-oil.png?1593393402114'); }
    .skillPopup .recipe .component.SilverOil {
      background-image: url('/image/skill/popup/component/silver-oil.png?1593393402114'); }
    .skillPopup .recipe .component.GoldenOil {
      background-image: url('/image/skill/popup/component/golden-oil.png?1593393402114'); }
    .skillPopup .recipe .component.IndigoOil {
      background-image: url('/image/skill/popup/component/indigo-oil.png?1593393402114'); }

.skillPopup.keystonePopup .skillHeader {
  background: url('/image/skill/popup/header-double-keystone-left.png?1593393402118') top left no-repeat, url('/image/skill/popup/header-double-keystone-right.png?1593393402118') top right no-repeat, url('/image/skill/popup/header-double-keystone-middle.png?1593393402118') top center repeat-x;
  color: #e2dfdd; }

.skillPopup.jewelPopup .skillHeader {
  background: url('/image/skill/popup/header-double-jewel-left.png?1593393402118') top left no-repeat, url('/image/skill/popup/header-double-jewel-right.png?1593393402118') top right no-repeat, url('/image/skill/popup/header-double-jewel-middle.png?1593393402118') top center repeat-x;
  color: #ebe19d; }

.skillPopup.ascendancyPopup .skillHeader {
  background: url('/image/skill/popup/header-double-ascendancy-left.png?1593393402118') top left no-repeat, url('/image/skill/popup/header-double-ascendancy-right.png?1593393402118') top right no-repeat, url('/image/skill/popup/header-double-ascendancy-middle.png?1593393402118') top center repeat-x;
  color: #ebe19d; }

.skillPopup.notablePopup .skillHeader {
  background: url('/image/skill/popup/header-double-notable-left.png?1593393402118') top left no-repeat, url('/image/skill/popup/header-double-notable-right.png?1593393402118') top right no-repeat, url('/image/skill/popup/header-double-notable-middle.png?1593393402118') top center repeat-x;
  color: #efe492; }

.skillPopup.normalPopup .skillHeader {
  background: url('/image/skill/popup/header-double-normal-left.png?1593393402118') top left no-repeat, url('/image/skill/popup/header-double-normal-right.png?1593393402118') top right no-repeat, url('/image/skill/popup/header-double-normal-middle.png?1593393402118') top center repeat-x;
  color: #ddd185; }

.skillPopup .content {
  padding: 1em 0.3em;
  font-size: 1.2em;
  text-align: left; }

.divinationCard {
  max-width: 268px;
  height: 401px;
  background: transparent;
  font-size: 14px; }
  .divinationCard span.lc {
    padding: 0; }
  .divinationCard .cardFace {
    position: absolute;
    left: 4%;
    top: 7%;
    height: 42%;
    width: 90%;
    background: #1e1e1e;
    overflow: hidden; }
    .divinationCard .cardFace img {
      height: 100%;
      width: 100%; }
  .divinationCard .itemBoxContent {
    z-index: 3;
    background: transparent url('/image/item/popup/divination-card.png?1593393374486') no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%; }
    .divinationCard .itemBoxContent .itemHeader {
      padding-top: 3%; }
      .divinationCard .itemBoxContent .itemHeader .itemName {
        font-size: 16px; }
    .divinationCard .itemBoxContent .explicitModsWrapper {
      position: absolute;
      top: 51.0%;
      left: 3%;
      width: 88%;
      height: 16%;
      margin: 0 3.5%;
      font-size: 110%;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .divinationCard .itemBoxContent .explicitModsWrapper .explicitModsContainer {
        position: relative;
        top: 50%;
        width: 100%;
        transform: translateY(-50%); }
        .divinationCard .itemBoxContent .explicitModsWrapper .explicitModsContainer .explicitMod {
          line-height: 16px; }
          .divinationCard .itemBoxContent .explicitModsWrapper .explicitModsContainer .explicitMod:nth-child(n+3) {
            line-height: 14px; }
          .divinationCard .itemBoxContent .explicitModsWrapper .explicitModsContainer .explicitMod .corrupted {
            font-size: 15px;
            line-height: 15px; }
    .divinationCard .itemBoxContent .stackSize {
      color: #c8c8c8;
      font-size: 100%;
      width: 15%;
      height: 22px;
      top: 46.5%;
      left: 10%;
      position: absolute; }
    .divinationCard .itemBoxContent .flavourTextWrapper {
      position: absolute;
      top: 67%;
      left: 3%;
      width: 88%;
      height: 29%;
      margin: 0 3.5%; }
      .divinationCard .itemBoxContent .flavourTextWrapper .flavourTextContainer {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .divinationCard .itemBoxContent .flavourTextWrapper .flavourTextContainer .flavourText {
          line-height: 1; }
  .divinationCard .itemName, .divinationCard .secDescrText {
    color: #111; }
  .divinationCard .default {
    color: #7f7f7f; }
  .divinationCard .uniqueitem {
    color: #af6025; }
  .divinationCard .rareitem {
    color: #ffff77; }
  .divinationCard .magicitem {
    color: #8888ff; }
  .divinationCard .whiteitem {
    color: #c8c8c8; }
  .divinationCard .gemitem {
    color: #1ba29b; }
  .divinationCard .currencyitem {
    color: #aa9e82; }
  .divinationCard .questitem {
    color: #4ae63a; }
  .divinationCard .crafted {
    color: #b4b4ff; }
  .divinationCard .divination {
    color: #aae6e6; }
  .divinationCard .corrupted {
    color: #d20000; }
  .divinationCard .enchanted {
    color: #b8daf2; }
  .divinationCard .bold {
    font-weight: bold; }
  .divinationCard .italic {
    font-style: italic; }
  .divinationCard .normal {
    font-weight: normal;
    font-style: normal;
    color: #c8c8c8; }

.itemHeader .symbol::after {
  content: ' ';
  display: block;
  top: 0px;
  position: absolute;
  background: none center no-repeat; }

.itemHeader .symbol.l::after {
  left: 2px;
  height: 33px;
  width: 26px; }

.itemHeader .symbol.r::after {
  right: 2px;
  height: 33px;
  width: 26px; }

.itemHeader.doubleLine .symbol.l::after {
  height: 53px; }

.itemHeader.doubleLine .symbol.r::after {
  height: 53px; }

.itemHeader .symbol.shaper::after {
  background-image: url('/image/item/popup/shaper-symbol.png?1593393374494'); }

.itemHeader .symbol.elder::after {
  background-image: url('/image/item/popup/elder-symbol.png?1593393374486'); }

.itemHeader .symbol.crusader::after {
  background-image: url('/image/item/popup/crusader-symbol.png?1593393374486'); }

.itemHeader .symbol.redeemer::after {
  background-image: url('/image/item/popup/redeemer-symbol.png?1593393374494'); }

.itemHeader .symbol.hunter::after {
  background-image: url('/image/item/popup/hunter-symbol.png?1593393374494'); }

.itemHeader .symbol.warlord::after {
  background-image: url('/image/item/popup/warlord-symbol.png?1593393374494'); }

.itemHeader .symbol.veiled::after {
  background-image: url('/image/item/popup/veiled-symbol.png?1593393374494'); }

.itemHeader .symbol.fractured::after {
  background-image: url('/image/item/popup/fractured-symbol.png?1593393374490'); }

.itemHeader .symbol.synthetic::after {
  background-image: url('/image/item/popup/synthetic-symbol.png?1593393374494'); }

.normalPopup .itemHeader {
  background: url('/image/item/popup/header-normal-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-normal-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-normal-middle.png?1593393374490') top center repeat-x; }

.normalPopup .separator {
  background: url('/image/item/popup/seperator-normal.png?1593393374494') center no-repeat; }

.magicPopup .itemHeader {
  background: url('/image/item/popup/header-magic-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-magic-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-magic-middle.png?1593393374490') top center repeat-x; }

.magicPopup .separator {
  background: url('/image/item/popup/seperator-magic.png?1593393374494') center no-repeat; }

.rarePopup .itemHeader {
  background: url('/image/item/popup/header-rare-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-rare-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-rare-middle.png?1593393374490') top center repeat-x; }

.rarePopup .itemHeader.doubleLine {
  background: url('/image/item/popup/header-double-rare-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-double-rare-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-double-rare-middle.png?1593393374490') top center repeat-x; }

.rarePopup .separator {
  background: url('/image/item/popup/seperator-rare.png?1593393374494') center no-repeat; }

.uniquePopup .itemHeader {
  background: url('/image/item/popup/header-unique-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-unique-right.png?1593393374494') top right no-repeat, url('/image/item/popup/header-unique-middle.png?1593393374494') top center repeat-x; }

.uniquePopup .itemHeader.doubleLine {
  background: url('/image/item/popup/header-double-unique-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-double-unique-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-double-unique-middle.png?1593393374490') top center repeat-x; }

.uniquePopup .separator {
  background: url('/image/item/popup/seperator-unique.png?1593393374494') center no-repeat; }

.gemPopup .itemHeader {
  background: url('/image/item/popup/header-gem-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-gem-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-gem-middle.png?1593393374490') top center repeat-x; }

.gemPopup .separator {
  background: url('/image/item/popup/seperator-gem.png?1593393374494') center no-repeat; }

.currencyPopup .itemHeader {
  background: url('/image/item/popup/header-currency-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-currency-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-currency-middle.png?1593393374490') top center repeat-x; }

.currencyPopup .separator {
  background: url('/image/item/popup/seperator-currency.png?1593393374494') center no-repeat; }

.questPopup .itemHeader {
  background: url('/image/item/popup/header-quest-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-quest-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-quest-middle.png?1593393374490') top center repeat-x; }

.questPopup .separator {
  background: url('/image/item/popup/seperator-quest.png?1593393374494') center no-repeat; }

.prophecyPopup .itemHeader {
  background: url('/image/item/popup/header-prophecy-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-prophecy-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-prophecy-middle.png?1593393374490') top center repeat-x; }

.prophecyPopup .separator {
  background: url('/image/item/popup/seperator-prophecy.png?1593393374494') center no-repeat; }

.relicPopup .itemHeader {
  background: url('/image/item/popup/header-relic-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-relic-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-relic-middle.png?1593393374490') top center repeat-x; }

.relicPopup .itemHeader.doubleLine {
  background: url('/image/item/popup/header-double-relic-left.png?1593393374490') top left no-repeat, url('/image/item/popup/header-double-relic-right.png?1593393374490') top right no-repeat, url('/image/item/popup/header-double-relic-middle.png?1593393374490') top center repeat-x; }

.relicPopup .separator {
  background: url('/image/item/popup/seperator-relic.png?1593393374494') center no-repeat; }

.newItemContainer {
  background: transparent; }
  .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .newItemContainer .stackSize {
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: absolute;
    top: -1px;
    left: 4px;
    text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 3px #000, 0 -1px 3px #000, 1px -1px 0 #000, 1px 0 3px #000, 1px 1px 3px #000, 0 1px 3px #000, -1px 1px 3px #000, -1px 0 3px #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .newItemContainer .stackSize.maxed {
      color: #00bafe; }
  .newItemContainer .leaguePopup {
    visibility: hidden; }
  .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .newItemContainer.hovered .verifiedStatus {
    border: 1px solid #444;
    color: #FFFF77; }
  .newItemContainer .verticalLink, .newItemContainer.iW1 .socketLink0, .newItemContainer.iW1 .socketLink1, .newItemContainer.iW1 .socketLink2, .newItemContainer.iW2 .socketLink1, .newItemContainer.iW2 .socketLink3 {
    background: url('/image/gen/socket.png') no-repeat;
    background-position: -140px 0px;
    width: 15px;
    height: 38px; }
  .newItemContainer .horizontalLink, .newItemContainer.iW2 .socketLink0, .newItemContainer.iW2 .socketLink2, .newItemContainer.iW2 .socketLink4 {
    background: url('/image/gen/socket.png') no-repeat;
    background-position: 0px -140px;
    width: 38px;
    height: 15px; }
  .newItemContainer .socketLink {
    position: absolute;
    z-index: 1;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none; }
  .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .newItemContainer.showSockets .sockets {
    display: block !important; }
  .newItemContainer.iW1 .socketLink0 {
    left: 16.23225px;
    top: 28.4645px; }
  .newItemContainer.iW1 .socketLink1 {
    left: 16.23225px;
    top: 75.929px; }
  .newItemContainer.iW1 .socketLink2 {
    left: 16.23225px;
    top: 123.3935px; }
  .newItemContainer.iW1 .icon {
    width: 47.4645px; }
  .newItemContainer.iW1 .sockets {
    width: 47.4645px; }
  .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 23.73225px; }
  .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 47.4645px; }
  .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 23.73225px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 71.19675px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 47.4645px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 23.73225px; }
  .newItemContainer.iW2 .icon {
    width: 94.929px; }
  .newItemContainer.iW2 .socketLink0 {
    left: 28.4645px;
    top: 16.23225px; }
  .newItemContainer.iW2 .socketLink1 {
    left: 63.69675px;
    top: 28.4645px; }
  .newItemContainer.iW2 .socketLink2 {
    left: 28.4645px;
    top: 63.69675px; }
  .newItemContainer.iW2 .socketLink3 {
    left: 16.23225px;
    top: 75.929px; }
  .newItemContainer.iW2 .socketLink4 {
    left: 28.4645px;
    top: 111.16125px; }
  .newItemContainer.iW2 .sockets {
    width: 94.929px; }
  .newItemContainer.iW2.iH1 .sockets.numSockets1, .newItemContainer.iW2.iH2 .sockets.numSockets1, .newItemContainer.iW2.iH3 .sockets.numSockets1, .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 23.73225px;
    width: 47.4645px; }
  .newItemContainer.iW2.iH2 .sockets.numSockets1, .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 23.73225px; }
  .newItemContainer.iW2.iH3 .sockets.numSockets1, .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 47.4645px; }
  .newItemContainer.iW2.iH3 .sockets.numSockets3, .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 23.73225px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets1, .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 71.19675px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets3, .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 47.4645px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets5, .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 23.73225px; }
  .newItemContainer .socket {
    width: 30px;
    height: 30px;
    margin: 8.73225px;
    float: left;
    border-radius: 50%;
    background: none no-repeat center; }
    .newItemContainer .socket.socketed:hover {
      cursor: pointer;
      box-shadow: 0px 0px 4px 2px white; }
    .newItemContainer .socket.socketed::after {
      display: block;
      content: ' ';
      width: 100%;
      height: 100%;
      background: none no-repeat center; }
    .newItemContainer .socket.socketStr {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -2.5px -107.5px; }
    .newItemContainer .socket.socketDex {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -107.5px -72.5px; }
    .newItemContainer .socket.socketInt {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -2.5px -2.5px; }
    .newItemContainer .socket.socketGen {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -37.5px -107.5px; }
    .newItemContainer .socket.socketed.strGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -72.5px -2.5px; }
    .newItemContainer .socket.socketed.dexGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -37.5px -37.5px; }
    .newItemContainer .socket.socketed.intGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -2.5px -37.5px; }
    .newItemContainer .socket.socketed.genGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -72.5px -37.5px; }
    .newItemContainer .socket.socketed.socketSupport.strGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -2.5px -72.5px; }
    .newItemContainer .socket.socketed.socketSupport.dexGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -37.5px -72.5px; }
    .newItemContainer .socket.socketed.socketSupport.intGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -72.5px -107.5px; }
    .newItemContainer .socket.socketed.socketSupport.genGem::after {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -107.5px -107.5px; }
    .newItemContainer .socket.socketAbyss {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -70.5px -70.5px;
      width: 34px;
      height: 34px;
      margin: 6.73225px; }
      .newItemContainer .socket.socketAbyss.socketed.abyssJewel::after {
        background: url('/image/gen/socket.png') no-repeat;
        background-position: -35.5px -0.5px; }
    .newItemContainer .socket.socketDelve {
      background: url('/image/gen/socket.png') no-repeat;
      background-position: -107.5px -37.5px; }
      .newItemContainer .socket.socketDelve.socketed.delve::after {
        background: url('/image/gen/socket.png') no-repeat;
        background-position: -107.5px -2.5px; }
  .newItemContainer .socketRight {
    float: right; }

.itemPlaced {
  background: rgba(25, 26, 150, 0.25); }
  .itemPlaced.ipW1 {
    width: 47.4645px; }
  .itemPlaced.ipW2 {
    width: 94.929px; }
  .itemPlaced.ipW3 {
    width: 142.3935px; }
  .itemPlaced.ipW4 {
    width: 189.858px; }
  .itemPlaced.ipH1 {
    height: 47.4645px; }
  .itemPlaced.ipH2 {
    height: 94.929px; }
  .itemPlaced.ipH3 {
    height: 142.3935px; }
  .itemPlaced.ipH4 {
    height: 189.858px; }
  .itemPlaced.iH1.ipH2 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.iH1.ipH3 .iconContainer {
    top: 47.4645px; }
  .itemPlaced.iH2.ipH3 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.iH1.ipH4 .iconContainer {
    top: 71.19675px; }
  .itemPlaced.iH2.ipH4 .iconContainer {
    top: 47.4645px; }
  .itemPlaced.iH3.ipH4 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.unidentified {
    background: rgba(210, 0, 0, 0.18); }
  .itemPlaced.divinationCard {
    background: none; }

.quadStash .newItemContainer {
  transform: scale(0.5);
  transform-origin: top left; }
  .quadStash .newItemContainer .stackSize {
    font-size: 20px; }

.essenceStash .newItemContainer {
  transform: scale(0.8154);
  transform-origin: top left; }

.currencyStash .newItemContainer {
  transform: scale(0.8077);
  transform-origin: top left; }
  .currencyStash .newItemContainer.stashIndividualSlot {
    transform: scale(1);
    background: url('/image/inventory/StashIndividualSlot.png?1593393374306');
    height: 53px;
    width: 53px;
    background-size: 98%; }
    .currencyStash .newItemContainer.stashIndividualSlot .iconContainer {
      transform: scale(0.8077);
      top: 3px; }
      .currencyStash .newItemContainer.stashIndividualSlot .iconContainer .icon {
        background: rgba(25, 26, 150, 0.25); }

.fragmentStash .newItemContainer {
  transform: scale(0.641);
  transform-origin: top left; }

.mapStash .newItemContainer {
  transform: scale(0.9103);
  transform-origin: top left; }

.ascendancy {
  position: relative; }
  .ascendancy-popup {
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    display: block; }
    .ascendancy-popup.prepared {
      visibility: visible;
      display: none; }
      .ascendancy-popup.prepared.maxwidth .ascendancy-description {
        white-space: normal; }
        .ascendancy-popup.prepared.maxwidth .ascendancy-description-inner {
          white-space: normal;
          overflow-wrap: break-word; }
    .ascendancy-popup .ascendancy-description {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      font-size: 20px;
      padding: 8px;
      white-space: nowrap; }
      .ascendancy-popup .ascendancy-description-inner {
        font-size: 14px;
        margin-top: 10px;
        white-space: nowrap; }
        .ascendancy-popup .ascendancy-description-inner.reminder-text {
          font-style: italic;
          color: #8a8a8a; }

.ascendancy-hover-box {
  position: absolute;
  background: transparent;
  z-index: 0; }

.buyButton1, .shopBuyButton, .shopUpgradeButton1, .shopUpgradeButton2, .shopBuyCoinsButton, .shopBackButton, .shopGivePointsToGuildButton,
.shopBuyMoreCoinsButton, .shopGoShoppingButton, .shopGoShoppingButtonDisabled,
.buyButton, .buyPointsButton, .buyButtonDisabled, .shopShopButton {
  width: 57px;
  height: 30px;
  margin: 0;
  font-size: 1.6em;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-align: center; }

.ru_RU .shopIndex .category h2 {
  font-size: 22px; }

.shop_item {
  float: left;
  padding: 5px;
  background-color: #2B2B23;
  width: 166px;
  text-align: center;
  margin: 0px 5px 5px 0px;
  border: 1px solid;
  border-color: #000 #333 #333 #000;
  min-height: 110px; }

h3.purchased {
  margin-top: 10px; }

.item_cost {
  color: #CFC6A0; }

.shop_item_bought {
  background-color: #2d412c; }

.shopPurchase .r16Label.active {
  float: right;
  margin-top: -70px;
  height: 90px;
  padding: 5px 15px; }
  .shopPurchase .r16Label.active img {
    height: 100%; }

.shopPurchase, .shopPurchaseComplete {
  background: url("../../image/shop/guilloche.gif?v=1") no-repeat scroll right bottom transparent;
  height: auto !important;
  min-height: 506px;
  height: 506px; }

.layoutBoxFull.boaCompra {
  width: 1045px; }

.loading.boaCompra {
  padding-top: 20px; }

.shopPurchase .shopItem {
  font-size: 150%; }

.shopItemBase {
  position: relative; }
  .shopItemBase .original-price {
    text-decoration: line-through;
    position: absolute;
    right: 90px;
    top: 20px;
    margin-right: 75px; }

.shopItemBase .disablingLoadingContainer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #1F1F1F;
  box-shadow: 0 0 5px #473F31 inset;
  -moz-box-shadow: 0 0 5px #473F31 inset;
  -webkit-box-shadow: 0 0 5px #473F31 inset; }

.shopItemBase .disablingLoadingContainer .loadingText {
  padding: 5px;
  color: #BBBE9D;
  position: absolute;
  top: 0;
  left: 0; }

.shopPurchase .shopExistingOptionContainer .label, .shopPurchase .shopOption {
  color: #DFCF99; }

.shopPurchase .optionTitle, .shopFormHeading {
  color: #CAE9FE;
  font-size: 170%;
  padding: 5px; }

.airpay {
  padding: 4px;
  margin: 5px 0px; }
  .airpay a {
    font-size: 14px;
    font-weight: bold; }

.shopFormContainer {
  height: auto !important;
  margin: 20px 10px 20px 10px;
  min-height: 355px;
  height: 355px;
  width: 900px;
  float: right; }

.shopFormContainer {
  float: left; }

.shopPurchase .useCreditCardOptionBox, .shopPurchase .boaCompraOptionBox {
  float: left; }
  .shopPurchase .useCreditCardOptionBox.loading, .shopPurchase .boaCompraOptionBox.loading {
    height: auto;
    min-height: 50px; }
    .shopPurchase .useCreditCardOptionBox.loading .shopForm, .shopPurchase .boaCompraOptionBox.loading .shopForm {
      visibility: hidden; }

.shopPurchase .useCreditCardOptionBox .optionContent {
  position: relative; }

.shopPurchase .useCreditCardOptionBox .cvvRow img {
  float: right; }

.shopPurchase .useCreditCardOptionBox .cvvRow .hint {
  font-size: 75%;
  color: #aaa;
  margin-top: 5px;
  display: inline-block; }

.shopPurchase .useCreditCardOptionBox .creditCardJSRequired div {
  background: none repeat scroll 0 0 #000000;
  font-size: 120%;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 200;
  padding: 20px 10px; }

.shopPurchase .useExistingOptionBoxHasCards {
  float: left;
  margin-left: 0px; }

.shopPurchase .useCreditCardOptionBoxHasCards {
  float: right;
  margin-left: 0px; }

.shopPurchase .useCreditCardOptionBox .optionContent, .shopFormContainer .content {
  border: 1px solid #172025;
  box-shadow: 0 0 12px #172025 inset; }

.shopPurchase .optionBox .optionContent {
  height: auto !important;
  padding: 5px; }

.shopFormContainer .content {
  height: auto !important;
  padding: 5px; }
  .shopFormContainer .content .find-address {
    margin-left: 165px; }

.shopPurchase .shopExistingOptionContainer {
  border: 1px solid #1B2326;
  box-shadow: 0 0 5px #1B2326 inset;
  margin-bottom: 10px;
  position: relative;
  background: #121619;
  float: left; }
  .shopPurchase .shopExistingOptionContainer .header {
    color: #FEFEFE;
    font-size: 149%;
    min-height: 64px;
    padding: 4px 0 0 4px; }
  .shopPurchase .shopExistingOptionContainer.loading {
    height: auto;
    min-height: 50px;
    background-image: url('/image/loading.gif?1593393390850');
    background-repeat: no-repeat;
    background-position: center; }
    .shopPurchase .shopExistingOptionContainer.loading .shopFormExistingCard {
      visibility: hidden; }
  .shopPurchase .shopExistingOptionContainer .error, .shopPurchase .shopExistingOptionContainer form.t1 .row.error .element ul li, form.t1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li, .shopPurchase .shopExistingOptionContainer .formT1 .row.error .element ul li, .formT1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li {
    padding: 5px 10px; }
    .shopPurchase .shopExistingOptionContainer .error.payment-errors, .shopPurchase .shopExistingOptionContainer form.t1 .row.error .element ul li.payment-errors, form.t1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li.payment-errors, .shopPurchase .shopExistingOptionContainer .formT1 .row.error .element ul li.payment-errors, .formT1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li.payment-errors {
      border: 1px solid #1B2326;
      box-shadow: 0 0 5px #1B2326 inset;
      background: #121619;
      display: none; }
  .shopPurchase .shopExistingOptionContainer .buttonContainer {
    display: flex;
    justify-content: center; }
  .shopPurchase .shopExistingOptionContainer.threex {
    width: 273px;
    height: 131px;
    margin-left: 24px;
    margin-top: 10px; }
  .shopPurchase .shopExistingOptionContainer.twox {
    width: 365px;
    height: 178px;
    margin-left: 61.66667px;
    margin-top: 10px; }
  .shopPurchase .shopExistingOptionContainer.stripe {
    background: url('/image/shop/purchase/Stripe.jpg?1593393402082') no-repeat scroll left top #1D2225;
    padding: 10px;
    box-sizing: border-box; }
    .shopPurchase .shopExistingOptionContainer.stripe .form-row {
      height: 30px; }
    .shopPurchase .shopExistingOptionContainer.stripe .buttonContainer {
      position: absolute;
      bottom: 0; }
    .shopPurchase .shopExistingOptionContainer.stripe .error, .shopPurchase .shopExistingOptionContainer.stripe form.t1 .row.error .element ul li, form.t1 .row.error .element ul .shopPurchase .shopExistingOptionContainer.stripe li, .shopPurchase .shopExistingOptionContainer.stripe .formT1 .row.error .element ul li, .formT1 .row.error .element ul .shopPurchase .shopExistingOptionContainer.stripe li {
      padding: 0px 10px;
      margin-top: -5px; }
    .shopPurchase .shopExistingOptionContainer.stripe.loading .shopButton {
      display: none; }
    .shopPurchase .shopExistingOptionContainer.stripe.loading .header .status {
      display: block;
      background: transparent url('/image/loading.gif?1593393390850') no-repeat 50% 0;
      float: right;
      width: 50px;
      height: 40px;
      margin-top: 12px; }
  .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer {
    background: url('/image/shop/purchase/XsollaBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer .header .status {
      display: none; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.cc {
      background: url('/image/shop/purchase/XsollaBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.qiwi {
      background: url('/image/shop/purchase/XsollaQiwiBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.paypal {
      background: url('/image/shop/purchase/PayPalBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.paysafe {
      background: url('/image/shop/purchase/PaysafeBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
      background: url('/image/shop/purchase/Xsolla2BG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
      .en_US .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/Xsolla2BG.jpg?1593393402082'); }
      .zh_TW .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/zh_TW/Xsolla2BG.jpg'); }
      .zh_CN .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/zh_CN/Xsolla2BG.jpg'); }
      .th_TH .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/th_TH/Xsolla2BG.jpg?1593393402086'); }
      .ru_RU .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/ru_RU/Xsolla2BG.jpg?1593393402086'); }
      .pt_BR .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/pt_BR/Xsolla2BG.jpg?1593393402086'); }
      .de_DE .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/de_DE/Xsolla2BG.jpg?1593393402082'); }
      .es_ES .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/es_ES/Xsolla2BG.jpg?1593393402082'); }
      .fr_FR .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/fr_FR/Xsolla2BG.jpg?1593393402082'); }
      .ko_KR .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/ko_KR/Xsolla2BG.jpg'); }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.loading .header input {
      display: none; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.loading .header .status {
      display: block;
      background: transparent url('/image/loading.gif?1593393390850') no-repeat 50% 0;
      float: right;
      width: 50px;
      height: 40px;
      margin-top: 12px; }
  .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer {
    background: url('/image/shop/purchase/KarmaKoinBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form .loading {
      position: absolute; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form label {
      width: 90px;
      margin-top: 18px; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form input[name=karmakoin_pin] {
      margin-top: 18px; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form .modalError {
      position: absolute;
      bottom: 0; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer .buttonContainer {
      bottom: 0; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraOptionContainer {
    background: url('/image/shop/purchase/BoaCompraBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraCreditCardOptionContainer {
    background: url('/image/shop/purchase/VisaBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraBoletoOptionContainer {
    background: url('/image/shop/purchase/BoletoBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraTransferOptionContainer {
    background: url('/image/shop/purchase/ItauBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraPagseguroOptionContainer {
    background: url('/image/shop/purchase/PagseguroBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraGoldOptionContainer {
    background: url('/image/shop/purchase/BoaGoldBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopPaysafeCardOptionContainer {
    background: url('/image/shop/purchase/PaysafeBG.jpg?1593393402082') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopPaysafeCardOptionContainer .payment-errors {
      display: block;
      background: none;
      border: 0px none; }
  .shopPurchase .shopExistingOptionContainer.kakao {
    background: url('/image/shop/purchase/DaumBG.jpg?1593393402078') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.kakao .kakaoBuy {
      float: none;
      padding: 6px 35px; }
  .shopPurchase .shopExistingOptionContainer.supportContact {
    height: auto;
    padding: 7px 0; }
  .shopPurchase .shopExistingOptionContainer .r16Label {
    width: auto; }

.shopPurchase .shopExistingOptionContainer .header .shopBuyButton, .shopPurchase .shopExistingOptionContainer .header .shopSubmitBuyButton {
  position: absolute;
  top: -1px;
  right: -1px; }

.shopPurchase .shopExistingOptionContainer .details {
  color: #4F7083;
  padding: 3px 3px 3px 7px;
  min-height: 35px; }
  .shopPurchase .shopExistingOptionContainer .details.error, .shopPurchase .shopExistingOptionContainer form.t1 .row.error .element ul li.details, form.t1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li.details, .shopPurchase .shopExistingOptionContainer .formT1 .row.error .element ul li.details, .formT1 .row.error .element ul .shopPurchase .shopExistingOptionContainer li.details {
    color: red; }

.shopPurchase .shopExistingOptionContainer a:hover {
  color: #fff; }

.shopPurchase .supportContact {
  text-align: center; }

.shopPurchase .shopExistingOptionContainer .remove {
  padding: 0px 0px 6px 6px; }

.shopPurchase .shopOption {
  margin-right: 5px;
  text-decoration: underline;
  font-style: italic; }

.shopForm .payment-errors {
  font-weight: bold; }

.shopForm .formRow {
  clear: both;
  padding: 3px; }

.shopForm .formSubmitRow {
  padding: 0px;
  margin-top: 24px; }

.shopForm .errors {
  margin-left: 162px;
  margin-bottom: 8px; }

.shopForm .formAddressCountryRow {
  margin-bottom: 26px; }

.shopForm input:not([type="submit"]), .shopForm select {
  background: none repeat scroll 0 0 #B0CFE3;
  border: 1px solid #B0CFE3;
  border-radius: 2px 2px 2px 2px;
  color: #000000; }
  .shopForm input:not([type="submit"]):disabled, .shopForm select:disabled {
    background: #eee;
    color: #ccc; }

.shopForm select {
  width: 170px; }

.shopForm label {
  color: #4F7083;
  display: block;
  float: left;
  margin-left: 2px;
  padding-right: 8px;
  width: 150px;
  margin-bottom: 5px; }

.shopForm .lastRow {
  clear: left;
  position: relative;
  min-height: 39px;
  margin-top: 10px; }

.shopForm .lastRow .shopSubmitBuyButton {
  position: absolute;
  bottom: -1px;
  right: -1px; }

.shopForm .secLastRow {
  margin-bottom: 20px; }

.shopForm .lastRow input, .shopForm .shopSubmitBuyButton, .shopForm .shopSubmitNextButton {
  border: none; }

.shopForm .formSubmitRow .alignRight {
  float: right; }

.shopForm .lastRow label {
  float: none;
  padding: 2px 0 0 5px; }

.shopForm .lastRow .saveForLater {
  float: left;
  margin: 5px 10px 0px 7px; }

.shopForm .loading, .shopPurchase .shopFormExistingCard .loading {
  background: url("../../image/loading_small.gif") no-repeat scroll 0 center transparent;
  height: auto;
  padding: 0 0 0 25px;
  display: none; }

.shopForm #international_shipping {
  display: none; }

.shopPurchase .shopFormExistingCard .loading {
  padding: 5px 5px 5px 25px;
  margin-left: 5px; }

.shopForm .loading {
  margin-bottom: 10px; }

.shopForm .loadingVisible, .shopPurchase .shopFormExistingCard .submitRow .loadingVisible {
  display: block; }

.paymentPackagesList {
  position: relative;
  padding: 0px; }
  .paymentPackagesList .pointPacks {
    width: 920px;
    height: 313px;
    background: transparent url('/image/shop/point_packs.jpg?1593393402070') no-repeat 0 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .paymentPackagesList .pointPacks .package {
      width: 195px;
      height: 277px;
      margin: 0px 20px 0 0;
      border: 1px solid #2d2823;
      position: relative; }
      .paymentPackagesList .pointPacks .package.coin-pack-5DollarPack {
        background: url('/image/gen/coinpack.png') no-repeat;
        background-position: -390px -277px; }
      .paymentPackagesList .pointPacks .package.coin-pack-10DollarPack {
        background: url('/image/gen/coinpack.png') no-repeat;
        background-position: -195px 0px; }
      .paymentPackagesList .pointPacks .package.coin-pack-20DollarPack {
        margin: 0;
        background: url('/image/gen/coinpack.png') no-repeat;
        background-position: 0px -277px; }
      .paymentPackagesList .pointPacks .package:hover {
        border: 1px solid #675541; }
        .paymentPackagesList .pointPacks .package:hover .pointPackageImage {
          opacity: 1; }
      .paymentPackagesList .pointPacks .package .pointPackageImage {
        position: absolute;
        left: 0;
        top: 0;
        width: 195px;
        height: 277px;
        opacity: 0;
        transition: opacity 1s; }
        .paymentPackagesList .pointPacks .package .pointPackageImage.coin-pack-5DollarPack {
          background: url('/image/gen/coinpack.png') no-repeat;
          background-position: -195px -277px; }
        .paymentPackagesList .pointPacks .package .pointPackageImage.coin-pack-10DollarPack {
          background: url('/image/gen/coinpack.png') no-repeat;
          background-position: 0px 0px; }
        .paymentPackagesList .pointPacks .package .pointPackageImage.coin-pack-20DollarPack {
          background: url('/image/gen/coinpack.png') no-repeat;
          background-position: -390px 0px; }
      .paymentPackagesList .pointPacks .package .bottom {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 140px; }
      .paymentPackagesList .pointPacks .package .points {
        color: #fdeb85;
        text-shadow: 0px 0px 6px #bb9727;
        font-size: 30px;
        width: 200px;
        text-align: center;
        position: static; }
        .ko_KR .paymentPackagesList .pointPacks .package .points {
          font-size: 28px; }
      .paymentPackagesList .pointPacks .package .price {
        position: static; }
        .ko_KR .paymentPackagesList .pointPacks .package .price {
          font-size: 17px;
          text-shadow: none;
          height: 28px; }
      .paymentPackagesList .pointPacks .package .shopButton, .paymentPackagesList .pointPacks .package .shopDisabledButton {
        position: static; }
  .paymentPackagesList .packsBelow {
    background: #000 url('/image/shop/supporter-packs-below.jpg?1593393402098') no-repeat right 11px;
    height: 128px;
    width: 400px;
    position: absolute;
    right: 14px;
    bottom: 25px; }
  .paymentPackagesList h1 {
    font-size: 26px; }
  .paymentPackagesList .purchaseDescription {
    margin-bottom: 7px;
    display: inline-block;
    background: #000;
    padding: 5px;
    margin-top: 14px;
    margin-right: 10px;
    width: 457px;
    float: left; }
    .paymentPackagesList .purchaseDescription .description {
      color: #afafaf; }
  .paymentPackagesList.wide .purchaseDescription {
    width: auto; }
  .paymentPackagesList.wide .package {
    margin: 1px 0px 5px 0px; }
  .paymentPackagesList .package {
    float: left;
    margin: 1px 10px 5px 0; }
    .paymentPackagesList .package .bottom {
      position: relative; }
    .paymentPackagesList .package .top {
      position: relative; }
      .paymentPackagesList .package .top img {
        position: relative;
        left: -2px; }
      .paymentPackagesList .package .top .left {
        float: left;
        width: 360px; }
      .paymentPackagesList .package .top .shopCoinStatusBox {
        float: right; }
    .paymentPackagesList .package .description {
      padding-bottom: 10px;
      min-height: 50px; }
    .paymentPackagesList .package .shopButton {
      left: 6px;
      position: absolute;
      top: 161px; }
    .paymentPackagesList .package .points {
      color: #fee4a7;
      font-size: 18px;
      position: absolute;
      top: 69px;
      left: 0px;
      width: 124px;
      text-align: center; }
    .paymentPackagesList .package .price {
      text-shadow: 0 0 5px #0DC10B;
      color: #0DC10B;
      font-size: 243%;
      padding: 1px;
      position: absolute;
      text-align: center;
      top: 102px;
      width: 121px; }
      .paymentPackagesList .package .price.KRW {
        font-size: 175%;
        margin-top: 4px; }
    .paymentPackagesList .package.special .price {
      text-shadow: 0 0 3px #0DC10B;
      left: 13px;
      top: 97px;
      font-size: 170%;
      text-align: left; }
      .paymentPackagesList .package.special .price img.cross {
        position: absolute;
        left: -10px;
        top: 6px; }
      .paymentPackagesList .package.special .price.specialPrice {
        text-shadow: 0 0 8px #fe1b08;
        color: #ffdf32;
        top: 119px;
        left: 0px;
        text-align: center;
        width: 121px;
        font-size: 190%; }
        .paymentPackagesList .package.special .price.specialPrice .now {
          font-size: 50%; }
  .paymentPackagesList .name {
    font-size: 137%;
    line-height: 1em;
    padding: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px #262626;
    top: 30px;
    width: 119px; }

.daumBalance {
  float: left;
  padding: 7px 3px;
  color: #f3f3f3;
  font-size: 1.2em; }
  .ko_KR .daumBalance {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }

.shopCoinStatusBox {
  text-align: center;
  float: right; }
  .shopCoinStatusBox .guildCoinInfo {
    float: left;
    width: 180px;
    text-align: center;
    font-size: 11px;
    padding: 2px 4px 0px 0px;
    color: #686868; }
  .shopCoinStatusBox .coins {
    float: left;
    height: 31px;
    width: 166px;
    background-image: url('/image/shop/coinamount_small.gif?1593393393022');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 4px 0 0;
    text-align: right; }
    .shopCoinStatusBox .coins .amount {
      font-size: 19px;
      color: #FFF;
      margin-right: 38px;
      line-height: 1; }
    .shopCoinStatusBox .coins .label {
      font-size: 141%;
      color: #ffdca4; }
  .shopCoinStatusBox.error, form.t1 .row.error .element ul li.shopCoinStatusBox, .formT1 .row.error .element ul li.shopCoinStatusBox {
    height: 59px;
    padding: 2px;
    width: 212px; }
  .shopCoinStatusBox .purchaseLink {
    float: left; }

.shopInfoBar {
  background: url("../../image/shop/head_bg.gif?v=1") no-repeat scroll 0 0 transparent;
  height: 63px;
  position: relative; }
  .shopInfoBar .crumbImage {
    float: left; }
  .shopInfoBar.layout1 .shopCoinStatusBox {
    width: 332px;
    background-image: url('/image/shop/coinamount_small.gif?1593393393022');
    background-repeat: no-repeat;
    background-position: top left; }
  .shopInfoBar.layout1 .purchaseLink {
    top: 0px;
    right: 0px; }

.shopHorizontalDivider {
  width: 920px;
  height: 23px;
  background: url("../../image/shop/topstripe.gif?v=1") no-repeat scroll 0 0 transparent; }

.shopBuyButton, .shopBuyCoinsButton, .shopBackButton, .shopSubmitBuyButton, .shopUpgradeButton2 {
  width: 95px;
  height: 30px;
  position: relative; }

.shopUpgradeButton1 {
  font-size: 1.2em;
  height: 18px;
  width: auto;
  min-width: 80px; }

.shopGoShoppingButtonDisabled, .buyButton, .buyButtonDisabled, .shopBackButton, .shopShopButton {
  vertical-align: middle;
  line-height: 26px; }

.buyButton, .buyButtonDisabled, .shopBackButton, .shopShopButton {
  line-height: 30px; }

.shopGoShoppingButtonDisabled, .buyButtonDisabled, .shopBackButton {
  display: none; }

.shopGoShoppingButtonDisabled, .shopBuyButtonDisabled, .buyButtonDisabled {
  pointer-events: none;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.shopBuyMoreCoinsButton, .shopGivePointsToGuildButton, .shopGoShoppingButton, .shopGoShoppingButtonDisabled {
  width: 155px;
  height: 26px;
  font-size: 1.1em; }

.shopBuyMoreCoinsButton {
  font-size: 1.4em; }

.shopItem, .shopPackage {
  float: left;
  margin: 5px 0 0 5px;
  position: relative;
  width: 431px; }

.shopPackage {
  background: url("../../image/shop/bgpackage.gif") no-repeat 0 0 transparent;
  height: 327px; }

.shopItem .left, .shopPackage .left {
  position: absolute;
  width: 112px;
  height: 152px;
  top: 5px;
  left: 5px; }

.shopPackage .left {
  height: 312px; }

.shopPackage .left .originalPrice, .shopPackage .left .discount {
  left: 11px;
  position: absolute; }

.shopPackage .left .originalPrice {
  top: 127px; }

.shopPackage .left .discount {
  top: 173px; }

.shopPackage .left .originalPrice .value, .shopPackage .left .discount .value {
  color: #f4eae8; }

.shopPackage .left .savings {
  position: absolute;
  text-align: center;
  top: 222px;
  width: 112px; }

.shopPackage .left .savings .label {
  font-weight: bold;
  color: #320700;
  line-height: 1em;
  padding-top: 2px; }

.shopPackage .left .savings .value {
  color: #FFDA4D;
  font-size: 156%;
  line-height: 1em; }

.shopItem .left .shopItemIcon {
  margin-left: 2px; }

.shopItem .left .shopBuyButton, .shopItem .left {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.shopPackage .left .shopBuyButton, .shopPackage .left {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.shopPackage .pricingInfo {
  margin-top: 15px; }

.shopPackage .pricingInfo .label {
  color: #ACD0ED; }

.shopPackage .pricingInfo {
  font-size: 110%; }

.shopPackageItem {
  border: 1px solid #333;
  background: #070707;
  margin: 5px 0px 5px 5px;
  padding: 4px; }

.shopItem .bottom {
  margin-top: 10px;
  padding: 0px 15px 10px 15px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 234px;
  font-size: 130%; }

.shopItemIcon {
  width: 107px;
  position: relative; }

.shopItemIcon .cost {
  color: #FFDA4D;
  font-size: 231%;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: right;
  top: 66px;
  width: 76px; }

.shopItem .costSmall, .shopPackage .costSmall {
  bottom: 0;
  height: 22px;
  position: absolute;
  right: 4px;
  text-align: right;
  width: 240px;
  color: #7A593A;
  font-size: 115%; }

.shopItem .costSmall.cantAfford, .shopPackage .costSmall.cantAfford, .shopBuyItemModal .costBox.cantAfford .balance {
  color: #85241e; }

.shopItem .buyButton {
  float: right; }

.shopItem .name, .shopPackageItem .name {
  color: #daa468; }

.shopItemName a, .shopPrePurchaseItemContainer .shopItemName {
  font-size: 126%;
  color: #daa466; }

.shopItemName, .shopPackage .packageName {
  height: 39px;
  padding: 4px 6px;
  position: absolute;
  right: 4px;
  top: 7px;
  width: 288px; }

.shopPackage .shopItemName a {
  color: #B2DDFF;
  font-size: 120%;
  font-weight: bold; }

.shopItem .shopItemName a, .shopPackage .shopItemName a {
  text-decoration: none; }

.shopPackage .description {
  height: 240px; }

.shopPackage .packageDescription {
  margin-top: 26px; }

.shopPackage .packageDescription .containsLabel {
  margin-bottom: 7px; }

.shopPackage .packageDescription .packageItem .name {
  float: left; }

.shopPackage .packageDescription .packageItem .cost {
  float: right;
  color: #cee1ef;
  padding-right: 14px; }

.shopBuyItemModal, shopBuyPackageModal {
  background: #0f0c0a;
  position: relative;
  display: none;
  width: 896px;
  height: 366px; }
  .shopBuyItemModal.guildNoPermissions .buyButtonDisabled, shopBuyPackageModal.guildNoPermissions .buyButtonDisabled {
    display: block; }
  .shopBuyItemModal .heading, shopBuyPackageModal .heading {
    height: 59px; }
  .shopBuyItemModal .description, shopBuyPackageModal .description {
    margin: 10px;
    text-shadow: 0px 0px 8px rgba(0, 18, 97, 0.88);
    font-weight: bold;
    font-size: 13px; }
  .shopBuyItemModal .secondaryDescription, shopBuyPackageModal .secondaryDescription {
    margin: 10px;
    color: #ae926d;
    font-size: 12px; }
  .shopBuyItemModal .refundText, shopBuyPackageModal .refundText {
    color: #efefef;
    font-size: 12px;
    margin: 10px; }
  .shopBuyItemModal .name, shopBuyPackageModal .name {
    font-size: 15px;
    color: #ffda4d; }
  .shopBuyItemModal .videoEmbed, shopBuyPackageModal .videoEmbed {
    position: absolute;
    top: 0px;
    left: 0px; }
  .shopBuyItemModal .largeImage, shopBuyPackageModal .largeImage {
    overflow: hidden;
    height: 366px; }
  .shopBuyItemModal .content, shopBuyPackageModal .content {
    height: 366px;
    width: 256px;
    background: url('/image/shop/item/ModalBackground.jpg?1593393393086');
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 2; }
  .shopBuyItemModal .friends, shopBuyPackageModal .friends {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    padding: 20px 10px;
    width: 180px;
    height: 326px; }
    .shopBuyItemModal .friends select, shopBuyPackageModal .friends select {
      width: 175px;
      margin-top: 10px; }
    .shopBuyItemModal .friends .friend-selector, shopBuyPackageModal .friends .friend-selector {
      border-top: 1px solid #665a3f;
      margin-top: 10px;
      height: 308px;
      overflow-y: auto; }
      .shopBuyItemModal .friends .friend-selector .row, shopBuyPackageModal .friends .friend-selector .row {
        background: #232222;
        clear: both;
        overflow: hidden;
        border-bottom: 1px solid #665a3f;
        padding: 5px 10px;
        cursor: pointer; }
        .shopBuyItemModal .friends .friend-selector .row.even, shopBuyPackageModal .friends .friend-selector .row.even {
          background: #181818; }
        .shopBuyItemModal .friends .friend-selector .row:hover, shopBuyPackageModal .friends .friend-selector .row:hover {
          background: #B39627;
          color: black; }
        .shopBuyItemModal .friends .friend-selector .row.selected, shopBuyPackageModal .friends .friend-selector .row.selected {
          background: #ffda4d;
          color: black; }
  .shopBuyItemModal .buy-for-friend, shopBuyPackageModal .buy-for-friend {
    position: absolute;
    bottom: 55px;
    left: 650px;
    width: 120px;
    z-index: 3; }
  .shopBuyItemModal h1, shopBuyPackageModal h1 {
    top: 0px;
    padding: 32px 10px 0px 15px;
    position: relative;
    width: auto;
    font-size: 24px; }
  .shopBuyItemModal .savings, shopBuyPackageModal .savings {
    margin: 5px 10px;
    overflow: hidden;
    *zoom: 1; }
    .shopBuyItemModal .savings .label, shopBuyPackageModal .savings .label {
      display: inline-block;
      min-width: 150px;
      float: left; }
    .shopBuyItemModal .savings .value, shopBuyPackageModal .savings .value {
      float: right; }
  .shopBuyItemModal .lineItems, shopBuyPackageModal .lineItems {
    overflow: hidden;
    *zoom: 1;
    margin: 5px 10px; }
  .shopBuyItemModal .lineItem, shopBuyPackageModal .lineItem {
    overflow: hidden;
    *zoom: 1; }
    .shopBuyItemModal .lineItem .name, .shopBuyItemModal .lineItem .cost, shopBuyPackageModal .lineItem .name, shopBuyPackageModal .lineItem .cost {
      color: #ffda4d;
      line-height: 1em;
      font-size: 12px; }
    .shopBuyItemModal .lineItem .name, shopBuyPackageModal .lineItem .name {
      float: left; }
    .shopBuyItemModal .lineItem .cost, shopBuyPackageModal .lineItem .cost {
      float: right; }
    .shopBuyItemModal .lineItem .description, shopBuyPackageModal .lineItem .description {
      margin: 0px; }
  .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost {
    position: absolute;
    bottom: 54px;
    left: 0px;
    margin: 0 10px;
    right: 0px;
    color: #ffda4d;
    background-image: url('/image/shop/item/ShopItemCoin.png?1593393393090');
    background-position: top right;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 39px;
    min-height: 39px;
    font-size: 22px;
    line-height: 36px; }
  .shopBuyItemModal .buyButton, .shopBuyItemModal .buyPointsButton, .shopBuyItemModal .shopBackButton, .shopBuyItemModal .buyButtonDisabled, shopBuyPackageModal .buyButton, shopBuyPackageModal .buyPointsButton, shopBuyPackageModal .shopBackButton, shopBuyPackageModal .buyButtonDisabled {
    position: absolute;
    bottom: 15px; }
    .shopBuyItemModal .buyButton.hidden, .shopBuyItemModal .buyPointsButton.hidden, .shopBuyItemModal .shopBackButton.hidden, .shopBuyItemModal .buyButtonDisabled.hidden, shopBuyPackageModal .buyButton.hidden, shopBuyPackageModal .buyPointsButton.hidden, shopBuyPackageModal .shopBackButton.hidden, shopBuyPackageModal .buyButtonDisabled.hidden {
      display: none; }
  .shopBuyItemModal .buyButton, .shopBuyItemModal .shopBackButton, .shopBuyItemModal .buyButtonDisabled, shopBuyPackageModal .buyButton, shopBuyPackageModal .shopBackButton, shopBuyPackageModal .buyButtonDisabled {
    width: 75px;
    left: 81.5px; }
  .shopBuyItemModal .buyPointsButton, shopBuyPackageModal .buyPointsButton {
    width: 140px;
    font-size: 1.5em;
    left: 49px; }
  .shopBuyItemModal .purchasingInfo, .shopBuyItemModal .purchasedInfo, .shopBuyItemModal .errorInfo, shopBuyPackageModal .purchasingInfo, shopBuyPackageModal .purchasedInfo, shopBuyPackageModal .errorInfo {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 54px;
    color: #ffc46c;
    text-align: center;
    padding: 10px; }
  .shopBuyItemModal .purchasingInfo .loading-inline, shopBuyPackageModal .purchasingInfo .loading-inline {
    margin-right: 5px; }
  .shopBuyItemModal .errorInfo, shopBuyPackageModal .errorInfo {
    color: #FF342F; }
  .shopBuyItemModal .guildMessage, shopBuyPackageModal .guildMessage {
    position: absolute;
    bottom: 89px;
    padding: 13px; }

.shopModalDivider {
  height: 3px;
  margin: 10px 0px;
  background: url("../../image/shop/stripe.gif") repeat-x scroll 0 0 transparent;
  clear: both; }

.shopModalPricingSummary {
  position: relative; }

.shopPackageInfo {
  color: #cae9fe; }
  .shopPackageInfo .purchase, .shopPackageInfo .package {
    float: left; }
  .shopPackageInfo .package {
    background: none repeat scroll 0 0 #1D2225;
    color: #DFCF99;
    font-size: 145%;
    min-height: 28px;
    padding: 10px 5px 0; }
  .shopPackageInfo .purchase {
    background: url("../../image/shop/header_fade.gif") no-repeat scroll left top transparent;
    display: inline-block;
    font-size: 150%;
    min-height: 38px;
    min-width: 130px; }
  .shopPackageInfo .optOutMessage {
    color: orange;
    padding: 3px;
    font-size: 120%; }

.shopPackageInfo .purchase div {
  margin-top: 8px;
  float: left; }
  .shopPackageInfo .purchase div.price-nzd {
    margin-left: 30px; }

.shopPackageInfo .purchase .coins {
  padding: 0 15px; }

.shopPackageInfo .purchase .price {
  padding-left: 6px;
  color: #FFFFFF; }

.shopPackageInfo .purchase .shipping {
  font-style: italic;
  font-size: 80%;
  margin-left: 10px; }

.shopLargeCoinStatusBox {
  background: url("../../image/shop/coin.gif") no-repeat scroll left top transparent;
  width: 219px;
  height: 311px;
  position: relative; }

.shopLargeCoinStatusBox .coins {
  color: #000000;
  font-size: 215%;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  top: 132px;
  width: 219px; }

.shopPurchaseComplete .purchaseDescription {
  color: #c9e9fe;
  font-size: 130%;
  margin: 24px 0px; }

.shopPurchaseComplete .supportInfo {
  color: #AB9066;
  font-size: 113%;
  font-style: italic;
  margin-top: 80px; }

.shopPurchaseComplete .signature {
  font-style: italic;
  color: #42505b;
  font-size: 130%; }

.shopPurchaseComplete .shopPurchaseCompleteContent {
  float: left;
  padding: 10px;
  width: 670px; }

.shopPurchaseComplete .shopLargeCoinStatusBox {
  float: right;
  margin-top: 10px; }

.shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButton, .shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButtonDisabled {
  left: 27px;
  position: absolute;
  top: 180px; }

.shopPurchaseComplete .recentlyViewed {
  padding: 10px; }

.shopPurchaseComplete .recentlyViewed h2 {
  color: #536677;
  font-size: 232%; }

.shopPurchaseComplete .recentlyViewed .shopItem {
  margin-left: 0px; }

.shopShowDuringPurchase {
  display: none; }

.shopDisabledButton {
  cursor: default; }

.shopItems {
  padding-bottom: 5px; }

.donationPackageList {
  padding-top: 0;
  position: relative; }
  .donationPackageList .modalContainer {
    display: none; }
  .donationPackageList img.rhoaTop {
    position: absolute;
    top: -20px;
    right: -8px; }
  .donationPackageList img.jinx {
    position: absolute;
    top: 63px;
    right: 49px; }

.donationPackageListEmpty .top .description {
  margin: 10px;
  color: #afafaf; }

.donationPackageList .top h1 {
  position: absolute;
  top: 10px;
  left: 32px; }

.donationPackageList .additionalHeading {
  margin: 6px 10px 15px 10px;
  font-style: italic;
  color: #B46000; }

.donationPackageList .replacesExistingItem {
  color: #d12929;
  font-style: italic;
  margin-top: 0px;
  display: inline-block;
  font-size: 90%;
  margin-bottom: 2px; }

.donationPackageList .top .description {
  margin: 10px 10px 0px 31px;
  padding: 5px;
  background: #000;
  color: #afafaf; }
  .ko_KR .donationPackageList .top .description {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    line-height: 20px; }

.donationPackageList .purchase-banner-container.delirium, .donationPackageList .purchase-banner-container.harvest {
  position: relative; }
  .donationPackageList .purchase-banner-container.delirium .top, .donationPackageList .purchase-banner-container.harvest .top {
    position: absolute;
    bottom: 12px;
    padding: 0 120px; }
    .donationPackageList .purchase-banner-container.delirium .top .description, .donationPackageList .purchase-banner-container.harvest .top .description {
      margin: 0;
      background: none;
      color: #d0cece;
      text-shadow: 0 0 1px #000000, 0 0 3px #000000, 0 0 1px #000000; }
      .donationPackageList .purchase-banner-container.delirium .top .description p:last-child, .donationPackageList .purchase-banner-container.harvest .top .description p:last-child {
        margin-bottom: 0; }
    .de_DE .donationPackageList .purchase-banner-container.delirium .top, .de_DE .donationPackageList .purchase-banner-container.harvest .top {
      font-size: 11px; }

.donationPackageList .donationPackage-divider {
  background: url('/image/shop/pack/delirium/supporterdivider.png?1593393397182') no-repeat top center;
  height: 49px;
  width: 920px;
  position: absolute;
  bottom: 15px; }

.donationPackageList .purchaseDescription {
  margin-bottom: 50px; }

.donationPackageList .divider {
  background: url("../../image/shop/middlestripe.gif") no-repeat top center;
  height: 7px; }

.donationPackageList .package .description {
  position: relative;
  margin: 62px 0px 0px 23px;
  width: 516px;
  color: #ae926d;
  line-height: 2em;
  display: block;
  padding: 0px 4px 10px 4px;
  background: #000; }

.donationPackageList .package h2 {
  font-size: 210%;
  position: relative;
  top: 14px;
  left: 20px;
  color: #b8daf2; }

.donationPackageList .package h2 {
  font-size: 210%;
  position: absolute;
  top: 14px;
  left: 20px; }

.donationPackageList .package {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: -3px; }
  .ko_KR .donationPackageList .package {
    font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em; }
  .donationPackageList .package .left {
    float: left;
    position: relative;
    width: 400px;
    min-height: 760px; }
    .donationPackageList .package .left .packageImage, .donationPackageList .package .left .packageVideo, .donationPackageList .package .left .packageOverlay {
      position: absolute;
      top: 0; }
    .donationPackageList .package .left .bottom {
      position: absolute;
      bottom: 60px; }
  .donationPackageList .package .rightPanel {
    float: right;
    padding-top: 25px; }
  .donationPackageList .package .contents li {
    background: transparent url('/image/list_large_ascendancy.png?1593393390822') no-repeat scroll 4px 5px;
    color: #afafaf;
    padding: 2px 0px 5px 26px; }
    .ko_KR .donationPackageList .package .contents li {
      padding-bottom: 10px;
      line-height: 14px; }
  .donationPackageList .package .right {
    float: right;
    clear: right;
    width: 300px;
    margin-right: 18px;
    margin-top: 5px;
    position: relative; }
    .ko_KR .donationPackageList .package .right {
      width: 290px; }
    .donationPackageList .package .right .border-top {
      position: absolute;
      z-index: 10;
      top: -40px;
      height: 45px;
      width: 310px;
      background: transparent url('/image/shop/pack/classic/border_top.png?1593393395390') no-repeat top left; }
      .ko_KR .donationPackageList .package .right .border-top {
        background: transparent; }
    .donationPackageList .package .right .border-bot {
      height: 45px;
      z-index: 10;
      position: absolute;
      bottom: 0px;
      width: 310px;
      background: transparent url('/image/shop/pack/classic/border_bot.png?1593393395390') no-repeat bottom left; }
      .ko_KR .donationPackageList .package .right .border-bot {
        background: transparent; }
    .donationPackageList .package .right .contents {
      background: rgba(33, 30, 26, 0.6);
      text-shadow: 2px 2px 2px black; }
      .ko_KR .donationPackageList .package .right .contents {
        background-color: rgba(0, 0, 0, 0.5);
        border: 1px solid #2b2b2b; }
        .ko_KR .donationPackageList .package .right .contents div {
          max-height: 450px;
          overflow-y: auto;
          padding: 15px 0 25px 20px;
          margin-left: 0;
          border-bottom: 1px solid #2b2b2b; }
          .ko_KR .donationPackageList .package .right .contents div::-webkit-scrollbar {
            width: 13px; }
          .ko_KR .donationPackageList .package .right .contents div::-webkit-scrollbar-track {
            background: #222; }
          .ko_KR .donationPackageList .package .right .contents div::-webkit-scrollbar-thumb {
            background: #464646; }
      .donationPackageList .package .right .contents li {
        color: #b3a47f;
        background: transparent url('/image/betrayal/icon_small.png?1593393306519') no-repeat scroll 4px 3px; }
      .donationPackageList .package .right .contents strong {
        color: #eac971; }
        .donationPackageList .package .right .contents strong a {
          color: #ff9a22; }
          .donationPackageList .package .right .contents strong a:hover {
            color: #fff; }
  .donationPackageList .package.synthesis .contents li {
    color: #b3a47f;
    background: transparent url('/image/synthesis/icon_small.png?1593393411894') no-repeat scroll 4px 3px; }
  .donationPackageList .package.firstblood .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1593393395390') no-repeat top left; }
    .ko_KR .donationPackageList .package.firstblood .right .border-top {
      background: transparent; }
  .donationPackageList .package.firstblood .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1593393395390') no-repeat bottom left; }
    .ko_KR .donationPackageList .package.firstblood .right .border-bot {
      background: transparent; }
  .donationPackageList .package.firstblood .contents li {
    color: #f65921;
    background: transparent url('/image/shop/pack/firstblood/FirstBloodPackIcon.png?1593393398194') no-repeat scroll 4px 3px; }
  .donationPackageList .package.firstblood .contents strong {
    color: #f6352e; }
    .donationPackageList .package.firstblood .contents strong a {
      color: #e27908; }
      .donationPackageList .package.firstblood .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package .assetLink {
    font-size: smaller;
    color: #3192d8;
    text-decoration: underline; }
  .donationPackageList .package a:hover .assetLink {
    color: #b2d6f0; }

.donationPackageList .contentsContainer {
  position: relative;
  margin-bottom: 97px;
  z-index: 5; }

.donationPackageList .contents {
  padding: 14px 4px 70px 8px;
  margin: -6px 0px -63px 20px;
  position: relative;
  min-height: 80px; }
  .ko_KR .donationPackageList .contents {
    padding: 0px 0px 165px 0px;
    margin-left: 0px; }
  .donationPackageList .contents a {
    text-decoration: none;
    color: #afafaf; }
    .donationPackageList .contents a:hover {
      color: #fff; }

.donationPackageList .contents strong {
  font-weight: normal;
  color: #29C9C0;
  /*
        a {
        text-decoration: none;
        color: #b46000;

        &:hover {
        color: lighten(#A38B63, 30%);
        }
    }*/ }
  .donationPackageList .contents strong a {
    color: #29C9C0; }
    .donationPackageList .contents strong a:hover {
      color: #fff; }

.donationPackageList .contents ul {
  z-index: 50; }
  .donationPackageList .contents ul.upgrading-packs li {
    background: transparent url("../../image/list/t1.png") no-repeat scroll 5px 26px;
    padding: 2px 0 3px 20px; }

.donationPackageList .bot {
  margin-top: 0;
  position: relative; }
  .donationPackageList .bot .shopBuyButton, .donationPackageList .bot .shopUpgradeButton1, .donationPackageList .bot .shopUpgradeButton2, .donationPackageList .bot .out-of-stock, .donationPackageList .bot .shopDisabledButton {
    position: absolute;
    top: 10px;
    right: 24px; }
    .ko_KR .donationPackageList .bot .shopBuyButton, .ko_KR .donationPackageList .bot .shopUpgradeButton1, .ko_KR .donationPackageList .bot .shopUpgradeButton2, .ko_KR .donationPackageList .bot .out-of-stock, .ko_KR .donationPackageList .bot .shopDisabledButton {
      top: -13px;
      left: calc(50% - 94px);
      width: 170px; }
  .donationPackageList .bot .out-of-stock {
    color: #8b2e2c;
    padding-top: 18px; }

.donationPackageList .price {
  color: #0DC10B;
  text-shadow: 0 0 10px #177111;
  font-size: 243%;
  padding: 1px;
  position: absolute;
  text-align: center;
  width: 150px;
  top: 9px;
  padding-left: 3px;
  left: 14px; }
  .ru_RU .donationPackageList .price {
    font-size: 210%; }
  .donationPackageList .price.KRW {
    font-size: 36px;
    font-weight: 700;
    margin-top: 0;
    width: 290px;
    text-align: center;
    top: -75px;
    left: 0;
    padding: 0; }

.donationPackageList .price .currency {
  font-size: 55%;
  padding-left: 5px; }

.donationPackageList .packNameImage {
  bottom: -120px;
  left: 16px;
  position: absolute; }

.donationPackageList .notesBlock {
  margin: 22px 18px; }
  .donationPackageList .notesBlock h2 {
    color: #ffe9c8; }
  .donationPackageList .notesBlock h3 {
    color: #eeeadb; }
    .ko_KR .donationPackageList .notesBlock h3 {
      font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em; }
  .donationPackageList .notesBlock li {
    color: #afafaf; }
    .donationPackageList .notesBlock li a {
      color: #3192d8; }
    .ko_KR .donationPackageList .notesBlock li {
      font-family: '맑은 고딕', 'Malgun Gothic', Verdana, Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      line-height: 22px; }
  .donationPackageList .notesBlock.atlas a {
    color: #857e69; }
  .donationPackageList .notesBlock.war a {
    color: #3192d8; }
  .donationPackageList .notesBlock .pullImg {
    margin-right: -18px; }

.donationPackageList .notesBlock h2 {
  margin-bottom: 10px;
  font-size: 156%; }

.donationPackageList .notesBlock h3 {
  font-size: 100%;
  display: inline; }

.donationPackageList .notesBlock li {
  margin: 5px 0px; }

.shopIndex {
  overflow: hidden;
  *zoom: 1; }
  .shopIndex .category {
    float: left;
    position: relative;
    opacity: .9;
    -webkit-transition: 20ms ease all;
    -moz-transition: 20ms ease all false;
    -o-transition: 20ms ease all false;
    transition: 20ms ease all;
    margin: 2px 0px 0px 12px; }
    .shopIndex .category:hover {
      opacity: 1; }
      .shopIndex .category:hover h2 {
        text-shadow: 0px 0px 3px rgba(247, 172, 103, 0.82); }
    .shopIndex .category h2 {
      color: #FFB94A;
      position: absolute;
      top: 14px;
      left: 31px;
      font-size: 31px; }

.shopItem, .shopItemPackage {
  float: left;
  height: 161px;
  margin: 5px 0 0 3px;
  position: relative; }
  .shopItem .name, .shopItem .price, .shopItemPackage .name, .shopItemPackage .price {
    color: #FFDA4D; }
  .shopItem .name, .shopItemPackage .name {
    display: block;
    position: absolute;
    top: 19px;
    left: 14px;
    font-size: 18px;
    line-height: normal;
    text-decoration: none; }
    .shopItem .name.long, .shopItemPackage .name.long {
      font-size: 15px; }
    .shopItem .name:hover, .shopItemPackage .name:hover {
      text-shadow: 0px 0px 5px rgba(219, 195, 153, 0.56); }
  .shopItem.singleItemOwned .name:hover, .shopItemPackage.singleItemOwned .name:hover {
    text-shadow: none; }
  .shopItem.right-align, .shopItemPackage.right-align {
    float: right; }
  .shopItem img.itemImage, .shopItemPackage img.itemImage {
    position: absolute;
    right: 0px; }
  .shopItem .price, .shopItemPackage .price {
    font-size: 21px;
    line-height: 37px;
    position: absolute;
    top: 11px;
    right: 91px;
    padding-right: 33px;
    min-height: 39px;
    background-image: url('/image/shop/item/ShopItemCoin.png?1593393393090');
    background-repeat: no-repeat;
    background-position: top right; }
  .shopItem .buyButton, .shopItemPackage .buyButton {
    position: absolute;
    top: 11px;
    right: 14px; }
    .shopItem .buyButton .hover, .shopItemPackage .buyButton .hover {
      -webkit-transition: 70ms ease all;
      -moz-transition: 70ms ease all false;
      -o-transition: 70ms ease all false;
      transition: 70ms ease all;
      display: block;
      opacity: 0; }
    .shopItem .buyButton.buyButtonDisabled, .shopItemPackage .buyButton.buyButtonDisabled {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
      .shopItem .buyButton.buyButtonDisabled:hover .hover, .shopItemPackage .buyButton.buyButtonDisabled:hover .hover {
        display: none; }
    .shopItem .buyButton:hover .hover, .shopItemPackage .buyButton:hover .hover {
      display: block;
      opacity: 1; }
  .shopItem .description, .shopItemPackage .description {
    position: absolute;
    left: 14px;
    top: 59px;
    font-size: 100%;
    text-shadow: 0px 0px 8px rgba(0, 18, 97, 0.88);
    line-height: 1em;
    width: 290px; }
  .shopItem .controls, .shopItemPackage .controls {
    position: absolute;
    bottom: 2px;
    left: 10px; }
    .shopItem .controls .preview, .shopItem .controls .watchlist, .shopItemPackage .controls .preview, .shopItemPackage .controls .watchlist {
      float: left;
      padding-right: 24px;
      opacity: .8;
      color: #FFDA4D;
      text-decoration: none;
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all; }
      .shopItem .controls .preview:hover, .shopItem .controls .watchlist:hover, .shopItemPackage .controls .preview:hover, .shopItemPackage .controls .watchlist:hover {
        opacity: 1;
        text-shadow: 0 0 3px #fff; }
      .shopItem .controls .preview.disabled, .shopItem .controls .preview.disabled:hover, .shopItem .controls .watchlist.disabled, .shopItem .controls .watchlist.disabled:hover, .shopItemPackage .controls .preview.disabled, .shopItemPackage .controls .preview.disabled:hover, .shopItemPackage .controls .watchlist.disabled, .shopItemPackage .controls .watchlist.disabled:hover {
        opacity: 0.8;
        color: gray;
        text-shadow: none; }
    .shopItem .controls .preview, .shopItemPackage .controls .preview {
      padding-left: 26px;
      min-height: 14px;
      background-image: url('/image/shop/item/ShopItemVideoIcon.png?1593393393090');
      background-repeat: no-repeat;
      background-position: top left; }
  .shopItem .singleOwnedIcon, .shopItemPackage .singleOwnedIcon {
    background-image: url('/image/shop/item/AlreadyOwned.png?1593393393086');
    width: 74px;
    height: 37px;
    top: 12px;
    right: 13px;
    position: absolute; }
    .en_US .shopItem .singleOwnedIcon, .en_US .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/AlreadyOwned.png?1593393393086'); }
    .zh_TW .shopItem .singleOwnedIcon, .zh_TW .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/zh_TW/AlreadyOwned.png?1593393393102'); }
    .zh_CN .shopItem .singleOwnedIcon, .zh_CN .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/zh_CN/AlreadyOwned.png'); }
    .th_TH .shopItem .singleOwnedIcon, .th_TH .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/th_TH/AlreadyOwned.png?1593393393102'); }
    .ru_RU .shopItem .singleOwnedIcon, .ru_RU .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/ru_RU/AlreadyOwned.png?1593393393098'); }
    .pt_BR .shopItem .singleOwnedIcon, .pt_BR .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/pt_BR/AlreadyOwned.png?1593393393098'); }
    .de_DE .shopItem .singleOwnedIcon, .de_DE .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/de_DE/AlreadyOwned.png?1593393393090'); }
    .es_ES .shopItem .singleOwnedIcon, .es_ES .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/es_ES/AlreadyOwned.png?1593393393090'); }
    .fr_FR .shopItem .singleOwnedIcon, .fr_FR .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/fr_FR/AlreadyOwned.png?1593393393094'); }
    .ko_KR .shopItem .singleOwnedIcon, .ko_KR .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/ko_KR/AlreadyOwned.png?1593393393094'); }
  .shopItem.purchasesPackage .price, .shopItemPackage.purchasesPackage .price {
    background: none;
    padding: 0px;
    color: green;
    color: #0DC10B;
    text-shadow: 0 0 10px #177111; }

.shopItem .onSaleIcon, .shopItemPackage .onSaleIcon, .category .onSaleIcon, .shopBuyItemModal .onSaleIcon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: url('/image/shop/item/Sale.png?1593393393086');
  width: 80px;
  height: 51px; }
  .en_US .shopItem .onSaleIcon, .en_US .shopItemPackage .onSaleIcon, .en_US .category .onSaleIcon, .en_US .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/Sale.png?1593393393086'); }
  .zh_TW .shopItem .onSaleIcon, .zh_TW .shopItemPackage .onSaleIcon, .zh_TW .category .onSaleIcon, .zh_TW .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/zh_TW/Sale.png?1593393393102'); }
  .zh_CN .shopItem .onSaleIcon, .zh_CN .shopItemPackage .onSaleIcon, .zh_CN .category .onSaleIcon, .zh_CN .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/zh_CN/Sale.png'); }
  .th_TH .shopItem .onSaleIcon, .th_TH .shopItemPackage .onSaleIcon, .th_TH .category .onSaleIcon, .th_TH .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/th_TH/Sale.png?1593393393102'); }
  .ru_RU .shopItem .onSaleIcon, .ru_RU .shopItemPackage .onSaleIcon, .ru_RU .category .onSaleIcon, .ru_RU .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/ru_RU/Sale.png?1593393393098'); }
  .pt_BR .shopItem .onSaleIcon, .pt_BR .shopItemPackage .onSaleIcon, .pt_BR .category .onSaleIcon, .pt_BR .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/pt_BR/Sale.png?1593393393098'); }
  .de_DE .shopItem .onSaleIcon, .de_DE .shopItemPackage .onSaleIcon, .de_DE .category .onSaleIcon, .de_DE .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/de_DE/Sale.png?1593393393090'); }
  .es_ES .shopItem .onSaleIcon, .es_ES .shopItemPackage .onSaleIcon, .es_ES .category .onSaleIcon, .es_ES .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/es_ES/Sale.png?1593393393090'); }
  .fr_FR .shopItem .onSaleIcon, .fr_FR .shopItemPackage .onSaleIcon, .fr_FR .category .onSaleIcon, .fr_FR .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/fr_FR/Sale.png?1593393393094'); }
  .ko_KR .shopItem .onSaleIcon, .ko_KR .shopItemPackage .onSaleIcon, .ko_KR .category .onSaleIcon, .ko_KR .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/ko_KR/Sale.png?1593393393094'); }

.shopItemPackage .onSaleIcon {
  bottom: 168px; }

.shopBuyItemModal .onSaleIcon {
  left: 10px;
  bottom: 50px; }

.shopBuyItemModal .singleOwnedIcon {
  background-image: url('/image/shop/item/AlreadyOwned.png?1593393393086');
  width: 74px;
  height: 37px;
  bottom: 15px;
  left: calc(50% - 37px);
  position: absolute; }
  .en_US .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/AlreadyOwned.png?1593393393086'); }
  .zh_TW .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/zh_TW/AlreadyOwned.png?1593393393102'); }
  .zh_CN .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/zh_CN/AlreadyOwned.png'); }
  .th_TH .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/th_TH/AlreadyOwned.png?1593393393102'); }
  .ru_RU .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/ru_RU/AlreadyOwned.png?1593393393098'); }
  .pt_BR .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/pt_BR/AlreadyOwned.png?1593393393098'); }
  .de_DE .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/de_DE/AlreadyOwned.png?1593393393090'); }
  .es_ES .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/es_ES/AlreadyOwned.png?1593393393090'); }
  .fr_FR .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/fr_FR/AlreadyOwned.png?1593393393094'); }
  .ko_KR .shopBuyItemModal .singleOwnedIcon {
    background-image: url('/image/shop/item/ko_KR/AlreadyOwned.png?1593393393094'); }
  .shopBuyItemModal .singleOwnedIcon.hidden {
    display: none; }

.shopBuyItemModal .loadingText {
  width: auto;
  bottom: 75px;
  left: 15px;
  position: absolute;
  text-align: center; }
  .shopBuyItemModal .loadingText .loading-inline {
    margin-right: 7px;
    width: 13px;
    height: 13px; }

.shopItem {
  background: url('/image/shop/shop-item-background.png?1593393402098');
  width: 453px;
  height: 161px; }
  .shopItem img.itemImage {
    top: 0px; }
  .shopItem .description {
    height: 77px; }

.shopItemPackage {
  background: url('/image/shop/shop-package-background.png?1593393402098');
  width: 453px;
  height: 327px; }
  .shopItemPackage img.itemImage {
    bottom: 0px; }
  .shopItemPackage .description {
    width: 423px;
    height: 105px; }
  .shopItemPackage .savingsInfo {
    position: absolute;
    bottom: 18px;
    left: 8px;
    height: 42px;
    width: 131px;
    text-align: center;
    color: #330600;
    line-height: 1em;
    font-size: 14px;
    text-shadow: 0px 0px 5px #ffe180, 0px 0px 2px white;
    font-weight: bold;
    padding: 20px 40px 20px 20px;
    background: url('/image/shop/shop-package-cherub.png?1593393402098'); }
    .shopItemPackage .savingsInfo .label {
      padding: 6px 0px 2px 0px; }
    .shopItemPackage .savingsInfo .amount {
      font-size: 18px;
      padding-left: 20px;
      background-image: url('/image/shop/item/ShopItemCoinSmall.png?1593393393090');
      background-repeat: no-repeat;
      background-position: top left; }

.shopPreviewModal {
  display: none;
  background: #030303; }

.shopTopBar1 {
  overflow: hidden;
  *zoom: 1; }
  .shopTopBar1 h1 {
    color: #FFDA4D;
    font-size: 26px;
    padding: 2px 8px;
    text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.36), 0px 0px 3px rgba(219, 131, 0, 0.44);
    float: left; }
  .shopTopBar1 .shopInfoBar {
    height: auto;
    float: right; }

.shopUpgradeErrors {
  padding: 10px; }

.boaCompraPayment .layoutBox1.defaultTheme, .boaCompraPayment .layoutBox1.forumTheme, .boaCompraPayment .layoutBox1.rightBackground1Theme, .boaCompraPayment .layoutBox1.dynamicPageTheme, .boaCompraPayment .layoutBox1.shopPurchaseTheme, .boaCompraPayment .layoutBox1.tempVideoTheme, .boaCompraPayment .layoutBox1.uniqueStashTheme {
  width: 1046px; }

.boaCompraPayment .shopPurchaseComplete {
  height: 628px !important; }
  .boaCompraPayment .shopPurchaseComplete .supportInfo {
    margin-top: 206px; }

#shopEndingCountdownContainer {
  color: red;
  overflow: hidden;
  *zoom: 1; }
  #shopEndingCountdownContainer h2 {
    color: red;
    margin-bottom: 8px;
    font-size: 18px; }
  #shopEndingCountdownContainer .info {
    float: left;
    width: 480px; }
  #shopEndingCountdownContainer .countdownContainer {
    float: right;
    width: 210px; }
    #shopEndingCountdownContainer .countdownContainer .countdown_row, #shopEndingCountdownContainer .countdownContainer .countdown-row {
      clear: none; }

#poe-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9000;
  display: none; }
  #poe-modal-overlay .button-text, #poe-modal-overlay div.custom-league-view button, div.custom-league-view #poe-modal-overlay button, #poe-modal-overlay div.custom-league-view input[type="submit"], div.custom-league-view #poe-modal-overlay input[type="submit"], #poe-modal-overlay .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 #poe-modal-overlay button, #poe-modal-overlay .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 #poe-modal-overlay input[type="submit"] {
    width: 23%;
    padding: 12px 10px;
    display: inline-block; }
  #poe-modal-overlay #poe-modal-container {
    margin: auto;
    position: relative;
    box-sizing: border-box; }
  #poe-modal-overlay #poe-confirm-dialog {
    background: #e2e2e2;
    border: 1px solid #b3b1b0;
    border-radius: 0;
    position: absolute;
    top: 100px;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 10000;
    padding: 14px;
    box-sizing: border-box;
    color: #020202; }
    #poe-modal-overlay #poe-confirm-dialog header {
      font-size: 1.8em;
      text-align: center;
      border-bottom: 1px solid #d4d1d1;
      padding: 30px 50px 20px;
      margin-bottom: 15px;
      color: #333333; }
    #poe-modal-overlay #poe-confirm-dialog .confirm-buttons {
      width: 95%;
      position: absolute;
      bottom: 38px;
      padding: 16px 10px;
      box-sizing: border-box;
      text-align: center; }
      #poe-modal-overlay #poe-confirm-dialog .confirm-buttons .loading {
        height: 110px; }
    #poe-modal-overlay #poe-confirm-dialog .messages {
      min-height: 16px;
      width: 94%;
      text-align: center; }
    #poe-modal-overlay #poe-confirm-dialog .extra {
      text-align: center;
      padding: 7px 12px;
      color: #636363; }
    .ko_KR #poe-modal-overlay #poe-confirm-dialog {
      background: #fff; }
    #poe-modal-overlay #poe-confirm-dialog.kakao .button-text, #poe-modal-overlay #poe-confirm-dialog.kakao div.custom-league-view button, div.custom-league-view #poe-modal-overlay #poe-confirm-dialog.kakao button, #poe-modal-overlay #poe-confirm-dialog.kakao div.custom-league-view input[type="submit"], div.custom-league-view #poe-modal-overlay #poe-confirm-dialog.kakao input[type="submit"], #poe-modal-overlay #poe-confirm-dialog.kakao .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 #poe-modal-overlay #poe-confirm-dialog.kakao button, #poe-modal-overlay #poe-confirm-dialog.kakao .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 #poe-modal-overlay #poe-confirm-dialog.kakao input[type="submit"] {
      background: #ffe06d;
      border: 1px solid #bfbfbf;
      color: #333333;
      border-radius: 0;
      text-shadow: none;
      font-size: 1.6em;
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.4); }
      #poe-modal-overlay #poe-confirm-dialog.kakao .button-text.cancel, #poe-modal-overlay #poe-confirm-dialog.kakao div.custom-league-view button.cancel, div.custom-league-view #poe-modal-overlay #poe-confirm-dialog.kakao button.cancel, #poe-modal-overlay #poe-confirm-dialog.kakao div.custom-league-view input.cancel[type="submit"], div.custom-league-view #poe-modal-overlay #poe-confirm-dialog.kakao input.cancel[type="submit"], #poe-modal-overlay #poe-confirm-dialog.kakao .item-filter-view .item-filte-form form.t1 button.cancel, .item-filter-view .item-filte-form form.t1 #poe-modal-overlay #poe-confirm-dialog.kakao button.cancel, #poe-modal-overlay #poe-confirm-dialog.kakao .item-filter-view .item-filte-form form.t1 input.cancel[type="submit"], .item-filter-view .item-filte-form form.t1 #poe-modal-overlay #poe-confirm-dialog.kakao input.cancel[type="submit"] {
        background: #fff; }

.ru_RU .shopItem .description {
  width: 290px; }

.ru_RU .shopItemPackage .name {
  max-width: 270px; }

.pt_BR .shopBuyItemModal .buyPointsButton, .ru_RU .shopBuyItemModal .buyPointsButton, .de_DE .shopBuyItemModal .buyPointsButton, .fr_FR .shopBuyItemModal .buyPointsButton, .es_ES .shopBuyItemModal .buyPointsButton {
  font-size: 1.1em; }

.ru_RU .shopGivePointsToGuildButton, .de_DE .shopGivePointsToGuildButton, .fr_FR .shopGivePointsToGuildButton, .es_ES .shopGivePointsToGuildButton {
  font-size: 0.9em; }

.es_ES .shopShopButton {
  font-size: 1.2em; }

.ru_RU .shopShopButton, .fr_FR .shopShopButton {
  font-size: 0.9em; }

.de_DE .daily-deals-buy-button {
  font-size: 1.2em; }

.pt_BR .daily-deals-buy-button, .fr_FR .daily-deals-buy-button, .es_ES .daily-deals-buy-button, .fr_FR .daily-deals-buy-button {
  font-size: 1.0em; }

.ru_RU .daily-deals-buy-button {
  font-size: 0.9em; }

.ru_RU .shopItem .buyButton, .de_DE .shopItem .buyButton, .fr_FR .shopItem .buyButton, .ru_RU .shopItemPackage .buyButton, .de_DE .shopItemPackage .buyButton, .fr_FR .shopItemPackage .buyButton {
  font-size: 1.1em; }

.es_ES .shopItem .buyButton, .pt_BR .shopItem .buyButton, .es_ES .shopItemPackage .buyButton, .pt_BR .shopItemPackage .buyButton {
  font-size: 1.0em; }

.th_TH .shopBackButton {
  font-size: 1.4em; }

.pt_BR .shopUpgradeButton1, .ru_RU .shopUpgradeButton1, .de_DE .shopUpgradeButton1, .ko_KR .shopUpgradeButton1 {
  font-size: 1.0em; }

.fr_FR .shopUpgradeButton1 {
  font-size: 0.9em; }

.pt_BR .shopUpgradeButton2, .ru_RU .shopUpgradeButton2, .de_DE .shopUpgradeButton2, .ko_KR .shopUpgradeButton2 {
  font-size: 1.2em; }

.fr_FR .shopUpgradeButton2 {
  font-size: 1.0em; }

.pt_BR .shopBuyItemModal .buyButton, .fr_FR .shopBuyItemModal .buyButton, .es_ES .shopBuyItemModal .buyButton, .pt_BR .shopBuyItemModal .buyButtonDisabled, .fr_FR .shopBuyItemModal .buyButtonDisabled, .es_ES .shopBuyItemModal .buyButtonDisabled {
  font-size: 1.2em; }

.ko_KR .shopGoShoppingButton, .ko_KR .shopGoShoppingButtonDisabled {
  font-size: 0.9em; }

.skillsList h1 {
  font-size: 47px;
  text-shadow: 0px 0px 2px #978c65; }

.skillsList .skill {
  overflow: hidden;
  *zoom: 1;
  margin: 20px 0px 45px 0px; }
  .skillsList .skill .skill-frame-1 {
    float: left;
    margin: 11px 0px 0px 30px; }
    .skillsList .skill .skill-frame-1 .image {
      overflow: hidden; }
  .skillsList .skill .content {
    float: left;
    width: 600px;
    margin-left: 30px; }

#downloadPageList {
  overflow: hidden;
  *zoom: 1;
  text-align: center; }
  #downloadPageList .installer {
    background: transparent url('/image/installer_bg.png?1593393374302') no-repeat;
    width: 463px;
    height: 547px;
    opacity: 0.9;
    display: inline-block; }
    .en_US #downloadPageList .installer {
      background-image: url('/image/installer_bg.png?1593393374302'); }
    .zh_TW #downloadPageList .installer {
      background-image: url('/image/zh_TW/installer_bg.png'); }
    .zh_CN #downloadPageList .installer {
      background-image: url('/image/zh_CN/installer_bg.png'); }
    .th_TH #downloadPageList .installer {
      background-image: url('/image/th_TH/installer_bg.png'); }
    .ru_RU #downloadPageList .installer {
      background-image: url('/image/ru_RU/installer_bg.png?1593393392750'); }
    .pt_BR #downloadPageList .installer {
      background-image: url('/image/pt_BR/installer_bg.png?1593393392738'); }
    .de_DE #downloadPageList .installer {
      background-image: url('/image/de_DE/installer_bg.png?1593393330947'); }
    .es_ES #downloadPageList .installer {
      background-image: url('/image/es_ES/installer_bg.png?1593393343699'); }
    .fr_FR #downloadPageList .installer {
      background-image: url('/image/fr_FR/installer_bg.png?1593393348315'); }
    .ko_KR #downloadPageList .installer {
      background-image: url('/image/ko_KR/installer_bg.png?1593393375226'); }
    #downloadPageList .installer:hover {
      opacity: 1; }
    #downloadPageList .installer .purchaseText {
      height: 40px;
      width: 100%;
      text-align: center; }
  #downloadPageList .installer_beta {
    background: transparent url('/image/installer_bg_beta.png?1593393374302') no-repeat;
    width: 419px;
    height: 547px; }
  #downloadPageList .content {
    margin-top: 400px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    height: 100px; }
    #downloadPageList .content .purchaseText {
      font-size: 18px; }
      #downloadPageList .content .purchaseText a {
        color: #f48e20; }
    #downloadPageList .content .downloadNowButton {
      margin-left: auto;
      margin-right: auto; }
  #downloadPageList .r16Label {
    float: right;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 4px; }

#monstersPage {
  background: url('/image/monsters/monsters-background.jpg?1593393390990') no-repeat top left;
  min-height: 2123px; }
  #monstersPage .content {
    width: 550px;
    font-size: 13px; }
  #monstersPage .act1 {
    position: absolute;
    top: 480px;
    left: 50px;
    width: 400px; }
  #monstersPage .act2 {
    position: absolute;
    top: 1160px;
    left: 480px;
    width: 400px; }
  #monstersPage .act1 h2, #monstersPage .act2 h2 {
    margin-bottom: 15px;
    font-size: 160%; }
    #monstersPage .act1 h2 a, #monstersPage .act2 h2 a {
      text-decoration: none; }
  #monstersPage .act1 .icons img, #monstersPage .act2 .icons img {
    display: inline-block;
    margin: 0px 47px 42px 0px; }
  #monstersPage .act1 .icons a, #monstersPage .act2 .icons a {
    display: inline-block; }

.monstersMenu .thumb-frame-container {
  width: 125px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame-container .content {
  width: 94px;
  margin-top: 2px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame {
  width: 80px; }

#itemsPage {
  background: #050505 url('/image/item/items-background.jpg?1593393374486') no-repeat top left;
  min-height: 664px; }
  #itemsPage .content {
    width: 519px;
    padding: 10px 25px; }
    #itemsPage .content h1 {
      margin-bottom: 45px; }
    #itemsPage .content h2 {
      font-size: 190%; }
    #itemsPage .content p {
      margin: 0px 0px 5px 0px; }
    #itemsPage .content .section {
      margin: 21px 0px; }
    #itemsPage .content .viewMore {
      color: #566A77;
      font-style: italic; }
      #itemsPage .content .viewMore a {
        color: #506674; }
        #itemsPage .content .viewMore a:hover {
          color: #7086a4; }

.eventBase .date, .eventsList .event .date, .eventView .date {
  padding: 0px;
  color: #74706a; }

.eventsList {
  clear: both; }
  .eventsList .eventsTop, .eventsList .eventsBottom {
    overflow: hidden; }
  .eventsList .event {
    margin: 5px 2px;
    padding: 10px;
    border: 1px solid #000; }
    .eventsList .event a.name {
      font-size: 110%;
      text-decoration: none;
      color: #bbb; }
      .eventsList .event a.name:hover {
        text-decoration: underline; }
    .eventsList .event .details {
      margin-left: 15px; }
    .eventsList .event .prizes {
      padding: 12px 0px 0px 0px; }
      .eventsList .event .prizes .title {
        margin-bottom: 5px;
        color: #aaa; }
    .eventsList .event .prize {
      float: left;
      border: 1px solid;
      margin: 0px 4px 4px 4px;
      padding: 0px 2px;
      background: #000;
      border: 1px solid #333;
      color: #bbb; }
    .eventsList .event .claimedPrize {
      opacity: .5; }
    .eventsList .event .rules {
      margin: 10px 0px 10px 3px; }
  .eventsList .upcomingEvent {
    background: #00000D;
    border: 1px solid #2222aa; }
    .eventsList .upcomingEvent .name {
      color: #bbbbe3; }
    .eventsList .upcomingEvent .countdown {
      color: #c9c9d5; }
    .eventsList .upcomingEvent .inProgressText {
      display: none; }
  .eventsList .inProgressEvent {
    background: #000D00;
    border: 1px solid #33ee33; }
    .eventsList .inProgressEvent .name {
      color: #bbf7bb;
      font-weight: bold; }
    .eventsList .inProgressEvent .countdown {
      color: #c6ecc6; }
    .eventsList .inProgressEvent .upcomingText {
      display: none; }
  .eventsList .completeEvent .name {
    color: #6f6f6f; }
  .eventsList .countdown {
    float: right;
    color: #ccc; }
    .eventsList .countdown .countdown_amount, .eventsList .countdown .countdown-amount {
      font-size: 140%; }
  .eventsList.displaySimple .upcomingControls .heading {
    display: inline-block;
    margin: 4px; }
  .eventsList.displaySimple .inProgressControls .heading {
    display: inline-block;
    margin: 4px; }
  .eventsList.displaySimple .event {
    width: 357px;
    display: inline-block;
    border-left: none;
    border-bottom: none;
    vertical-align: top; }

.eventView {
  background: #111;
  padding: 10px;
  border: 1px solid #222; }
  .eventView .twitchWidget {
    display: none;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #333;
    position: relative;
    overflow: hidden;
    *zoom: 1; }
    .eventView .twitchWidget object {
      background: #000;
      display: block;
      float: left; }
    .eventView .twitchWidget iframe {
      float: left; }
    .eventView .twitchWidget h2 {
      padding: 5px;
      background: -owg-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -webkit-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -moz-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -o-linear-gradient(left, #020202, #292929 40%, #131313);
      -pie-background: -pie-linear-gradient(left, #020202, #292929 40%, #131313);
      background: linear-gradient(left, #020202, #292929 40%, #131313); }
      .eventView .twitchWidget h2 a {
        color: #fff;
        text-decoration: none; }
        .eventView .twitchWidget h2 a:hover {
          text-decoration: underline; }
    .eventView .twitchWidget .close {
      position: absolute;
      top: -1px;
      right: -3px; }

.eventView .details {
  overflow: hidden;
  *zoom: 1; }
  .eventView .details.hasCountdown .left {
    width: 600px; }
  .eventView .details .left {
    float: left; }

.eventView .leagueDescription {
  margin-bottom: 10px; }

.eventView .countdownContainer, .eventView .finishedMessage {
  float: right;
  width: 270px;
  border: 1px solid #222;
  background: #161616;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 1px 1px 6px #0E0E0E inset; }

.eventView .finishedMessage {
  text-align: center;
  color: #818181; }

.eventView .countdownDescription {
  text-align: center;
  font-size: 150%;
  color: #91917C;
  margin-bottom: 5px; }

.eventView .countdown {
  padding: 4px;
  font-size: 69%; }

.eventView .rules {
  margin-top: 10px; }
  .eventView .rules .name {
    font-weight: bold;
    margin-right: 10px; }

.eventView .registrationOpen {
  color: green; }

.eventView .ladderView {
  margin-top: 10px; }

.eventsListSummary .title {
  font-size: 210%; }

.eventsListSummary .event {
  margin: 13px 0px 0px 0px;
  padding-top: 4px;
  border: 1px solid;
  border-color: #141414;
  background-color: #0c0b0b;
  padding: 6px; }
  .eventsListSummary .event .name a {
    color: #DB9F00;
    font-size: 110%;
    text-decoration: none; }
    .eventsListSummary .event .name a:hover {
      color: #ffbd0f; }
  .eventsListSummary .event .info {
    overflow: hidden;
    *zoom: 1; }
  .eventsListSummary .event .time {
    float: left;
    color: #585858;
    font-style: italic; }
  .eventsListSummary .event .registrationStatus {
    float: right; }
    .eventsListSummary .event .registrationStatus.open {
      color: #318525; }

.eventsListSummary .upcomingEvents {
  margin-top: 14px; }

.eventsListSummary .currentEvents {
  margin-top: 13px; }

.landingBox {
  position: relative; }
  .landingBox h2 {
    font-size: 22px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.91); }
  .landingBox .itemInfo {
    text-align: center;
    font-style: italic;
    font-size: 90%; }
  .landingBox .content, .landingBox .content2 {
    position: absolute; }
    .landingBox .content p, .landingBox .content2 p {
      font-size: 14px;
      line-height: 21px;
      margin-top: 10px; }
  .landingBox.intro {
    background: url('/image/landing-page/OverviewTOP.jpg?1593393375286') top left;
    height: 794px; }
    .landingBox.intro .content {
      top: 562px;
      left: 487px;
      width: 412px; }
    .landingBox.intro .content2 {
      top: 816px;
      left: 106px;
      width: 698px; }
    .landingBox.intro .video {
      position: absolute;
      top: 550px;
      left: 40px; }
    .landingBox.intro .classes {
      top: 889px;
      left: 54px; }
    .landingBox.intro .gameOfTheYear {
      display: block;
      background: url('/image/emblems/gamespot_goty-2013-indicias-PC.png?1593393343671');
      width: 363px;
      height: 481px;
      background-size: contain;
      position: absolute; }
    .landingBox.intro.isLoggedIn .gameOfTheYear {
      width: 137.94px;
      height: 182.78px;
      left: 88px;
      top: 197px; }
    .landingBox.intro.notLoggedIn .gameOfTheYear {
      width: 108.9px;
      height: 144.3px;
      right: 16px;
      top: 374px; }
    .landingBox.intro h2 {
      position: absolute;
      top: 30px;
      left: 40px;
      font-size: 20px;
      color: #F3E000;
      padding: 0px;
      background: transparent;
      margin: 0px;
      font-weight: normal;
      text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.88); }
    .landingBox.intro .classes {
      position: absolute;
      overflow: hidden;
      *zoom: 1; }
      .landingBox.intro .classes div {
        float: left;
        margin-right: 8px; }
      .landingBox.intro .classes a {
        display: block; }
      .landingBox.intro .classes .name {
        text-decoration: none;
        text-align: center; }
    .landingBox.intro #create_account {
      position: absolute;
      left: 40px;
      width: 375px;
      top: 60px;
      overflow: hidden;
      padding: 8px;
      background: rgba(11, 10, 14, 0.9);
      border-radius: 3px;
      border: 1px solid #141414;
      box-shadow: 0px 0px 9px 3px rgba(0, 5, 10, 0.86); }
      .landingBox.intro #create_account fieldset {
        border: 1px solid rgba(5, 5, 5, 0.2);
        background: rgba(14, 14, 14, 0.16);
        background: -owg-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -moz-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -o-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        -pie-background: -pie-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        border-radius: 3px;
        box-shadow: 0px 0px 3px 0px #181818; }
      .landingBox.intro #create_account .row {
        margin: 10px 2px 5px 3px; }
      .landingBox.intro #create_account input[type="text"], .landingBox.intro #create_account input[type="password"] {
        border: 1px solid #5A778F;
        box-shadow: 0px 0px 2px #007aff;
        color: #849ec4; }
        .landingBox.intro #create_account input[type="text"]:focus, .landingBox.intro #create_account input[type="password"]:focus {
          border: 1px solid #9E7938;
          box-shadow: 0px 0px 2px #A0A08A;
          outline: none; }
      .landingBox.intro #create_account input[type="submit"] {
        border: 1px solid #575E85;
        text-shadow: 0px 0px 1px #9da1ff; }
  .landingBox.skill {
    background: url('/image/landing-page/SkillGems.jpg?1593393375286') top left;
    height: 603px; }
    .landingBox.skill .content {
      top: 44px;
      left: 343px;
      width: 541px; }
    .landingBox.skill .unique {
      position: absolute;
      top: 220px;
      left: 86px; }
    .landingBox.skill .skillGems {
      position: absolute;
      top: 48px;
      left: 39px;
      width: 300px; }
      .landingBox.skill .skillGems img {
        width: 60px; }
    .landingBox.skill .supportGems {
      position: absolute;
      top: 142px;
      left: 39px;
      width: 300px; }
      .landingBox.skill .supportGems img {
        width: 60px; }
    .landingBox.skill .itemInfo {
      top: 546px;
      left: 39px;
      position: absolute;
      width: 260px; }
  .landingBox.item {
    background: url('/image/landing-page/ItemSystem.jpg?1593393375286') top left;
    height: 603px; }
    .landingBox.item .content {
      top: 16px;
      left: 26px;
      width: 547px; }
    .landingBox.item .items {
      width: 540px; }
      .landingBox.item .items .newItemContainer {
        margin-right: 16px; }
    .landingBox.item .flask {
      position: absolute;
      top: 10px;
      left: 576px; }
  .landingBox.monster {
    background: url('/image/landing-page/WorldOfWraeclast.jpg?1593393375290') top left;
    height: 603px; }
    .landingBox.monster .content {
      top: 225px;
      left: 447px;
      width: 453px; }
  .landingBox.leagues {
    background: url('/image/landing-page/LeagueEvents.jpg?1593393375286') top left;
    height: 603px; }
    .landingBox.leagues .content {
      top: 45px;
      left: 47px;
      width: 483px; }
    .landingBox.leagues .content2 {
      bottom: 47px;
      left: 47px;
      width: 333px; }
    .landingBox.leagues .demigods {
      position: absolute;
      bottom: 47px;
      left: 389px; }
    .landingBox.leagues .donationBanner {
      position: absolute;
      bottom: 0px;
      left: 8px; }
    .landingBox.leagues .signupButton {
      position: absolute;
      bottom: 182px;
      left: 45px; }
      .ru_RU .landingBox.leagues .signupButton {
        bottom: 96px; }
  .landingBox.passiveSkillTree {
    background: url('/image/landing-page/PassiveSkillTree.jpg?1593393375286') top left;
    height: 603px; }
    .landingBox.passiveSkillTree .content {
      top: 25px;
      left: 27px;
      width: 632px; }
    .landingBox.passiveSkillTree .skillTreeLink {
      position: absolute;
      top: 19px;
      right: 11px; }

.layoutBox1 .landingBox .newItemContainer .socket {
  width: 50px;
  height: 50px;
  margin: 14px; }

.layoutBox1 .landingBox .newItemContainer .socketed::after {
  display: none; }

.layoutBox1 .landingBox .newItemContainer .socketStr.socketed {
  background: url('/image/landing-page/StrSocketActive.png?1593393375286') no-repeat center; }
  .layoutBox1 .landingBox .newItemContainer .socketStr.socketed.socketSupport {
    background: url('/image/landing-page/StrSocketSupport.png?1593393375286') no-repeat center; }

.layoutBox1 .landingBox .newItemContainer .socketInt.socketed {
  background: url('/image/landing-page/IntSocketActive.png?1593393375282') no-repeat center; }
  .layoutBox1 .landingBox .newItemContainer .socketInt.socketed.socketSupport {
    background: url('/image/landing-page/IntSocketSupport.png?1593393375282') no-repeat center; }

.layoutBox1 .landingBox .newItemContainer .socketDex.socketed {
  background: url('/image/landing-page/DexSocketActive.png?1593393375282') no-repeat center; }
  .layoutBox1 .landingBox .newItemContainer .socketDex.socketed.socketSupport {
    background: url('/image/landing-page/DexSocketSupport.png?1593393375282') no-repeat center; }

.layoutBox1 .landingBox .newItemContainer.iW1 {
  width: 78px; }
  .layoutBox1 .landingBox .newItemContainer.iW1 .icon {
    width: 78px; }

.layoutBox1 .landingBox .newItemContainer.iW2 {
  width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .icon {
    width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .sockets {
    width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0, .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
    background: url('/image/landing-page/LinkHoriz.png?1593393375286') no-repeat center;
    width: 62px;
    height: 25px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0 {
    left: 47px;
    top: 26.5px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1, .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
    background: url('/image/landing-page/LinkVert.png?1593393375286') no-repeat center;
    width: 25px;
    height: 62px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1 {
    top: 47px;
    left: 104.5px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
    top: 106px;
    left: 47px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
    top: 125px;
    left: 26.5px; }

.layoutBox1 .landingBox .newItemContainer.iW2.iH4 .sockets {
  top: 39px; }

body.ru_RU .landingBox.leagues .content2 {
  top: 318px; }

.prettyprint {
  margin: 5px 0;
  padding: 7px !important;
  border: 1px solid #201e18 !important;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  max-height: 400px; }
  .prettyprint .kwd {
    color: #c0b9a0; }
  .prettyprint .str {
    color: #b4b15f; }
  .prettyprint .pun {
    color: #a57440; }
  .prettyprint .lit {
    color: #ca814f; }
  .prettyprint .pln {
    color: silver; }

.apiResource h2, .apiResource h3 {
  color: #a5a8a8; }

.apiResource .parameters {
  margin: 20px 0px 30px 0px; }
  .apiResource .parameters .parameter {
    overflow: hidden;
    *zoom: 1;
    margin: 5px 0px 21px 0px;
    padding-left: 2px; }
    .apiResource .parameters .parameter .name {
      display: block;
      float: left;
      width: 150px;
      color: #caad88;
      font-weight: bold; }
    .apiResource .parameters .parameter p {
      margin-left: 150px; }
    .apiResource .parameters .parameter .required, .apiResource .parameters .parameter .optional {
      display: block;
      font-style: italic;
      font-weight: normal; }
    .apiResource .parameters .parameter .required {
      color: #87c21d; }
    .apiResource .parameters .parameter .optional {
      color: #575757; }
    .apiResource .parameters .parameter code {
      border: 1px solid #414141;
      display: inline-block;
      padding: 0px 2px; }

.apiResource .example {
  background: #111111;
  padding: 5px;
  border: 1px solid #444;
  box-shadow: 0px 0px 3px #444; }
  .apiResource .example h3 {
    margin-top: 10px; }

#apiErrors th {
  font-weight: bold;
  padding: 4px 2px; }

#apiErrors td {
  padding: 4px;
  border: 1px solid #313130; }

#apiErrors section {
  margin-bottom: 15px; }

.forum-table td.last_post {
  max-width: 170px;
  overflow: hidden;
  word-wrap: break-word; }

.forum-table-container {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  margin: 0px;
  position: relative; }
  .forum-table-container .buildGuide {
    padding: 14px; }
    .forum-table-container .buildGuide .left {
      float: left;
      width: 49%; }
    .forum-table-container .buildGuide .right {
      float: right;
      width: 49%; }
    .forum-table-container .buildGuide span {
      font-size: 16px; }
    .forum-table-container .buildGuide .option {
      font-weight: bold;
      color: #adc7ef; }
    .forum-table-container .buildGuide .value {
      color: #bbbbbd; }
      .forum-table-container .buildGuide .value ul li {
        background: none; }

.forum-table .last_edited_by {
  margin-top: 10px;
  color: #888; }

.forum-table td.post_info {
  max-width: 200px;
  overflow: hidden;
  word-wrap: break-word; }

.view-more-forums {
  padding-right: 10px; }

.forum-table .staff .content-container {
  color: #CEC59F;
  border: 1px solid #DB9F00;
  border-right: 1px solid #000; }

.forum-table .staff + tr:not(.staff) .content-container {
  /* Remove top border from tds after a staff post, as opera by default makes that border overwrite the staff border */
  border-top: none; }

.forum-table .staff + tr:not(.staff) .post_info {
  /* Remove top border from tds after a staff post, as opera by default makes that border overwrite the staff border */
  border-top: none; }

.forum-table .staff .post_info {
  border: 1px solid #DB9F00;
  border-left: 1px solid #000; }

.posted-by-link {
  text-decoration: none; }

.forum_pagination a {
  text-decoration: none;
  margin-left: 8px;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 0px 3px;
  background-color: #0F0F0F;
  border: 1px solid;
  border-color: #1F1D1D #2F2F2F #2F2F2F #1F1D1D;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.52) inset;
  border-radius: 1px; }

.forum_pagination a:hover {
  border-color: #2F2F2F #1F1D1D #1F1D1D #2F2F2F;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.52); }

.forum_pagination a.first {
  text-decoration: none;
  margin-left: 0px; }

.forum_breadcrumb {
  margin: 3px 0px 10px 0px;
  font-weight: bold; }

.forum_breadcrumb a {
  text-decoration: none; }

.forum_breadcrumb a:hover {
  color: #fff; }

#forum_new_thread {
  z-index: 100;
  position: absolute;
  bottom: -8px;
  right: 7px; }

#forum_post_reply {
  position: absolute;
  bottom: -8px;
  right: 7px;
  color: #000;
  z-index: 100; }

.total_results {
  font-style: italic; }

.forum_name {
  position: relative; }

.forum_name .name a {
  font-weight: bold;
  text-decoration: none;
  font-size: 115%;
  color: #B99C74; }

.thread_title {
  margin-bottom: 5px;
  position: relative; }
  .thread_title .title {
    width: 436px;
    overflow: hidden; }
    .thread_title .title .movedText {
      color: #B8A387;
      text-shadow: 0px 0px 4px #444;
      font-size: 90%;
      font-style: italic; }
    .thread_title .title .scheduledText {
      color: #8e7d50;
      text-shadow: 0px 0px 4px #444;
      font-size: 90%; }

.thread_title .status, .forum_name .status {
  position: relative;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px; }

.thread_title .status div, .forum_name .status div {
  position: absolute;
  top: 0px;
  left: 0px; }

.forum_name .status div {
  font-size: 115%;
  /* has to match .forum_name a */ }

.thread_title .status div {
  font-size: 105%;
  /* has to match .thread_title a */ }

.forum_name .name {
  margin-right: 18px;
  overflow: hidden; }

.thread_title a {
  font-weight: bold;
  text-decoration: none;
  font-size: 105%;
  color: #C29E6C;
  color: #B99C74; }

.forum_name a:hover, .thread_title a:hover {
  color: #FFE5B5;
  text-shadow: 0px 0px 2px #494742; }

.postHistory .content {
  min-height: 5px;
  margin: 0px; }

.postHistory .post_info_content {
  margin: 0px; }
  .postHistory .post_info_content .revert_content {
    margin-top: 10px; }
  .postHistory .post_info_content .current_version {
    color: #cec59f;
    font-weight: bold;
    margin-top: 10px; }
  .postHistory .post_info_content .version_num {
    margin-top: 10px; }

table {
  width: 100%;
  margin: 0px;
  text-align: left;
  padding: 0px;
  border-collapse: collapse; }

th {
  text-align: inherit;
  /* ie8 bug */
  padding: 0px; }

.norm th {
  padding: 5px; }

/*tr
{
    background-color: #222319;
}*/
td {
  vertical-align: top; }

tr.even {
  background-color: #0d0f0d; }

tr.heading {
  background: transparent;
  height: 25px; }

/*
.striped-table td
{
    padding: 5px;
}*/
/*

.striped-table tr
{
    //background-color: #222319;
    background-color: $forumTableRowBackgroundColour;
}

.striped-table tr.even
{
    //background-color: #0d0f0d;
    background-color: $forumTableRowAltBackgroundColour;
}*/
#screenshots_box {
  float: left;
  width: 356px;
  margin: 10px 0px 0px 34px; }

#screenshots_box .thumb-frame {
  margin: 17px 0px 0px 0px; }

.mainNewsControls .pagination {
  float: left; }

.mainSearchForm {
  padding: 15px 10px 5px 10px; }
  .mainSearchForm select {
    min-width: 370px; }
    .mainSearchForm select#forums {
      min-height: 177px; }

.search-results td {
  padding: 5px; }

#search_results tr {
  background-color: #20201D; }

#search_results tr.heading {
  background-color: #000; }

#search_results tr.even {
  background-color: #0D0F0D; }

#search_results .type {
  font-weight: bold;
  width: 90px;
  color: #CFC28E; }

#search_results .details div {
  width: 190px; }

#search_results .details div div {
  overflow: hidden;
  margin-bottom: 5px; }

.search-results div.content {
  height: auto !important;
  min-height: 137px;
  overflow-x: auto;
  width: 600px; }

.searchExample, .outlinedInfo {
  background-color: #0E0D0D;
  padding: 5px;
  border: 1px solid #242322; }

.pm-controls .compose {
  padding: 3px;
  font-size: initial;
  color: #d0d2ff;
  position: absolute;
  top: 0;
  right: 0;
  margin: 1px; }

.pm-current {
  min-height: 256px; }

.pm-current, .pm-history {
  background-color: #1a1a1a; }
  .pm-current .message-detail, .pm-history .message-detail {
    padding: 5px; }
    .pm-current .message-detail .avatar, .pm-history .message-detail .avatar {
      float: left;
      margin: 0 10px 0 0; }
      .pm-current .message-detail .avatar img, .pm-history .message-detail .avatar img {
        max-width: 64px; }
    .pm-current .message-detail .subject, .pm-history .message-detail .subject {
      color: #c29e6c;
      font-size: 115%;
      font-weight: bold;
      text-decoration: none; }
      .pm-current .message-detail .subject:hover, .pm-history .message-detail .subject:hover {
        color: #fff; }
    .pm-current .message-detail .message-header, .pm-history .message-detail .message-header {
      float: left; }
  .pm-current .message-content, .pm-history .message-content {
    padding: 5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; }
  .pm-current tr td, .pm-history tr td {
    padding: 1px; }
  .pm-current tr.current-message, .pm-current tr.important td, .pm-history tr.current-message, .pm-history tr.important td {
    padding: 0px; }
  .pm-current tr.current-message, .pm-history tr.current-message {
    border: 2px solid #69583d; }
  .pm-current tr.important, .pm-history tr.important {
    border-left: 2px solid #c67333;
    border-right: 2px solid #c67333; }

table.pm-list {
  color: #a38d6d; }
  table.pm-list td {
    padding: 5px; }
  table.pm-list .status, table.pm-list .controls {
    width: 50px;
    text-align: center;
    vertical-align: middle; }
    table.pm-list .status img, table.pm-list .controls img {
      width: 32px;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      pointer-events: none; }
  table.pm-list .important .status {
    border-left: 2px solid #c67333;
    padding-left: 4px; }
  table.pm-list .important .controls {
    border-right: 2px solid #c67333;
    padding-right: 4px; }
  table.pm-list .subject a {
    float: left;
    color: #c29e6c;
    font-size: 115%;
    font-weight: bold;
    text-decoration: none; }
  table.pm-list a:hover {
    color: #fff; }

#pm-list-controls {
  margin-top: 10px;
  padding: 5px;
  text-align: right; }
  #pm-list-controls .view-mode {
    float: left; }
  #pm-list-controls .selection {
    float: right; }
    #pm-list-controls .selection .submit2 {
      margin-bottom: 0; }
    #pm-list-controls .selection .select {
      margin: 3px;
      line-height: 20px;
      font-size: 80%; }
      #pm-list-controls .selection .select a {
        text-decoration: none; }

.pm-list .m-date {
  font-size: 80%; }

.pm-recipient-subform {
  border: 1px solid #3F3C33;
  margin-bottom: 15px; }
  .pm-recipient-subform td {
    padding: 5px; }

.pm-remove-recipient div {
  min-width: 120px;
  width: auto !important;
  width: 120px;
  height: 23px;
  float: left;
  margin-left: 5px; }

.pm-remove-recipient a {
  float: left;
  margin-left: 5px; }

.pm-remove-recipient input {
  float: left;
  background: #231c18 url('/image/form/button-gradient.png?1593393345155') repeat-x;
  border: 1px solid;
  font-size: .8em;
  padding: 0px 2px;
  color: #886F56; }

.pm-remove-recipient input:hover {
  cursor: pointer;
  color: #FF342F; }

.pm-compose-form .pm-add-recipient-button, .submit2 {
  width: auto;
  background: #231c18 url('/image/form/button-gradient.png?1593393345155') repeat-x;
  border: 1px solid #3F3C33;
  padding: 2px;
  color: #886F56;
  margin-bottom: 8px; }

.pm-add-recipient-button:hover, .submit2:hover {
  cursor: pointer;
  color: #C29E6C;
  background-position: 0px 0px;
  border-color: #C29E6C; }

.pm-compose-form .add-recipient-buttons {
  width: 76px;
  padding-left: 0px; }
  .pm-compose-form .add-recipient-buttons input {
    width: 100%;
    margin-bottom: 10px; }

#pm-post-reply {
  padding: 5px; }

tr.pmAddRecipient textarea {
  height: 100px; }

#private_messages_status {
  position: absolute;
  bottom: -15px;
  left: 25px;
  width: 177px;
  height: 19px;
  padding: 3px 6px;
  font-weight: bold;
  background: url('/image/pm_status.jpg?1593393392594');
  text-align: center; }

#private_messages_status a {
  text-decoration: none;
  color: #FFBA00; }

#private_messages_status a:hover {
  text-decoration: none;
  color: #FFF; }

.profile {
  width: 922px;
  margin: 0px auto;
  overflow: hidden; }
  .profile .profile-box {
    float: left;
    width: 304px;
    height: 154px;
    position: relative;
    padding: 7px 9px 7px 10px;
    margin: 10px 0px;
    background: url('/image/profile/window-sides.png?1593393392714') repeat-y top left; }
    .profile .profile-box .character-more {
      position: absolute;
      bottom: 17px;
      right: 15px;
      font-size: 10px; }
    .profile .profile-box .box-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: 0px -190px;
      height: 41px;
      width: 324px; }
    .profile .profile-box .box-bottom {
      position: absolute;
      bottom: -6px;
      left: 0px;
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -324px -190px;
      height: 41px;
      width: 324px; }
    .profile .profile-box .box-inner {
      background: #0c0b0b;
      padding: 0px 8px;
      height: 100%;
      position: relative; }
      .profile .profile-box .box-inner .leave-guild {
        position: absolute;
        right: 10px;
        bottom: 10px; }
    .profile .profile-box .rewards {
      margin-top: 12px; }
    .profile .profile-box p {
      line-height: 20px; }
    .profile .profile-box h2 {
      font-weight: normal;
      margin-bottom: 5px;
      font-size: 1.4em;
      text-align: center; }
    .profile .profile-box:nth-child(2n) {
      margin-left: 15px; }
    .profile .profile-box .coming-soon {
      font-style: italic;
      padding-top: 35px;
      text-align: center; }
  .profile .frame {
    background: url('/image/profile/frame-top-left.png?1593393392658') no-repeat top left, url('/image/profile/frame-top-right.png?1593393392658') no-repeat top right, url('/image/profile/frame-bottom-left.png?1593393392654') no-repeat bottom left, url('/image/profile/frame-bottom-right.png?1593393392654') no-repeat bottom right, url('/image/profile/frame-top.png?1593393392658') repeat-x top, url('/image/profile/frame-left.png?1593393392658') repeat-y left, url('/image/profile/frame-right.png?1593393392658') repeat-y right, url('/image/profile/frame-bottom.png?1593393392658') repeat-x bottom, rgba(0, 0, 0, 0.76);
    width: 100%;
    position: relative;
    margin: 10px 0px; }
    .profile .frame .top {
      display: none; }
    .profile .frame .bottom {
      display: none; }
    .profile .frame .background {
      display: none; }
    .profile .frame .content {
      padding: 10px 14px 5px 14px;
      z-index: 2;
      position: relative;
      overflow: hidden;
      *zoom: 1; }
  .profile .profile-details {
    position: relative;
    float: right;
    width: 227px;
    min-height: 748px;
    background: #191A17 url('/image/profile/profile-right.jpg?1593393392698') no-repeat top left;
    padding: 15px 0px;
    font-size: 12.5px; }
    .profile .profile-details .details-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/profile/profile-right.jpg?1593393392698') no-repeat top left;
      width: 227px;
      height: 759px; }
    .profile .profile-details .details-bottom {
      position: absolute;
      bottom: 0px;
      left: 0px;
      background: url('/image/profile/profile-bottomright.jpg?1593393392698') no-repeat top left;
      width: 227px;
      height: 24px; }
    .profile .profile-details .details-inner {
      background: url('/image/profile/profile-right-bg.jpg?1593393392698') repeat-y top left;
      padding: 9px 13.5px;
      height: 100%; }
      .profile .profile-details .details-inner .details-content {
        position: relative; }
  .profile .avatar {
    width: 100%;
    float: left;
    text-align: center; }
    .profile .avatar img {
      max-width: 100%; }
  .profile .profile-top {
    padding-right: 11px;
    height: 45px;
    position: relative;
    background: url('/image/profile/profile-top.jpg?1593393392710') no-repeat top left; }
    .profile .profile-top .tab-links {
      overflow: hidden;
      margin: 0px 0px 1px 15px;
      position: absolute;
      bottom: 0px; }
      .profile .profile-top .tab-links .tab {
        display: inline-block;
        background: url('/image/profile/tab-off.png?1593393392714') no-repeat top right;
        height: 23px;
        position: relative;
        margin-left: 5px;
        font-size: 12px;
        line-height: 23px;
        color: #D1C39B; }
        .profile .profile-top .tab-links .tab span {
          display: inline-block;
          background: url('/image/profile/tab-off.png?1593393392714') no-repeat top left;
          height: 23px;
          top: 0px;
          position: relative;
          left: -9px;
          padding-left: 11px;
          margin-right: 2px; }
        .profile .profile-top .tab-links .tab.active, .profile .profile-top .tab-links .tab:hover {
          background-image: url('/image/profile/tab-on.png?1593393392714'); }
          .profile .profile-top .tab-links .tab.active span, .profile .profile-top .tab-links .tab:hover span {
            background-image: url('/image/profile/tab-on.png?1593393392714'); }
  .profile .profile-name {
    padding: 0px 15px 10px 20px; }
  .profile .details {
    clear: both; }
  .profile .shopCoinStatusBox {
    float: left;
    position: absolute;
    right: 4px;
    top: 56px; }
  .profile .profile-transactions-wrapper {
    width: 100%; }
  .profile .profileTransactions .transaction {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #2d2d2d;
    padding: 5px; }
    .profile .profileTransactions .transaction .pack-key, .profile .profileTransactions .transaction .ticket-info {
      float: left;
      color: #d9d9da;
      font-size: 12px;
      padding: 5px; }
    .profile .profileTransactions .transaction .pack-key .key {
      color: #fad78d; }
  .profile .profileTransactions .transaction:nth-child(even) {
    background: rgba(0, 0, 0, 0.1); }
  .profile .profileTransactions .transaction:last-child {
    border-bottom: none; }
  .profile .profileTransactions .transaction .el {
    float: left;
    margin: 5px; }
  .profile .profileTransactions .transaction .id {
    min-width: 60px; }
  .profile .profileTransactions .transaction .packageName {
    min-width: 180px;
    font-size: 150%; }
  .profile .profileTransactions .transaction .date {
    float: right; }
  .profile .profileTransactions .transaction .upgrade {
    float: right; }
  .profile .profileTransactions .transaction .status {
    font-weight: bold;
    float: right; }
  .profile .profileTransactions .transaction .statusComplete {
    color: LawnGreen; }
  .profile .profileTransactions .transaction .upgradeToInfo, .profile .profileTransactions .transaction .upgradeFromInfo,
  .profile .profileTransactions .transaction .mergeToInfo, .profile .profileTransactions .transaction .mergeFromInfo {
    clear: both;
    padding: 5px 5px 5px 27px;
    font-style: italic; }
  .profile .profileTransactions.mtx-transactions .transaction {
    padding-top: 10px; }
    .profile .profileTransactions.mtx-transactions .transaction-details {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .profile .profileTransactions.mtx-transactions .transaction-name-wrapper {
      width: 70%;
      margin: 2px 0;
      display: flex;
      align-items: center; }
    .profile .profileTransactions.mtx-transactions .transaction-name {
      font-size: 1.4em; }
    .profile .profileTransactions.mtx-transactions .transaction-mtx-link {
      color: #ffda4d;
      text-decoration: none; }
    .profile .profileTransactions.mtx-transactions .transaction-package {
      white-space: nowrap;
      margin: 0 15px 0 0;
      background-color: #252525;
      padding: 2px 5px; }
    .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost {
      width: 25%;
      font-size: 1.2em;
      text-align: center;
      line-height: 39px;
      margin-bottom: 0;
      text-transform: capitalize; }
    .profile .profileTransactions.mtx-transactions .transaction-empty, .profile .profileTransactions.mtx-transactions .transaction-cost {
      width: 15%;
      margin-right: 10px;
      text-align: right; }
    .profile .profileTransactions.mtx-transactions .transaction-cost {
      color: #ffda4d;
      padding-right: 39px;
      font-size: 1.4em;
      background-image: url('/image/shop/item/ShopItemCoin.png?1593393393090');
      background-position: top right;
      background-repeat: no-repeat; }
    .profile .profileTransactions.mtx-transactions .transaction-empty {
      width: calc(15% + 36px);
      padding-right: 8px; }
    .profile .profileTransactions.mtx-transactions .transaction-info {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-right: 15px;
      font-size: 0.9em; }
    .profile .profileTransactions.mtx-transactions .transaction-date {
      width: 55%; }
  .profile .profile-container {
    float: left;
    width: 695px;
    min-height: 748px;
    padding: 15px 0px;
    position: relative; }
    .profile .profile-container.fullwidth {
      width: 922px; }
      .profile .profile-container.fullwidth .layoutBox1 {
        width: 883px;
        float: none;
        display: block; }
      .profile .profile-container.fullwidth .container-top {
        width: 922px;
        background: #191A17 url('/image/profile/profile-full.jpg?1593393392698') no-repeat top left; }
      .profile .profile-container.fullwidth .container-bottom {
        height: 19px;
        width: 922px;
        background: #191A17 url('/image/profile/profile-full-bottom.jpg?1593393392698') no-repeat top left; }
      .profile .profile-container.fullwidth .container-inner {
        background: #191A17 url('/image/profile/profile-full-bg.jpg?1593393392698') repeat-y top left; }
    .profile .profile-container #showcase {
      padding-left: 1px; }
    .profile .profile-container .incomplete .showcase-item {
      opacity: 0.6; }
    .profile .profile-container .showcase-item {
      line-height: 50px;
      position: relative;
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -320px 0px;
      height: 55px;
      width: 624px;
      padding: 10px 20px;
      margin: 10px auto;
      cursor: default; }
      .profile .profile-container .showcase-item h2 {
        font-size: 1.5em;
        font-weight: normal;
        float: left;
        width: 581px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis; }
      .profile .profile-container .showcase-item .icon {
        float: left;
        width: 33px;
        height: 33px;
        margin-top: 9px;
        margin-right: 10px; }
      .profile .profile-container .showcase-item .description {
        left: inherit;
        right: -5px;
        bottom: 72px;
        top: inherit;
        color: #00b6ff;
        font-size: 12px;
        line-height: 18px;
        z-index: 1500;
        height: auto; }
        .profile .profile-container .showcase-item .description .box-inner {
          padding-top: 10px;
          padding-bottom: 10px;
          height: auto; }
    .profile .profile-container .achievement-container {
      padding-bottom: 12px; }
      .profile .profile-container .achievement-container .btn-show-achievements {
        float: right;
        cursor: pointer;
        padding-right: 40px; }
        .profile .profile-container .achievement-container .btn-show-achievements:after {
          content: ' ';
          position: absolute;
          display: inline-block;
          margin-left: 6px;
          width: 19px;
          height: 19px;
          background: url('/image/layout/checkbox/checkbox-unchecked.png?1593393375798');
          background-size: 19px 19px; }
        .profile .profile-container .achievement-container .btn-show-achievements.checked:after {
          background: url('/image/layout/checkbox/checkbox-checked.png?1593393375798');
          background-size: 19px 19px; }
      .profile .profile-container .achievement-container .achievement-list {
        border: 2px solid #653F27;
        border-radius: 3px;
        width: 650px; }
        .profile .profile-container .achievement-container .achievement-list .achievement {
          line-height: 62px;
          min-height: 62px;
          width: 650px;
          position: relative;
          background: url('/image/profile/achievement-background-header.png?1593393392654') no-repeat;
          background-size: auto 62px;
          cursor: default;
          color: #E7B477; }
          .profile .profile-container .achievement-container .achievement-list .achievement h2 {
            padding-left: 60px;
            font-size: 1.8em;
            font-weight: normal;
            font-style: normal;
            font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
            text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
            color: #E7B477;
            float: left; }
            .profile .profile-container .achievement-container .achievement-list .achievement h2.long {
              font-size: 1.6em; }
            .profile .profile-container .achievement-container .achievement-list .achievement h2.shortstory {
              font-size: 1.1em; }
            .profile .profile-container .achievement-container .achievement-list .achievement h2.completion-detail {
              float: right;
              padding-left: 0px;
              padding-right: 80px; }
              .profile .profile-container .achievement-container .achievement-list .achievement h2.completion-detail .completion-incomplete {
                color: red; }
          .profile .profile-container .achievement-container .achievement-list .achievement .completion {
            position: absolute;
            width: 42px;
            height: 42px;
            right: 24px;
            top: 9px; }
          .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail {
            background: url('/image/layout/button/button-expand-normal.png?1593393375714') no-repeat;
            background-size: contain;
            width: 35px;
            height: 42px;
            position: absolute;
            left: 0px;
            top: 10px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail:hover {
              background: url('/image/layout/button/button-expand-hover.png?1593393375714') no-repeat;
              background-size: contain; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail:active {
              background: url('/image/layout/button/button-expand-pressed.png?1593393375714') no-repeat;
              background-size: contain; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded {
              background: url('/image/layout/button/button-collapse-normal.png?1593393375710') no-repeat;
              background-size: contain; }
              .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded:hover {
                background: url('/image/layout/button/button-collapse-hover.png?1593393375710') no-repeat;
                background-size: contain; }
              .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded:active {
                background: url('/image/layout/button/button-collapse-pressed.png?1593393375710') no-repeat;
                background-size: contain; }
          .profile .profile-container .achievement-container .achievement-list .achievement .detail {
            background: url('/image/profile/bg-challenge.png?1593393392654') repeat-y;
            background-size: 648px;
            display: none;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
            font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
            font-size: 1.2em;
            margin-top: 64px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail-inner {
              background: -owg-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              background: -webkit-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              background: -moz-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              background: -o-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              -pie-background: -pie-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.6) 10%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 90%, black 100%);
              padding: 30px 60px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail .challenge-progress-bar-container {
              position: relative;
              height: 14px;
              margin-bottom: 20px; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail .challenge-progress-bar-container .progress-bar {
                position: absolute;
                background: url('/image/gen/profile-sprite.png') no-repeat;
                background-position: -320px -149px;
                height: 5px;
                width: 385px;
                bottom: 4px;
                left: 8px; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail .challenge-progress-bar-container .progress-frame {
                position: relative;
                background: url('/image/gen/profile-sprite.png') no-repeat;
                background-position: 0px -231px;
                height: 14px;
                width: 400px;
                margin-left: 30px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail em {
              font-size: 0.7em;
              color: white; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail .text {
              color: #774A13;
              padding-bottom: 1em; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail ul {
              list-style-type: none;
              display: inline-block;
              vertical-align: top; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li {
                background: none;
                padding: 0;
                margin: 0;
                line-height: 1.9em;
                position: relative; }
                .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li.finished {
                  color: #00d500; }
                  .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li.finished:after {
                    content: '✓';
                    font-weight: bold;
                    color: #00d500;
                    margin: 0 4px 0 10px; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail ul.split {
                width: 50%; }
    .profile .profile-container .profile-boxes {
      overflow: hidden; }
    .profile .profile-container .container-bottom {
      position: absolute;
      bottom: 1px;
      left: 0px;
      background: url('/image/profile/profile-bottomleft.jpg?1593393392698') no-repeat top left;
      width: 695px;
      height: 24px; }
    .profile .profile-container .container-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/profile/profile-left.jpg?1593393392698') no-repeat top left;
      width: 695px;
      height: 759px; }
    .profile .profile-container .container-inner {
      background: url('/image/profile/profile-left-bg.jpg?1593393392698') repeat-y top left;
      padding: 0px 15px;
      height: 100%; }
      .profile .profile-container .container-inner .container-content {
        position: relative; }
        .profile .profile-container .container-inner .container-content .transaction-link {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 10px; }
          .profile .profile-container .container-inner .container-content .transaction-link .button-text, .profile .profile-container .container-inner .container-content .transaction-link div.custom-league-view button, div.custom-league-view .profile .profile-container .container-inner .container-content .transaction-link button, .profile .profile-container .container-inner .container-content .transaction-link div.custom-league-view input[type="submit"], div.custom-league-view .profile .profile-container .container-inner .container-content .transaction-link input[type="submit"], .profile .profile-container .container-inner .container-content .transaction-link .item-filter-view .item-filte-form form.t1 button, .item-filter-view .item-filte-form form.t1 .profile .profile-container .container-inner .container-content .transaction-link button, .profile .profile-container .container-inner .container-content .transaction-link .item-filter-view .item-filte-form form.t1 input[type="submit"], .item-filter-view .item-filte-form form.t1 .profile .profile-container .container-inner .container-content .transaction-link input[type="submit"] {
            padding: 5px 12px; }
  .profile .progress-bar-container {
    height: 22px;
    position: relative;
    padding-bottom: 14px;
    margin: 5px 1px;
    overflow: hidden;
    width: 286px; }
    .profile .progress-bar-container.large {
      padding-right: 6px;
      width: 648px; }
    .profile .progress-bar-container .progress-bar {
      background: url('/image/profile/progress-bar.png?1593393392710') repeat-x top left;
      position: absolute;
      top: 0px;
      z-index: 500; }
    .profile .progress-bar-container .progress-frame {
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -654px -159px;
      width: 100%;
      height: 27px;
      position: absolute;
      top: 0px;
      z-index: 1000; }
      .profile .progress-bar-container .progress-frame.large {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: 0px -159px;
        height: 27px; }
    .profile .progress-bar-container .progress-tick {
      float: left;
      position: relative;
      z-index: 1200; }
      .profile .progress-bar-container .progress-tick img {
        float: right;
        position: relative;
        top: 9px;
        left: 11px; }
  .profile .showcase-manage {
    position: absolute;
    right: 20px;
    top: 10px;
    height: 50px; }
  .profile .showcase-pin, .profile .showcase-move {
    cursor: pointer;
    font-size: 10px; }
    .profile .showcase-pin .move-icon, .profile .showcase-move .move-icon {
      width: 20px;
      height: 20px;
      vertical-align: middle; }
    .profile .showcase-pin.up, .profile .showcase-move.up {
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -732px -190px;
      width: 20px;
      height: 16px;
      position: absolute;
      right: 26px;
      top: 12px; }
      .profile .showcase-pin.up:hover, .profile .showcase-move.up:hover {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: -692px -190px; }
      .profile .showcase-pin.up.disabled, .profile .showcase-move.up.disabled {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: -792px -190px; }
    .profile .showcase-pin.down, .profile .showcase-move.down {
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -752px -190px;
      width: 20px;
      height: 16px;
      position: absolute;
      right: 26px;
      top: 26px; }
      .profile .showcase-pin.down:hover, .profile .showcase-move.down:hover {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: -772px -190px; }
      .profile .showcase-pin.down.disabled, .profile .showcase-move.down.disabled {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: -712px -190px; }
    .profile .showcase-pin.delete, .profile .showcase-move.delete {
      background: url('/image/gen/profile-sprite.png') no-repeat;
      background-position: -940px -159px;
      width: 22px;
      height: 22px;
      position: absolute;
      right: 0px;
      top: 16px; }
      .profile .showcase-pin.delete:hover, .profile .showcase-move.delete:hover {
        background: url('/image/gen/profile-sprite.png') no-repeat;
        background-position: -670px -190px; }
    .profile .showcase-pin.add, .profile .showcase-move.add {
      background: url('/image/profile/pin.png?1593393392658') no-repeat top left;
      height: 16px;
      width: 16px;
      display: inline-block;
      margin-left: 10px; }
  .profile .showcase-message {
    opacity: 0;
    color: #11AA2D;
    height: 16px; }
  .profile .info {
    color: #00b6ff;
    font-size: 12.5px; }
    .profile .info.small {
      font-size: 11px; }
  .profile h1 {
    font-weight: normal; }
    .profile h1.name {
      text-align: center;
      padding-bottom: 10px;
      overflow-wrap: break-word; }
  .profile h2 {
    font-weight: normal;
    font-size: 1.8em; }
  .profile #seasonInfoContainer {
    position: relative;
    margin: 15px 0px;
    left: 7px; }
    .profile #seasonInfoContainer #seasonInfo {
      z-index: 9999999;
      position: relative;
      left: -22px; }
      .profile #seasonInfoContainer #seasonInfo .seasonInfo {
        background: none !important; }
        .profile #seasonInfoContainer #seasonInfo .seasonInfo h1 {
          display: none; }
        .profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress {
          z-index: 10000; }
          .profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress .frame {
            margin: 0px; }
    .profile #seasonInfoContainer #seasonFrame {
      position: absolute;
      top: 0px;
      left: -22px;
      background: url('/image/season/one-small.jpg?');
      height: 317px;
      width: 916px; }
      .profile #seasonInfoContainer #seasonFrame img {
        width: 922px; }
  .profile .seasons-list, .profile .challenge-list {
    float: right;
    padding-right: 10px; }
  .profile #recent-events {
    margin-top: 10px;
    position: relative; }
    .profile #recent-events .history {
      border-bottom: 1px solid #665a3f; }
    .profile #recent-events div.row {
      background: #232222;
      clear: both;
      overflow: hidden;
      border-top: 1px solid #665a3f; }
      .profile #recent-events div.row.heading {
        font-weight: bold;
        background: #0d0f0d;
        border-top: 1px solid #665a3f; }
      .profile #recent-events div.row.even {
        background: #0d0f0d; }
      .profile #recent-events div.row .cell {
        float: left;
        padding: 5px 10px; }
        .profile #recent-events div.row .cell.name {
          width: 650px; }
        .profile #recent-events div.row .cell.points {
          width: 100px; }
      .profile #recent-events div.row.trophy {
        background: #0d0f0d; }
        .profile #recent-events div.row.trophy .name {
          padding-left: 30px;
          width: 630px; }
    .profile #recent-events .loading-inline {
      position: absolute;
      right: 60px;
      top: -25px;
      padding-left: 40px; }
  .profile .profile-character {
    position: relative;
    overflow: hidden;
    margin: 10px 0px; }
    .profile .profile-character .character-icon {
      float: left; }
      .profile .profile-character .character-icon.Marauder {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -400px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Juggernaut {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -650px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Berserker {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -560px -580px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Chieftain {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -500px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Shadow {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -450px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Assassin {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -100px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Saboteur {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -150px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Trickster {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -200px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Witch {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -350px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Occultist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -100px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Elementalist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px 0px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Necromancer {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -250px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Templar {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -50px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Inquisitor {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -150px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Hierophant {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -250px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Guardian {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -610px -580px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Duelist {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -350px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Slayer {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -600px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Gladiator {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -300px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Champion {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -200px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Ranger {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: 0px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Deadeye {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -50px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Raider {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -738px -400px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Pathfinder {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -660px -580px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Scion {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -300px -660px;
        width: 50px;
        height: 50px; }
      .profile .profile-character .character-icon.Ascendant {
        background: url('/image/gen/inventory-sprite.png') no-repeat;
        background-position: -550px -660px;
        width: 50px;
        height: 50px; }
    .profile .profile-character .character-info {
      float: left;
      padding-left: 10px;
      width: 200px;
      height: 48px;
      overflow: hidden; }
  .profile #privacy-settings {
    font-weight: bold; }
    .profile #privacy-settings .privacy-setting {
      margin: 5px 0px; }

#saw .links {
  width: 816px; }

.avatars {
  width: 816px;
  padding-top: 4px;
  min-height: 264px; }
  .avatars .avatar {
    display: block;
    width: 200px;
    height: 128px;
    float: left;
    border: 1px solid #1e1c15;
    margin: 2px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .avatars .avatar .content {
      display: table-cell;
      width: 200px;
      height: 96px;
      vertical-align: middle; }
    .avatars .avatar .control {
      height: 22px;
      width: 174px;
      background-color: #1e1c15;
      position: absolute;
      left: 0;
      bottom: 0;
      line-height: 20px;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 14px; }
    .avatars .avatar .avatar-img {
      max-height: 224px;
      max-width: 198px; }
    .avatars .avatar:hover {
      background-color: #111; }
      .avatars .avatar:hover .control {
        color: white;
        background-color: #69583d;
        text-decoration: none; }
    .avatars .avatar.custom {
      height: 260px; }
      .avatars .avatar.custom .avatar-img {
        border: 0;
        box-shadow: none; }
      .avatars .avatar.custom .content {
        height: 224px; }
    .avatars .avatar.current {
      border: 1px solid #69583d; }

.follow-box {
  width: 200px;
  height: 140px;
  margin: 4px;
  float: left;
  padding: 5px 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  position: relative; }
  .follow-box .controls {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .follow-box h3 {
    font-weight: normal;
    padding-bottom: 5px; }

.account-followers {
  background: rgba(41, 41, 41, 0.63);
  margin: 3px 5px;
  padding: 5px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .account-followers a {
    color: #cacaca;
    text-decoration: none; }
    .account-followers a:hover {
      color: #fff; }

#lost_password .lost_verification {
  color: #fff;
  float: right;
  margin-right: 15px;
  text-decoration: none; }

#lost_password .lost_verification:hover {
  text-decoration: underline; }

#item-data-home .itemTypeContainer {
  position: absolute; }

#item-data-home-weapon .icon {
  float: left;
  margin: 10px 0px 0px 22px; }

#item-data-home-weapon .label {
  position: absolute;
  top: 70px;
  left: 130px; }

#item-data-home-armour {
  position: relative;
  height: 190px; }

#item-data-home-armour .icon {
  margin: 32px 0px 0px 12px; }

#item-data-home-armour .label {
  position: absolute;
  top: 70px;
  left: 104px; }

#item-data-home-currency {
  position: relative;
  height: 160px; }

#item-data-home-currency .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-currency .label {
  position: absolute;
  top: 32px;
  left: 115px; }

#item-data-home-jewelry {
  position: relative;
  height: 160px; }

#item-data-home-jewelry .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-jewelry .label {
  position: absolute;
  top: 32px;
  left: 104px; }

#item-data-home-prefixmod {
  position: relative;
  height: 160px; }

#item-data-home-prefixmod .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-prefixmod .label {
  position: absolute;
  top: 32px;
  left: 115px; }

#item-data-home-suffixmod {
  position: relative;
  height: 160px; }

#item-data-home-suffixmod .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-suffixmod .label {
  position: absolute;
  top: 32px;
  left: 104px; }

.itemDataTable th {
  vertical-align: middle;
  text-align: center;
  padding: 3px; }

.itemDataTable td {
  vertical-align: middle;
  text-align: center;
  padding: 3px; }

.itemDataIcon {
  cursor: pointer; }
  .itemDataIcon.iW1 {
    width: 14px; }
  .itemDataIcon.iW2 {
    width: 28px; }
  .itemDataIcon.iH1 {
    height: 14px; }
  .itemDataIcon.iH2 {
    height: 28px; }
  .itemDataIcon.iH3 {
    height: 42px; }
  .itemDataIcon.iH4 {
    height: 56px; }

.itemDataTable .name, .itemDataTable .class {
  text-align: left; }

.ko_KR .itemDataTable .name {
  width: 15%; }

.ko_KR .itemDataTable .stack-size {
  width: 8%; }

.itemDataIconHover {
  position: absolute;
  padding: 10px;
  z-index: 100;
  border: 1px solid gold;
  background: #000; }

.itemDataTable .even_mod {
  color: #686868;
  background-color: #0d0f0d; }

.itemDataTable .odd_mod {
  color: #535353; }

.itemDataIndex {
  padding-top: 24px; }
  .itemDataIndex .itemGroup {
    display: block;
    float: left; }
    .itemDataIndex .itemGroup .image {
      opacity: .6;
      min-width: 96px;
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
    .itemDataIndex .itemGroup .label {
      opacity: .8;
      display: inline-block;
      vertical-align: middle;
      padding: 67px 0px; }
  .itemDataIndex .itemGroup:hover .image, .itemDataIndex .itemGroup:hover .label {
    opacity: 1; }
  .itemDataIndex .itemGroup.large {
    min-height: 230px; }

#ladder_league_form {
  float: right;
  padding: 8px 8px 0px 0px; }

#ladder_league_form label {
  float: left;
  margin-top: 2px; }

#ladder_league_form #league_select {
  float: left;
  margin: 2px 10px; }

#ladder_league_form label #league_form_submit {
  float: left; }

.ladderDownloadCSV {
  float: left;
  margin: 0px 10px;
  padding: 8px 0px 10px 0px; }

.ladderStatus {
  background-color: #111;
  margin: 0px 10px;
  padding: 10px;
  border: 1px solid #222; }

.ladderStatus .status {
  float: left; }

.ladderStatusCountdownActive .status {
  width: 350px; }

.ladderStatus .waitStartText {
  color: #008003; }

.ladderStatus .inProgressText {
  color: #ffff05; }

.ladderStatus .completeText {
  color: #ff0003; }

.ladderStatus .status ul {
  margin-top: 10px; }

.ladderStatus .countdownBox {
  float: right;
  width: 339px;
  background: #111;
  border: 1px solid #333;
  border-color: #000 #333 #333 #000;
  padding: 6px 10px; }

.ladderStatus .countdownLabel {
  font-size: 147%;
  margin-bottom: 5px;
  text-align: center; }

.ladderTable td {
  padding: 3px 5px; }

.ladderTable td.onlineStatus {
  padding: 4px;
  width: 15px; }

.faqContent .question {
  margin-bottom: 10px; }

.faqContent .question a {
  color: #CEC59F;
  text-decoration: none; }

.faqContent .question a:target {
  color: #CEC59F;
  font-weight: bold; }

.faqContent .answer {
  margin-bottom: 20px; }

.faqContent a {
  margin-bottom: 10px; }

.faqContent p {
  margin: 20px 0px; }

.faqMenu li, .areasMenu li {
  margin: 10px 0px;
  background: none;
  padding: 0px; }

.faqMenu li a {
  color: #abb0ff;
  text-decoration: none; }

.faqMenu li a:hover {
  color: #fff; }

#monstersPage {
  background: url('/image/monsters/monsters-background.jpg?1593393390990') no-repeat top left;
  min-height: 2123px; }
  #monstersPage .content {
    width: 550px;
    font-size: 13px; }
  #monstersPage .act1 {
    position: absolute;
    top: 480px;
    left: 50px;
    width: 400px; }
  #monstersPage .act2 {
    position: absolute;
    top: 1160px;
    left: 480px;
    width: 400px; }
  #monstersPage .act1 h2, #monstersPage .act2 h2 {
    margin-bottom: 15px;
    font-size: 160%; }
    #monstersPage .act1 h2 a, #monstersPage .act2 h2 a {
      text-decoration: none; }
  #monstersPage .act1 .icons img, #monstersPage .act2 .icons img {
    display: inline-block;
    margin: 0px 47px 42px 0px; }
  #monstersPage .act1 .icons a, #monstersPage .act2 .icons a {
    display: inline-block; }

.monstersMenu .thumb-frame-container {
  width: 125px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame-container .content {
  width: 94px;
  margin-top: 2px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame {
  width: 80px; }

.areasMenu li {
  text-align: center; }

.areasMenu li a {
  color: #CAC2A8;
  text-decoration: none;
  font-weight: bold; }

.areasMenu li a:hover {
  color: #fff; }

#login_area {
  position: absolute;
  top: 253px;
  left: 42px;
  width: 253px;
  height: 43px;
  padding: 0px; }

#login_area .field {
  border: none;
  padding: 0px;
  color: #fff;
  width: 147px;
  background-color: #000;
  margin: 0px; }

#login_area #login_area_email {
  position: absolute;
  top: 4px;
  right: 4px; }

#login_area #login_area_password {
  position: absolute;
  bottom: 4px;
  right: 4px; }

#login_area_remember_me_img {
  position: absolute;
  left: 164px;
  top: 47px; }

#login_area_remember_me {
  position: absolute;
  left: 281px;
  top: 50px;
  padding: 0px;
  margin: 3px 3px 3px 4px;
  height: 13px;
  width: 13px; }

#login_area_loading {
  display: none;
  position: absolute;
  background: #000 url('/image/loading_small.gif?1593393390850') no-repeat 122px center;
  top: 5px;
  left: 102px;
  width: 131px;
  height: 18px;
  padding: 8px; }

#login_status {
  color: #CEC59F;
  font-weight: bold;
  left: 25px;
  position: absolute;
  text-align: center;
  width: 188px;
  /* TODO: Remove these when shop is commit */
  /* background: url("../image/login_status.jpg") repeat scroll 0 0 transparent;
     * */
  padding: 2px 6px;
  /*bottom: 13px;
    height: 35px;
    */
  width: 177px;
  background: url('/image/login_status_large.jpg?1593393390850') repeat scroll 0 0 transparent;
  bottom: -10px;
  height: 75px; }

#login_status .profile-link {
  color: #CEC59F; }

#login_status .profile-link:hover {
  color: #FFF; }

#login_status .logout {
  position: absolute;
  left: 195px;
  top: 0; }

#login_status.hasMessage {
  bottom: 12px; }

#login_status.large {
  /*
    background: url("../image/login_status_large.jpg") repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 75px;
    */ }

#login_status.hasMessage .logout {
  top: 22px; }

#login_status .top {
  left: 5px;
  position: absolute;
  top: 5px;
  width: 178px; }

#login_status .middle {
  left: 6px;
  position: absolute;
  top: 23px;
  width: 178px;
  word-wrap: break-word; }

#login_status .bottom {
  background: url('/image/shop/coinamount2.gif?1593393393022') no-repeat scroll left top transparent;
  height: 35px;
  left: 5px;
  position: absolute;
  top: 40px;
  width: 178px; }

#login_status .amount {
  color: #FFFFFF;
  font-size: 127%;
  right: 37px;
  position: relative; }

#login_status .label {
  color: #FFDCA4;
  font-size: 141%; }

#login_status .coins {
  left: 0;
  position: absolute;
  text-align: right;
  top: 6px;
  width: 178px; }

#login_status .bottom a {
  text-decoration: none; }

#create_button {
  position: absolute;
  top: 45px;
  left: -26px;
  cursor: pointer; }

#login_button {
  position: absolute;
  top: 45px;
  left: 74px; }

#login_loading {
  background-image: url("../../image/loading_small.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: none;
  float: left;
  position: relative;
  top: 5px;
  left: 10px; }

#login, #change_email, #lost_password, #resend_verification {
  overflow: hidden;
  *zoom: 1;
  min-height: 180px; }
  #login .lost_password, #login .lost_verification, #change_email .lost_password, #change_email .lost_verification, #lost_password .lost_password, #lost_password .lost_verification, #resend_verification .lost_password, #resend_verification .lost_verification {
    float: left;
    color: #fff;
    text-decoration: none;
    margin-right: 15px; }
    #login .lost_password:hover, #login .lost_verification:hover, #change_email .lost_password:hover, #change_email .lost_verification:hover, #lost_password .lost_password:hover, #lost_password .lost_verification:hover, #resend_verification .lost_password:hover, #resend_verification .lost_verification:hover {
      text-decoration: underline; }
  #login .form_base dd, #change_email .form_base dd, #lost_password .form_base dd, #resend_verification .form_base dd {
    height: auto !important;
    min-height: 0px;
    height: auto; }
  #login #login_submit, #login #create_submit, #login #lost_password_submit, #login #resend_verification_email_submit, #change_email #login_submit, #change_email #create_submit, #change_email #lost_password_submit, #change_email #resend_verification_email_submit, #lost_password #login_submit, #lost_password #create_submit, #lost_password #lost_password_submit, #lost_password #resend_verification_email_submit, #resend_verification #login_submit, #resend_verification #create_submit, #resend_verification #lost_password_submit, #resend_verification #resend_verification_email_submit {
    float: right;
    margin: 0px 0px 5px 15px; }

#login {
  min-height: 220px; }
  #login #oAuthLogins {
    width: 256px;
    bottom: 13px;
    position: absolute;
    right: 83px;
    background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
    padding: 8px;
    border: 1px solid #1D1D1D;
    border-collapse: collapse; }
    #login #oAuthLogins .login {
      text-align: center;
      color: #5F5A5A;
      margin: 6px 0px; }
    #login #oAuthLogins #steam_login {
      right: 83px; }
    #login #oAuthLogins #live_login #live_login_button {
      background: transparent url('/image//live/sitl_small.gif?1593393390822');
      background-position: 0px 0px;
      width: 154px;
      height: 27px; }
      #login #oAuthLogins #live_login #live_login_button:hover {
        background-position: 0px -27px; }
      #login #oAuthLogins #live_login #live_login_button:active {
        background-position: 0px 27px; }
  #login #garena_login {
    text-align: center;
    position: absolute;
    color: #5F5A5A;
    right: 83px;
    top: 50px;
    font-weight: bold;
    width: 256px; }

#lost_password, #resend_verification {
  max-width: 428px; }

#terms-of-use-container.termsFloatRight {
  float: right;
  margin-right: 3px;
  margin-left: 3px; }

#guildProfile table {
  width: auto;
  line-height: 22px; }

#guildProfile .details td {
  padding: 0px 5px 2px 0px; }

#guildProfile .guild-header {
  margin-bottom: 10px; }
  #guildProfile .guild-header .guild-tag {
    font-size: 1.4em;
    text-align: center;
    color: #cac2a8;
    width: 100%;
    margin: 0px; }
  #guildProfile .guild-header .guild-status {
    font-style: italic;
    text-align: center;
    color: #918D82;
    margin: 0px; }

#guildProfile h1.name {
  padding-bottom: 0px; }

#guildProfile .members {
  margin-top: 10px; }
  #guildProfile .members .member {
    padding: 0px 3px 2px 2px;
    vertical-align: text-bottom;
    border-bottom: 1px solid #3a3222;
    line-height: 22px; }
  #guildProfile .members .profile-link {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #guildProfile .members .memberType {
    color: #575757;
    float: right;
    font-size: 11px; }

#guildProfile .profile-box.achievements {
  margin-left: 0px; }

#guildProfile .profile-box.seasons {
  margin-left: 15px; }

#guildProfile .profile-box.pvp {
  margin-left: 0px; }

#guildProfile .profile-box.my-guild {
  margin-left: 15px; }

#guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2 {
  padding: 5px;
  font-size: 1.4em; }

#guildProfile #guildMemberPanel p, #guildProfile #guildLeaderPanel p {
  margin-left: 5px;
  margin-right: 5px; }

#guildProfile #guildMemberPanel .guild .left, #guildProfile #guildLeaderPanel .guild .left {
  margin-right: 150px; }

#guildProfile #guildMemberPanel .guild .details, #guildProfile #guildLeaderPanel .guild .details {
  margin: 0px 5px 10px 5px; }

#guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points {
  background: url('/image/shop/item/ShopItemCoin.png?1593393393090') no-repeat top right;
  min-height: 39px;
  padding-right: 36px;
  font-size: 29px;
  margin: 0px 5px 5px 5px;
  color: #ffda4d;
  position: absolute;
  top: 10px;
  right: 10px; }

#guildProfile #guildMemberPanel .guild .balance, #guildProfile #guildLeaderPanel .guild .balance {
  padding-bottom: 10px; }

#guildProfile #guildMemberPanel .entries, #guildProfile #guildLeaderPanel .entries {
  margin: 0px -7px; }

#guildProfile #guildMemberPanel .createTransaction .element, #guildProfile #guildLeaderPanel .createTransaction .element {
  max-width: 200px; }

#guildProfile #guildMemberPanel .formT1, #guildProfile #guildLeaderPanel .formT1 {
  width: 320px; }

#guildProfile #guildMemberPanel .transaction, #guildProfile #guildLeaderPanel .transaction {
  overflow: hidden;
  *zoom: 1;
  border-top: 1px solid #181818;
  padding: 5px; }
  #guildProfile #guildMemberPanel .transaction:nth-child(even), #guildProfile #guildLeaderPanel .transaction:nth-child(even) {
    background: #090909;
    border-top: 1px solid #242424; }
  #guildProfile #guildMemberPanel .transaction.cancelled .status, #guildProfile #guildMemberPanel .transaction.rejected .status, #guildProfile #guildLeaderPanel .transaction.cancelled .status, #guildProfile #guildLeaderPanel .transaction.rejected .status {
    color: #e21b1b; }
  #guildProfile #guildMemberPanel .transaction.complete .status, #guildProfile #guildLeaderPanel .transaction.complete .status {
    color: #16b000; }
  #guildProfile #guildMemberPanel .transaction .points, #guildProfile #guildLeaderPanel .transaction .points {
    font-size: 115%;
    color: #ffda4d; }
  #guildProfile #guildMemberPanel .transaction .txInfo, #guildProfile #guildLeaderPanel .transaction .txInfo {
    overflow: hidden;
    *zoom: 1; }
    #guildProfile #guildMemberPanel .transaction .txInfo .left, #guildProfile #guildLeaderPanel .transaction .txInfo .left {
      float: left; }
  #guildProfile #guildMemberPanel .transaction .status, #guildProfile #guildLeaderPanel .transaction .status {
    background: #050505;
    padding: 1px 4px 1px 2px;
    border: 1px solid #222;
    border-radius: 3px;
    float: left;
    clear: both;
    margin-top: 2px;
    font-size: smaller; }
  #guildProfile #guildMemberPanel .transaction .createdAt, #guildProfile #guildLeaderPanel .transaction .createdAt {
    float: right;
    font-size: small;
    color: #5C5C5C; }

#gallery {
  min-height: 340px;
  height: auto;
  padding: 1px 0 0; }

#gallery_nav .prev {
  margin: 0 2px;
  padding: 0 1px; }

#gallery_nav .next {
  margin: 0 2px;
  padding: 0 1px; }

#gallery_nav .back {
  margin: 0 2px;
  padding: 0 1px; }

.thumb-container {
  width: 214px;
  text-align: center;
  position: relative;
  display: inline;
  float: left;
  border: 1px solid #1e1c15;
  margin-left: 5px;
  margin-bottom: 5px; }
  .thumb-container table {
    background-color: #050403;
    border-top: 1px solid #16140f; }

.thumb-img {
  margin: 5px 0;
  text-align: center; }
  .thumb-img img {
    cursor: pointer;
    height: auto;
    width: auto; }

.thumb-loading {
  background-image: url("../image/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  min-height: 100px; }

.thumb-caption {
  margin: 0 5px 5px;
  text-align: center;
  font-weight: bold; }

.gallery-description {
  padding: 0 5px 5px; }

.link {
  cursor: pointer; }
  .link:hover {
    color: #fff; }

.current {
  font-weight: bolder;
  color: #fff;
  padding-right: 2px; }

.avatar-status-loading {
  background: url("../image/loading_small.gif") no-repeat center center; }

.previewContainer {
  text-align: center; }
  .previewContainer img {
    height: auto;
    width: auto; }

#classesPageIcons .sbox {
  width: 232px;
  margin-left: 28px; }

#classesPageIcons .thumb-frame-container {
  width: 115px; }
  #classesPageIcons .thumb-frame-container.scion {
    margin-left: 57px;
    margin-top: 8px; }

.kakao-signup {
  display: flex; }
  .kakao-signup #create_account, .kakao-signup .transfer-form {
    flex: 1; }
    .kakao-signup #create_account h2, .kakao-signup .transfer-form h2 {
      margin-bottom: 10px; }
    .kakao-signup #create_account fieldset, .kakao-signup .transfer-form fieldset {
      position: relative;
      height: 100%;
      padding: 10px;
      padding-bottom: 70px; }
    .kakao-signup #create_account em, .kakao-signup .transfer-form em {
      font-style: normal;
      color: #ffc000; }
    .kakao-signup #create_account .controls, .kakao-signup .transfer-form .controls {
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      text-align: center; }
    .kakao-signup #create_account .row.name label, .kakao-signup .transfer-form .row.name label {
      width: 35%; }
    .kakao-signup #create_account .row.name .element, .kakao-signup .transfer-form .row.name .element {
      width: 65%; }
    .kakao-signup #create_account .row.terms .element, .kakao-signup .transfer-form .row.terms .element {
      width: 100%; }
    .kakao-signup #create_account .row.terms .description, .kakao-signup .transfer-form .row.terms .description {
      display: inline; }

.pagination {
  overflow: hidden;
  *zoom: 1; }
  .pagination .perPageOptions {
    float: right;
    margin: 0px; }

.pagination .current, .pagination a, .pagination a img {
  /*vertical-align: middle;*/ }

.pagination .textLinks {
  float: left; }

.pagination .prev, .pagination .next {
  float: left; }

/*
.pagination
{
  .current, .currentPage
  {
    color: #C3C49C;
    font-size: 120%;
    margin: 0px 8px;
    position: relative;
    top: 1px;
  }
  
  .currentPage
  {
    background: green;
  }
}
*/
.pagination_spacer {
  height: 25px; }

.pagination {
  padding: 5px; }
  .pagination a, .pagination .current, .pagination .currentPage {
    border-color: #222;
    text-decoration: none;
    margin: 2px;
    font-size: 130%;
    /*vertical-align: top;*/ }
    .pagination a:hover, .pagination .current:hover, .pagination .currentPage:hover {
      box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
      text-shadow: 0px 0px 1px #E6E1A8;
      color: #E9E69F; }
  .pagination .separator {
    padding: 1px; }
  .pagination a, .pagination .current {
    /*
    border: 1px solid #222;
            
            background: #2C2C2C;*/
    color: #cec59f; }
  .pagination .current, .pagination .currentPage {
    top: 0px;
    color: #e0d7c7;
    text-shadow: 0px 0px 1px #8d764e;
    font-weight: bold;
    box-shadow: 0px 0px 2px 1px #242424 inset;
    border-color: #4d4737; }

.terms-of-use blockquote {
  margin: 13px 0px 13px 20px;
  padding: 0px;
  border: none;
  background: none;
  color: #98805E; }

.terms-of-use ol {
  list-style-type: decimal;
  padding-left: 34px;
  padding-top: 10px; }
  .terms-of-use ol li {
    background: none;
    padding: 0px; }

.terms-of-use ol[type="i"] {
  list-style-type: lower-roman; }

.terms-of-use ol[type="a"] {
  list-style-type: lower-alpha; }

.third-parties table {
  margin: 5px; }
  .third-parties table th {
    font-weight: bold; }
  .third-parties table td, .third-parties table th {
    padding: 5px;
    border: 1px solid #272626; }

.newsArticleTitle {
  background-color: #222319;
  padding: 10px; }

.newsArticleTitle .title {
  float: left;
  width: 480px; }

.newsArticleTitle .date {
  float: right;
  width: 250px;
  text-align: right;
  color: #686868; }

#news {
  padding: 1px; }

.newsList {
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px; }
  .newsList h1 {
    color: #DFCF99;
    padding-left: 5px; }
  .newsList .rss, .newsList .browseLink {
    padding: 5px 10px 5px 5px;
    color: #cec59f; }
    .newsList .rss:hover, .newsList .browseLink:hover {
      color: #fff; }
  .newsList .rss {
    float: right;
    background: url('/image/icons/rss/feed-icon-14x14.png?1593393363703') no-repeat left 7px;
    padding: 5px 10px 0px 20px; }
  .newsList .browseLink {
    float: left; }
  .newsList .browseLink, .newsList .rss {
    color: #585858; }
    .newsList .browseLink:hover, .newsList .rss:hover {
      color: #686868; }

.newsListItem {
  margin: 13px 0px 0px;
  border: 1px solid;
  border-color: #141414;
  padding: 6px;
  background-color: #0c0b0b;
  position: relative; }
  .newsListItem .title {
    margin-right: 190px;
    margin-bottom: 2px; }
    .newsListItem .title a {
      font-size: 100%;
      font-weight: bold;
      text-decoration: none; }
      .newsListItem .title a:hover {
        color: #fff; }
  .newsListItem .date {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #585858;
    font-style: italic;
    font-size: 90%; }

.news-item {
  background-color: #161616;
  min-height: 60px;
  padding: 6px;
  margin-bottom: 1px; }

#news .even, .news-item-even {
  background-color: #0D0F0D; }

.news-item .title {
  float: left;
  margin-bottom: 10px;
  width: 480px; }

.news-item .s-pad, .news-item .m-pad, .news-item .l-pad {
  padding: 0px; }

.news-item .date {
  float: right;
  width: 250px;
  text-align: right; }

.news-item .content {
  clear: both; }

.news-item .social-small {
  padding: 10px 0px 0px 0px; }

.newsText {
  float: left;
  width: 620px; }

.newsImage {
  float: right; }

#promotedNewsVideo {
  margin: 20px 0px; }

#newsSidebar:first-child {
  margin-top: 0px; }

#newsSidebar .layoutBoxContent {
  margin-left: 17px; }

#mainNewsItems {
  overflow: hidden;
  *zoom: 1; }

#mainNewsItem {
  float: left; }

#secondaryNewsItem {
  float: right; }

#newsItem3 {
  margin-top: 14px; }

.editor-controls {
  margin-bottom: 5px; }

.editor-control {
  vertical-align: middle; }

.editor-controls .b {
  font-weight: bold; }

.editor-controls .i {
  font-style: italic; }

.editor-controls .u {
  text-decoration: underline; }

.editor-controls .color-control {
  vertical-align: middle;
  max-height: 20px; }

.social-large {
  margin-left: 170px;
  padding: 5px; }

.social-large .fb_share_count_nub_top {
  background-image: url('/image/social/facebook/share_bit.png?1593393402150'); }

.social-small .fb_share_count_nub_right {
  background-image: url('/image/social/facebook/share_small_bit.png?1593393402150'); }

.social-small {
  margin-left: 3px;
  padding: 6px 5px 5px 5px; }

.social-large .button, .social-small .button {
  float: left;
  margin-right: 15px; }

.social-small .twitter {
  margin-right: 0px; }

.frame-1 {
  margin-top: 21px;
  overflow: hidden; }

.frame-ornate-1 {
  position: absolute;
  top: -19px; }

.skill-frame-1 {
  background: url('/image/borders/skill-frame-1.png?1593393329523') no-repeat left top;
  width: 219px;
  height: 177px;
  padding: 14px 4px; }

.thumb-frame-container {
  float: left;
  display: block;
  width: 146px;
  text-align: center; }

#screenshots_box .thumb-frame-container {
  width: 167px; }

.thumb-frame-container .thumb-frame {
  display: inline-block;
  width: 80px; }

.thumb-frame-container .thumb-frame-2 {
  width: 80px; }

.thumb-frame .frame {
  width: 80px;
  height: 80px;
  display: inline-block; }

.thumb-frame-thin .frame {
  height: 52px; }

.thumb-frame-2 .frame {
  width: 80px; }

.areaThumb {
  position: absolute;
  top: 31px;
  right: 29px; }

.thumb-frame-container .content {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 2px;
  margin-bottom: 13px;
  color: #CAC2A8;
  font-size: 125%; }

#global-notification {
  margin-bottom: 10px; }

.globalNotification .notification, .globalNotification .shutdown {
  margin: 4px 0; }

.globalNotification .notification {
  font-size: 120%; }

.globalNotification .shutdown {
  color: #FF1F1F;
  font-size: 120%; }

.globalNotification .shutdown .countdown {
  display: inline-block;
  font-weight: bold; }

.globalNotification .shutdown .countdown_section, .globalNotification .shutdown .countdown_amount, .globalNotification .shutdown .countdown-section, .globalNotification .shutdown .countdown-amount {
  font-size: 100%; }

#beta-container {
  margin-bottom: 20px; }

.betaCountdown .countdown_row, .betaCountdown .countdown-row {
  display: block;
  float: left; }

.betaCountdown .lastInvite .label, .betaCountdown .nextInvite .label {
  font-size: 120%;
  color: #CAC2A8; }

.betaCountdown .lastInvite, .betaCountdown .nextInvite {
  width: 142px; }
  .betaCountdown .lastInvite .label, .betaCountdown .nextInvite .label {
    padding-bottom: 2px;
    text-align: center; }
  .betaCountdown .lastInvite .name, .betaCountdown .nextInvite .name {
    font-size: 120%;
    text-align: center;
    overflow: hidden;
    margin: 0px 5px; }

.betaCountdown .status {
  float: left; }

.betaCountdown .p2Status {
  padding-top: 5px; }

.betaCountdown .lastInvite {
  float: left; }

.betaCountdown .countdown {
  width: 306px;
  float: left; }

.betaCountdown .nextInvite {
  float: right; }

.betaCountdown .nextInvite .name .none {
  color: #733; }

.betaCountdown .activeContainer {
  display: none; }

.betaCountdown .loading {
  display: none;
  height: 47px; }

.betaCountdown .countdown_amount, .betaCountdown .countdown-amount {
  font-size: 150%; }

.betaCountdown h2 {
  font-weight: bold; }

.betaCountdown p {
  padding: 5px; }

#poe-popup-container {
  position: absolute;
  width: 800px;
  left: -1000px; }
  #poe-popup-container.fullscreen {
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: visible; }

.donationBanner {
  position: relative;
  margin-top: 34px;
  margin-left: 10px;
  margin: 13px 0px 15px 10px;
  text-align: center; }

.donationBannerSmall {
  margin: 11px 0px 10px 10px; }

.donationBannerTiny {
  margin: 0px; }

.headerLabel {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  width: 180px;
  margin: 0 auto;
  line-height: 26px;
  font-family: 'Cinzel';
  font-weight: bold;
  text-align: center;
  color: black;
  font-size: 1.5em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .mtxStashPanel .headerLabel {
    font-size: 1.1em; }

.stashTabContainer {
  position: absolute;
  width: 577px;
  text-align: center; }
  .stashTabContainer .loading {
    height: 45px;
    width: 45px;
    position: absolute;
    z-index: 13;
    left: 6px;
    top: 1px; }
  .stashTabContainer .tab {
    display: inline-block;
    bottom: 0px;
    overflow: hidden;
    cursor: pointer;
    min-width: 45px; }
    .stashTabContainer .tab .l {
      float: left; }
    .stashTabContainer .tab .r {
      float: left; }
    .stashTabContainer .tab .label {
      float: left;
      font-size: 16px;
      line-height: 27px;
      min-width: 8px; }
  .stashTabContainer .tabs {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 4;
    padding: 0px;
    right: 0px; }
  .stashTabContainer .tabsOverflow {
    overflow: hidden;
    height: 50px;
    bottom: 3px; }
  .stashTabContainer .leftControls, .stashTabContainer .rightControls {
    position: absolute;
    bottom: 3px;
    z-index: 5;
    display: none; }
  .stashTabContainer .leftControls {
    left: 0px; }
    .stashTabContainer .leftControls .leftButton {
      float: left;
      cursor: pointer; }
  .stashTabContainer .rightControls {
    right: 0px; }
    .stashTabContainer .rightControls .rightButton {
      float: left;
      cursor: pointer;
      padding-right: 2px; }
    .stashTabContainer .rightControls .tabSelectButton {
      float: right;
      cursor: pointer; }

.mtxStashPanel #mtxSortBox {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 95px;
  color: #885721; }
  .mtxStashPanel #mtxSortBox select {
    background: #050505;
    color: #ffc077;
    border: 1px solid #885721;
    padding: 1px 5px;
    margin-top: -2px;
    width: 165px;
    text-align: center;
    margin-left: 6px; }

.mtxStashPanel .noMtx {
  height: 490px;
  background: transparent url('/image/inventory/MTXBackground.png?1593393374302');
  position: absolute;
  left: 29px;
  width: 542px; }
  .mtxStashPanel .noMtx .mtxText {
    margin-top: 200px; }

.mtxStashPanel .stashTabContainer {
  top: 150px;
  position: absolute;
  left: 20px;
  height: 484px;
  max-height: 490px;
  width: 551px;
  border: 2px solid transparent;
  border-radius: 5px; }

.mtxStashPanel #mtxGroups .mtxGroup {
  height: auto;
  width: 518px;
  background: transparent url('/image/inventory/MTXBackground.png?1593393374302');
  position: relative; }
  .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader {
    color: #ffc077;
    text-align: left;
    background: transparent url('/image/inventory/MTXListHeaderBackground.png?1593393374306') no-repeat;
    width: 494px;
    height: 30px;
    padding: 9px 12px;
    font-size: 20px; }
    .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader .tabSelectButton {
      width: 22px;
      height: 26px;
      background: url('/image/inventory/tabs-control/ExpandButton.png?1593393374406');
      float: left;
      margin-right: 5px;
      cursor: pointer; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxGroupHeader .tabSelectButton:hover {
        background-position: 0px -26px; }
  .mtxStashPanel #mtxGroups .mtxGroup .mtxItems {
    padding: 1px 4px; }
    .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem {
      position: relative;
      float: left;
      white-space: nowrap;
      padding: 3px 3px;
      margin: 1px 2px; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
        position: absolute;
        padding: 2px 4px;
        color: #fbfbfb;
        font-size: 16px; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem.small {
        background: transparent url('/image/inventory/MTXContextMenuFrameSmall.png?1593393374302') no-repeat;
        width: 92px;
        height: 92px; }
        .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem.small img {
          max-height: 86px;
          max-width: 88px; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem.large {
        background: transparent url('/image/inventory/MTXContextMenuFrameLarge.png?1593393374302') no-repeat;
        width: 92px;
        height: 141px; }
        .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem.large img {
          max-height: 135px;
          max-width: 88px; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem .buffer {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .mtxStashPanel #mtxGroups .mtxGroup .mtxItems .mtxItem img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto; }

.MTXInventoryPanel .mtxItem {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 3px;
  box-sizing: border-box;
  white-space: nowrap; }
  .MTXInventoryPanel .mtxItem .buffer {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .MTXInventoryPanel .mtxItem img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }

/* jQuery Countdown styles 1.5.9. */
.hasCountdown {
  /*
	border: 1px solid #ccc;
	background-color: #eee;
	*/ }

.countdown_rtl, .countdown-rtl {
  direction: rtl; }

.countdown_holding span, .countdown-holding span {
  background-color: #ccc; }

.countdown_row, .countdown-row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  text-align: center; }

.countdown_show1 .countdown_section, .countdown-show1 .countdown-section {
  width: 98%; }

.countdown_show2 .countdown_section, .countdown-show2 .countdown-section {
  width: 48%; }

.countdown_show3 .countdown_section, .countdown-show3 .countdown-section {
  width: 32.5%; }

.countdown_show4 .countdown_section, .countdown-show4 .countdown-section {
  width: 24.5%; }

.countdown_show5 .countdown_section, .countdown-show5 .countdown-section {
  width: 19.5%; }

.countdown_show6 .countdown_section, .countdown-show6 .countdown-section {
  width: 16.25%; }

.countdown_show7 .countdown_section, .countdown-show7 .countdown-section {
  width: 14%; }

.countdown_section, .countdown-section {
  display: block;
  float: left;
  font-size: 110%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.52; }

.countdown_amount, .countdown-amount {
  font-size: 200%; }

.countdown_descr, .countdown-descr {
  display: block;
  width: 100%; }

.countdown-period {
  display: block; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative; }

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0; }

.scroll-element {
  display: none; }

.scroll-element, .scroll-element div {
  box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block; }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }

.scroll-textarea > .scroll-content {
  overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0; }

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden; }

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4; }

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0; }

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2; }

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191; }

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px; }

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-outer > .scroll-element {
  background-color: #ffffff; }

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%; }

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden; }

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9; }

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2; }

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191; }

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px; }

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px; }

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none; }

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%; }

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-light > .scroll-element {
  background-color: #ffffff; }

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px; }

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px; }

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px; }

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px; }

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px; }

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-rail > .scroll-element {
  background-color: #ffffff; }

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3); }

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5); }

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%; }

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px; }

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px; }

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px; }

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px; }

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1; }

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px; }

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px; }

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff; }

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px; }

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9; }

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e; }

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px; }

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px; }

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px; }

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px; }

.poeScroll > .scroll-element, .poeScroll .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.poeScroll .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.poeScroll .scroll-element {
  background: transparent; }
  .poeScroll .scroll-element .scroll-element_track {
    background: none; }
  .poeScroll .scroll-element.scroll-x {
    display: none; }
  .poeScroll .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    background-image: url('/image/UI/scrollbar/rail.png?1593393279083');
    width: 29px; }
    .mtxStashPanel .poeScroll .scroll-element.scroll-y {
      position: absolute;
      top: 3px;
      right: 3px; }
    .poeScroll .scroll-element.scroll-y .scroll-element_size {
      top: -36px; }
    .poeScroll .scroll-element.scroll-y .scroll-arrow_less {
      height: 18px;
      width: 29px;
      background-image: url('/image/UI/scrollbar/up.png?1593393279083'); }
    .poeScroll .scroll-element.scroll-y .scroll-arrow_more {
      height: 16px;
      width: 29px;
      background-image: url('/image/UI/scrollbar/down.png?1593393279083');
      position: absolute;
      bottom: 0;
      top: initial; }
    .poeScroll .scroll-element.scroll-y .scroll-bar {
      background: transparent url('/image/UI/scrollbar/thumb-top.png?1593393279083') no-repeat;
      width: 29px;
      cursor: pointer;
      min-height: 32px; }
      .poeScroll .scroll-element.scroll-y .scroll-bar .scroll-bar_body {
        top: 16px;
        background: transparent url('/image/UI/scrollbar/thumb-middle.png?1593393279083'); }
      .poeScroll .scroll-element.scroll-y .scroll-bar .scroll-bar_bottom {
        bottom: 0;
        top: initial;
        background: transparent url('/image/UI/scrollbar/thumb-bottom.png?1593393279083') no-repeat;
        height: 16px; }
    .poeScroll .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer {
      top: 18px; }
  .poeScroll .scroll-element .scroll-bar {
    cursor: default; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url('/image/colorbox/overlay.png?1593393330375') repeat 0 0; }

#colorbox:focus {
  outline: none; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url('/image/colorbox/controls.png?1593393330375') right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url('/image/colorbox/border.png?1593393330375') 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url('/image/colorbox/border.png?1593393330375') 0 -29px repeat-x; }

#cboxContent {
  background: #000;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  /*margin-bottom:28px;*/ }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url('/image/colorbox/loading_background.png?1593393330375') no-repeat center center; }

#cboxLoadingGraphic {
  background: url('/image/colorbox/loading.gif?1593393330375') no-repeat center center; }

#cboxClose {
  position: absolute;
  top: 7px;
  right: 3px;
  background: url('/image/colorbox/controls.png?1593393330375') no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: 0 none; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#nprogress {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
  #nprogress .bar {
    background: -owg-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -webkit-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -moz-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -o-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    -pie-background: -pie-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff8500;
    z-index: 1000; }
  #nprogress .peg {
    -moz-transform: rotate(3deg) translate(0, -4px);
    -o-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    -webkit-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px);
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #ff0, 0 0 5px #fff;
    opacity: 1; }
  #nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1000;
    top: 11px;
    right: 11px; }
  #nprogress .spinner-icon {
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    -moz-animation: nprogress-spinner 400ms linear infinite;
    -o-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
    width: 14px;
    height: 14px;
    border: solid 2px rgba(224, 224, 224, 0.06);
    border-top-color: rgba(255, 203, 155, 0.3);
    border-left-color: rgba(255, 214, 207, 0.44);
    border-radius: 10px; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes nprogress-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes nprogress-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes nprogress-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*! jQuery UI - v1.11.4 - 2016-02-03
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #666666;
  background: #000000 url('/image/images/ui-bg_inset-soft_25_000000_1x100.png?1593393363707') 50% bottom repeat-x;
  color: #ffffff; }

.ui-widget-content a {
  color: #ffffff; }

.ui-widget-header {
  border: 1px solid #333333;
  background: #333333 url('/image/images/ui-bg_gloss-wave_25_333333_500x100.png?1593393363707') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #666666;
  background: #555555 url('/image/images/ui-bg_glass_20_555555_1x400.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #eeeeee; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #59b4d4;
  background: #0078a3 url('/image/images/ui-bg_glass_40_0078a3_1x400.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ffaf0f;
  background: #f58400 url('/image/images/ui-bg_inset-soft_30_f58400_1x100.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url('/image/images/ui-bg_highlight-soft_80_eeeeee_1x100.png?1593393363707') 50% top repeat-x;
  color: #2e7db2; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #2e7db2; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url('/image/images/ui-bg_glass_40_ffc73d_1x400.png?1593393363707') 50% 50% repeat-x;
  color: #111111; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #111111; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #111111; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1593393363711'); }

.ui-widget-header .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1593393363711'); }

.ui-state-default .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1593393363711'); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1593393363711'); }

.ui-state-active .ui-icon {
  background-image: url('/image/images/ui-icons_222222_256x240.png?1593393363711'); }

.ui-state-highlight .ui-icon {
  background-image: url('/image/images/ui-icons_4b8e0b_256x240.png?1593393363711'); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/image/images/ui-icons_a83300_256x240.png?1593393363711'); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc;
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  border-radius: 8px; }

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #666666;
  background: #000000 url('/image/images/ui-bg_inset-soft_25_000000_1x100.png?1593393363707') 50% bottom repeat-x;
  color: #ffffff; }

.ui-widget-content a {
  color: #ffffff; }

.ui-widget-header {
  border: 1px solid #333333;
  background: #333333 url('/image/images/ui-bg_gloss-wave_25_333333_500x100.png?1593393363707') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #666666;
  background: #555555 url('/image/images/ui-bg_glass_20_555555_1x400.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #eeeeee; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #59b4d4;
  background: #0078a3 url('/image/images/ui-bg_glass_40_0078a3_1x400.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ffaf0f;
  background: #f58400 url('/image/images/ui-bg_inset-soft_30_f58400_1x100.png?1593393363707') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url('/image/images/ui-bg_highlight-soft_80_eeeeee_1x100.png?1593393363707') 50% top repeat-x;
  color: #2e7db2; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #2e7db2; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url('/image/images/ui-bg_glass_40_ffc73d_1x400.png?1593393363707') 50% 50% repeat-x;
  color: #111111; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #111111; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #111111; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1593393363711'); }

.ui-widget-header .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1593393363711'); }

.ui-state-default .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1593393363711'); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1593393363711'); }

.ui-state-active .ui-icon {
  background-image: url('/image/images/ui-icons_222222_256x240.png?1593393363711'); }

.ui-state-highlight .ui-icon {
  background-image: url('/image/images/ui-icons_4b8e0b_256x240.png?1593393363711'); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/image/images/ui-icons_a83300_256x240.png?1593393363711'); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc;
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  border-radius: 8px; }

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*\
      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
    * Selected state.
    */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*\
      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*\
      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*\
    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*\
    #RTL SUPPORT
  \*------------------------------------*/ }
  .select2-container--bootstrap ul li {
    background-image: none;
    padding-left: 0; }
  .select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #222222;
    border: 1px solid #000;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
    outline: 0; }
    .input-group .select2-container--bootstrap .select2-selection {
      border-radius: 0px; }
    .select2-container--bootstrap .select2-selection.form-control {
      border-radius: 0px; }
  .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #222222;
    border: 1px solid #000;
    border-radius: 0px;
    color: #fff;
    font-size: 13px; }
  .select2-container--bootstrap .select2-search__field {
    outline: 0;
    color: #fff;
    /* Firefox 18- */
    /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */ }
    .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
      color: #999; }
    .select2-container--bootstrap .select2-search__field:-moz-placeholder {
      color: #999; }
    .select2-container--bootstrap .select2-search__field::-moz-placeholder {
      color: #999;
      opacity: 1; }
    .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
      color: #999; }
  .select2-container--bootstrap .select2-results__option {
    padding: 6px 12px;
    color: white;
    /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
    /**
     * Hover state.
     */ }
    .select2-container--bootstrap .select2-results__option[role=group] {
      padding: 0; }
    .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
      color: #777777;
      cursor: not-allowed; }
    .select2-container--bootstrap .select2-results__option[aria-selected=true] {
      background-color: #333;
      color: #fff; }
    .select2-container--bootstrap .select2-results__option .select2-results__option {
      padding: 6px 12px; }
      .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0; }
      .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -12px;
        padding-left: 24px; }
        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -24px;
          padding-left: 36px; }
          .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -36px;
            padding-left: 48px; }
            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -48px;
              padding-left: 60px; }
              .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -60px;
                padding-left: 72px; }
  .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color: #333; }
  .select2-container--bootstrap .select2-results__group {
    color: #777777;
    display: block;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.45;
    white-space: nowrap; }
  .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    -webkit-transition: border-color ease-in-out false, box-shadow ease-in-out false;
    -webkit-transition-delay: 0.15s, 0.15s;
    -moz-transition: border-color ease-in-out false 0.15s, box-shadow ease-in-out false 0.15s;
    -o-transition: border-color ease-in-out false 0.15s, box-shadow ease-in-out false 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #777777; }
  .select2-container--bootstrap.select2-container--open {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
    /**
     * Handle border radii of the container when the dropdown is showing.
     */ }
    .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 4px 4px 4px; }
    .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
      -moz-border-radius-bottomleft: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-radius-bottomright: 0;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-color: transparent; }
    .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
      -moz-border-radius-topleft: 0;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-top-right-radius: 0;
      border-top-right-radius: 0;
      border-top-color: transparent; }
  .select2-container--bootstrap .select2-selection__clear {
    color: #999;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
    .select2-container--bootstrap .select2-selection__clear:hover {
      color: #ddd; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection {
    border-color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection,
  .select2-container--bootstrap.select2-container--disabled .select2-search__field {
    cursor: not-allowed; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection,
  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #111; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
  .select2-container--bootstrap.select2-container--disabled .select2-selection__arrow,
  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display: none; }
  .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #777777;
    background-color: #111;
    overflow-x: hidden;
    margin-top: -1px; }
  .select2-container--bootstrap .select2-dropdown--above {
    -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    margin-top: 1px; }
  .select2-container--bootstrap .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }
  .select2-container--bootstrap .select2-selection--single {
    height: 32px;
    line-height: 1.45;
    padding: 6px 24px 6px 12px;
    /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */ }
    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
      position: absolute;
      bottom: 0;
      right: 12px;
      top: 0;
      width: 4px; }
      .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        border-color: #999 transparent transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        height: 0;
        left: 0;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0; }
    .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
      color: #fff;
      padding: 0; }
    .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
      color: #999; }
  .select2-container--bootstrap .select2-selection--multiple {
    min-height: 32px;
    padding: 0;
    height: auto;
    /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
    /**
     * Minus 2px borders.
     */
    /**
     * Clear the selection.
     */ }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      display: block;
      line-height: 1.45;
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
      color: #999;
      float: left;
      margin-top: 5px; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      color: #fff;
      background: #222;
      border: 1px solid #444;
      border-radius: 0px;
      cursor: default;
      float: left;
      margin: 5px 0 0 6px;
      padding: 0 6px; }
    .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      background: transparent;
      padding: 0 12px;
      height: 30px;
      line-height: 1.45;
      margin-top: 0;
      min-width: 5em; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
      color: #999;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 3px; }
      .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #ddd; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 6px; }
  .select2-container--bootstrap .select2-selection--single.input-sm,
  .input-group-sm .select2-container--bootstrap .select2-selection--single,
  .form-group-sm .select2-container--bootstrap .select2-selection--single {
    border-radius: 0px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 22px 5px 10px;
    /* 2 */ }
    .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
    .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
    .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
      margin-left: -5px; }
  .select2-container--bootstrap .select2-selection--multiple.input-sm,
  .input-group-sm .select2-container--bootstrap .select2-selection--multiple,
  .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
    min-height: 30px;
    border-radius: 0px; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      font-size: 12px;
      line-height: 1.5;
      margin: 4px 0 0 5px;
      padding: 0 5px; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 10px;
      font-size: 12px;
      height: 28px;
      line-height: 1.5; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 5px; }
  .select2-container--bootstrap .select2-selection--single.input-lg,
  .input-group-lg .select2-container--bootstrap .select2-selection--single,
  .form-group-lg .select2-container--bootstrap .select2-selection--single {
    border-radius: 0px;
    font-size: 17px;
    height: 45px;
    line-height: 1.33333;
    padding: 10px 31px 10px 16px;
    /* 1 */ }
    .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
    .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
    .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
      width: 5px; }
      .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
      .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
      .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        border-width: 5px 5px 0 5px;
        margin-left: -5px;
        margin-left: -10px;
        margin-top: -2.5px; }
  .select2-container--bootstrap .select2-selection--multiple.input-lg,
  .input-group-lg .select2-container--bootstrap .select2-selection--multiple,
  .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
    min-height: 45px;
    border-radius: 0px; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      font-size: 17px;
      line-height: 1.33333;
      border-radius: 0px;
      margin: 9px 0 0 8px;
      padding: 0 10px; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 16px;
      font-size: 17px;
      height: 43px;
      line-height: 1.33333; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 10px; }
  .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */ }
    .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 5px 5px 5px; }
  .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */ }
    .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 5px 5px 5px; }
  .select2-container--bootstrap[dir="rtl"] {
    /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
    /**
     * Multiple Select2
     */ }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
      padding-left: 24px;
      padding-right: 12px; }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 0;
        padding-left: 0;
        text-align: right;
        /* 1 */ }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
        float: left; }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
        left: 12px;
        right: auto; }
        .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
          margin-left: 0; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
      float: right; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
      margin-left: 0;
      margin-right: 6px; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
      margin-left: 2px;
      margin-right: auto; }

/*------------------------------------*\
  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b; }

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c; }

.has-warning.select2-drop-active {
  border-color: #66512c; }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #66512c; }

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442; }

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534; }

.has-error.select2-drop-active {
  border-color: #843534; }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #843534; }

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d; }

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c; }

.has-success.select2-drop-active {
  border-color: #2b542c; }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #2b542c; }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0px;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */ }
  .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
    z-index: 3; }

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top; }

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important; }

/**
 * Display override for inline forms
 */
.form-inline .select2-container--bootstrap {
  display: inline-block; }

.progressive img.reveal {
  will-change: transform, opacity;
  animation: progressiveReveal 0.5s ease-out; }

@keyframes progressiveReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #fff;
  fill: #fff;
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff; }

.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
  display: none; }

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative; }

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */ }

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee; }

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px; }

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper input::-ms-clear {
  display: none; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1); }

.numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%; }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%; }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5); }

.numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff; }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff; }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
  box-shadow: -1px 0 0 #20222c; }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c; }

.flatpickr-day.today {
  border-color: #eee; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #80cbc4; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
  box-shadow: -10px 0 0 #80cbc4; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
  box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1); }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
  box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
  box-shadow: 1px 0 0 #20222c; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95); }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95); }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #707999; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }