From Tanki Online Wiki
(((AE)) Updated augments viewer CSS)
Line 970: Line 970:
  
 
#custom-report-footer {
 
#custom-report-footer {
    width: 100%;
+
  width: 100%;
    border: 1px solid gray;
+
  clear: both;
    padding: 8px;
+
  display: flex;
    margin-top: 10px;
+
  background: #3b445e;
    text-align: center;
+
  border-left: 5px solid #ffa500;
    clear: both;
+
  padding: 8px 8px 8px 15px;
 +
  align-items: center;
 +
  min-height: 45px;
 +
  margin: 25px 0 15px 0;
 +
  flex-direction: column;
 +
  flex-flow: wrap;
 
}
 
}
  

Revision as of 18:51, 16 May 2021

.newWikiTable {
  margin: 1em 1em 1em 0;
  border-collapse: collapse;
}
.newWikiTable th, .newWikiTable td {
  padding: 0.2em;
  border: 1px solid rgba(170,170,170,0.75);
}

.giveaway-elem,.wiki-control {
  border: 1px solid rgba(170,170,170,0.75) !important;
  border-radius:5px !important;
  -moz-border-radius:5px !important;
  -webkit-border-radius:5px !important;
  color:#FFF;
  height:26px;
  padding-left:4px;
  padding-right:4px;
}

.wiki-control:focus {
  outline:none;
  border: 2px solid rgba(187, 187, 187, 0.8) !important;
  padding-left:3px;
  padding-right:3px;
}

.wiki-control option {
  background-color: #5F5F5F;
}

.wiki-control option:disabled {
  color:#222;
  background-color: #aaa;
}

.wiki-control option:checked:not(:disabled),
.wiki-control option[selected="true"]:not(:disabled),
.wiki-control option[selected="selected"]:not(:disabled) {
  background-color: #444;
}

.wiki-control option[value="stub"] {
  font-weight:bold;
}

select:disabled::-ms-value,
select[disabled=""]::-ms-value, 
select[disabled='disabled']::-ms-value {
  color: #fff;
}

.cwcss_gradient, .grey-gradient {
  background: #5F5F5F;
  background: -moz-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(117,117,117,0.81)),color-stop(10%,rgba(112,112,112,0.8)),color-stop(13%,rgba(107,107,107,0.8)),color-stop(26%,rgba(96,96,96,0.79)),color-stop(39%,rgba(80,80,80,0.78)),color-stop(42%,rgba(76,76,76,0.77)),color-stop(45%,rgba(74,74,74,0.77)),color-stop(48%,rgba(68,68,68,0.76)),color-stop(52%,rgba(29,29,29,0.72)),color-stop(65%,rgba(20,20,20,0.72)),color-stop(68%,rgba(18,18,18,0.72)),color-stop(74%,rgba(17,17,17,0.72)),color-stop(81%,rgba(22,22,22,0.72)),color-stop(84%,rgba(28,28,28,0.72)),color-stop(90%,rgba(46,46,46,0.74)),color-stop(97%,rgba(71,71,71,0.77)),color-stop(100%,rgba(86,86,86,0.78)));
  background: -webkit-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
  background: -o-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
  background: -ms-linear-gradient(top,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
  background: linear-gradient(to bottom,rgba(117,117,117,0.81) 0%,rgba(112,112,112,0.8) 10%,rgba(107,107,107,0.8) 13%,rgba(96,96,96,0.79) 26%,rgba(80,80,80,0.78) 39%,rgba(76,76,76,0.77) 42%,rgba(74,74,74,0.77) 45%,rgba(68,68,68,0.76) 48%,rgba(29,29,29,0.72) 52%,rgba(20,20,20,0.72) 65%,rgba(18,18,18,0.72) 68%,rgba(17,17,17,0.72) 74%,rgba(22,22,22,0.72) 81%,rgba(28,28,28,0.72) 84%,rgba(46,46,46,0.74) 90%,rgba(71,71,71,0.77) 97%,rgba(86,86,86,0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf757575',endColorstr='#c7565656',GradientType=0 );
}

.green-gradient {
  background: #aeedad;
  background: -moz-linear-gradient(top,  #aeedad 0%, #3f6b33 100%);
  background: -webkit-linear-gradient(top,  #aeedad 0%,#3f6b33 100%);
  background: linear-gradient(to bottom,  #aeedad 0%,#3f6b33 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeedad', endColorstr='#3f6b33',GradientType=0 );
}
.red-gradient {
  background: #e5b0b0;
  background: -moz-linear-gradient(top,  #e5b0b0 0%, #965248 100%);
  background: -webkit-linear-gradient(top,  #e5b0b0 0%,#965248 100%);
  background: linear-gradient(to bottom,  #e5b0b0 0%,#965248 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b0b0', endColorstr='#965248',GradientType=0 );
}

.bg-dark {
  background: #131313;
}
.bg-grey {
  background: #2b2b2b;
}
.bg-light {
  background: #3a3a3a;
}

.cwcss_even-rows-bgcolor tr:nth-child(even) {
  background-color: #2b2b2b;
}

/*=================================================================================================*/
/*Upgrades calculator*/

.item-upgrades-block input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 4px 0 0;
}
.item-upgrades-block input[type="number"],
.item-upgrades-block input[type="text"], #currentStars, #averageStars, #maxTier {
  width: 3em;
  background: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid #bbb;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 5px;
  outline: none;
}
.item-upgrades-block .calc-mode {
  display: inline-block;
  border: 1px solid rgba(170, 170, 170, 0.75);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.3em 0.5em;
}
.item-upgrades-block .reset {
  margin-left: 20px;
}
.item-upgrades-block .discounts {
  padding: 0.7em 0 0.7em 0.2em;
  margin-left: 0.5em;
  border-left: 1px solid rgba(170, 170, 170, 0.75);
}

.item-upgrades-block .discounts label:before,
.item-upgrades-table span.arrow-icon:before,
.item-upgrades-table span.watch-icon:before, .challenge-header .watch-icon:before {
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 -1px -3px 0;
}
.item-upgrades-block label[for^="calc-discount-speed"]:before,
.item-upgrades-table span.watch-icon:before, .challenge-header .watch-icon:before {
    width: 12px;
    background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAxElEQVR42q2SzQrCMBCE96i9+INHoeALFor0OQTpwVcqEUWw4JvEVlgnOIEltKJo4YP8zGw204iqyjfIL4YMVOAMOnICWzBNDRtw09fnQUM811qQR0NmxDswM6cuwJ5713CSsI0oti32ZlxTUwp79klloSCOl+AOjsLLNQOJaDJ3ofCQoaf4MWaILc3f5L9iYSfMWZnGmOFATSH8KS0Xal7QVo7iC5jEjZw5K9NwpDPidfo0wklliI538jQVofJfHt9HPAHJdHxMtPPLNgAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block label[for^="calc-discount-step"]:before,
.item-upgrades-table span.arrow-icon:before {
    width: 16px;
    background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAABBklEQVR42qWTuwrCQBBF06gREX9CxFejQsDPWSTRwm+ysLHSJv6IAY2Fj9JHK9quN3AXRtlVxIED2cvOnZ3diae19v7BJhbBECxBCrYgBiHwvxn0wVG7Yw8Cl0GW/ODGFVCgTRS1LO7SRB7bVJ6AHPU6qPE706bcczDtGIOhqGySW+AKzqBBLQ/W3DuQBkuKiusmuIjepUlEbSENUopZvxUmvMcJlEGH60QabIWBJ/o3URV612YQv7XwyWBEbS4NQssl2gwKYCOLGQOfQ6L5VHn2OyYlJs+4Z8f1yyAFHBLNp4p4YV0e21S+gZ5rlAMOiSt2Mtn1M/kckgVvOuGFKXPsbwY/8QTyV1s5eaQXZAAAAABJRU5ErkJggg==') no-repeat;
}
.item-upgrades-block .discounts label:nth-of-type(2) {
  padding-left: 4px;
  border-left: 1px solid rgba(170, 170, 170, 0.75);
}
.item-upgrades-table {
  cursor: default;
}
.item-upgrades-table td.highlighted,
.item-upgrades-table .sum td {
  font-weight: bold;
  background-color: #255848;
}
.item-upgrades-table td.highlighted {
  box-shadow: inset 0 0 2px #fff;
}
.item-upgrades-table tr:nth-last-child(3) td {
  font-weight: bold;
  background-color: #2b2b2b;
}
.item-upgrades-table tr:last-child td {
  background-color: #45671e;
}

/*=================================================================*/
/* Styles for homepage dropdown lists */

.drop-down-block {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #333;
  cursor: pointer;
  vertical-align: text-bottom;
}

.drop-down-block:hover {
  background: url(images/en/c/c2/Drop_down_icon.png) 50% 45% no-repeat #222;
  border-color: #FFBC09;
}

.drop-down-list-wrapper {
  position: absolute;
  display: inline-block;
  margin-top: 3px;
  margin-left: -2px;
}
.drop-down-list {
  position: absolute;
  display: none;
  min-width: 1px;
  padding: 3px;
  z-index: 2;
  border: 1px solid #FFBC09;
  background: rgb(66,70,86) radial-gradient(circle, rgba(66,70,86,1) 0%, rgba(44,49,67,1) 100%) repeat scroll 0% 0%;
  border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  -webkit-border-radius: 0 3px 3px 3px;
  margin: 0;
  white-space: nowrap;
}

.rotate180 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.hidden {
  display: none;
}
/*====================================================================================*/
/* UP button */

#toTop-wrapper, #toTop-inner, #toTop-arrow {
  border-color: rgba(170,170,170,0.75);
  border-style: solid;
}
#toTop-wrapper:hover {
  border-color: #68A527;
}

#toTop-wrapper:hover > #toTop-arrow {
  border-bottom-color: #68A527;
}

#toTop-wrapper {
    box-sizing: border-box;
    border-width: 2px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
    width: 40px;
    height: 40px;
    font-size: 0;
    opacity: 0.9;
    background-color: rgba(0,0,0,0.9);
}

#toTop-arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid rgba(170,170,170,0.75);
    padding-top: 9px;
}

/*====================================================================================*/
/* Styles for PaintPreview feature */

.showPaint {
  color: #68A527;
}
.showPaint:hover {
  cursor: url(images/en/5/5c/Paint_cursor.png), pointer;
}

#TankPreview__wrapper {
  display: table;
  margin: 1.2em;
}
#TankPreview__viewer {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 404.5px;
  min-width: 600px;
  background: url('loading.gif') center no-repeat;
}
#TankPreview__controls {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  width: 100px;
}
#TankPreview__controls .wrapper {
  margin-bottom: 6px;
}

#TankPreview__controls select {
  width: 92px;
  font-size: 0.9em;
  text-overflow: ellipsis;
  margin: 3px;
}

#showTank {
  display: inline-block;
}

/*====================================================*/
.maps-main-table {
  width:100%;
  vertical-align:middle;
  text-align:center;
  border: 0 !important;
  background: none !important;
}
.maps-main-table td {
  background: #131313;
}
.maps-main-table tr td:nth-child(5) {
  width: 5px;
  background:none !important;
  border-top:0;
  border-bottom:0;
}

/*====================================================*/
/*Styles for PrettySpoiler*/

.pretty-spoiler {
  padding: 0;
  margin: 0.8em 0;
}
.pretty-spoiler .title {
  text-align: center;
  color: #ccc;
  font-weight: bold;
  border: 1px solid rgba(170,170,170,0.75);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0.4em 0.4em 0.32em;
  cursor: pointer;
  overflow: auto;
  position: relative;
}
.pretty-spoiler .title:hover {
  background-color: rgba(255,255,255,0.3) !important;
}
.pretty-spoiler .title-content {
  float: right;
  width: 100%;
}

.pretty-spoiler .title-arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -9px;
  height: 18px;
  width: 26px;
  background: url("images/en/1/1f/Drop_down_icon_big.png") no-repeat;
}

.pretty-spoiler .content {
  display: none;
  margin-top: 0.5em;
}

/*====================================================*/
/*Styles for modules' tables on turrets' pages*/

.turret-modules-table {
  margin: 1em 1em 1em 0;
  border-collapse:collapse;
}
.turret-modules-table td {
  padding: 0.2em;
}

.turret-modules-table tr:first-child td {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
}
.turret-modules-table tr:last-child td {
  border-bottom: 1px solid #aaa;
  padding-bottom: 0.5em;
}
.turret-modules-table tr:nth-child(2) td {
  padding-top: 0.5em;
}
.turret-modules-table tr td:first-child,
.turret-modules-table tr td:nth-child(3) {
  font-weight: bold;
}
.turret-modules-table tr td:nth-child(2):not(:last-child) {
  padding-right: 0.5em;
}
.turret-modules-table tr td:nth-child(3) {
  border-left: 1px solid #aaa;
  padding-left: 0.5em;
}

/*====================================================================================*/
/* Styles for Alterations tables */

.alterations-prices-table tr td:first-child {
  vertical-align: middle;
  text-align: center;
  background: #2b2b2b;
  font-weight: bold;
}
.alterations-prices-table tr:first-child td:first-child {
  background: inherit !important;
}
.alterations-table {
  width: 100%;
}
.alterations-table tr:first-child td:nth-child(1) {
  width: 16%;
}
.alterations-table tr:first-child td:nth-child(3) {
  width: 33%;
}
.alterations-table tr:first-child td:nth-child(4) {
  width: 11%;
}
.alterations-table tr:not(:first-child) td:nth-child(2),
.alterations-table tr:not(:first-child) td:nth-child(3) {
  text-align: left;
}

/*******************************************************************************/

.shot-effects-table td:nth-child(1), .shot-effects-table td:nth-child(3) {
  width: 80px;
}
.shot-effects-table td:nth-child(2), .shot-effects-table td:nth-child(4) {
  width: 330px;
  text-align: left;
}

/*======================================================*/

.all-kits-table {
  width: 100%;
}
.all-kits-table tr td:first-child {
  font-weight: bold;
}
.all-kits-table tr:nth-child(n+1) td:nth-child(2) {
  background: rgba(96, 212, 101, 0.1);
}
.all-kits-table tr:nth-child(n+1) td:nth-child(3) {
  background: rgba(255, 167, 0, 0.15);
}

/*======================================================*/
/*MAPS design*/

/*Maps' screenshots carousel container*/
.mapScreenshotsCarousel .jdGallery .slideElement {
  background-color: transparent !important;
}

.map-template-table
{
  width:100%;
  text-align:center;
  background-color:rgba(19, 19, 19, 0.7);
  border-collapse:collapse;
  margin-top: 1em;
}
.map-template-table td
{
  border:1px solid rgba(100, 100, 100, 0.6);
  padding: 0.1em 0.3em;
}

/*******************************/
/* Styles for Upgrades tables */

.buyable-items-table,
.lgc-links-table {
  width:100%;
  border-collapse:collapse;
}
.buyable-items-table tr:first-child td,
.lgc-links-table tr:first-child td {
  border:0 !important;
  text-align:center;
}
.buyable-items-table tr td {
  text-align:left;
  vertical-align:top;
  border:1px solid #777;
  padding-left:0.4em;
}
.lgc-links-table tr td {
  width:10%;
  border:1px solid #777;
  text-align:center;
  vertical-align:middle;
}

/************************************************/
/*Table of Contents limits*/

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/*******************************/
/* Styles for Ranks info tables */

.rank-info-table {
  vertical-align:middle;
  text-align:center;
  background-color:transparent !important;
  border:0 !important;
  width:100%;
}
.rank-info-table td {
  background-color:#131313;
}
.rank-info-table tr:first-child td {
  background:#2b2b2b;
  font-weight:bold;
}
.rank-info-table tr td:nth-child(2),
.rank-info-table tr td:nth-last-child(2) {
  background-color:transparent;
  border:0;
  width:60px;
}
.rank-info-table tr td:first-child {
  width:140px;
}
.rank-info-table tr td:last-child {
  width:140px;
}
.current-rank {
  border-bottom:3px solid white;
  background-color:#9b9da3;
}

/*====================================================================================*/
/* Styles for Supplies page */

.supply-table {
  width: 100%;
  text-align: center;
  margin: 0 0 1em;
  background-color: #131313;
  border-collapse: collapse;
}
.supply-table th,
.supply-table td {
  padding: 0.2em;
  border-width: 1px;
  border-style: solid;
}
.supply-table-header {
  color: #000;
}
.supply-table-header td {
  border-right-color: #000 !important;
}
.supply-table-header :last-child {
  border-right-color: inherit !important;
}

/*====================================================================================*/
.repair-table,
.repair-table tr,
.repair-table th,
.repair-table td {
  border-color: #78bd00;
}
.repair-table .supply-table-header {
  background-color: #78bd00;
}
/*====================================================================================*/
.armor-table,
.armor-table tr,
.armor-table th,
.armor-table td {
  border-color: #f6a45e;
}
.armor-table .supply-table-header {
  background-color: #f6a45e;
}
/*====================================================================================*/
.damage-table,
.damage-table tr,
.damage-table th,
.damage-table td {
  border-color: #ff451a;
}
.damage-table .supply-table-header {
  background-color: #ff451a;
}
/*====================================================================================*/
.nitro-table,
.nitro-table tr,
.nitro-table th,
.nitro-table td {
  border-color: #ffc900;
}
.nitro-table .supply-table-header {
  background-color: #ffc900;
}
/*====================================================================================*/
.mine-table,
.mine-table tr,
.mine-table th,
.mine-table td {
  border-color: #00ba7e;
}
.mine-table .supply-table-header {
  background-color: #00ba7e;
}
/*====================================================================================*/
.gold-table,
.gold-table tr,
.gold-table th,
.gold-table td {
  border-color: #ffa812;
}
.gold-table .supply-table-header {
  background-color: #ffa812;
}

/*====================================================================================*/
.battery-table,
.battery-table tr,
.battery-table th,
.battery-table td {
  border-color: #5fbdff;
}
.battery-table .supply-table-header {
  background-color: #5fbdff;
}

/*=================================================================================================*/
/* Warning template */

.attention-message {
  border: 1px solid #ccc;
  background-color: #2a2a2a;
  margin: 10px 0;
  min-height: 40px;
}

.attention-message .left-strip {
  width: 10px;
}

.attention-message .warn-sign {
  width: 50px;
  background-position: center;
  background-repeat: no-repeat;
}

.attention-message .message-text {
  text-align: left;
  vertical-align: middle;
}

.attention-message.red .left-strip {
  background-color: #d62931;
}
.attention-message.red .warn-sign {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADc0lEQVR42s2Ye0hTURzH7SFB9CCC/gmiP/ons9I0lYwyijAiI3phFAk9IAmJEsyI8h8JioheVCRE1B8VlYjak9icGvOVZra5uem8e7icj20693Db7XvqzMaa8+7ueeHzx73nnHs+nLPf757fEliWTYh3wvmyReAx6AYPwIKwS0pWp/IG42eB926b3Wp8W9XkdjoncV9Nnof43rBKHgVs7/78etyzzOmzQvbvdTguJDF2CRgcE4g6iCBl0tolkeP5AFgcD5KPsL0O6fpMpZckK8vY0ok2N7gXU0mM20T2VFt6ReAt6GHw9n0RFd0YE0mMSQSd9j4Vg3urP0lJ0gbjpGHIgH7fwNxYSF4gqyjfurPVryBFmXewkQZRUVQl0X8FGB95/uJrIEEP5k9fyEqawfJoSla6zGNmSXKanoskgqrP7XDYMO5VVCTRN4/snerYCaEfGSVzpkhIpHzbNOdLBHTbd0VUkn7qGEtbuwT3Ll8Rh1anIxYOtUbrZ0XtNmWviuR8MD+SktdZl8vVnZYt9bet3pe/dnn29jbaXB4RSfRZC5z6azfqpvvtzSRJGH7yjES7AySFVRLts0GjY0CvR+4zhyIpWZNmcJpMRnSpm+kAEqzkKTKxIndvwJTDSRL05R8X0W4FYZFE2zIwYqp+1zJTquEqSYLOIm7uQrchsDQckk9xTpyQrstgwijJSlOzZAhCJ7pWhCSJ59vIhOrCc0IuSTsYScJAWbnn3LmZlySezSOlgK1briA5LhKSCMJx5FYtupOtT+QjeZlMJsvK6eA0IR9J0LNjt5gOKQlKEvergM3wsKKe62T0i0NWhbX3M0ww40ZfVzZh2ARYyUmSFlUfnaPGYeS04WAmI99sUt8gyFRBjUtO17qs1nHMW+OdOwNJHvIuqqJF/8lCTxDtCyhJiiagGxM1fI+moKd4m+j8ISPJBCwMJHnnT1GVkqngM1GgoxoXULx10Zropl9JkE466C5dFfBdjamjGqPR8H3Hr1t3ySeTJPkUX8k5oBVRqUZHSwiSnuhW8972f8VbEz3YTEkWkJf35OS2hPK74hvd/xVvew400CA64i35OUbBMi1WiVQBr1pvyXZjVU1zPElaWtp+wkvsLVlG1nb05RsxKZhiSnGpwFT7oZVud6lv4Fwkn2oaWbG8nPQ/zmLfwIlrfgMKidbGVCn19wAAAABJRU5ErkJggg==');
}

.attention-message.blue .left-strip {
  background-color: #264ee3;
}
.attention-message.blue .warn-sign {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAOWSURBVHja7NlvaBNnHMDx1k2EsU2G4JvB8MW46qzDF/XFhgx84YsxuFhbFN0G3ejQFyrOiVoYaHG+KROciGNMBN1eiEOUrWNzGyatVtoa/5XUtZKakucuTRtT25i0+XPJ1xe7jFDT9nJJkxPugd+ry/Pw+1ye/1cFVL3IUWUDbIANsAFzxevAj8AA8D3walkBkixMB1AN/BFPZKYv/RPt0TRSwG9AdZHtlg3wCUD9l8Hrkixobg25+K9stTwAeAMYu9Y7fU+SBXqkPN7EQ2AEWGp1wA+aRrK2QRnKAVC3Te0DMsApywKA9wEOngg7c5PPxomfJzt1xDrLAYDFQJ9PTfklWUznA9Q4xERoXAsBd4CXrQb4CmB9U8CdL/lsfLQ72KUP6D2WAQBvAdGf2p/enCv5bFy9OXUHiABvWgVwORJLR1ZtEkEjgNoGxZdMZeLAxYoDABng45YxV55Eh3YcDblqGxTfzGd728JOvSt9WDGAvj3wu/vjDyRZpGcmqY5qAQARTKl5/omEVySHgUfAK5UCtKUzpNduUf7N11VyS77n732q3tYfHys7AFgDaMfOPOmYra/PB5BkwdkrkS4gCbxTNgCwCOgKhLRgjUNEigGsdIjQ5NP0BNAx32avlIAvADbuHJlz2jQCkGTB1gOjnfrPmhYcACwHxn/tiN2ab7o0CpBkke7ui3uAx8CyhQaciycyU6s3K/4SAni3URlMZ9CAMwsGADYA7PzmscvIglUIQJIFh0+PZ88N60sOAJYAAwO+pFeSRWIhADUOEVVHNRXwAItLDfgaYN129Z6RZMwAJFmwoXmkW69ysGQA4G0gfvri5HWjiegrsQowHEj5C6n3y1/RHmAKWFE0QD+gX30SSYdXOkS4kERqGxRfc2vItXqzMlxIvVX1Qp2KZ6JAe+7aYBawJfeAXq74/PD/FwH1pgHAUiDQ4Z6+X87ksxcB9x8mBgEBvGYWcFLTSK5pVLxmkphrO20k6rapHv0MfbxgAFAHZFq+G3eafYvZ7bR/JKWYbeP4+YlOQAPWFgJ4CXAPB1JCkkWsCEB2FhJm28i5COjRN5GGAE0AH3wWuFVMPzY7Cz13EbAreEMf0NuNAv6u0MCdNfqHkl7gd6OAu1euxXqtBOj1xPuBbqOAIwAX/ox2720LOysZ+74NO9s7Y269C7UUMogPAYP6DFDJounfGPYXMojtLzQ2wAbYABtgAywfzwYADmmN5itNXOsAAAAASUVORK5CYII=');
}

.attention-message.orange .left-strip {
  background-color: #d8751d;
}
.attention-message.orange .warn-sign {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADK0lEQVR42s2YW0gUURjH7UYQXYiglygKfIgiEiqiKCIIohcjiILqYR+KiMiXWl0rSRCLLpZJF0SL7QaVYJR5WXTXfGkv6drq3pQUo8BmdVedmdTWdaf/iRmZZHadmZ29DPwfzpzvO+fHOXzffN9kcRyXlenScrHlUBXkhx5DSzWH9OvXqhb850GNIZfpj/3uOYr2WCIY15H3Ca6rKeQptqeN69ZnRzDmOvJzJskYz/GMgITvStZnHu2oNFAEUJC3pjzAes0hzK/IBMhKXO+UGFAQTjOK+QdphYTfbnKt9sK9tBSktfhwkAfdkRZI+Cxi3E393+qrQ1KAgn62vaFh64QWpgPyIjnFeIBEHv2GKB9EeSmFhP061t86Yb2pC8wFSfTlkZ5ifZZx+K1JJeQ7yvFhXA6goFF3Sxh+b1MCCdtccn1f9ZvDUjDt+dsmJE/TsJPlr/1QUiHJp47xtgS6Xt6gpEAGml+MEJB+k3FEar63rjLIeJoHsc6SZELeYnyt0VhXyp8UFy+geJvSpEDCZgvb82naWnRwJBFI6/WTQ1hnCmabNIXE/Hy6q97z3fxqNF5wyIEk+mV7/xtmbXMVIEohz8jJiXIhXfqNU7ytThNIzK1GjmMc9y9QWkH+AzWWIHeax2C+SgvIZ6ROlJMLlUAS0T7LNMyrE4LE+/1kw/YC6dyXKKTtyoEx3mePKki8W8y4TT/8tQ+H5H5VlEIKuRWFygApWNRAXlWymVpIkV+BIkiMs5HLwtaSo8NKNhO+OH0NT4JK/GxlZykULJPYd70sSL6pMg1+rmWUbCSI9Ddq/IadjRPY96M4d8aDPCZuqlIlZ/5WoXk7EheSNE1onoLOqiIqlYCC3K/vBFDADIFjWTzIilhNlVzFKtUUBBHpicokIaHtxMB+eR+tdoOZUq3JGFK7hvVabogUMuDJmQ25gO5u6O1rfBpK5BRmojvBdfjmzU4KGzGkTmlu0zq6YzRvJ8SQzekKlljy1pSTAKoXQ3Y67p3PKEjX81IKXDYxZDE5Xtvt0wHSMKVTDsMu1lGRR/HXXfhf4EAGqAeKcOl9Ivw/zkuzAyej9RfqhG+8gEhklQAAAABJRU5ErkJggg==');
}

.attention-message.green .left-strip {
  background-color: #52dd2d;
}
.attention-message.green .warn-sign {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAACXBIWXMAAAsTAAALEwEAmpwYAAADbUlEQVR42s2YWUhUURjHbZEgWoiglyB66CkopYxAgiiCiCAyS0MsDJKKVsgWyaBoo8AgE8KKQAgfWigskzKa0cnSHM1cG5nNGcfRGddZnPHOcvt/eG9chnG8c2e98Hu493znnh/nzHfu+SaFZdmUZCeaL1sGnoG/4AlYEnXJA5oNkkH/eaCW8btd32zvm71+rwf3H+h5hO+NqmQ+YIsGchS4Z2+bT8nZmSs3KSTRdwWwtDjl7STI4VG7u/vw3AyWJ4NkBZaXydVu1ggk2SO6zA60+UF5QiXRL5PWtMxyTSYU5Kkae9zAiW5JiCT6pIIOE6M34N4VTDJbs3Fi3Gu1Iq4NLEyE5EWaxeP6ncpggjwXjFmNXBKdi6sk4tcAx6fJqh+hBHl+OupoJm1gdTwl3zl9dttBTdqQGEkklc7jZ9zo9youkojdR2tXYiqQB5HR3DWfkZNUYFvp8CUZt+x7YirJfeoMPa62Htz7AkUsHtMgWQx7BkxBZnTayGj0aNaCxbGUfOBnfb483dbeYMsqvIK1H9Nvb+Wa78REEjFk4X0xcr9+tt/eXJJE9UQlZTsD1kdVEu3zQaPVYx7C3meLRDJbk2a1+yYnEFI/1wEkXMlCGvi0YW/ILUeMJFFsym/gwgqiIom2VWCswV7TMtdWI1aSkq5zqrkLYSNgZTQkK3FOnMrRbjJEUZI9rM1QIQm9CH0ekSSe76AB75nPysVs2uFIEhXWW/y5c5skSTxbRKWAflqlpj0uFpJIQgf2VhPCaelTpUiW0GBHddvaxQwoRZI42b+7ietyJSxJ3K8D7jfjTxViB+O+ODQrrJnpN4TT76vtbTO6TYG1oiS5ouqzzTs+ij1tNJzB6JtN9Q2STB9Ov0PadJPb73Jg3I/CvTOUZI6wqIoXNwdP8EmUFVKSiiYw2OpU/ImnIF+89bk7VRjfCJaGkiybKaoy1FIGCnVUEwOKty6uJioNKgkyKKDccl0mdTb4o9oQYxyQ+o6Xo4/ok0mbfHqg5AKgRFYaEeiMQJLPbqPUdwiKt2buYPNfsoBeXti/qyWS35XU7A7kvHH/dy6J8oSSdQlKllnRunvV8KoRSv6W26t/JZNkt0vZDa8moeQNmtsvk6+bqGBKJA+HL8sU9lolt9zFgYlzFai4zErk5eX+4ywKTJyk5h9vtntAZaYoZwAAAABJRU5ErkJggg==');
}

/*=================================================================================================*/
/* Missions chains rewards */

.chains-rewards-table {
  vertical-align: middle;
  text-align: center;
}
.chains-rewards-table tr:first-child td:first-child {
  text-align: center;
}
.chains-rewards-table tr:first-child td {
  background: #5b5b5b !important;
  font-weight: bold;
}
.chains-rewards-table tr td:first-child {
  text-align: left;
  font-weight: bold;
}

/*=================================================================================================*/
/* Styles for paints table */

.paints-table {
  width: 100%;
}

.paints-table tr td {
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.paints-table tr td:nth-last-child(3) {
  text-align: left;
}

.paints-table .rarity-common {
  background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.paints-table .rarity-uncommon {
  background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.paints-table .rarity-rare {
  background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.paints-table .rarity-epic {
  background: rgb(154, 113, 220)  linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.paints-table .rarity-legendary {
  background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.paints-table .rarity-exotic{
  background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; 
  width: 1.5%;
}

.rarity-corner {
  width: 0;
  /*float: right;*/
  height: 0;
  display: block;
  border: 10px solid transparent;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
}
.rarity-corner.common {
  border-top-color: #999;
  border-right-color: #999;
}
.rarity-corner.uncommon {
  border-top-color: #489e46;
  border-right-color: #489e46;
}
.rarity-corner.rare {
  border-top-color: #2990e8;
  border-right-color: #2990e8;
}
.rarity-corner.epic {
  border-top-color: #7443c3;
  border-right-color: #7443c3;
}
.rarity-corner.legendary {
  border-top-color: #cca651;
  border-right-color: #cca651;
}

.rarity-corner.exotic {
  border-top-color: #ef7a71;
  border-right-color: #ef7a71;
}

/********************************************************************************************/
/*Tingle modal window */

.tingle-enabled .page-wrapper,
.tingle-enabled #parallaxWrapper {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  filter: blur(5px);
}

.tingle-modal {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 4999;
  cursor: default;
}

.tingle-modal__close {
  position: absolute;
  display: block;
  padding: 0;
  top: 10px;
  right: 10px;
  z-index: 5001;
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB00lEQVR42mVTyU4CQRCt7mFki7ic/AngWyDhyp2wHEkI+5JAnBEEN/Ri1IPL/2g8+RPGDdf3Ji0ZxwN5VL3XU12vqmU8Hut2uy35fH6lUCiI67pSr9el0+kI80TGzINX0NnMDQYD8QSpVGpdRG4SicRuqVTSw+FQms2moojIGHkb/FwpdZFOp+O9Xk9JLpfbwMFrJL+B37FYbKdSqchoNJJarWYRESvkD8lrrak7r1arIsViMRSNRvdI4APPRNu2J7zBdDplxRDiIz/PAo1GQ8RxHCmXy1Y8Hvc+YFnWOzESiexms9kt4Nyfh87hzfr9vtAMryd+IBwOH1CA34fBe4OfRPAudMp4ItLtdoVXYG9oQcGUfQhfccUFqvGqC8QvyDvgPR31NHM5DpgTms1mkslk1iB+wMEv4KPBO+Rt8tDp3zEGK2tUOIb4DRXfA5XH/yr7erbR00mg51t/DH4CnV72DLcVD8LFY+Pqh3HbhdubwL2A25Ol22bO88CctzFfZeZsIZ4Z/snMeerNGRvG1bw0m0Ni5NswbTZMeMDcgLpTb8NoWDKZXEXiCjdwKURPKrjbyGvw3IMzvIWIt9t8HfjDKp6LjFut1p9XxZh58tRRz6I/2lIFYtDjtO8AAAAASUVORK5CYII=');
  background-color: #ccc;
  font-size: 0;
  cursor: pointer;
  outline: none;
  transition: all linear 0.1s;
}

.tingle-modal__close:hover {
  background-color: #444;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB9ElEQVR42m1Ta2saURAdNepqCiGEQPOh/1Hwge8nJFpjmmgNVWmTgOKP0P+QQOhvEB/f2lTdze72nNurLNIPl9k5c2bmnrmzkkgkJJVKSbfbNTqdTiidTku5XA7gSKlU4rfyiSNugBeOxWJSKBREksmkjEajc8dxHmazWb3f7wdzuZxUKhU/k2npAw8hfgNebzgcnrKYjMfjiOu6T6Zpwrjvq9WqORgMwkyo1WoBWvhR4F8Rt7fbLXnfq9WqSLvd/jCfz1tM3Gw2f1DZBfEGCQZvBXsM/5444m/gmYvFosFbCdv3er0wgC8suV6vf9Mi4fNkMvkE2/bgDnh18I+UZlTwZ7NZaoosl0tFhAQLhvd7xbG07yDeAI+SfKqzHoqPBagVEm5xRdOyLNe2bZcW/hZ4HfEgeeTvk3k4HGqcTqcX6PITSci132Ad+M/ATxgnb5dz2NlABw7HYpKnswm8+b/OO83H0PTtQPPLP3ev+Ro8Y69ZTzuKKd7rqf4iEVO+xLQ/wra8OHhN8INq2vqdOWWb76jfuYErhvQ7R+Dfed75HQVaqjM2LArgUW+YBeIVE3k1DMevN8zg4ng2rK82LB6PC3b1DMAPVLyEpoDebd/Bbh8hfg0ed/tE7XY+n5dMJkOSmjy17P6o3aFPXBdT/GKxKH8BWJg9NwrL2fsAAAAASUVORK5CYII=');
  border-color: rgba(170,170,170,.75);
  transition: all linear 0.1s;
}

.tingle-modal-box {
  cursor: auto;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 5000;
  /*padding: 12px;
  background-color: #181818;
  border: 2px solid rgba(170,170,170,.75);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;*/
  opacity: 1;
  background: #525972;
}

.tingle-modal--visible {
  background-color: rgba(0,0,0,.5);
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}


#custom-report-form {
  width: 471px;
  padding: 20px;
  position: relative;
}

#custom-report-form .disclaimer {
  text-align: center;
  color: tomato;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

#custom-report-form .tanki-control {
  margin: 6px;
}

#custom-report-form .red-asterisk:before {
  color: #ff1e1e;
  content: '*';
}
#custom-report-form .field-description {
  padding-top: 6px;
  color: rgba(255, 255, 255, 0.9);
}
#custom-report-form .field-description.more {
  font-size: 80%;
  margin-left: 12px;
  color: #ccc;
  padding: 3px 0;
}
#custom-report-form #field-nickname {
  
}
#custom-report-form #field-pageurl {
  
}
#custom-report-form #field-message {
  
  height: 150px;
}
#custom-report-form #recaptcha-wrapper {
  margin: 16px 0;
}
#custom-report-form .error {
  font-size: 80%;
  margin-left: 12px;
  color: #ff1e1e;
}
#custom-report-form #spinner {
  display: none;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.footer-report-message {
  text-align: center;
  color: #888;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 5px;
}
.footer-report-message > span {
  border: 1px solid grey;
  border-radius: 0.3em;
  background-color: #2b2b2b;
  padding: 0.1em 0.3em;
  white-space: nowrap;
  font-size: 0.9em;
  font-family: inherit;
  color: #bbb;
}

#custom-report-footer {
  width: 100%;
  clear: both;
  display: flex;
  background: #3b445e;
  border-left: 5px solid #ffa500;
  padding: 8px 8px 8px 15px;
  align-items: center;
  min-height: 45px;
  margin: 25px 0 15px 0;
  flex-direction: column;
  flex-flow: wrap;
}

/* Spinner */

#custom-report-form .spinner-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.active-loader .loader-spinner {
  opacity: 1;
}

.loader-spinner {
  height: 100%;
  position: absolute;
  width: 100%;
  background: #525972;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  opacity: 0;
  left: 0;
  top: 0;
  display: none;
}

#custom-report-form.active-loader .loader-spinner {
  display: flex;
}

.sk-circle-bounce {
  width: 70px;
  height: 70px;
  position: relative;
}
.sk-circle-bounce .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle-bounce .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: white;
  border-radius: 100%;
  animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both;
}
.sk-circle-bounce .sk-circle-2 {
  transform: rotate(30deg);
}
.sk-circle-bounce .sk-circle-3 {
  transform: rotate(60deg);
}
.sk-circle-bounce .sk-circle-4 {
  transform: rotate(90deg);
}
.sk-circle-bounce .sk-circle-5 {
  transform: rotate(120deg);
}
.sk-circle-bounce .sk-circle-6 {
  transform: rotate(150deg);
}
.sk-circle-bounce .sk-circle-7 {
  transform: rotate(180deg);
}
.sk-circle-bounce .sk-circle-8 {
  transform: rotate(210deg);
}
.sk-circle-bounce .sk-circle-9 {
  transform: rotate(240deg);
}
.sk-circle-bounce .sk-circle-10 {
  transform: rotate(270deg);
}
.sk-circle-bounce .sk-circle-11 {
  transform: rotate(300deg);
}
.sk-circle-bounce .sk-circle-12 {
  transform: rotate(330deg);
}
.sk-circle-bounce .sk-circle-2 :before {
  animation-delay: -1.1s;
}
.sk-circle-bounce .sk-circle-3:before {
  animation-delay: -1s;
}
.sk-circle-bounce .sk-circle-4:before {
  animation-delay: -0.9s;
}
.sk-circle-bounce .sk-circle-5:before {
  animation-delay: -0.8s;
}
.sk-circle-bounce .sk-circle-6:before {
  animation-delay: -0.7s;
}
.sk-circle-bounce .sk-circle-7:before {
  animation-delay: -0.6s;
}
.sk-circle-bounce .sk-circle-8:before {
  animation-delay: -0.5s;
}
.sk-circle-bounce .sk-circle-9:before {
  animation-delay: -0.4s;
}
.sk-circle-bounce .sk-circle-10:before {
  animation-delay: -0.3s;
}
.sk-circle-bounce .sk-circle-11:before {
  animation-delay: -0.2s;
}
.sk-circle-bounce .sk-circle-12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circle-bounce-delay {
  0%, 80%, 100% {
      transform: scale(0);
  }
  40% {
      transform: scale(1);
  }
}

/**** Code from DE */
.report-head {
  display: flex;
  background-color: rgba(255, 255, 255, 0.1);
  /*border-left: 5px solid #FFBC09;*/
  padding: 12px 25px;
  justify-content: space-between;
  align-items: center;
  line-height: 22px;
  position: relative;
}

.report-head::before {
  background-color: #FFBC09;
  box-shadow: rgba(255, 76, 76, 0.5) 0px 0px 0.625em 0px, rgba(255, 142, 9, 0.5) 0px 0px 0.676em 0px;
  content: " ";
  width: 5px;
  height: 100%;
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
}

.report-title {
  font-size: 22px;
  font-family: "Hermes";
  color: #fff;
  text-transform: uppercase;
}

.report-stripes {
  height: 42px;
  width: 210px;
  background: url("https://de.tankiwiki.com/images/de/1/18/Stripes_yellow.png");
  background-size: cover;
  margin: 0 0 0 auto;
}

.report-close {
  width: 19px;
  height: 19px;
  background: url("https://en.tankiwiki.com/images/en/1/1e/CloseModal.svg") center no-repeat;
  cursor: pointer;
}

.report-input-field {
  height: 50px;
  display: flex;
  align-items: center;
  background: rgba(25, 27, 42, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
  color: #FFFFFF;
  padding: 12px;
  resize: none !important;
  font-family: 'PT Sans', sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  border-radius: 3px;
  line-height: 23px;
  margin-right: 0;
  width: 100%;
}

.report-input-field:hover, .report-input-field:focus {
  border: solid 1px #84d105;
}

.report-input-field:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
}

.report-input-field .nickname {
  
}

.report-input-field .pageurl {
  
}

.report-input-field .message {
  
  height: 175px;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
}

#field-message::-webkit-scrollbar {
  height: auto;
  width: 8px;
  margin: 5px !important;
}
 
#field-message::-webkit-scrollbar-thumb {
  background-color: rgb(188,188,188);
  border-radius: 5px;
  margin: 5px !important;
}
 
#field-message::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  background-size: 0.063em 0.25em;
  background-clip: content-box;
  border-width: 0.156em;
  border-style: solid;
  border-color: rgba(50,54,62,0.1);
  border-image: initial;
  margin: 5px !important;
}

.custom-report-submit #button-submit {
  background: none !important;
  border: none !important;
  font-size: 1em;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9) !important;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.05em;
  outline: none;
}

.custom-report-submit {
  width: 100%;
  height: 3.125em;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.145);
  transition: background 0.3s ease 0s;
  outline: none;
}

.custom-report-submit:hover {
  background: rgba(255, 255, 255, 0.22);
}

.report-submit:hover {
  background: rgb(149, 198, 121) !important;
}

.footer-report-message {
  text-align: center;
  color: #888;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 5px;
}
.footer-report-message > span {
  border: 1px solid grey;
  border-radius: 0.3em;
  background-color: #2b2b2b;
  padding: 0.1em 0.3em;
  white-space: nowrap;
  font-size: 0.9em;
  font-family: inherit;
  color: #bbb;
}


/* Hide URL icon */
/*div#content a.external,
div#content a.external[href ^="https://"],
.link-https {
  background: none;
  padding-right: 0;
}*/

/*******************************************************************************/

.kit-filter-checkbox {
  display: inline-block;
  font-size: 18px;
  margin: 4px;
  cursor: pointer;
}

.kit-filter-checkbox > input {
  margin-right: 6px;
}


.text-search-input {
  padding: 0.5em !important;
  width: 100%;
  outline: none;
  background: #131313 !important;
}


/*====================================================================================*/
/* Styles for Rarity-Box Skins and Paints*/

.rarity-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}

.rarity-cont::after {
  content: " ";
  width: 255px;
}

.skins-box {
  width: 400px;
}

.paints-box {
  width: 265px;
}

.paints-header {
  margin-bottom: 15px;
}

.paints-box:active .paints-header {
  margin-bottom: 0;
}

.rarity-box {
  display: flex;
  align-items: center;
  color: white;
  background: #3b445e;
  flex-direction: column;
  margin-bottom: 15px;
}

.rarity-box.common {
 border-top: 5px solid rgba(255, 255, 255, 0.5);
}

.rarity-box.uncommon {
 border-top: 0.313em solid rgb(191, 255, 86);
}

.rarity-box.rare {
 border-top: 0.313em solid rgb(22, 185, 255);
}

.rarity-box.epic {
 border-top: 0.313em solid rgb(173, 135, 255);
}

.rarity-box.legendary{
 border-top: 0.313em solid rgb(255, 188, 9);
}

.rarity-box.exotic{
 border-top: 0.313em solid rgb(255, 83, 9);
}

.rarity-box.special {
 border-top: 0.313em solid rgb( 255, 105, 180);
}

.rarity-box.none {
 border-top: 0.313em solid rgba( 255, 255, 255, 0);
}

.rarity-edge-paints {
  transform: rotate(0deg) !important;
 margin: 0 auto 0 0;
}
    
.rarity-edge {
  height: 45px;
  width: 45px;
  background-size: cover;
  transform: rotate(90deg);
  cursor: pointer;
}


.rarity-edge.common {
 background-image: url("https://tankionline.com/play/static/images/icontypes/common.84e5a743.svg");
}

.rarity-edge.uncommon {
 background-image: url("https://tankionline.com/play/static/images/icontypes/uncommon.9bd28580.svg");
}

.rarity-edge.rare {
 background-image: url("https://tankionline.com/play/static/images/icontypes/rare.dfa7222d.svg");
}

.rarity-edge.epic {
 background-image: url("https://tankionline.com/play/static/images/icontypes/epic.62012f01.svg");
}

.rarity-edge.legendary{
 background-image: url("https://tankionline.com/play/static/images/icontypes/legendary.8fc7f1db.svg");
}

.rarity-edge.exotic{
 background-image: url("https://tankionline.com/play/static/images/icontypes/exotic.99feb5f2.svg");
}

.rarity-edge.special {
 background-image: url("https://de.tankiwiki.com/images/de/e/e4/PaintFilterStar.png");	
 background-repeat: no-repeat;	 
 background-size: auto;	
 background-position: center;
 cursor: default;	
}
	
.rarity-edge.none {
  height: 45px;
  width: 45px;
}
    
.rarity-head {
  height: 45px;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
}

/**********************/

.skins-image {
  margin-top: 10px !important;
  width: 164px;
  height: 106px;
}
    
.skins-item {
  margin-left: 15px;
  font-size: 18px;
}

.skins-description {
  padding: 15px;
}

/**********************/
   
.paints-image {
  width: 164px;
  height: 105px;
  margin: 5px auto 0 auto;
}
    
.paints-name {
  margin: 0 0 15px 15px;
  font-size: 18px;
  width: 250px;
}

.paints-prize {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px;
  font-family: "PT Sans", Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  margin: -37.5px 15px 0 0;
  width: 250px;
}

.paints-prize-cry {
  color: #00D7FF;
}

.paints-prize-coins {
  color: #FFCC00;
}

.paints-prize-stars {
  color: #FFDD2C;
}

.paints-prize-euro {
}


.paints-prize-none {
  height: 20px;
}

.paints-prize-icon {
  background-size: cover;
  margin-right: 0.33em;
}

.paints-prize-icon-cry {
  background-image: url("https://de.tankiwiki.com/images/de/b/b6/Crystals_tiny.png");
  width: 12px;
  height: 11px;
}

.paints-prize-icon-coins {
  background-image: url("https://de.tankiwiki.com/images/de/3/33/Tankoins_medium.png");
  width: 16px;
  height: 15px;
}

.paints-prize-icon-stars {
  background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png");
  width: 16px;
  height: 15px;
}

.paints-prize-icon-euro {
  width: 0;
  height: 0;
}

.paints-rank {
  margin: -55px 0 0 50%;
  width: 66px;
  height: 66px;
}

.paints-description {
  padding: 0px;
}

.paints-description div {
  height: 0;
  overflow: hidden;
}

.paints-box:hover .paints-description div {
  height: auto;
  padding: 0 15px 15px 15px;
  margin-top: -7.5px;
}


/*====================================================================================*/
/* Styles for Challenges*/

  .challenge-container {
    width: 820px;
    height: 375px;
    background: rgba(0, 0, 0, 0) radial-gradient(463.12px at 50% 43.45%, rgb(74, 74, 91) 0%, rgb(50, 54, 62) 100%) repeat scroll 0% 0%;
    color: #ffffff !important;
  }
  .challenge-steps::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.2);
    background-size: 0.063em 0.25em;
    background-clip: content-box;
    border-width: 0.156em;
    border-style: solid;
    border-color: rgba(50, 54, 62, 0.1);
    border-image: initial;
  }
  .challenge-steps::-webkit-scrollbar-thumb {
    background-color: rgb(188, 188, 188);
    border-radius: 5px;
  }
  .challenge-steps::-webkit-scrollbar {
    height: 8px;
    width: auto;
  }
  .challenge-header {
    font-size: 24px;
    font-weight: bold;
    width: 820px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    line-height: 30px;
  }
  
  .challenge-content {
    display: flex;
    width: 100%;
    padding: 10px;
  }
  
  .challenge-head {
    display: flex;
    flex-direction: column;
    width: 125px;
    height: 305px;
    margin-right: 10px;
    align-content: space-between;
  }
  
  .challenge-head-step {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .challenge-head-normal {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    flex-direction: column;
  }
  
  .challenge-head-battlepass {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    background-color: #FFBC09;
    margin-top: 10px;
    flex-direction: column;
  }
  
  .challenge-steps {
    overflow-x: auto;
    overflow-y: hidden;
    height: 305px;
    width: 665px;
    display: flex;
    flex-wrap: no-wrap;
    align-content: space-between;
  }
  
  .challenge-step {
    min-width: 175px;
    height: 100%;
    margin-right: 10px;
  }
  
  .challenge-step-head {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-around;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .challenge-step-number {
    width: 100%;
    font-size: 16px;
    text-align: center;
  }
  
  .challenge-step-stars {
    color: #FFDD2C;
  }
  
  .challenge-star {
    background-image: url("https://de.tankiwiki.com/images/de/3/3c/Stars.png");
    width: 16px;
    height: 15px;
    background-size: cover;
    margin-right: 5px;
  }
  
  .challenge-step-normal {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    padding: 5px;
  }
  
  .challenge-step-item {
    width: 125px;
  }
  
  .challenge-step-itemname {
    width: 70%;
    text-align: left;
  }
  
  .challenge-step-itemcount {
    width: 30%;
    text-align: right;
  }
  
  .challenge-step-battlepass {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
    flex-wrap: wrap;
    background-color: rgba(255, 188, 9, 0.66);
    margin-top: 10px;
    padding: 5px;
  }

/*====================================================================================*/
/* Page Preview */

  .ppc {
   font-style: normal;
  }

  .page-preview {
    width: 390px;
    min-height: 140px;
    height: auto;
    background: rgba(0,0,0,0) radial-gradient(463.12px at 50% 43.45%,rgb(74,74,91) 0%,rgb(50,54,62) 100%) repeat scroll 0% 0%;
    color: #ffffff !important;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
  }

  .page-preview-heading {
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    padding: 10px;
    background-color: rgba(255,255,255,0.1);
    line-height: 30px;
    border-left: 4px solid #C0C0C0;
  }

  .page-preview-content {
    padding: 12px;
    overflow: hidden;
    width: 50%;
    float: left;
  }

  .page-preview-thumb {
    margin: 12px 0;
    overflow: hidden;
    background: url("https://en.tankiwiki.com/images/en/c/ce/Community.png") no-repeat center;
    width: 40%;
    float: left;
    min-height: 100px;
  }


/*====================================================================================*/
/* Styles for Note Template*/

.note-cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  align-items: flex-start;
}

.note-box {
  width: 100%;
}

.note-box {
  display: flex;
  align-items: flex-start;
  color: white;
  background: #4b536d;
  flex-direction: column;
  margin-bottom: 15px;
}

.note-box.blue {
 border-top: 0.313em solid rgb(82, 87, 219);
}

.note-box.orange{
 border-top: 0.313em solid rgb(219, 144, 82);
}

.note-box.red{
 border-top: 0.313em solid rgb(219, 85, 83);
}
    
.note-edge {
  height: 25px;
  width: 210px;
  background-size: cover;
  cursor: pointer;
}

.note-edge.blue {
 background-image: url("https://en.tankiwiki.com/images/en/d/d6/NoteStrip_Blue.png");
}

.note-edge.orange{
 background-image: url("https://en.tankiwiki.com/images/en/0/06/NoteStrip_Orange.png");
}

.note-edge.red{
 background-image: url("https://en.tankiwiki.com/images/en/8/84/NoteStrip_Red.png");
}
    
.note-head {
  height: 25px;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  justify-content: space-between;
}
    
.note-item {
  margin-left: 12px;
  font-size: 17px;
}

.note-message {
  text-align: left;
  padding: 12px;
  word-wrap: break-word;
}


/*====================================================================================*/
/* YouTube Popup */


.ShowYouTubePopup {
  display: inline-block;
  cursor: pointer;
  opacity: 0.7;
  transition: all linear 0.1s;
}
.ShowYouTubePopup:hover {
  opacity: 1;
  transition: all linear 0.1s;
}


/*====================================================================================*/
/* Paints Filter */


#paintsFilter {
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  width: 30em;
  height: 2.5em;
}

.paintFilter {
  opacity: 0.5;
  min-width: 2.5em;
  width: auto;
  min-height: 2.5em;
  height: auto;
  cursor: pointer;
  margin-right: 0.313em;
  background-color: #4e515b;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.paintFilter__active {
  opacity: 1;
}

.paintFilter:hover {
  transition: all 0.15s ease-in-out 0s;
  opacity: 0.8;
}

.paintFilter[data-filter="All"] {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  min-width: 2.5em;
  width: auto;
  height: 2.5em;
  text-align: center;
  margin-right: 0.313em;
  font-weight: bold;
}

.paintFilter[data-filter="Common"] {
  background-image: url("https://en.tankiwiki.com/images/en/8/8a/PaintFilterCommon.png");
}

.paintFilter[data-filter="Uncommon"] {
  background-image: url("https://en.tankiwiki.com/images/en/0/0b/PaintFilterUncommon.png");
}

.paintFilter[data-filter="Rare"] {
  background-image: url("https://en.tankiwiki.com/images/en/9/98/PaintFilterRare.png");
}

.paintFilter[data-filter="Epic"] {
  background-image: url("https://en.tankiwiki.com/images/en/2/2d/PaintFilterEpic.png");
}

.paintFilter[data-filter="Legendary"] {
  background-image: url("https://en.tankiwiki.com/images/en/2/2b/PaintFilterLegendary.png");
}

.paintFilter[data-filter="Exotic"] {
  background-image: url("https://en.tankiwiki.com/images/en/6/64/PaintFilterExotic.png");
}

.banner-menu img {
  transition: all 0.1s linear;
}
.banner-menu img:hover:not([src $= "_active.jpg"]) {
  filter: brightness(1.3);
  -ms-filter: brightness(1.2);
}

.challenge-time-left {
  float: right;
  font-size: 14px;
}

.challenge-time-left:before {
  margin-right: 4px !important;
}

/* Surprise items */

.surprise {
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}

.surprise:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  cursor: help;
}

.surprise.tree {
  background: url("https://en.tankiwiki.com/images/en/e/e2/HNY19_MeteorTree.png") center center no-repeat;
  background-size: 90%;
  width: 299px;
  height: 122.5px;
}

.surprise.gift {
  background: url("https://en.tankiwiki.com/images/en/6/69/Christmas_Toy.png") center center no-repeat;
  background-size: 100%;
  width: 150px;
  height: 100px;
}

#gearScoreCalculator label {
  display: inline-block;
  width: 110px;
  text-align: left;
}

/*===============================================================================================*/
/* Styles for Mk conversion tables from DE */

.conv-table {
  width: 100%;
  color: #ffffff !important;
  background: radial-gradient(56.55% 56.55% at 50% 43.45%, #565769 0%, #32363E 100%);
  text-align: center;
}

.conv-table td:nth-child(4n) {
  border-right: 2px solid;
}

.conv-table tr:nth-child(2n) {
  background: rgba(255, 255, 255, 0.1);
}

.conv-table tr:nth-child(1) td:nth-child(n) {
  background: rgba(255, 255, 255, 0.3);
  font-weight: bold;
  border-right: 2px solid !important;
}

.conv-table tr:nth-child(2) {
  background: rgba(255, 255, 255, 0.3);
  font-weight: bold;
}

.conv-table tr:nth-child(2) td:nth-child(2n) {
  border-right: 2px solid !important
}

.conv-table tr:nth-child(3) {
  background: rgba(255, 255, 255, 0.3);
  font-weight: bold;
}


/*===============================================================================================*/
/* Styles for augments stats viewer*/

.augments-stats-viewer img {
  padding: 5px;
  border: 1px solid rgba(255,255,255,0);
}

.augments-stats-viewer img:first-child {
  padding: 15px;
}

.augments-stats-viewer img.active {
  background: rgba(255, 255, 255, 0.05);
}

.augments-stats-viewer img:hover {
  background: rgba(0,0,0,0.15);
  cursor: pointer;
}

.augments-stats-viewer .augment-container {
  display: inline-block;
}

/*===============================================================================================*/
/* Styles for augments-table */

.augments-table .rarity-rare {
  background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115 ,1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.augments-table .rarity-epic {
  background: rgb(154, 113, 220)  linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.augments-table .rarity-legendary {
  background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%);
  width: 1.5%;
}

.augments-table .rarity-exotic{
  background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; 
  width: 1.5%;
}

/*===============================================================================================*/
/* Styles for containers-table */

.containers-table .rarity-common {
  background: rgb(237, 237, 237) linear-gradient(180deg, rgba(237, 237, 237, 1) 0%, rgba(180, 180, 180, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.containers-table .rarity-uncommon {
  background: rgb(130, 255, 115) linear-gradient(180deg, rgba(130, 255, 115, 1) 0%, rgba(22, 101, 15, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.containers-table .rarity-rare {
  background: rgb(100, 171, 233) linear-gradient(180deg, rgba(100, 171, 233, 1) 0%, rgba(3, 63, 115, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.containers-table .rarity-epic {
  background: rgb(154, 113, 220)  linear-gradient(180deg, rgba(154, 113, 220, 1) 0%, rgba(68, 18, 149, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.containers-table .rarity-legendary {
  background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.containers-table .rarity-exotic{
  background: rgb(255, 145, 132) linear-gradient(180deg, rgba(255, 145, 132, 1) 0%, rgba(167, 71, 60, 1) 100%) repeat scroll 0% 0%; 
  width: 1.5%;
}

/*===============================================================================================*/
/* Styles for showcase-table */

.showcase-table .type-XT {
  background: rgb(255, 213, 98) linear-gradient(180deg, rgba(255, 213, 98, 1) 0%, rgba(121, 89, 1, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.showcase-table .type-LC {
  background: rgb(166, 197, 93) linear-gradient(180deg, rgba(166, 197, 93, 1) 0%, rgba(94, 112, 51, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.showcase-table .type-PR {
  background: rgb(186, 185, 185) linear-gradient(180deg, rgba(186, 185, 185, 1) 0%, rgba(208, 180, 27, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.showcase-table .type-UT {
  background: rgb(129, 251, 255) linear-gradient(180deg, rgba(129, 251, 255, 1) 0%, rgba(1, 120, 133, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

.showcase-table .type-DC {
  background: rgb(254, 168, 46) linear-gradient(180deg, rgba(254, 168, 46, 1) 0%, rgba(150, 49, 11, 1) 100%) repeat scroll 0% 0%;
  width: 1.5%;
}

/*====================================================================================*/
/* Showcase Filter */


#showcaseFilter {
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  width: 30em;
  height: 3.5em;
}

.showcaseFilter {
  opacity: 0.65;
  min-width: 3.5em;
  width: auto;
  min-height: 3.5em;
  height: auto;
  cursor: pointer;
  margin-right: 0.313em;
  background-color: rgba(0,0,0,0.2);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.showcaseFilter__active {
  opacity: 1;
}

.showcaseFilter:not(.showcaseFilter__active):hover {
  transition: all 0.15s ease-in-out 0s;
  opacity: 0.8;
}

.showcaseFilter[data-filter="All"] {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  min-width: 3.5em;
  width: auto;
  height: 3.5em;
  text-align: center;
  margin-right: 0.313em;
  font-weight: bold;
}

.showcaseFilter[data-filter="type-XT"] {
  background-image: url("https://en.tankiwiki.com/images/en/8/8c/Filter_XT_Skin.png");
}

.showcaseFilter[data-filter="type-LC"] {
  background-image: url("https://en.tankiwiki.com/images/en/9/9a/Filter_LC_Skin.png");
}

.showcaseFilter[data-filter="type-PR"] {
  background-image: url("https://en.tankiwiki.com/images/en/1/14/Filter_PR_Skin.png");
}

.showcaseFilter[data-filter="type-UT"] {
  background-image: url("https://en.tankiwiki.com/images/en/c/c1/Filter_UT_Skin.png");
}

.showcaseFilter[data-filter="type-DC"] {
  background-image: url("https://en.tankiwiki.com/images/en/e/eb/Filter_DC_Skin.png");
}

/*====================================================================================*/
/* Styles for skins */

.skins-table_header_xt,
.skins-table_header_lgc,
.skins-table_header_dc,
.skins-table_header_pr,
.skins-table_header_ut {
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

.skins-table_header_xt {
  background-color: #9d8441;
}
.skins-table_header_lgc {
  background-color: #608225;
}
.skins-table_header_dc {
  background-color: #D96437;
}
.skins-table_header_pr {
  background-color: #79756b;
}
.skins-table_header_ut {
  background-color: #2dbbc1;
}

.skins-table_preview {
  width: 160px;
  padding: 1em !important;
  border-right: none !important;
}
.skins-table_description {
  border-left: none !important;
}

/*====================================================================================*/
/* Styles for Drones*/

.stripesMk7 {
  background-image: url("https://en.tankiwiki.com/images/en/1/1e/StripesMk7.png");
  background-repeat: no-repeat;
  background-position: center;
}

.drone-box {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  width: 255px; 
  align-items: center;
  background: #3b445e;
  color: #fff;
  margin-bottom: 15px;
}

.drone-name {
  width: 255px;
  height: 45px;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 18px;
  padding-left: 15px;
}

.drone-class {
  height: 20px;
  width: 118px;
  text-align: center;
  background-image: url("images/de/3/3b/Drone-class-bg.png");
}

.drone-price {
  width: 250px;
  margin: -2.5px 15px 0 0;
  text-align: right;
  color: #00D7FF;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}

.drone-image {
  display: flex;
  justify-content: center;
}

.drone-rank {
  width: 66px;
  height: 66px;
  margin: -55px 0 0 50%;
}

.drone-text {
  width: 235px;
  margin-bottom: 10px;
}

.drone-param-cont {
  width: 235px;
  margin: 0 15px 10px 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.drone-param-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.drone-param-img {
  text-align: center;
  margin-right: 10px;
  width: 30px;
}

.drone-param-txt {
  width: 185px;
}


.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: #4b536d !important;
}
.mw-plusminus-pos {
    color: #038f03 !important;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon, .oo-ui-labelElement-label, .mw-search-createlink, .oo-ui-indicator-clear {
    display: inherit !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    padding: 0.42857143em !important;
    background-color: #84d105;
    border: none !important;
    width: inherit !important;
    height: inherit !important;
    background-image: none !important;
    border-radius: 5px !important;
}
.diff-addedline .diffchange {
    background: #41a0fa !important;
}
.diff-deletedline .diffchange {
    background: #ce9713 !important;
}

@media screen and (max-width: 600px) {
  .random-text-box {
    display: none;
  }
}

/* New tables theme */

.new-wikitable {
  color: white;
  margin: 10px 0;
}
.new-wikitable th {
  background: #808596 !important;
  font-weight: bold;
  text-shadow: 0 1px 3px black;
  height: 30px;
}
.new-wikitable tr:nth-child(odd) {
  background: #4b536d;
}
.new-wikitable tr:nth-child(even) {
  background: #3b445e;
}

.bg-dark {
  background: #131313;
}
.bg-dark-blue {
  background: #3b445e;
}
.bg-light-blue {
  background: #4b536d;
}
.bg-dark-grayblue {
  background: #212129;
}
.bg-light-grayblue {
  background: #3f3f4a;
}

.current-element {
  border-bottom: 3px solid white;
  background-color: #9b9da3;
}

.paints-infobox-categories *  {
  font-size: 12px !important;
}

.new-wikitable {
  color: white;
  margin: 10px 0;
}
.new-wikitable th {
  background: #808596 !important;
  font-weight: bold;
  text-shadow: 0 1px 3px black;
  height: 30px;
}
.new-wikitable tr:nth-child(odd) {
  background: #4b536d;
}
.new-wikitable tr:nth-child(even) {
  background: #3b445e;
}

.icon-resistance {
    display: inline-block;
    background-image: url("https://en.tankiwiki.com/images/en/a/aa/Sprite_resists.png");
    width: 41px;
    height: 41px;
}

.icon-resistance_gauss {
    background-position: -130px -131px;
}

.icon-resistance_firebird {
    background-position: -44px -1px;
}

.icon-resistance_freeze {
    background-position: -87px -1px;
}

.icon-resistance_isida {
    background-position: -44px -44px;
}

.icon-resistance_hammer {
    background-position: -1px -44px;
}

.icon-resistance_twins {
    background-position: -44px -130px;
}

.icon-resistance_ricochet {
    background-position: -87px -87px;
}

.icon-resistance_smoky {
    background-position: -130px -44px;
}

.icon-resistance_striker {
    background-position: -130px -87px;
}

.icon-resistance_vulcan {
    background-position: -87px -130px;
}

.icon-resistance_thunder {
    background-position: -1px -130px;
}

.icon-resistance_railgun {
    background-position: -44px -87px;
}

.icon-resistance_magnum {
    background-position: -87px -44px;
}

.icon-resistance_shaft {
    background-position: -130px -1px;
}

.icon-resistance_mine {
    background-position: -1px -87px;
}

.icon-resistance_all {
    background-position: -1px -1px;
}

.profile-entity-card__resistances-holder {
    position: absolute;
    left: calc(50% + 1px);
    top: calc(50% - 3px);
    height: 41px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
}

.profile-entity-image {
    width: 100%;
    min-height: 107px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ranks-equipment-box:hover {
  transisiton: all 0.2s ease;
}

.ranks-equipment-box:hover {
  transform: scale(1.09);
}

ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0);
}

.augment-box {
    display: flex;
    flex-direction: column;
    background: #3b445e;
    position: relative;
    margin: 10px 0;
}

.augment-box::before {
    content: " ";
    width: 5px;
    border-left: 5px solid rgb(173, 135, 255);
    height: 100%;
    position: absolute;
}

.augment-box.rarity-rare::before {
    border-left-color: rgb(22, 185, 255);
}

.augment-box.rarity-epic::before {
    border-left-color: rgb(173, 135, 255);
}

.augment-box.rarity-legendary::before {
    border-left-color: rgb(255, 188, 9);
}

.augment-box.rarity-exotic::before {
    border-left-color: rgb(255, 83, 9);
}

.augment-box.rarity-special::before {
    border-left-color: rgb( 255, 105, 180);
}

.augment-box-price {
    font-weight: bold;
}

.augment-box-price-blue {
  color: #00D7FF;
}

.augment-box-price-yellow {
  color: #FFCC00;
}

.augment-box-title {
    flex-direction: row;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.15), transparent);
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3em 0 1em;
}

.augment-box .rarity-edge {
    position: absolute;
    right: 0;
    top: 0;
}

.augment-box-content-container {
    display: flex;
    flex-direction: row;
    padding-top: 1em;
}

.augment-box-image {
    display: flex;
    justify-content: center;
    flex: 10%;
}

.augment-box-content {
    display: flex;
    flex: 90%;
    flex-direction: column;
}

.augment-box-stats {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 1.5em 1.5em 0;
}

.augment-box-stats > div {
    flex: 50%;
}