@charset 'windows-1251';
/* CSS Document */

.dc_thedeck {
  float: left;

  width: 280px;
  margin-right: 20px;
  margin-bottom: 20px;

  text-align: left !important;

  color: #100a0b !important;
  border-bottom: solid 5px #36221e;
  background-color: #36221e;
}

.dc_dhead {
  font-size: 1.1em;

  width: auto;
  padding-left: 5px;

  text-align: center;

  color: #fff;
  background-color: #36221e;
}

.dc_redframe {
  border: solid 1px #9a0e11 !important;
}

.dc_wcstat1,
.dc_wcstat2,
.dc_wcstat3,
.dc_wcstat4 {
  font-weight: bold;

  color: rgb(183, 171, 169) !important;
  text-shadow: 1px 1px 2px #000;
}

#streamercentral {
  vertical-align: top;
}

#streamplayer {
  display: inline-block;

  width: 844px;

  vertical-align: top;
}

#activestreamers {
  display: inline-block;
  overflow-y: auto;

  width: 286px;
  height: 466px;

  vertical-align: top;
}

/* width */
.streamercentral ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.streamercentral ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

/* Handle */
.streamercentral ::-webkit-scrollbar-thumb {
  background: #36221e;
}

/* Handle on hover */
.streamercentral ::-webkit-scrollbar-thumb:hover {
  background: #482d28;
}

.dc_streamername {
  font-weight: bold;

  color: #ac3925;
}

.dc_stream_name {
  font-size: 0.8em;
  line-height: 1em;
}

.dc_viewers {
  float: right;
}

.dc_activestrm {
  opacity: 1 !important;
}

.dc_strm {
  font-family: titillium web, sans-serif !important;

  display: inline-block;

  width: 278px;
  height: 108px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 5px 12px;

  cursor: pointer;
  text-align: left;
  vertical-align: top;

  opacity: 0.75;
  /* border: solid 1px #36221e; */
  color: rgb(183, 171, 169) !important;
  border-radius: 4px;
  background-color: #36221e;
}

.dc_strm:hover {
  opacity: 1;
}

.dc_discover {
  font-size: 1.2em;
  font-weight: bold;

  margin-bottom: 15px;

  color: #fff !important;
  text-shadow: 1px 1px 1px #000;
}

.dc_token {
  font-size: 1.3em !important;
  font-weight: bold !important;

  width: 85% !important;

  cursor: pointer;
  text-align: center;

  color: #ac3925 !important;
}

.dc_tkn {
  padding: 5px;

  color: #e1e1e1;
  border: solid 1px #ac3925;
  border-radius: 5px;
  /* background-color: rgba(255,255,255,.4); */
  text-shadow: 1px 1px 1px #100a0b;
}

.at_fullmeta {
  float: right;
}

.dc_heading_h1_main,
.dc_heading_h1_main_meta {
  font-size: 1.5em !important;
  font-weight: bold;
  line-height: 21px;

  float: left;

  margin-bottom: 10px;

  color: #c3c3c3 !important;
}

.dc_heading_h2_main {
  font-size: 1.5em !important;
  font-weight: bold;
  line-height: 16px;

  margin-bottom: 10px;

  color: #c3c3c3 !important;
}

.dc_trackerbanner {
  min-height: 358px;
  padding-top: 206px;

  text-align: center;

  color: #fff;
  border-radius: 5px;
  background: url(https://mtgarena.pro/wp-content/uploads/sites/3/2018/10/maxresdefault.jpg)
    50% 30% no-repeat;
}

.dc_trackerbannerhead {
  width: 100%;
}

.dc_feature {
  display: inline-block;

  width: 98%;
  height: 32px;
  margin-top: 3px;
  padding: 2px 10px;

  text-align: left;

  color: #fff !important;
  border: solid 1px rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  text-shadow: 1px 1px 1px #000;
}

.dc_download_button {
  font-family: titillium web, sans-serif;
  font-size: 1.2em;

  display: inline-block;

  width: 98%;
  height: 70px;
  padding: 5px;

  transition-duration: 100ms;
  transition-property: background-color;

  color: #fff !important;
  border: solid 1px #fff;
  border-radius: 5px;
  /* background-color: rgba(255,255,255,.4); */
  text-shadow: 1px 1px 1px #100a0b;
}

.dc_download_button:hover,
.dc_download_button_main:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.dc_download_button_main {
  font-family: titillium web, sans-serif;

  float: right;

  width: 230px;
  height: 58px;
  padding: 3px;

  transition-duration: 0.1s;
  transition-property: background-color;
  text-align: center;

  color: #fff !important;
  border-radius: 5px;
  /* border: solid 1px #fff; */
  background-color: rgba(255, 255, 255, 0.2);
  text-shadow: 1px 1px 1px #100a0b;
}

.dc_smallicons {
  line-height: 15px;

  width: 70px;
  height: 27px;

  text-align: center;
}

.dc_manasmallgroup > span {
  position: relative;

  margin-left: -10px;
}

.dc_oncard {
  margin-top: 5px;
}

.dc_card {
  overflow: hidden;

  width: 188px;
  height: 346px;

  text-align: center;
}

.dc_barcard {
  /*float: left;

    margin-top: 1px;
    margin-left: 6px;

    opacity: .8;*/
}

.dc_baractivecards {
  line-height: 20px;

  position: relative;
  top: 0;
  left: 0;

  display: inline-block;
  overflow: hidden;

  width: 0;
  height: 20px;
  padding-left: 10px;

  text-align: left;
}

.dc_statval_small_cards {
  font-family: titillium web, sans-serif;

  position: relative;
  top: -32px;
  left: 5px;

  color: #f7f7f3;
}

.dc_barscards {
  overflow: hidden;

  width: 182px;
  height: 20px;
  margin-bottom: 4px;
  padding: 0 !important;

  text-align: left;

  background-color: rgba(255, 255, 255, 0.1);

  /*border: solid 1px rgba(132,52,38,.9);
    border-radius: 4px;
    background-color: #4a4543;*/
}

.dc_drow {
  line-height: 31px;

  width: auto;
  height: 31px;

  transition-duration: 100ms;
  transition-property: filter;

  color: #000 !important;
  border-bottom: solid 1px #36221e;
}

.dc_drow:hover {
  filter: brightness(1.2);
}

.dc_tags {
  display: inline-block;

  margin: 2px 5px;
  padding: 3px;

  cursor: pointer;

  color: #843426;
  border: solid 1px #843426;
  border-radius: 4px;
}

.dc_tags:hover {
  color: #fff;
  background-color: rgba(183, 96, 9, 0.5);
}

.dc_attr_f {
  line-height: 29px;

  width: 30px !important;
  height: 30px !important;
  margin: 5px !important;
  padding: 0 !important;

  border-radius: 50% !important;
}

.dc_ccc {
  font-size: 16px;
  line-height: 31px;

  height: 31px;
}

.dc_ccopies {
  font-weight: bold;
  line-height: 27px;

  float: right;

  width: 23px;
  height: 27px !important;
  margin-top: 2px;

  text-align: center;

  color: #fff !important;
}

.dc_cname {
  font-size: 1.2em;

  height: 31px !important;
}

.dc_empty {
  font-size: 1.5em;
  line-height: 166px;

  width: 100%;
  height: 166px;

  text-align: center;

  color: #dadada;
}

.dc_cmana {
  width: 31px;
  height: 31px !important;
  padding-top: 1px;

  text-align: center;
}

.dc_deckheader {
  font-size: 1.6em;

  margin-top: 5px;

  text-align: center;
}

.dc_point {
  cursor: pointer;
}

.dc_ib {
  display: inline-block;
}

.dc_tc {
  display: table-cell;
}

.dc_fl {
  float: left;
}

.dc_fr {
  float: right;
}

.dc_fltr {
  font-size: 1.4em;

  margin-right: 2px;
  margin-bottom: 2px;
  margin-left: 2px;

  text-align: center !important;
}

#main_filters {
  float: right;
}

.dc_deckparrow {
  display: block;

  height: 22px;
}
.dc_gs {
  transition-duration: 200ms;
  transition-property: filter, opacity;

  box-shadow: none !important;

  filter: brightness(0.7);
}

.dc_gs:hover {
  filter: brightness(0.9);
}

.dc_inv {
  filter: invert(100%);
}

.dc_tournpar {
  padding: 0 5px;
}

.dc_tmainname {
  font-weight: 800;

  overflow: hidden;

  width: 98%;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc_tournmain {
  display: inline-block;

  width: 100%;
  margin-top: 10px;
  padding: 5px;

  text-align: left !important;
  vertical-align: middle;

  color: #a59a94;
  border: solid 1px #a59a94;
  border-radius: 4px;
}

.dc_tourstatus {
  line-height: normal !important;

  width: 60px;
  margin: 2px;
  padding: 2px;

  text-align: center;

  color: #fff;
  border-radius: 4px;
  background-color: #36221e;
}

.dc_tourstatusred {
  line-height: normal !important;

  width: 60px;
  margin: 2px;
  padding: 2px;

  text-align: center;

  color: #fff;
  border-radius: 4px;
  background-color: #843426;
}

.dc_highlight {
  filter: brightness(1.2);
}

#main_out {
  margin-top: 7px;
}

.dc_eventcal {
  font-family: titillium web, sans-serif !important;

  display: inline-block;

  width: 278px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 0 12px;

  text-align: center;
  vertical-align: top;
  /* border: solid 1px #36221e; */

  color: rgb(183, 171, 169) !important;
  border-radius: 4px;
  background-color: #36221e;
}

.dc_futureevent {
  filter: opacity(0.7);
}

.dc_entry {
  display: inline-block;
}

.dc_eventname {
  font-weight: 700;

  overflow: hidden;

  max-width: 250px;

  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.at_deckoverlay {
  height: 94px;

  border-radius: 4px;

  filter: brightness(0.7);
}

.at_dnoverlay {
  line-height: 1.4em;

  position: relative;
  top: -85px;

  height: 83px;
  padding-left: 10px;

  text-align: center;

  color: #fff !important;
}

.at_wins {
  font-size: 1.5em;

  display: inline-block;

  text-align: left;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.at_loss {
  font-size: 1.5em;

  display: inline-block;

  text-align: left;

  color: #dadada !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.at_rank {
  font-size: 1.5em;

  position: absolute;
}

.at_trend {
  font-size: 1.5em;

  position: absolute;
  bottom: 0;
}

.at_decktext {
  overflow: hidden;

  height: 94px;

  text-align: center;
}

.at_decktext:hover .at_hidetool {
  opacity: 1;
}

.select2-container--default .select2-selection--single {
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #774b43 !important;
  border-left: none !important;
  border-radius: 0 !important;
}
.select2-selection {
  overflow: hidden;

  height: 58px;

  color: #9f9f9f !important;
  background-color: #36221e !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #9f9f9f !important;
}

.dc_atmain {
  font-family: titillium web, sans-serif !important;

  display: inline-block;

  width: 278px;
  height: 94px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 2px;

  vertical-align: top;

  color: rgb(183, 171, 169) !important;
  border-radius: 4px;
  background-color: #36221e;
}

.dc_deck_main {
  font-family: titillium web, sans-serif !important;

  display: inline-block;

  width: 278px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 0 12px;

  vertical-align: top;
  /* border: solid 1px #36221e; */

  color: rgb(183, 171, 169) !important;
  border-radius: 4px;
  background-color: #36221e;
}

.dc_deckpar > img {
  filter: invert(0.8);
}

.dc_meta_main {
  display: inline-block;

  width: 380px;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 5px;

  text-align: left !important;
  vertical-align: middle;

  border: solid 1px #36221e;
  border-radius: 4px;
  background-color: #a59a94;
}

.at_hidetool {
  position: absolute;
  top: 0;
  right: 0;

  margin-right: 5px;

  opacity: 0;
  color: #fff;
}

.dc_meta_main:hover,
.dc_deck_main:hover,
.dc_tournmain:hover,
.dc_atmain:hover {
  filter: brightness(1.2);
}

.dc_deckpar {
  display: inline-block;

  vertical-align: middle;
}

.dc_colorbar {
  line-height: 18px;

  display: inline-block;

  height: 20px;

  text-align: center;
  vertical-align: top;

  border-radius: 4px;
}

.dc_colorbar > img {
  vertical-align: baseline;
}

.dc_parstats {
  width: 190px;
}

.dc_deckpar > a {
  color: #c3c3c3 !important;
}

.at_decktitle {
  font-family: titillium web, sans-serif !important;
  font-size: 1.1em;

  display: inline-block;
  overflow: hidden;
  /*width: 100%;*/

  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.dc_decktitle {
  font-family: "Titillium Web", sans-serif !important;

  overflow: hidden;

  width: 70%;

  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dc_stat {
  line-height: 20px;

  display: inline-block;

  width: 23.8%;
  height: 20px;
  margin-bottom: 1px;
  margin-left: 2px;

  transition-duration: 200ms;
  transition-property: background-color;
  text-align: center;
  vertical-align: top;

  color: rgb(183, 171, 169);
  border-radius: 4px;
}

.dc_stat:hover {
  background-color: #f7f7f3;
}

.dc_statval {
  font-size: 12px;
  font-weight: bold;

  display: inline;

  color: #36221e;
}

.dc_curve {
  float: left;

  width: 7px;
  height: 40px;
  /*background-color: #9f9f9f;*/
  margin-left: 1px;

  border-bottom: solid 1px #1b0000;
  background: rgba(89, 69, 53, 0.2);
}

.dc_curveactive {
  position: relative;

  text-align: center;
  vertical-align: bottom;

  background-color: rgb(183, 171, 169);
}

.dc_main_card {
  text-align: center;
}

.dc_main_left {
  text-align: left;
}

.dc_old {
  filter: sepia(90%);
}

.dc_arrows {
  line-height: 414px;

  display: inline-block;

  height: 414px;
}

#main_meta {
  margin-bottom: 5px;
}

#meta_out {
  clear: both;

  text-align: center;
}

.dc_more_cards {
  font-weight: bold;

  display: inline-block;

  width: auto;
  margin-top: 5px;
  /*float: right;*/
  /* margin-top: 10px; */
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 2px;
  padding: 0 4px;
  /* transition-duration: 200ms; */
  /* transition-property: background-color,color; */
  /* text-align: center; */
  /* vertical-align: middle; */

  color: #ac3925;
}

.dc_more_cards > img {
  filter: invert(0.85);
}

.dc_more_cards:hover {
  color: #ac3925;
}

.dc_more_news {
  font-weight: bold;

  display: block;
  clear: both;

  width: 150px;
  margin-top: 2px;
  margin-bottom: 15px;
  padding: 4px;

  transition-duration: 200ms;
  transition-property: background-color, color;
  text-align: center;
  vertical-align: middle;

  color: #843426;
  border: solid 1px #843426;
  border-radius: 4px;
}

.dc_more_news:hover {
  color: #ac3925;
}

.dc_main_greeting {
  font-size: 1.1em !important;

  display: inline-block;

  width: 100%;
  margin-right: 5px;

  text-align: left;
  vertical-align: middle;

  color: #843426;
  border-radius: 4px;
}

.dc_tier {
  width: 24.4% !important;

  border: solid 1px #843426;
  background-color: #36221e;
}

.dc_digit {
  display: inline-block;

  width: 20%;
}

.dc_digit_n {
  font-family: "Titillium Web", sans-serif;
  font-size: 3em;
  font-weight: bold;

  text-align: center;
}

.dc_digit_text {
  font-family: "Titillium Web", sans-serif;

  text-align: center;
}

@media only screen and (max-width: 1200px) {
  .dc_fltr {
    width: 90px;
  }

  .dc_deck_main {
    width: 49.5% !important;
  }

  .dc_curve {
    width: 7px;
  }

  div#main_filters {
    text-align: center;
  }

  .dc_tier {
    width: 24% !important;
  }

  .dc_meta_main {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  .dc_trackerbannerhead {
    display: none;
  }

  .dc_main_left {
    text-align: center !important;
  }

  .dc_deck_main {
    width: 49% !important;
  }

  .dc_fltr {
    width: 100px;
  }
}

@media only screen and (max-width: 670px) {
  .dc_fltr {
    width: 111px;
  }

  .dc_digit {
    width: 100%;
  }

  .dc_deck_main {
    width: 100% !important;
  }

  .dc_curve {
    width: 5px !important;
  }

  .dc_more {
    width: 100% !important;
  }

  .dc_more_cards {
    margin-right: 1% !important;
  }
}

@media only screen and (max-width: 470px) {
  .streamplayer {
    width: 100% !important;
  }

  .dc_dhead {
    line-height: 25px;

    width: 350px;
    height: 25px;
    padding-left: 5px;

    color: #100a0b;
    background-color: #a88f87;
  }

  .dc_cname {
    overflow: hidden;

    width: 300px;
    height: 25px !important;
  }

  .dc_drow {
    line-height: 25px;

    width: 350px;
    height: 25px;

    transition-duration: 100ms;
    transition-property: filter, opacity;

    opacity: 0.8;
    border-bottom: solid 1px #a88f87;

    filter: grayscale(0.6);
  }

  .dc_ccopies {
    width: 25px;
    height: 25px !important;
  }

  .dc_fltr {
    width: 99px;
  }
}