*:first-child {
  margin-top: 0;
}

*:last-child {
  margin-bottom: 0;
}

ul.dash {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}
ul.dash li:before {
  display: inline-block;
  content: "-";
  width: 1em;
  margin-left: -1em;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.form-control {
  color: #000;
  border-color: #FFF;
}
input.form-control[type=text] {
  font-size: 1.1em;
}

a.btn {
  text-decoration: none;
}

button[data-toggle=dropdown] span.glyphicon:first-child {
  margin-right: 5px;
}

.btn-white {
  background-color: #EEE;
  border-color: #EEE;
  color: #000;
}

.btn-white:hover {
  background-color: #888;
  border-color: #888;
}

.dropdown-menu a {
  cursor: pointer;
}
.dropdown-menu li .glyphicon {
  margin-right: 10px;
}

.input-group-addon {
  color: #FFFFFF;
}

.vertical-middle {
  display: flex;
  align-items: center;
}

.alert-primary {
  color: #ffffff;
  background-color: #2a9fd6;
  border-color: #2a9fd6;
}

.alert-default {
  color: #888888;
  background-color: #3c3c3c;
  border-color: #282828;
}

nav.navbar {
  margin-bottom: 2px;
}

#hints .alert {
  margin-bottom: 20px;
}
#hints .alert .flex {
  display: flex;
  align-items: center;
}
#hints .alert .flex .message {
  flex: 1;
  -webkit-flex: 1;
}
#hints .alert .flex .control:last-child {
  margin-left: 10px;
}
#hints .alert .flex .control:first-child {
  margin-right: 10px;
}
#hints .alert .flex .control .user-name {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.5em;
  font-weight: bold;
  color: #7F7;
  vertical-align: middle;
}

#user-balance {
  display: inline;
  font-size: 20px;
  font-weight: bold;
  margin-right: 5px;
  vertical-align: middle;
  color: #FFF;
  margin-right: 20px;
}

#main-text {
  color: #CCC;
  font-size: 1.1em;
}
#main-text h4, #main-text h5 {
  color: #FC4;
}
#main-text h6 {
  color: #DFD;
}

.help h1, .help h2, .help h3, .help h4 {
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 10px;
}
.help h1 {
  font-size: 25px;
}
.help h2 {
  font-size: 22px;
}
.help h3 {
  font-size: 19px;
}
.help h4 {
  font-size: 16px;
}

@font-face {
  font-family: "Foo";
  src: url(/fonts/foo.woff);
}
.font-foo, .font-foo:hover {
  font-family: "Foo";
}
.font-foo.yellow, .font-foo:hover.yellow {
  color: #FC4;
}
.font-foo.yellow.glow, .font-foo:hover.yellow.glow {
  text-shadow: 0 2px 1px #D62, 2px 2px 1px #D62, 0 2px 1px #D62, -2px 2px 1px #D62, -2px 0 1px #D62, -2px -2px 1px #D62, 0 -2px 1px #D62, 2px -2px 1px #D62;
}

@font-face {
  font-family: "TF2Mart";
  src: url(/fonts/tf2mart.woff?v=6);
  font-weight: normal;
  font-style: normal;
}
[class^=tf2-], [class*=" tf2-"] {
  font-family: "TF2Mart" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tf2-class-heavy:before {
  content: "0";
}

.tf2-class-medic:before {
  content: "1";
}

.tf2-class-engineer:before {
  content: "2";
}

.tf2-class-demoman:before {
  content: "3";
}

.tf2-class-scout:before {
  content: "4";
}

.tf2-class-sniper:before {
  content: "5";
}

.tf2-class-soldier:before {
  content: "6";
}

.tf2-class-pyro:before {
  content: "7";
}

.tf2-class-spy:before {
  content: "8";
}

.tf2-class-multi:before {
  content: "m";
}

.tf2-slot-primary:before {
  content: "a";
}

.tf2-slot-secondary:before {
  content: "b";
}

.tf2-slot-melee:before {
  content: "c";
}

.tf2-slot-misc:before {
  content: "d";
}

.tf2-slot-pda:before {
  content: "e";
}

.tf2-slot-action:before {
  content: "f";
}

.tf2-slot-taunt:before {
  content: "g";
}

.tf2-quality:before {
  content: "B";
}

.active > .tf2-quality:before {
  content: "A";
}

.tf2-paint:before {
  content: "B";
}

.active > .tf2-paint:before {
  content: "A";
}

.tf2-paint1:before {
  content: "E";
}

.active > .tf2-paint1:before {
  content: "C";
}

.tf2-paint2:before {
  content: "F";
}

.active > .tf2-paint2:before {
  content: "D";
}

.tf2-paint-x:before {
  content: "H";
}

.active > .tf2-paint-x:before {
  content: "G";
}

.notification {
  width: 800px;
  padding-bottom: 20px;
  cursor: pointer;
}
.notification .alert {
  text-align: center;
  margin: 0;
}
.notification .message {
  display: inline-block;
  text-align: left;
}
.notification h4 {
  font-size: 1.7em;
  font-weight: bold;
}
.notification p {
  font-size: 1.2em;
}

#notifier {
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 3000 !important;
  margin-left: -400px;
}
#notifier .notification {
  opacity: 0;
}

.overlay {
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
}
.overlay.modal-dialog {
  position: fixed;
  z-index: 2000;
}
.overlay .overlay-box {
  position: fixed;
  display: block;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  background-color: #000;
  content: " ";
}
.overlay .overlay-content {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.overlay .overlay-content .message {
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px 65px;
  font-size: 25px;
  color: #fff;
}

.user-avatar {
  border-radius: 3px 3px 3px 3px;
  padding: 2px;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
}
.user-avatar.offline {
  background: linear-gradient(to bottom, #706C6B 5%, #4E4D4D 95%);
}
.user-avatar.online {
  background: linear-gradient(to bottom, #7BAFD6 5%, #506D92 95%);
}
.user-avatar .image {
  border: 1px solid #545454;
  border-radius: 3px 3px 3px 3px;
  height: 34px;
  width: 34px;
}

#main-menu .flex {
  display: flex;
  align-items: center;
}
#main-menu .flex .menu {
  flex: 1;
  -webkit-flex: 1;
}
#main-menu a {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 2px;
}
#main-menu a:hover {
  background-color: #222222;
  text-decoration: none;
}
#main-menu .weather-label {
  font-weight: bold;
  color: #FFFFFF;
  font-size: 16px;
}
#main-menu .aort {
  color: #FFFFFF;
  font-size: 14px;
  cursor: default;
}
#main-menu .weather {
  padding: 4px;
  margin-left: 10px;
  background-color: #222222;
  border-radius: 3px;
}
#main-menu .tooltip {
  font-weight: bold;
  font-size: 16px;
}

.paginator {
  display: inline-block;
}
.paginator button {
  width: 50px;
}

.items {
  position: relative;
}
.items .position[data-size=sm] {
  width: 60px;
  height: 60px;
}
.items .position[data-size=md] {
  width: 80px;
  height: 80px;
}
.items .position[data-size=lg] {
  width: 100px;
  height: 100px;
}
.items .position[data-size=xl] {
  width: 128px;
  height: 128px;
}
.items .popover {
  min-width: 500px;
}
.items .popover .item-popover {
  display: flex;
  align-items: left;
}
.items .popover .item-popover .position {
  margin-right: 10px;
}
.items .popover .disabled-description {
  color: #FF3333;
  margin-top: 5px;
}
.items .popover-title {
  font-weight: bold;
  font-size: 1.1em;
}
.items .popover-content .value {
  margin-left: 10px;
}
.items .popover-content .white {
  color: #FFFFFF;
}
.items .popover-content .position {
  margin: 0;
}
.items .popover-content .position[disabled] {
  opacity: 1;
}
.items .position {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 4px;
}
.items .position[disabled] {
  opacity: 0.4;
}
.items .position .image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
}
.items .position .border {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 2px;
  border-radius: 10px;
  border-style: solid;
  width: 100%;
  height: 100%;
  position: absolute;
}
.items .position .border .background {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 8px;
}
.items .position .border[data-craftable] {
  border-style: dashed;
}
.items .position .badge, .items .position[data-app="440"] .strange-part, .items .position[data-app="440"] .series, .items .position[data-app="440"] .wearlevel, .items .position[data-app="440"] .killstreak, .items .position .price, .items .position .quantity {
  padding: 0 4px;
  border-radius: 4px;
  cursor: default;
  border-width: 1px;
  border-style: solid;
  color: #000000;
  text-align: center;
}
.items .position .icons {
  position: absolute;
  cursor: default;
  font-size: 14px;
}
.items .position .icons.tl {
  top: -2px;
  left: -2px;
  text-align: left;
}
.items .position .icons.tl .glyphicon {
  vertical-align: top;
}
.items .position .icons.tr {
  top: -2px;
  right: -2px;
}
.items .position .icons.bl {
  bottom: -2px;
  left: -2px;
}
.items .position .icons.br {
  bottom: -2px;
  right: -2px;
}
.items .position .quantity {
  top: -2px;
  left: -2px;
  background-color: #FFFFFF;
  border-color: #cccccc;
}
.items .position .disabled-ct {
  color: #000000;
  text-shadow: 0 2px 1px #FFFFFF, 2px 2px 1px #FFFFFF, 0 2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, -2px 0 1px #FFFFFF, -2px -2px 1px #FFFFFF, 0 -2px 1px #FFFFFF, 2px -2px 1px #FFFFFF;
}
.items .position .disabled-na, .items .position .disabled-nt, .items .position .disabled-os {
  color: #FF0000;
  text-shadow: 0 2px 1px #FFFFFF, 2px 2px 1px #FFFFFF, 0 2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, -2px 0 1px #FFFFFF, -2px -2px 1px #FFFFFF, 0 -2px 1px #FFFFFF, 2px -2px 1px #FFFFFF;
}
.items .position .price {
  right: -2px;
  bottom: -2px;
  background-color: #EEE;
  border-color: #bbbbbb;
}
.items .position .price[data-refs] {
  background-color: #8FF;
  border-color: #22ffff;
}
.items .position .price[data-keys] {
  background-color: #FF8;
  border-color: #ffff22;
}
.items .position[data-size=sm] .icons {
  font-size: 80%;
}
.items .position[data-size=xl] .icons {
  font-size: 150%;
}

[data-quality-color="0"] {
  color: #B2B2B2;
}

[data-quality-color="1"] {
  color: #4D7455;
}

[data-quality-color="3"] {
  color: #476291;
}

[data-quality-color="5"] {
  color: #8650AC;
}

[data-quality-color="6"] {
  color: #FFD700;
}

[data-quality-color="7"] {
  color: #70B04A;
}

[data-quality-color="8"] {
  color: #A50F79;
}

[data-quality-color="9"] {
  color: #70B04A;
}

[data-quality-color="11"] {
  color: #CF6A32;
}

[data-quality-color="13"] {
  color: #38F3AB;
}

[data-quality-color="14"] {
  color: #AA0000;
}

[data-quality-color="15"] {
  color: #FAFAFA;
}

[data-rarity-color="0"] {
  color: #B2C3D9;
}

[data-rarity-color="1"] {
  color: #5E98D9;
}

[data-rarity-color="2"] {
  color: #4B69FF;
}

[data-rarity-color="3"] {
  color: #8847FF;
}

[data-rarity-color="4"] {
  color: #D32CE6;
}

[data-rarity-color="5"] {
  color: #EB4B4B;
}

@keyframes border-animation {
  from {
    border-color: rgba(var(--border), 0);
  }
  to {
    border-color: rgba(var(--border), 1);
  }
}
.border-animate {
  animation: border-animation 1s infinite alternate linear;
}

.items .position[data-app="440"][data-size=sm] .border .paint {
  background-position: 34px -23px;
}
.items .position[data-app="440"][data-size=md] .border .paint {
  background-position: 45px -30px;
}
.items .position[data-app="440"][data-size=lg] .border .paint {
  background-position: 56px -38px;
}
.items .position[data-app="440"][data-size=xl] .border .paint {
  background-position: 72px -48px;
}
.items .position[data-app="440"][data-quality="0"] .border {
  --border: 178, 178, 178;
  border-color: #B2B2B2;
}
.items .position[data-app="440"][data-quality="0"] .background {
  background-color: #B2B2B2;
}
.items .position[data-app="440"][data-quality="0"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="1"] .border {
  --border: 77, 116, 85;
  border-color: #4D7455;
}
.items .position[data-app="440"][data-quality="1"] .background {
  background-color: #4D7455;
}
.items .position[data-app="440"][data-quality="1"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="3"] .border {
  --border: 71, 98, 145;
  border-color: #476291;
}
.items .position[data-app="440"][data-quality="3"] .background {
  background-color: #476291;
}
.items .position[data-app="440"][data-quality="3"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="5"] .border {
  --border: 134, 80, 172;
  border-color: #8650AC;
}
.items .position[data-app="440"][data-quality="5"] .background {
  background-color: #8650AC;
}
.items .position[data-app="440"][data-quality="5"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="6"] .border {
  --border: 255, 215, 0;
  border-color: #FFD700;
}
.items .position[data-app="440"][data-quality="6"] .background {
  background-color: #FFD700;
}
.items .position[data-app="440"][data-quality="6"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="7"] .border {
  --border: 112, 176, 74;
  border-color: #70B04A;
}
.items .position[data-app="440"][data-quality="7"] .background {
  background-color: #70B04A;
}
.items .position[data-app="440"][data-quality="7"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="8"] .border {
  --border: 165, 15, 121;
  border-color: #A50F79;
}
.items .position[data-app="440"][data-quality="8"] .background {
  background-color: #A50F79;
}
.items .position[data-app="440"][data-quality="8"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="9"] .border {
  --border: 112, 176, 74;
  border-color: #70B04A;
}
.items .position[data-app="440"][data-quality="9"] .background {
  background-color: #70B04A;
}
.items .position[data-app="440"][data-quality="9"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="11"] .border {
  --border: 207, 106, 50;
  border-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="11"] .background {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="11"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="13"] .border {
  --border: 56, 243, 171;
  border-color: #38F3AB;
}
.items .position[data-app="440"][data-quality="13"] .background {
  background-color: #38F3AB;
}
.items .position[data-app="440"][data-quality="13"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="14"] .border {
  --border: 170, 0, 0;
  border-color: #AA0000;
}
.items .position[data-app="440"][data-quality="14"] .background {
  background-color: #AA0000;
}
.items .position[data-app="440"][data-quality="14"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"][data-quality="15"] .border {
  --border: 250, 250, 250;
  border-color: #FAFAFA;
}
.items .position[data-app="440"][data-quality="15"] .background {
  background-color: #FAFAFA;
}
.items .position[data-app="440"][data-quality="15"] .background.strange {
  background-color: #CF6A32;
}
.items .position[data-app="440"] .killstreak[data-tier="1"] {
  background-color: #B2B2B2;
  border-color: #7f7f7f;
}
.items .position[data-app="440"] .killstreak[data-tier="2"] {
  background-color: #4D7455;
  border-color: #243728;
}
.items .position[data-app="440"] .killstreak[data-tier="3"] {
  background-color: #CF6A32;
  border-color: #7e401d;
}
.items .position[data-app="440"] .wearlevel[data-level="1"] {
  background-color: #009999;
  border-color: #003333;
}
.items .position[data-app="440"] .wearlevel[data-level="2"] {
  background-color: #00B3B3;
  border-color: #004d4d;
}
.items .position[data-app="440"] .wearlevel[data-level="3"] {
  background-color: #00CCCC;
  border-color: #006666;
}
.items .position[data-app="440"] .wearlevel[data-level="4"] {
  background-color: #00E6E6;
  border-color: teal;
}
.items .position[data-app="440"] .wearlevel[data-level="5"] {
  background-color: #00FFFF;
  border-color: #009999;
}
.items .position[data-app="440"] .border .paint {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-repeat: no-repeat;
  border-radius: 8px;
}
.items .position[data-app="440"] .border .effect {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-position: center center;
}
.items .position[data-app="440"] .wearlevel {
  font-size: 80%;
}
.items .position[data-app="440"] .series {
  font-size: 90%;
  background-color: #AAFFFF;
  border-color: #44ffff;
}
.items .position[data-app="440"] .strange-part {
  font-size: 80%;
  background-color: #CF6A32;
  border-color: #7e401d;
}
.items .popover-content .ks-color {
  color: #7EA9D1;
}
.items .popover-content .effect-color {
  color: #8650AC;
}
.items .popover-content .paint-color {
  color: #38F3AB;
}
.items .popover-content .ss-color {
  color: #CF6A32;
}
.items .popover-content .craft-number-color {
  color: #FF1111;
}
.items .popover-content .halloween-color {
  color: #9D0D9D;
}
.items .popover-content .collection-name {
  font-size: 110%;
  color: #B4B4B4;
}

#order-filters-dialog .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 48px;
}
#order-filters-dialog .icon-filter {
  display: inline-block;
  cursor: pointer;
  margin: 0 0.15em;
}
#order-filters-dialog .tooltip-inner {
  font-size: 20px;
}
#order-filters-dialog .icon-filter.active {
  color: #7FFF7F;
}
#order-filters-dialog .nav-tabs li {
  cursor: pointer;
}
#order-filters-dialog .nav-tabs li a {
  font-size: 1.2em;
}
#order-filters-dialog .tab-pane {
  width: 860px;
}
#order-filters-dialog .content {
  height: 250px;
}

#order-filter-quality .effect {
  width: 100%;
  text-align: center;
  margin-top: -5em;
  position: absolute;
  display: none;
}

#order {
  display: inline-block;
  width: 1000px;
  position: relative;
}
#order .nav-tabs li {
  cursor: pointer;
}
#order .nav-tabs li a {
  font-size: 1.2em;
}
#order .filters {
  margin-bottom: 10px;
}
#order .tags {
  margin-bottom: 10px;
}
#order .tags a {
  display: inline-block;
  line-height: 1.3em;
  cursor: pointer;
}
#order .tags a[data-filter] {
  color: #FFFF00;
  border-bottom: 1px dashed #FFFF00;
  margin: 0 5px;
}
#order .tags a[data-filter]:hover {
  text-decoration: none;
  text-shadow: 0 0 1px #FFFF00;
}
#order .tags a[data-filter=name] {
  color: #AFAFFF;
  border-bottom: 1px dashed #AFAFFF;
  margin: 0 5px;
}
#order .tags a[data-filter=name]:hover {
  text-decoration: none;
  text-shadow: 0 0 1px #AFAFFF;
}
#order .tags a[data-filter=reset] {
  color: #FF0000;
  border-bottom: 1px dashed #FF0000;
  margin: 0 5px;
}
#order .tags a[data-filter=reset]:hover {
  text-decoration: none;
  text-shadow: 0 0 1px #FF0000;
}
#order .order-cart {
  margin-top: 10px;
}
#order #order-mart-cart {
  display: inline-block;
}
#order #order-user-cart {
  display: inline-block;
}
#order .rows-number {
  display: none;
  height: 1px;
}
#order .order-items .items {
  width: 968px;
  height: 88px;
}
#order .order-cart.shop .items {
  width: 680px;
  min-height: 136px;
}
#order .order-cart.mart .items {
  width: 340px;
  min-height: 136px;
}
#order .paginator {
  position: absolute;
  margin-top: -44px;
  right: 0px;
}
#order #order-balance {
  cursor: default;
}
#order #order-balance.disabled {
  color: #F00;
}

@media (min-height: 590px) {
  #order .rows-number {
    height: 2px;
  }
  #order .order-items .items {
    height: 176px;
  }
}
@media (min-height: 680px) {
  #order .rows-number {
    height: 3px;
  }
  #order .order-items .items {
    height: 264px;
  }
}
@media (min-height: 770px) {
  #order .rows-number {
    height: 4px;
  }
  #order .order-items .items {
    height: 352px;
  }
}
#order-details {
  display: flex;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
#order-details .spacer {
  flex: 1;
  -webkit-flex: 1;
}
#order-details .items {
  min-height: 136px;
}
#order-details.mart .items {
  width: 408px;
}
#order-details.shop .panel {
  margin-left: auto;
  margin-right: auto;
}
#order-details.shop .items {
  width: 680px;
}