/* ========================================
   COMBINED CSS FILE
   Generated from: style-skin.css, style-nav.css, style.css,
   style_beta.css, main.css, style-header.css
   ======================================== */

   /* ========================================
   FROM: style-header.css
   ======================================== */

#gameBar li a {
	display: block;
	border-bottom: 3px solid transparent;
}
#gameBar li a:hover {
	border-bottom-color: orange;
}
div.btn-group.markets a.dropdown-item {
	color: #fff !important;
}
div.btn-group.markets a.dropdown-item:hover {
	color: #fff !important;
	background: #232220;
}
div.btn-group.markets .dropdown-toggle::after {
	display: none;
}
div.btn-group.markets {
	cursor: pointer !important;
}
div.btn-group.markets .btn-label {
	cursor: pointer !important;
}
span.btn-label:hover .markets_icon {
    -moz-transform: rotate(360deg) !important;;
    -webkit-transform: rotate(360deg) !important;;
    -o-transform: rotate(360deg) !important;;
    -ms-transform: rotate(360deg) !important;;
    transform: rotate(360deg) !important;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#currencyBar .dropdown-toggle::after {
	display: none;
}
.searchInputModal:focus {
	outline: none;
}

#topbar #searchBarForm input {
	background: transparent;
	padding: 0;
	padding-bottom: 7px;
	font-size: 16px;
	color: #fff;
	border-radius: 0;
	padding-left: 5px;
	box-shadow: none;
	outline: none !important;
	border: none !important;
	border-bottom: 2px solid #fff !important;
	margin-top: 20px !important;
	width: 90px;
	-webkit-transition: 500ms;
	transition: 500ms;	
}

#topbar #searchBarForm input.hovered {
	width: 250px;
	border-bottom: 2px solid #ffd700 !important
}




/* ========================================
   FROM: style-skin.css
   ======================================== */

.item-solo .table td, .item-solo .table th {
	padding: 0.75rem .25rem !important;
	text-align: center !important;
}

.btn-csm {
	color:#fff;
	background-color: #222;
	border: 1px solid #666;
}

.btn-csm:hover {
	color:#fff;
	background-color: #333;
	border: 1px solid #666;

}

#objdiv {
	height: 400px;
	position: relative;
}

#objdiv.full {
	background: rgba(0,0,0,0.8);
	height: 100% !important;
	width: 100% !important;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

ul#phases {
	position: absolute;    bottom: 0;    left: 0;    width: 100%; color: white;
}

#full3dclose {
	position: absolute;
	top: 0px;
	right: 0px;
	color: white;
	display: none;
}

.item-solo table.table td:nth-child(1) { background-color: #232220; }

.item-solo table.table td:nth-child(1) {
	vertical-align: middle !important;
}

#screenshot, #autorotate, #full3d {
	display: none;
}

.tag-steamprice {
	background-color: #1b2838 !important;
}

.spinner {
	margin: auto;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% {
	transform: translateX(42px) rotate(-90deg) scale(0.5);
	-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% {
	transform: translateX(42px) translateY(42px) rotate(-179deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% {
	transform: translateX(42px) translateY(42px) rotate(-180deg);
	-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% {
	transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
	-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% {
	transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
  }
}

/* ========================================
   FROM: style-nav.css
   ======================================== */

.nav-item:hover .markets_icon {
    -moz-transform: rotate(360deg) !important;;
    -webkit-transform: rotate(360deg) !important;;
    -o-transform: rotate(360deg) !important;;
    -ms-transform: rotate(360deg) !important;;
    transform: rotate(360deg) !important;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* ========================================
   FROM: style.css
   ======================================== */

    html{
		height: 100%;
	}

	body {
		min-height: 100vh;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: column;
	          flex-direction: column;
		background-color: #82817F;
		font-size: 14px !important;
	}

	.main {
	    -webkit-box-flex: 1;
	        -ms-flex: 1;
	            flex: 1;
	}


	#exCollapsingNavbar2 {
		clear: both;
	}

	#pagination {
		visibility: hidden;
	}

	#infscr-loading {
		visibility: hidden;
	}

  div.tpbcontainerr .flip-container {
  	-webkit-perspective: 1000;
  	        perspective: 1000;
  }

  div.tpbcontainerr .flip-container.hover .flipper, div.tpbcontainerr .flip-container.flip .flipper {
  	-webkit-transform: rotateX(180deg);
  	        transform: rotateX(180deg);
  	-webkit-transform-origin: 100% 45px;
  	        transform-origin: 100% 45px;
  }

  div.tpbcontainerr .flip-container, div.tpbcontainerr .front, div.tpbcontainerr .back {
  	width: 760px;
  	height: 90px;
  	margin: 0 auto;
  }

  div.tpbcontainerr .flipper {
  	-webkit-transition: 0.6s;
  	transition: 0.6s;
  	-webkit-transform-style: preserve-3d;
  	        transform-style: preserve-3d;

  	position: relative;
  }

  div.tpbcontainerr .front, div.tpbcontainerr .back {
  	-webkit-backface-visibility: hidden;
  	        backface-visibility: hidden;

  	position: absolute;
  	top: 0;
  	left: 0;
  }

  div.tpbcontainerr .front {
  	z-index: 2;
  	/* for firefox 31 */
  	-webkit-transform: rotateX(0deg);
  	        transform: rotateX(0deg);
  }

  div.tpbcontainerr .back {
  	-webkit-transform: rotateX(180deg);
  	        transform: rotateX(180deg);
  }



	.username_tier1 {
		color: red !important;
		font-weight: bold !important;
	}

	html body div.main div.container.m-t-2 div.notifications div.card div.card-block div.alert.alert-info.alert-dismissible button.close {
		bottom: 0 !important;
		right: 10px !important;
 		top: 0 !important;
 		position: absolute !important;
	}

	div.main div.item-solo div.row.m-b-1.text-xs-center a img {
		width: 100%;
		max-width: 336px;
	}

	.jumbotron {
		background-color: #333333 !important;
    	color: #eeeeee !important;
	}

	hr {
		border-color: rgba(255, 255, 255, 0.1) !important;
	}

	div.main div.jumbotron.jumbotron-fluid div.container ul.list-group li.list-group-item {
	  background-color: #4e4e4e;
	  border-color: #6c6c6e;
	}

	div.main div.deals div.grid-item div.card div.card-block img.w-100 {
		max-width: 360px;
	}

	.grid-item {
	    min-width: 280px;
	}

	div.items div.grid-item div.card div.card-block ul.list-group li.list-group-item a {
		display: block;
	}

	.yadcf-filter {
		height: 15px !important;
	}

	div.main div.float div.card div.card-header a {
		color: #eee;
	}

	div.card div.card-block h5 a {
		color: #eee;
	}

	div.table-responsive table.table.items2compare tbody tr {
		background-color: #fff;
	}

	div.table-responsive table.table.items2compare td, div.table-responsive table.table.items2compare th {
		padding: 0.5rem !important;
	}

	.btn-label {
	    background: #232220 none repeat scroll 0 0;
	    cursor: default;
		border: medium none;
		color: #ffffff;
	}

	.table-light {
		background: #fff;
		color: #333;
	}

	.btn-label-sortby {
	    background: #535250 none repeat scroll 0 0;
		border: medium none;
		color: #fff !important;
	}

	.btn-label-sortby.active {
	    color: #ffa500 !important;
	}

	.btn-label-sortby:hover {
	    background: #232220 none repeat scroll 0 0;
	}

	.navbar-toggler {
	    color: #ffffff;
	    padding: 24px !important;
	    width: 70px;
	}

	nav.sidebar.toggled {
		margin-left: 0px;
	}

	.main.toggled {
		margin-left: 210px;
	}

	.navbar-brand {
	  margin-bottom: 4px;
	  margin-left: 4px;
	  margin-right: 4px !important;
	  margin-top: 4px;
	  padding: 0 !important;
	}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

	div.main div.list div.input-group input.form-control {
		border: none;
	}

	div.main div.list div.input-group span.input-group-addon {
		border: none;
	}

/*
	div.main div.float ul.list-group li.list-group-item {
	  background: #232220 none repeat scroll 0 0;
	  border: medium none;
	  padding: 5px 10px;
	}
*/

/*
	div.main div.float ul.list-group li.list-group-item.addinfo {
	  background: #656462 none repeat scroll 0 0;
	  border: medium none;
	}
*/

	div.main div.float div.card div.card-block div.row:last-child h5 {
		margin-bottom: 0px;
	}

	.media-info {
	    background-color: #d9edf7;
	    border-color: #bcdff1;
	    color: #31708f;
	    border: 1px solid rgba(0, 0, 0, 0);
	    border-radius: 0.25rem;
	    margin-bottom: 1rem;
	    padding: 15px;
	}

	.media-warning {
	    background-color: #fcf8e3;
	    border-color: #faf2cc;
	    color: #8a6d3b;
	    border: 1px solid rgba(0, 0, 0, 0);
	    border-radius: 0.25rem;
	    margin-bottom: 1rem;
	    padding: 15px;
	}

	div.main div.float a.hotdealalert, div.main div.item-solo a.hotdealalert {
		text-decoration: none;
	}

	div.main div.float a.hotdealalert:hover div.media, div.main div.item-solo a.hotdealalert:hover div.media {
		background-color: #ffffee !important;
		transition: 500ms;
	}

	div.main div.top500 div.card {
		background-color: #fff;
	}

	div.main div.top500 div.card table.table tbody tr td {
	  border-color: #808080;
	}

	#pricelist {
		background: white;
		display: none;
	}

	#listLoader {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
		z-index: 9999;
	}

	#pricelist_filter {
		display: none;
	}

	div.main div.top500 div.card table.table tbody tr td a {
		color: #333;
	}

	.tag-dark {
	    background-color: #464646;
	}

	.navbar-brand img {
	    height: 50px;
	}

	div.items div.card div.title a {
		color: #eee;
	}

	div.deals div.grid-item div.card div.item-img span.discount {
	  font-size: 12px;
	  position: absolute;
	  right: 5px;
	  top: 5px;
	}

	div.icons {
	  bottom: 0;
	  line-height: 34px;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  text-align: center;
	  top: 0;
	  width: 39px;
	}

	div.main div.items div.card div.card-block, div.main div.item-solo div.card div.card-block {
		padding: 0px !important;
	}

	ul.nav.navbar-nav li:hover {
		background: #222 !important;
	}

	div.deals div.card div.title {
		font-size: 12px;
	}

	div.deals div.card div.item-img {
		height: 140px;
	}

	div.deals div.card div.item-img img {
		height: 140px;
		width: 140px;
	}

	span.discount, span.tag-deals, a.tag-deals{
		font-size: 14px;
	}

	span.discount {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.p-relative {
		position: relative;
	}

	.p-absolute {
		position: absolute;
	}

	.p-fixed {
		position: fixed;
	}

	footer {
		background: #232220 none repeat scroll 0 0;
		margin-top: 25px;
	}

	footer p.trademark {
	  color: #777;
	  font-size: 12px;
	  margin-bottom: 5px;
	  text-transform: uppercase;
	}

	footer div.row ul {
	  list-style-type: none;
	  margin: 10px 0 0;
	  padding-left: 0;
	}

	footer div.row ul li {
		font-size: 12px;
	}

	footer div.row ul.social li {
		margin-bottom: 5px;
		position: relative;
	}

	footer div.row ul li a {
		color: #888888;
	}

	footer div.row ul li img {
		width: 30px;
	}

	.twitter-follow-button {
	  left: 37px;
	  position: absolute !important;
	  top: 5px;
	  vertical-align: top;
	}

	div.main #float_recent table tbody tr td a {
		color: orange;
	}

	.btn-dark {
	    background-color: #232220;
	    border-color: #232220;
	    color: #ffffff;
	}

	div.row.opskins {
		background-color: #232220;
		border-radius: 0.25rem;
	}

	div.row.steammarket {
	    background-color: #232220;
	    border-radius: 0.25rem;
	}

	#pricelist tbody tr td a {
		color: #333;
	}

	.chartLoaderList {
		background-color: #eee;
		bottom: 0;
		height: 40px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
		animation: sk-rotateplane 1.2s infinite ease-in-out;
	}

	.chartLoader {
		-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
		animation: sk-rotateplane 1.2s infinite ease-in-out;
	    background-color: #eeeeee;
	    height: 40px;
	    margin: auto;
	    width: 40px;
	}

	@-webkit-keyframes sk-rotateplane {
	  0% { -webkit-transform: perspective(120px) }
	  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
	}

	@keyframes sk-rotateplane {
	  0% {
	    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	  } 50% {
	    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	  } 100% {
	    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	  }
	}

	.steam-group-button {
		font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
		height: 22px;
		border-radius: 4px;
		color: #FFF;
		left: 3px;
		top: 4px;
		font-size: 13px;
		line-height: 19px;
		outline: none;
		text-decoration: none;
		position: relative;
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		border: #333 solid 1px;
		background-color: #4D4B48;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#4D4B48),to(#111));
		background-image: -webkit-linear-gradient(top,#4D4B48,#111);
		background-image: linear-gradient(top,#4D4B48,#111);
	}

	.steam-group-button:focus, .steam-group-button:hover, .steam-group-button:active {
		color: #FFF;
		border-color: #111;
		background-color: #333;
		background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#111));
		background-image: -webkit-linear-gradient(top,#444,#111);
		background-image: linear-gradient(top,#444,#111);
		box-shadow: none;
	}

	.steam-group-button:active {
		box-shadow: inset 0 3px 7px rgba(255,255,255,0.15);
	}

	.steam-group-tag {
	  font-size: 10px;
	  padding: 0 5px;
	  text-transform: uppercase;
	}

	.fb-follow.fb_iframe_widget {
	  left: 7px;
	  top: 2px;
	}

	.fb-like.fb_iframe_widget {
	  left: 10px;
	  top: 2px;
	}

	#topbar {
	    height: 65px;
	    width: 100%;
	    background: #232220 none repeat scroll 0 0;
	    position: fixed;
	    z-index: 999;
	}

	#logoR {
	    float: left;
	    height: 65px;
	    position: relative;
	    width: 190px;
	}

    .grid-item-inventory {
/* 	   width: 230px; */
	   /* width: 250px; */
	   width: 233px;
	   background-color: #333;
	   margin: 5px;
/* 	   height: 230px; */
	   height: 250px;
	   position: relative;
	}

	#logoR a {
	    height: 100%;
	    display: block;
	}

	#logoR a img {
	    width: 185px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    margin: auto;
	}

	.popover {
		color: #333;
		width: 200px;
	}

	div.trend {
	    float: right;
	    height: 6px;
	    margin-right: 3px;
	    margin-top: 6px;
	    width: 9px;
	}

	/* div.trend.uptrend {
	    background: rgba(0, 0, 0, 0) url("/images/up-down.png") no-repeat scroll 0 0;
	} */

	/* div.trend.downtrend {
	    background: rgba(0, 0, 0, 0) url("/images/up-down.png") no-repeat scroll 0 -9px;
	} */

	div.similaritems div.card ul {
	  margin: 0 !important;
	  padding: 0 !important;
	  text-align: left;
	}

	div.similaritems ul li.list-group-item {
	  background: transparent none repeat scroll 0 0;
	  border: medium none;
	  border-radius: 0;
	  font-size: 12px;
	  padding: 5px !important;
	}

	div.similaritems ul li.list-group-item a {
		color: #bebebe !important;
	}

	div.similaritems ul li.list-group-item:nth-child(2n) {
	    background: #585755 none repeat scroll 0 0;
	}

	div.similaritems ul li.list-group-item:last-child {
	  margin-bottom: 0 !important;
	}

	div.relateditems div.card div.row, div.similaritems div.card div.row {
		padding: 10px;
	}

	div.relateditems div.card div.row a.card, div.similaritems div.card div.row a.card {
	  background: #333 none repeat scroll 0 0;
	  border: 1px solid #666;
	  padding: 0;
	}

	div.relateditems div.card div.row a.card:hover, div.similaritems div.card div.row a.card:hover {
	  border: 1px solid #eee;
	  background: #333 none repeat scroll 0 0;
	  color: #bebebe;
	  text-decoration: none;
	}

	div.relateditems div.card div.row a.card p, div.similaritems div.card div.row a.card p {
	  font-size: 11px;
	  margin: 0 !important;
	  text-align: center;
	  padding: 5px;
	  color: #bebebe;
	}

	div.relateditems div.card div.row a.card div.card-block p, div.similaritems div.card div.row a.card div.card-block p {
		margin: 5px;
	}

	#searchBarForm {
		position: relative;
	}

	#searchBar {
	  float: left;
	  height: 65px;
      margin-left: 15px;
	}

	#currencyBar {
	  float: left;
	  height: 65px;
	  margin-left: 15px;
	}

	#currencyBar div.btn-group {
		margin-top: 16px;
	}

	#currencyBar div.btn-group button {
		border: none;
	}

	#currencyBar div.btn-group.open ul.dropdown-menu {
		min-width: auto !important;
	}

	#loginBar {
	    height: 65px;
	}

	#loginBar img {
	    width: 65px;
	}

/*
	#loginBar div.dropdown div.dropdown-menu {
	  left: auto;
	  right: 5px;
	}
*/

	div.main div.tradecalculator div.card div.card-block div.list-group a.list-group-item.list-group-item-action {
		padding: 5px;
		border: none;
		text-align: left;
	}

	div.main div.tradecalculator div.card div.card-block div.list-group a.list-group-item.list-group-item-action span.tag {
		font-size: 100%;
	}

	div.tradecalculator button.dropdown-item.selected {
		background-color: red !important;
	}

#topbar #loginBar form input {
    bottom: 0;
    height: 64px;
    margin: auto;
    position: absolute;
    right: -15px;
    top: 0;
    width: 90px;
    background-color: #333;
    color: white;
}


	#searchBar i {
	  bottom: 0;
	  color: #aaa;
	  height: 15px;
	  margin: auto;
	  position: absolute;
	  right: 5px;
	  top: 0;
	}

	.autocomplete-suggestions {
		background: white;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.autocomplete-suggestion {
	  cursor: pointer;
	  font-size: 12px;
	  padding: 5px;
	}

	.autocomplete-selected {
		background-color: #eee;
	}

	#logoL {
	    float: left;
	    height: 65px;
	    position: relative;
	    width: 70px;
	}

	#logoL a {
	    height: 100%;
	    display: block;
	}

	#logoL a img {
	    height: 65px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    margin: auto;
	}

	.navbar-inverse {
		background-color: #333 !important;
	}

	li.list-group-item span.wear {
		font-size: 12px;
	}

	li.list-group-item span.price {
		font-size: 12px;
		float: right;
	}

	div.OPP li.list-group-item, div.SMP li.list-group-item {
		margin-bottom: 10px !important;
	}

	.main .row, .trade .row{
		padding: 0px;
		margin: 0px;
		position: relative;
	}


	div.row.relateditems div.card div.row div.masonry div.grid-item-solo a.card.text-xs-center img {
		width: 100%;
		max-width: 100px;
	}

	div.row.similaritems div.card div.row div.masonry div.grid-item-solo a.card.text-xs-center img {
		width: 100%;
		max-width: 100px;
	}

	nav.sidebar.navbar {
		border-radius: 0px;
	}

	nav.sidebar, .main{
		-webkit-transition: margin 200ms ease-out;
	    transition: margin 200ms ease-out;
	}

	.nav-link {
	    line-height: 14px!important;
	    text-transform: uppercase;
	    text-align: right;
	}

	.filters {
		text-align: left;
	}

	.filter {
		display: inline-block;
	}

	div.filters div.filter button {
		background: #232220 none repeat scroll 0 0;
		border: none;
		color: #fff;
	}

	div.card-block {
		font-size: 12px;
		color: #eee;
	}

	ul li.fn a {
		color: #71a6db !important;
	}

	ul li.mw a {
		color: #43afbd !important;
	}

	ul li.ft a {
		color: #9debfc !important;
	}

	ul li.ww a {
		color: #feb228 !important;
	}

	ul li.bs a {
		color: #8d7754 !important;
	}

	ul li.reg a {
		color: #eee !important;
	}

	.chartContainer {
	  background: #464646 none repeat scroll 0 0;
	  /* margin-bottom: 20px; */
	  padding: 0 20px;
	  text-align: center;
	  height: 400px;
	  position: relative;
	}

	#chartLoader {
	  bottom: 0;
	  height: 80px;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 0;
	  width: 80px;
	}

	.inspectLink {
	    margin: 10px;
	    position: relative;
	    z-index: 998;
	}

	.stattraklink {
	  margin: 10px;
	  position: relative;
	  z-index: 998;
	}

	div.main div.card div.card-header, div.trade div.card div.card-header {
	  background: #232220 none repeat scroll 0 0;
	  border-bottom: 1px solid #606060;
	  border-top-left-radius: inherit;
	  border-top-right-radius: inherit;
	  color: #bebebe;
	  font-size: 14px;
	  padding: 10px;
	  text-align: center;
	  text-transform: uppercase;
	}

	div.main div.card div.card-footer, div.trade div.card div.card-footer {
	  background: #232220 none repeat scroll 0 0;
	  border-top: 1px solid #606060;
	  border-bottom-left-radius: inherit;
	  border-bottom-right-radius: inherit;
	  color: #bebebe;
	  font-size: 14px;
	  padding: 10px;
	  text-align: center;
	  text-transform: uppercase;
	}

	div.main div.title, div.trade div.title {
	  background: #232220 none repeat scroll 0 0;
	  border-bottom: 1px solid #606060;
	  border-top-left-radius: inherit;
	  border-top-right-radius: inherit;
	  color: #bebebe;
	  font-size: 14px;
	  padding: 10px;
	  text-align: center;
	  text-transform: uppercase;
	}

	div.main div.title.trade {
	  border-bottom: 3px solid #5cb85c;
	}

	div.main div.title.sale {
	  border-bottom: 3px solid #d9534f;
	}


	div.main div.img_container, div.trade div.img_container {
	  background: #232220 none repeat scroll 0 0;
	  border-bottom: 1px solid #606060;
	  border-top-left-radius: inherit;
	  border-top-right-radius: inherit;
	  height: 45px;
	  padding: 10px;
	  position: relative;
	}

	div.main div.quality, div.trade div.quality {
	    font-size: 15px;
	}

	div.main div.quality span.tag, div.trade div.quality span.tag {
	    white-space: normal;
	}

	div.main div.collection, div.trade div.collection {
	    font-size: 15px;
	}

	ul.chartperiods {
/* 		border-color: #666; */
		border-color: transparent;
	}

	ul.chartperiods .nav-item .nav-link {
		background: #585755 none repeat scroll 0 0;
		border-color: #585755;
		color: #fff;
		margin-right: 5px;
	}

	ul.chartperiods .nav-item .nav-link:focus, ul.chartperiods .nav-item .nav-link:hover {
		background: #464646 none repeat scroll 0 0;
		border-color: #464646;
		color: #fff;
	}

	ul.chartperiods .nav-item.active .nav-link, ul.chartperiods .nav-item.active .nav-link:focus, ul.chartperiods .nav-item.active .nav-link:hover {
		background: #464646 none repeat scroll 0 0;
		border-color: #464646;
		color: #fff;
	}

	.tag-collection {
		background: purple;
	}

	div.main div.special.stattrak, div.trade div.special.stattrak {
	  font-size: 15px;
	}

	.tag-stattrak {
		background: #cf6a32;
	}

	.tag-holo {
		background: #b822f7;
	}

	.tag-foil {
	    background: #f7ef22 none repeat scroll 0 0;
	    color: #333333;
	}

	div.main div.special.souvenir, div.trade div.special.souvenir {
	  font-size: 15px;
	}

	.tag-souvenir {
		background: #ffd700;
	}

	span.soldPrice {
		float: right;
	}

	div.unitssold div.card ul.list-group li.list-group-item {
	    background: transparent none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 0;
	    font-size: 12px;
	    padding: 5px !important;
	    margin-bottom: 0 !important;
	}

	div.unitssold div.card ul.list-group li.list-group-item:nth-child(2n) {
    	background: #585755 none repeat scroll 0 0;
	}

	div.unitssold div.card ul.list-group {
		padding: 0 !important;
	}

	div.averagepricehistory div.card ul.list-group li.list-group-item p {
	    float: right;
	    margin: 0 !important;
	}

	div.averagepricehistory div.card ul.list-group dl.dl-horizontal {
		margin-bottom: 5px;
	}

	div.averagepricehistory div.card ul.list-group dl.dl-horizontal dt {
	  color: #eee;
	  height: 25px;
	  line-height: 25px;
	  width: 70px;
	}

	div.averagepricehistory div.card ul.list-group dl.dl-horizontal dd {
	  margin-left: 85px;
	}

	div.averagepricehistory div.card ul.list-group dl.dl-horizontal dd span.tag {
		margin-right: 5px;
	}

	div.main div.item-img, div.trade div.item-img {
		clear: both;
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
		text-align: center;
		margin: 0 auto;
		margin-top: 25px;
	}

	div.main div.item-img img, div.trade div.item-img img {
	    width: 100%;
	}

	.img-loading {
		background: transparent url('https://www.steamanalyst.com/images/sa-loader-grey.gif') center no-repeat;
	}

	div.main span.exterior, div.trade span.exterior {
		text-transform: uppercase;
		font-size: 16px;
	}

	span.abbr_exterior {
		display: inline-block;
		display: none;
	}

	div.main span.price, div.trade span.price {
		text-align: right;
		font-size: 16px;
	}



	div.main div.card, div.trade div.card {
		background: none repeat scroll 0 0 #464646;
		border: none !important;
		padding: 0px !important;
		cursor: default;
	}


	div.deals div.card-block img {
		width: 100%;
	}

	div.main div.api_doc div.card {
		background: none repeat scroll 0 0 #eee;
		border: 1px solid rgba(0, 0, 0, 0.125);
	}

	div.main div.api_doc div.card div.card-header {
	  background: #333333 none repeat scroll 0 0;
	  color: #eeeeee !important;
	}

	#float_results div.card div.card-block ul.list-group li.list-group-item {
	  background-color: #333333;
	  border: medium none;
	  margin-bottom: 5px;
	  padding: 5px;
	}

	div.main div.users div.card div.card-block ul.list-group, div.trade div.users div.card div.card-block ul.list-group {
		list-style: none;
	}

	div.main div.users ul.pagination li.page-item a.page-link {
	  background: #232220 none repeat scroll 0 0;
	  border: 1px solid #4f4f4f;
	  color: #eeeeee;
	}

	div.main div.users div.notable ul.list-group li.list-group-item, div.trade div.users div.notable ul.list-group li.list-group-item {
	  background: #515151 none repeat scroll 0 0;
	  border: 1px solid #5e5e5e;
	  color: #eeeeee;
	}

	div.main div.users div.notable ul.list-group li.list-group-item a, div.trade div.users div.notable ul.list-group li.list-group-item a {
		color: #eee;
	}

	div.main div.users div.card div.card-block ul.list-group li a, div.trade div.users div.card div.card-block ul.list-group li a {
		color: #eee;
	}

	div.main div.btcshop a {
		color: #eee;
	}

	div.main div.tradecalculator div.card .card-footer {
	  background: #232220 none repeat scroll 0 0;
	  border-top: 1px solid #606060;
	  border-bottom-left-radius: inherit;
	  border-bottom-right-radius: inherit;
	  color: #bebebe;
	  font-size: 14px;
	  padding: 10px;
	  text-align: center;
	  text-transform: uppercase;
	}


	div.trade-suggestions-l-items ul.list-group li.list-group-item {
	  background: #6a6a6a none repeat scroll 0 0;
	  border: medium none;
	  color: #ffffff;
	  margin-top: 5px;
	  padding: 5px;
	  text-align: left;
	}

	#table_suggestions {
		display: none;
	}

	#table_suggestions tbody tr {
		cursor: pointer;
	}

	div.trade-suggestions-l-items ul.list-group li.list-group-item i {
	  height: 17px;
	  line-height: 17px;
	  margin-left: 5px;
	  margin-right: 5px;
	}

	div.main div.filters div.dropdown.filter ul.dropdown-menu {
		background-color: #232220;
	}

	div.row.trade-suggestions-l-items ul.list-group li.list-group-item span.tag {
		font-size: 100%;
	}

	div.main div.filters div.dropdown.filter ul.dropdown-menu .dropdown-item:focus, div.main div.filters div.dropdown.filter ul.dropdown-menu .dropdown-item:hover {
		background-color: #464646;
	}

	div.main div.filters div.dropdown.filter ul.dropdown-menu li.dropdown-item a {
		color: white;
		display: block;
	}


/*
	div.main div.items div.card .card-block, div.main div.deals div.card .card-block, div.main div.item-solo div.card .card-block {
	    background: none repeat scroll 0 0 #232220;
	    border-top: 1px solid #606060;
		padding: 0px !important;
	    border-bottom-left-radius: inherit;
	    border-bottom-right-radius: inherit;
	    text-align: left;
	}
*/

	div.main div.items div.card .card-block, div.main div.item-solo div.card .card-block {
	    background: none repeat scroll 0 0 #232220;
	    border-top: 1px solid #606060;
		padding: 0px;
	    border-bottom-left-radius: inherit;
	    border-bottom-right-radius: inherit;
	    text-align: left;
	}


	div.main div.deals div.card div.card-footer {
	    background: none repeat scroll 0 0 #232220;
	    border-top: 1px solid #606060;
		padding: 0px;
	    border-bottom-left-radius: inherit;
	    border-bottom-right-radius: inherit;
	    text-align: center;
	}

	#searchFilter, #searchFilterHotdeals {
		border: none;
	}

/*
	div.main div.items div.card .list-group, div.main div.deals div.card .list-group, div.main div.item-solo div.card .list-group {
		margin-bottom: 0px !important;
		padding: 10px !important;
		list-style-type: none;
	    text-align: left;
	}
*/

	div.main div.items div.card .list-group, div.main div.deals div.card .list-group, div.main div.item-solo div.card .list-group {
		margin-bottom: 0px;
		padding: 10px;
		list-style-type: none;
	    text-align: left;
	}

/*
	div.main div.items div.card .list-group .list-group-item, div.main div.deals div.card .list-group .list-group-item, div.main div.item-solo div.card .list-group .list-group-item {
	    background: transparent;
		border-radius: 0px !important;
		border: none !important;
	    color: #bebebe !important;
	    padding: 0px !important;
	    margin-bottom: 5px;
	}
*/

	div.main div.items div.card .list-group .list-group-item, div.main div.deals div.card .list-group .list-group-item, div.main div.item-solo div.card .list-group .list-group-item {
	    background: transparent;
		border-radius: 0px !important;
		border: none !important;
	    color: #bebebe !important;
	    padding: 0px;
	    margin-bottom: 5px;
	}

	div.main div.items div.card .list-group .list-group-item:last-child, div.main div.deals div.card .list-group .list-group-item:last-child, div.main div.item-solo div.card .list-group .list-group-item:last-child {
	    margin-bottom: 0px !important;
	}

	nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #CCC;
		background-color: transparent;
	}

	nav:hover .forAnimate{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	section{
		padding-left: 15px;
	}

	.OPP {
		padding: 0px;
	}

	.SMP {
		padding: 0px;
	}

	div.averagepricehistory {
	    padding: 0 !important;
	}

	div.unitssold {
		padding: 0 !important;
	}

	.nav-link {
		color: #eeeeee;
		font-size: 12px;
		line-height: 14px !important;
		text-align: right;
		text-transform: uppercase;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.nav-link:hover, .nav-link:focus {
		color: orange;
	}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}

	div.averagepricehistory {
		padding: 0 !important;
	}

	div.unitssold {
		padding: 0 !important;
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	div.tpbcontainerr {
		height: 90px;
	}

	.col-md-15 {
		width: 20%;
		float: left;
	}

	.navbar-toggleable-sm {
		margin: 0 !important;
	}

	.main {
		margin-left: 40px;
		margin-top: 65px;
		width: calc(100% - 40px);
	}

	div.averagepricehistory {
		padding: 0 !important;
	}

	div.unitssold {
		padding: 0 !important;
	}

	.nav-link {
		padding-right: 40px;
	}

	nav.sidebar.navbar.sidebar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}

	nav.sidebar .navbar-brand,nav.sidebar .navbar-header {
		text-align: center;
		width: 100%;
		margin-left: 0;
	}

	.navbar-nav .nav-item {
		border-bottom: 1px #3d3d3d solid;
		position: relative;
		margin-left: 0 !important;
		width: 100%;
	}

	nav.sidebar .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		box-shadow: none;
	}

	nav.sidebar .navbar-collapse,nav.sidebar .container-fluid {
		padding: 0;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #eee;
	}

	nav.sidebar {
		width: 210px;
		height: 100%;
		margin-left: -170px;
		float: left;
		z-index: 8000;
		margin-bottom: 0;
	}

	nav.sidebar.navbar {
		position: fixed;
		top: 65px;
		padding: 0;
	}

	.forAnimate {
		opacity: 0;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	}

	.red.tooltip.bs-tether-element-attached-left .tooltip-arrow,.red.tooltip.tooltip-right .tooltip-arrow {
		border-right-color: red !important;
	}

	.red .tooltip-inner {
		background-color: red !important;
	}

	.green.tooltip.bs-tether-element-attached-left .tooltip-arrow,.green.tooltip.tooltip-right .tooltip-arrow {
		border-right-color: green !important;
	}

	.green .tooltip-inner {
		background-color: green !important;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.sortbybar {
		margin-top: 0px;
	}

	.OPP {
		padding: 0 10px 0 0 !important;
	}

	.SMP {
		padding: 0 0 0 10px !important;
	}

	div.averagepricehistory {
		padding: 0 !important;
	}

	div.unitssold {
		padding: 0 !important;
	}

	.col-lg-15 {
		width: 20%;
		float: left;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.container {
		max-width: 1536px !important;
	}

	div.averagepricehistory {
		padding-left: 0 !important;
		padding-right: 10px !important;
	}

	div.unitssold {
		padding-right: 0 !important;
		padding-left: 10px !important;
	}

	.col-xl-15 {
		width: 20%;
		float: left;
	}
}

/* MAX WIDTHS */
@media (max-width: 544px) {
/*
	.container-fluid {
		padding: 0 !important;
	}
*/

	.navbar {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (max-width: 768px) {
	.nav-link {
		padding-right: 27px;
	}
}

/* ========================================
   FROM: style_beta.css
   ======================================== */

html{
    height: 100%;
}

body {
    min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
    background-color: #82817F;
    font-size: 14px !important;
}

.main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}


#exCollapsingNavbar2 {
    clear: both;
}

#pagination {
    visibility: hidden;
}

#infscr-loading {
    visibility: hidden;
}

div.tpbcontainerr .flip-container {
  -webkit-perspective: 1000;
          perspective: 1000;
}

div.tpbcontainerr .flip-container.hover .flipper, div.tpbcontainerr .flip-container.flip .flipper {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  -webkit-transform-origin: 100% 45px;
          transform-origin: 100% 45px;
}

div.tpbcontainerr .flip-container, div.tpbcontainerr .front, div.tpbcontainerr .back {
  width: 760px;
  height: 90px;
  margin: 0 auto;
}

div.tpbcontainerr .flipper {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;

  position: relative;
}

div.tpbcontainerr .front, div.tpbcontainerr .back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

  position: absolute;
  top: 0;
  left: 0;
}

div.tpbcontainerr .front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}

div.tpbcontainerr .back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}



.username_tier1 {
    color: red !important;
    font-weight: bold !important;
}

html body div.main div.container.m-t-2 div.notifications div.card div.card-block div.alert.alert-info.alert-dismissible button.close {
    bottom: 0 !important;
    right: 10px !important;
     top: 0 !important;
     position: absolute !important;
}

div.main div.item-solo div.row.m-b-1.text-xs-center a img {
    width: 100%;
    max-width: 336px;
}

.jumbotron {
    background-color: #333333 !important;
    color: #eeeeee !important;
}

hr {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

div.main div.jumbotron.jumbotron-fluid div.container ul.list-group li.list-group-item {
  background-color: #4e4e4e;
  border-color: #6c6c6e;
}

div.main div.deals div.grid-item div.card div.card-block img.w-100 {
    max-width: 360px;
}

.grid-item {
    min-width: 280px;
}

div.items div.grid-item div.card div.card-block ul.list-group li.list-group-item a {
    display: block;
}

.yadcf-filter {
    height: 15px !important;
}

div.main div.float div.card div.card-header a {
    color: #eee;
}

div.card div.card-block h5 a {
    color: #eee;
}

div.table-responsive table.table.items2compare tbody tr {
    background-color: #fff;
}

div.table-responsive table.table.items2compare td, div.table-responsive table.table.items2compare th {
    padding: 0.5rem !important;
}

.btn-label {
    background: #232220 none repeat scroll 0 0;
    cursor: default;
    border: medium none;
    color: #ffffff;
}

.table-light {
    background: #fff;
    color: #333;
}

.btn-label-sortby {
    background: #535250 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
}

.btn-label-sortby.active {
    color: #ffa500 !important;
}

.btn-label-sortby:hover {
    background: #232220 none repeat scroll 0 0;
}

.navbar-toggler {
    color: #ffffff;
    padding: 24px !important;
    width: 70px;
}

nav.sidebar.toggled {
    margin-left: 0px;
}

.main.toggled {
    margin-left: 210px;
}

.navbar-brand {
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px !important;
  margin-top: 4px;
  padding: 0 !important;
}

.input-group-addon.primary {
color: rgb(255, 255, 255);
background-color: rgb(50, 118, 177);
border-color: rgb(40, 94, 142);
}
.input-group-addon.success {
color: rgb(255, 255, 255);
background-color: rgb(92, 184, 92);
border-color: rgb(76, 174, 76);
}
.input-group-addon.info {
color: rgb(255, 255, 255);
background-color: rgb(57, 179, 215);
border-color: rgb(38, 154, 188);
}
.input-group-addon.warning {
color: rgb(255, 255, 255);
background-color: rgb(240, 173, 78);
border-color: rgb(238, 162, 54);
}
.input-group-addon.danger {
color: rgb(255, 255, 255);
background-color: rgb(217, 83, 79);
border-color: rgb(212, 63, 58);
}

div.main div.list div.input-group input.form-control {
    border: none;
}

div.main div.list div.input-group span.input-group-addon {
    border: none;
}

/*
div.main div.float ul.list-group li.list-group-item {
  background: #232220 none repeat scroll 0 0;
  border: medium none;
  padding: 5px 10px;
}
*/

/*
div.main div.float ul.list-group li.list-group-item.addinfo {
  background: #656462 none repeat scroll 0 0;
  border: medium none;
}
*/

div.main div.float div.card div.card-block div.row:last-child h5 {
    margin-bottom: 0px;
}

.media-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 15px;
}

.media-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    margin-bottom: 1rem;
    padding: 15px;
}

div.main div.float a.hotdealalert, div.main div.item-solo a.hotdealalert {
    text-decoration: none;
}

div.main div.float a.hotdealalert:hover div.media, div.main div.item-solo a.hotdealalert:hover div.media {
    background-color: #ffffee !important;
    transition: 500ms;
}

#pricelist {
    background: white;
    display: none;
}

#listLoader {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    z-index: 9999;
}

#pricelist_filter {
    display: none;
}

.tag-dark {
    background-color: #464646;
}

.navbar-brand img {
    height: 50px;
}

div.items div.card div.title a {
    color: #eee;
}

div.deals div.grid-item div.card div.item-img span.discount {
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
}

div.icons {
  bottom: 0;
  line-height: 34px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 39px;
}

div.main div.items div.card div.card-block, div.main div.item-solo div.card div.card-block {
    padding: 0px !important;
}

ul.nav.navbar-nav li:hover {
    background: #222 !important;
}

div.deals div.card div.title {
    font-size: 12px;
}

div.deals div.card div.item-img {
    height: 140px;
}

div.deals div.card div.item-img img {
    height: 140px;
    width: 140px;
}

span.discount, span.tag-deals, a.tag-deals{
    font-size: 14px;
}

span.discount {
    position: absolute;
    right: 10px;
    top: 10px;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.p-fixed {
    position: fixed;
}

footer {
    background: #232220 none repeat scroll 0 0;
    margin-top: 25px;
}

footer p.trademark {
  color: #777;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

footer div.row ul {
  list-style-type: none;
  margin: 10px 0 0;
  padding-left: 0;
}

footer div.row ul li {
    font-size: 12px;
}

footer div.row ul.social li {
    margin-bottom: 5px;
    position: relative;
}

footer div.row ul li a {
    color: #888888;
}

footer div.row ul li img {
    width: 30px;
}

.twitter-follow-button {
  left: 37px;
  position: absolute !important;
  top: 5px;
  vertical-align: top;
}

div.main #float_recent table tbody tr td a {
    color: orange;
}

.btn-dark {
    background-color: #232220;
    border-color: #232220;
    color: #ffffff;
}

div.row.opskins {
    background-color: #232220;
    border-radius: 0.25rem;
}

div.row.steammarket {
    background-color: #232220;
    border-radius: 0.25rem;
}

#pricelist tbody tr td a {
    color: #333;
}

.chartLoaderList {
    background-color: #eee;
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.chartLoader {
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
    background-color: #eeeeee;
    height: 40px;
    margin: auto;
    width: 40px;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.steam-group-button {
    font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
    height: 22px;
    border-radius: 4px;
    color: #FFF;
    left: 3px;
    top: 4px;
    font-size: 13px;
    line-height: 19px;
    outline: none;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    border: #333 solid 1px;
    background-color: #4D4B48;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D4B48),to(#111));
    background-image: -webkit-linear-gradient(top,#4D4B48,#111);
    background-image: linear-gradient(top,#4D4B48,#111);
}

.steam-group-button:focus, .steam-group-button:hover, .steam-group-button:active {
    color: #FFF;
    border-color: #111;
    background-color: #333;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#444),to(#111));
    background-image: -webkit-linear-gradient(top,#444,#111);
    background-image: linear-gradient(top,#444,#111);
    box-shadow: none;
}

.steam-group-button:active {
    box-shadow: inset 0 3px 7px rgba(255,255,255,0.15);
}

.steam-group-tag {
  font-size: 10px;
  padding: 0 5px;
  text-transform: uppercase;
}

.fb-follow.fb_iframe_widget {
  left: 7px;
  top: 2px;
}

.fb-like.fb_iframe_widget {
  left: 10px;
  top: 2px;
}

#topbar {
    height: 65px;
    width: 100%;
    background: #232220 none repeat scroll 0 0;
    position: fixed;
    z-index: 999;
}

#logoR {
    float: left;
    height: 65px;
    position: relative;
    width: 190px;
}

.grid-item-inventory {
/* 	   width: 230px; */
   width: 250px;
   background-color: #333;
   margin: 5px;
/* 	   height: 230px; */
   height: 250px;
   position: relative;
}

#logoR a {
    height: 100%;
    display: block;
}

#logoR a img {
    width: 185px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.popover {
    color: #333;
    width: 200px;
}

div.trend {
    float: right;
    height: 6px;
    margin-right: 3px;
    margin-top: 6px;
    width: 9px;
}

div.trend.uptrend {
    background: rgba(0, 0, 0, 0) url("/images/up-down.png") no-repeat scroll 0 0;
}

div.trend.downtrend {
    background: rgba(0, 0, 0, 0) url("/images/up-down.png") no-repeat scroll 0 -9px;
}

div.similaritems div.card ul {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}

div.similaritems ul li.list-group-item {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  font-size: 12px;
  padding: 5px !important;
}

div.similaritems ul li.list-group-item a {
    color: #bebebe !important;
}

div.similaritems ul li.list-group-item:nth-child(2n) {
    background: #585755 none repeat scroll 0 0;
}

div.similaritems ul li.list-group-item:last-child {
  margin-bottom: 0 !important;
}

div.relateditems div.card div.row, div.similaritems div.card div.row {
    padding: 10px;
}

div.relateditems div.card div.row a.card, div.similaritems div.card div.row a.card {
  background: #333 none repeat scroll 0 0;
  border: 1px solid #666;
  padding: 0;
}

div.relateditems div.card div.row a.card:hover, div.similaritems div.card div.row a.card:hover {
  border: 1px solid #eee;
  background: #333 none repeat scroll 0 0;
  color: #bebebe;
  text-decoration: none;
}

div.relateditems div.card div.row a.card p, div.similaritems div.card div.row a.card p {
  font-size: 11px;
  margin: 0 !important;
  text-align: center;
  padding: 5px;
  color: #bebebe;
}

div.relateditems div.card div.row a.card div.card-block p, div.similaritems div.card div.row a.card div.card-block p {
    margin: 5px;
}

#searchBarForm {
    position: relative;
}

#searchBar {
  float: left;
  height: 65px;
  margin-left: 15px;
}

#currencyBar {
  float: left;
  height: 65px;
  margin-left: 15px;
}

#currencyBar div.btn-group {
    margin-top: 16px;
}

#currencyBar div.btn-group button {
    border: none;
}

#currencyBar div.btn-group.open ul.dropdown-menu {
    min-width: auto !important;
}

#loginBar {
    height: 65px;
}

#loginBar img {
    width: 65px;
}

/*
#loginBar div.dropdown div.dropdown-menu {
  left: auto;
  right: 5px;
}
*/

div.main div.tradecalculator div.card div.card-block div.list-group a.list-group-item.list-group-item-action {
    padding: 5px;
    border: none;
    text-align: left;
}

div.main div.tradecalculator div.card div.card-block div.list-group a.list-group-item.list-group-item-action span.tag {
    font-size: 100%;
}

div.tradecalculator button.dropdown-item.selected {
    background-color: red !important;
}

#topbar #loginBar form input {
bottom: 0;
height: 64px;
margin: auto;
position: absolute;
right: -15px;
top: 0;
width: 90px;
background-color: #333;
color: white;
}

/*
	Removed - conflicts with #topbar #searchBarForm input rule from style-header.css
	#searchBar input {
	    padding-right: 20px;
	    margin-top: 16px;
	    width: 250px;
	    -webkit-transition: 500ms;
	    transition: 500ms;
	    border: none !important;
	}
*/

/*
#searchBar input.selected {
    width: 300px;
}
*/

#searchBar i {
  bottom: 0;
  color: #aaa;
  height: 15px;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 0;
}

.autocomplete-suggestions {
    background: white;
    overflow-x: hidden;
    overflow-y: auto;
}

.autocomplete-suggestion {
  cursor: pointer;
  font-size: 12px;
  padding: 5px;
}

.autocomplete-selected {
    background-color: #eee;
}

#logoL {
    float: left;
    height: 65px;
    position: relative;
    width: 70px;
}

#logoL a {
    height: 100%;
    display: block;
}

#logoL a img {
    height: 65px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.navbar-inverse {
    background-color: #333 !important;
}

li.list-group-item span.wear {
    font-size: 12px;
}

div.items li.list-group-item span.price {
    font-size: 12px;
    float: right;
}

div.OPP li.list-group-item, div.SMP li.list-group-item {
    margin-bottom: 10px !important;
}

.main .row, .trade .row{
    padding: 0px;
    margin: 0px;
    position: relative;
}


div.row.relateditems div.card div.row div.masonry div.grid-item-solo a.card.text-xs-center img {
    width: 100%;
    max-width: 100px;
}

div.row.similaritems div.card div.row div.masonry div.grid-item-solo a.card.text-xs-center img {
    width: 100%;
    max-width: 100px;
}

nav.sidebar.navbar {
    border-radius: 0px;
}

nav.sidebar, .main{
    -webkit-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.nav-link {
    line-height: 14px!important;
    text-transform: uppercase;
    text-align: right;
}

.filters {
    text-align: left;
}

.filter {
    display: inline-block;
}

div.filters div.filter button {
    background: #232220 none repeat scroll 0 0;
    border: none;
    color: #fff;
}

div.card-block {
    font-size: 12px;
    color: #eee;
}

ul li.fn a {
    color: #71a6db !important;
}

ul li.mw a {
    color: #43afbd !important;
}

ul li.ft a {
    color: #9debfc !important;
}

ul li.ww a {
    color: #feb228 !important;
}

ul li.bs a {
    color: #8d7754 !important;
}

ul li.reg a {
    color: #eee !important;
}

.chartContainer {
  background: #464646 none repeat scroll 0 0;
  /* margin-bottom: 20px; */
  padding: 0 20px;
  text-align: center;
  height: 400px;
  position: relative;
}

#chartLoader {
  bottom: 0;
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}

.inspectLink {
    margin: 10px;
    position: relative;
    z-index: 998;
}

.stattraklink {
  margin: 10px;
  position: relative;
  z-index: 998;
}

div.main div.card div.card-header, div.trade div.card div.card-header {
  background: #232220 none repeat scroll 0 0;
  border-bottom: 1px solid #606060;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  color: #bebebe;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

div.main div.card div.card-footer, div.trade div.card div.card-footer {
  background: #232220 none repeat scroll 0 0;
  border-top: 1px solid #606060;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #bebebe;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

div.main div.title, div.trade div.title {
  background: #232220 none repeat scroll 0 0;
  border-bottom: 1px solid #606060;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  color: #bebebe;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

div.main div.title.trade {
  border-bottom: 3px solid #5cb85c;
}

div.main div.title.sale {
  border-bottom: 3px solid #d9534f;
}


div.main div.img_container, div.trade div.img_container {
  background: #232220 none repeat scroll 0 0;
  border-bottom: 1px solid #606060;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  height: 45px;
  padding: 10px;
  position: relative;
}

div.main div.quality, div.trade div.quality {
    font-size: 15px;
}

div.main div.quality span.tag, div.trade div.quality span.tag {
    white-space: normal;
}

div.main div.collection, div.trade div.collection {
    font-size: 15px;
}

ul.chartperiods {
/* 		border-color: #666; */
    border-color: transparent;
}

ul.chartperiods .nav-item .nav-link {
    background: #585755 none repeat scroll 0 0;
    border-color: #585755;
    color: #fff;
    margin-right: 5px;
}

ul.chartperiods .nav-item .nav-link:focus, ul.chartperiods .nav-item .nav-link:hover {
    background: #464646 none repeat scroll 0 0;
    border-color: #464646;
    color: #fff;
}

ul.chartperiods .nav-item.active .nav-link, ul.chartperiods .nav-item.active .nav-link:focus, ul.chartperiods .nav-item.active .nav-link:hover {
    background: #464646 none repeat scroll 0 0;
    border-color: #464646;
    color: #fff;
}

.tag-collection {
    background: purple;
}

div.main div.special.stattrak, div.trade div.special.stattrak {
  font-size: 15px;
}

.tag-stattrak {
    background: #cf6a32;
}

.tag-holo {
    background: #b822f7;
}

.tag-foil {
    background: #f7ef22 none repeat scroll 0 0;
    color: #333333;
}

div.main div.special.souvenir, div.trade div.special.souvenir {
  font-size: 15px;
}

.tag-souvenir {
    background: #ffd700;
}

span.soldPrice {
    float: right;
}

div.unitssold div.card ul.list-group li.list-group-item {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    font-size: 12px;
    padding: 5px !important;
    margin-bottom: 0 !important;
}

div.unitssold div.card ul.list-group li.list-group-item:nth-child(2n) {
    background: #585755 none repeat scroll 0 0;
}

div.unitssold div.card ul.list-group {
    padding: 0 !important;
}

div.averagepricehistory div.card ul.list-group li.list-group-item p {
    float: right;
    margin: 0 !important;
}

div.averagepricehistory div.card ul.list-group dl.dl-horizontal {
    margin-bottom: 5px;
}

div.averagepricehistory div.card ul.list-group dl.dl-horizontal dt {
  color: #eee;
  height: 25px;
  line-height: 25px;
  width: 70px;
}

div.averagepricehistory div.card ul.list-group dl.dl-horizontal dd {
  margin-left: 85px;
}

div.averagepricehistory div.card ul.list-group dl.dl-horizontal dd span.tag {
    margin-right: 5px;
}

div.main div.item-img, div.trade div.item-img {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
  min-height: 255px;
}

div.main div.item-img img, div.trade div.item-img img {
    max-width: 360px;
    width: 100%;
}

.img-loading {
    background: transparent url('https://www.steamanalyst.com/images/sa-loader-grey.gif') center no-repeat;
}

div.main span.exterior, div.trade span.exterior {
    text-transform: uppercase;
}

span.abbr_exterior {
    display: inline-block;
    display: none;
}

div.main span.price, div.trade span.price {
    text-align: right;
}

/*
div.main div.items div.card, div.main div.deals div.card, div.main div.item-solo div.card, div.main div.tradecalculator div.card, div.main div.btcshop div.card {
    background: none repeat scroll 0 0 #464646;
    border: none !important;
    padding: 0px !important;
    cursor: default;
}
*/

div.main div.card, div.trade div.card {
    background: none repeat scroll 0 0 #464646;
    border: none !important;
    padding: 0px !important;
    cursor: default;
}

div.main div.items div.card {
    height: 400px;
}

div.main div.api_doc div.card {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

div.main div.api_doc div.card div.card-header {
  background: #333333 none repeat scroll 0 0;
  color: #eeeeee !important;
}

#float_results div.card div.card-block ul.list-group li.list-group-item {
  background-color: #333333;
  border: medium none;
  margin-bottom: 5px;
  padding: 5px;
}

div.main div.users div.card div.card-block ul.list-group, div.trade div.users div.card div.card-block ul.list-group {
    list-style: none;
}

div.main div.users ul.pagination li.page-item a.page-link {
  background: #232220 none repeat scroll 0 0;
  border: 1px solid #4f4f4f;
  color: #eeeeee;
}

div.main div.users div.notable ul.list-group li.list-group-item, div.trade div.users div.notable ul.list-group li.list-group-item {
  background: #515151 none repeat scroll 0 0;
  border: 1px solid #5e5e5e;
  color: #eeeeee;
}

div.main div.users div.notable ul.list-group li.list-group-item a, div.trade div.users div.notable ul.list-group-item a {
    color: #eee;
}

div.main div.users div.card div.card-block ul.list-group li a, div.trade div.users div.card div.card-block ul.list-group li a {
    color: #eee;
}

div.main div.btcshop a {
    color: #eee;
}

div.main div.tradecalculator div.card .card-footer {
  background: #232220 none repeat scroll 0 0;
  border-top: 1px solid #606060;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #bebebe;
  font-size: 14px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
}

div.trade-suggestions-l-items ul.list-group {

}

div.trade-suggestions-l-items ul.list-group li.list-group-item {
  background: #6a6a6a none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  margin-top: 5px;
  padding: 5px;
  text-align: left;
}

#table_suggestions {
    display: none;
}

#table_suggestions tbody tr {
    cursor: pointer;
}

div.trade-suggestions-l-items ul.list-group li.list-group-item i {
  height: 17px;
  line-height: 17px;
  margin-left: 5px;
  margin-right: 5px;
}

div.main div.filters div.dropdown.filter ul.dropdown-menu {
    background-color: #232220;
}

div.row.trade-suggestions-l-items ul.list-group li.list-group-item span.tag {
    font-size: 100%;
}

div.main div.filters div.dropdown.filter ul.dropdown-menu .dropdown-item:focus, div.main div.filters div.dropdown.filter ul.dropdown-menu .dropdown-item:hover {
    background-color: #464646;
}

div.main div.filters div.dropdown.filter ul.dropdown-menu li.dropdown-item a {
    color: white;
    display: block;
}


/*
div.main div.items div.card .card-block, div.main div.deals div.card .card-block, div.main div.item-solo div.card .card-block {
    background: none repeat scroll 0 0 #232220;
    border-top: 1px solid #606060;
    padding: 0px !important;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    text-align: left;
}
*/

div.main div.items div.card .card-block, div.main div.item-solo div.card .card-block {
    background: none repeat scroll 0 0 #232220;
    border-top: 1px solid #606060;
    padding: 0px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    text-align: left;
}

div.main div.items div.card .card-block {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 130px;
}

div.main div.deals div.card div.card-footer {
    background: none repeat scroll 0 0 #232220;
    border-top: 1px solid #606060;
    padding: 0px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    text-align: center;
}

#searchFilter, #searchFilterHotdeals {
    border: none;
}

/*
div.main div.items div.card .list-group, div.main div.deals div.card .list-group, div.main div.item-solo div.card .list-group {
    margin-bottom: 0px !important;
    padding: 10px !important;
    list-style-type: none;
    text-align: left;
}
*/

div.main div.items div.card .list-group, div.main div.deals div.card .list-group, div.main div.item-solo div.card .list-group {
    margin-bottom: 0px;
    padding: 10px;
    list-style-type: none;
    text-align: left;
}

/*
div.main div.items div.card .list-group .list-group-item, div.main div.deals div.card .list-group .list-group-item, div.main div.item-solo div.card .list-group .list-group-item {
    background: transparent;
    border-radius: 0px !important;
    border: none !important;
    color: #bebebe !important;
    padding: 0px !important;
    margin-bottom: 5px;
}
*/

div.main div.items div.card .list-group .list-group-item, div.main div.deals div.card .list-group .list-group-item, div.main div.item-solo div.card .list-group .list-group-item {
    background: transparent;
    border-radius: 0px !important;
    border: none !important;
    color: #bebebe !important;
    padding: 0px;
    margin-bottom: 5px;
}

div.main div.items div.card .list-group .list-group-item:last-child, div.main div.deals div.card .list-group .list-group-item:last-child, div.main div.item-solo div.card .list-group .list-group-item:last-child {
    margin-bottom: 0px !important;
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

section{
    padding-left: 15px;
}

.OPP {
    padding: 0px;
}

.SMP {
    padding: 0px;
}

div.averagepricehistory {
    padding: 0 !important;
}

div.unitssold {
    padding: 0 !important;
}

.nav-link {
    color: #eeeeee;
    font-size: 12px;
    line-height: 14px !important;
    text-align: right;
    text-transform: uppercase;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nav-link:hover, .nav-link:focus {
    color: orange;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

.col-xs-15 {
width: 20%;
float: left;
}


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
.col-sm-15 {
    width: 20%;
    float: left;
}

div.averagepricehistory {
    padding: 0 !important;
}

div.unitssold {
    padding: 0 !important;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

div.tpbcontainerr {
    height: 90px;
}

.col-md-15 {
    width: 20%;
    float: left;
}

.navbar-toggleable-sm {
    margin: 0 !important;
}

.main {
    margin-left: 40px;
    margin-top: 65px;
    width: calc(100% - 40px);
}

div.averagepricehistory {
    padding: 0 !important;
}

div.unitssold {
    padding: 0 !important;
}

.nav-link {
    padding-right: 40px;
}

nav.sidebar.navbar.sidebar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

nav.sidebar .navbar-brand,nav.sidebar .navbar-header {
    text-align: center;
    width: 100%;
    margin-left: 0;
}

.navbar-nav .nav-item {
    border-bottom: 1px #3d3d3d solid;
    position: relative;
    margin-left: 0 !important;
    width: 100%;
}

nav.sidebar .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

nav.sidebar .navbar-collapse,nav.sidebar .container-fluid {
    padding: 0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #eee;
}

nav.sidebar {
    width: 210px;
    height: 100%;
    margin-left: -170px;
    float: left;
    z-index: 8000;
    margin-bottom: 0;
}

nav.sidebar.navbar {
    position: fixed;
    top: 65px;
    padding: 0;
}

.forAnimate {
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.red.tooltip.bs-tether-element-attached-left .tooltip-arrow,.red.tooltip.tooltip-right .tooltip-arrow {
    border-right-color: red !important;
}

.red .tooltip-inner {
    background-color: red !important;
}

.green.tooltip.bs-tether-element-attached-left .tooltip-arrow,.green.tooltip.tooltip-right .tooltip-arrow {
    border-right-color: green !important;
}

.green .tooltip-inner {
    background-color: green !important;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

.sortbybar {
    margin-top: 0px;
}

.OPP {
    padding: 0 10px 0 0 !important;
}

.SMP {
    padding: 0 0 0 10px !important;
}

div.averagepricehistory {
    padding: 0 !important;
}

div.unitssold {
    padding: 0 !important;
}

.col-lg-15 {
    width: 20%;
    float: left;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.container {
    max-width: 1536px !important;
}

div.averagepricehistory {
    padding-left: 0 !important;
    padding-right: 10px !important;
}

div.unitssold {
    padding-right: 0 !important;
    padding-left: 10px !important;
}

.col-xl-15 {
    width: 20%;
    float: left;
}
}

/* MAX WIDTHS */
@media (max-width: 544px) {
/*
.container-fluid {
    padding: 0 !important;
}
*/

.navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}

@media (max-width: 768px) {
.nav-link {
    padding-right: 27px;
}
}

/* Wiki-style card classes */
.text-bg-dark-sa {
    background-color: #464646 !important;
    color: white !important;
}

.text-bg-light-sa {
    background-color: #232220 !important;
}

.card.text-bg-dark-sa {
    border: 1px solid #555;
}

.card.text-bg-dark-sa .card-footer {
    border-top: 1px solid #555;
}

.badge.badge-pill {
    padding: 0.35em 0.65em;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 10rem;
}

/* Override for wiki-style cards */
div.items div.grid-item div.card.text-bg-dark-sa {
    background-color: #464646 !important;
    color: white !important;
    border: 1px solid #444;
    display: flex;
    flex-direction: column;
}

div.items div.grid-item div.card.text-bg-dark-sa .text-center {
    text-align: center !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mt-2 {
    margin-top: 0.5rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mb-1 {
    margin-bottom: 0.25rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mb-2 {
    margin-bottom: 0.5rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mb-3 {
    margin-bottom: 1rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mb-0 {
    margin-bottom: 0 !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .p-4 {
    padding: 1.5rem !important;
}

div.items div.grid-item div.card.text-bg-dark-sa .lead {
    font-size: 1.25rem;
    font-weight: 300;
}

div.items div.grid-item div.card.text-bg-dark-sa .card-img-top {
    width: 100%;
    height: auto;
    display: block;
}

div.items div.grid-item div.card.text-bg-dark-sa .card-footer {
    background-color: #1a1a1a !important;
    border-top: 1px solid #444;
    padding: 0.75rem 1.25rem;
}

div.items div.grid-item div.card.text-bg-dark-sa .card-footer.text-bg-light-sa {
    background-color: #232220 !important;
}

div.items div.grid-item div.card.text-bg-dark-sa a {
    color: white !important;
    text-decoration: none;
}

div.items div.grid-item div.card.text-bg-dark-sa a:hover {
    text-decoration: underline;
}

div.items div.grid-item div.card.text-bg-dark-sa p {
    margin: 0;
}

/* Ensure footer is visible and properly styled */
div.items div.grid-item div.card.text-bg-dark-sa .card-footer.text-center {
    display: block !important;
    visibility: visible !important;
    text-align: center !important;
}

/* Fix for model/name spacing */
div.items div.grid-item div.card.text-bg-dark-sa .text-center p {
    margin-bottom: 0.25rem;
}

div.items div.grid-item div.card.text-bg-dark-sa .text-center .lead {
    font-size: 1.15rem;
    margin-bottom: 0 !important;
}

/* Remove any height restrictions and ensure full card display */
div.items div.grid-item div.card.text-bg-dark-sa {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

/* Make sure all card parts are visible */
div.items div.grid-item div.card.text-bg-dark-sa > * {
    flex-shrink: 0;
}

/* Card header styling for model/name */
div.items div.grid-item div.card.text-bg-dark-sa .card-header {
    background-color: #232220 !important;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #555;
}

div.items div.grid-item div.card.text-bg-dark-sa .card-header p {
    margin: 0.25rem 0;
}

/* Tag/rarity badge styling */
div.items div.grid-item div.card.text-bg-dark-sa .tag {

/* Price range font size */
div.items div.grid-item div.card.text-bg-dark-sa .text-center p {
	font-size: 20px !important;
}

/* ========================================
   FROM: main.css
   ======================================== */

/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}
a {
  text-decoration: none;
}
li a {
  text-decoration: underline;
  color: #0288d1;
}
.mdl-grid {
  max-width: 1024px;
  margin: auto;
}
.mdl-layout__header-row {
  padding: 0;
}
.quickstart-user-details-container {
  margin-top: 20px;
  line-height: 25px;
}
#quickstart-sign-in-status {
  font-weight: bold;
}
pre {
  overflow-x: scroll;
  line-height: 18px;
}
code {
  white-space: pre-wrap;
  word-break: break-all;
}
h3 {
  background: url('/firebase-logo.png') no-repeat;
  background-size: 40px;
  padding-left: 50px;
  color: white;
}