/* CSS Document
a54a08
 */
* {
  /*  color: #100a0b;*/
}

.page-wrap {
  padding-top: 0 !important;

  color: #9f9f9f !important;
  background-color: #1b0000;
}

.content-wrapper {
  background-color: #1b0000 !important;
}

.container {
  /*width:1345px !important;
    padding-left:15px !important;
    margin:0 !important;*/
}

.dc_point {
  cursor: pointer;
}

.dc_ib {
  display: inline-block;
}

.dc_fl {
  float: left;
}

.dc_fr {
  float: right;
}

.dc_bigico {
  font-size: 1.5em;
}

.dc_bigicofilter {
  font-size: 1.75em;

  margin: 10px;
}

.dc_card {
  overflow: hidden;

  width: 206px;
  height: 380px;

  text-align: center;
}

.dc_bars {
  overflow: hidden;

  width: 250px;
  height: 31px;
  margin-bottom: 4px;
  padding: 0 !important;

  border-radius: 4px;
  background-color: #9a8f8c;
}

.dc_wconcard {
  position: relative;
  top: -28px;
  left: 0;
}

.dc_oncard {
  margin-top: 5px;
}

.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 {
  position: relative;
  font-family: titillium web, sans-serif;
  top: -32px;
  left: 5px;

  color: #f7f7f3;
}

.dc_barscards {
  overflow: hidden;

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

  text-align: left;

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

.dc_carddesc {
  margin-left: 43px;
  padding-left: 3px;

  border-width: 4px;
  border-style: solid;
}

.dc_crdname {
  font-size: 1.1em;
  font-weight: 800;

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

.dc_crdtxt {
  font-size: 0.9em;
  line-height: 1;

  text-align: left;
}

.dc_cardimg {
  width: 200px !important;
  margin-right: 28px;

  border-radius: 5%;
}

.dc_fltrtype {
  padding-top: 8px;
}

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

  display: inline-block;

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

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

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

.dc_gs {
  transition-duration: 200ms;
  transition-property: filter, opacity;

  filter: brightness(0.75);
}

.dc_gs_active {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);

  filter: brightness(1.2);
}

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

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

.dc_arrows {
  line-height: 414px;

  display: inline-block;

  height: 414px;
}

.dc_attr_f {
  margin: 1px;
  padding: 1px;
}

.dc_attr_r {
  width: 30px;
}

.dc_attr_c {
  width: 32px;
}

.dc_titlecell {
  min-width: 130px;
}

.dc_noresults {
  font-size: 2em;
  font-weight: bolder;
  line-height: 300px;

  width: 100%;
  height: 300px;

  text-align: center;
  vertical-align: middle;

  color: #b3b3b3;
}

.dc_clsselico {
  position: relative;
  top: 12px;
  left: 125px;
}

#mainout {
  text-align: center !important;
}

.dc_tournmenubutton {
  width: 140px;
  margin: 4px;
  padding: 4px;

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

  color: #100a0b;
  border: solid 1px #a88f87;
  border-radius: 4px;
  background-color: #9f9f9f;
}

.dc_colorfilter {
  width: 30px;
  height: 30px;

  border-radius: 50%;
}

.dc_reprint {
  width: 200px;
  display: inline-block;
}

.dc_smrtsrch {
  width: 865px !important;
  max-width: 100%;
  height: 28px !important;
  margin-bottom: 1px !important;
  padding-bottom: 5px;

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

#filters {
  width: 1200px;
  margin-bottom: 2px;
  margin-bottom: 5px;
  padding: 5px;

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

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

.select2-selection {
  overflow: hidden;

  height: 58px;

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

.select2-selection__rendered {
  color: #9f9f9f !important;
}

.select2-selection__choice {
  color: #000;
}

#smartsrchfltr {
  margin-right: 5px;
  padding-left: 5px;

  cursor: text;

  border-top: none;
  border-right: none;
  border-bottom: 1px solid #83524a;
  border-left: none;
  border-radius: 0;
}

.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;
}

#controls {
  width: 150px;
  height: 117px;

  vertical-align: top;
}

.dc_saver {
  line-height: 28px;

  width: 150px;
  height: 28px;
  margin-bottom: 1px;
  margin-left: 2px;

  text-align: center;

  color: #100a0b;
  border: solid 1px #a88f87;
  border-radius: 4px;
  background-color: #9f9f9f;
}

#fraction {
  display: inline-block;
  overflow: hidden;

  width: 190px;
  margin-right: 3px;

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

#type {
  width: 190px;
  height: 117px;
  margin-right: 5px;
  margin-left: 5px;

  vertical-align: top;
}

#cost {
  overflow: hidden;

  width: 132px;
  height: 116px;
  margin-right: 3px;
  padding-top: 5px;
}

#kw {
  width: 250px;
  height: 117px;
  margin-right: 3px;

  vertical-align: top;
}

#sort {
  overflow: hidden;

  width: 70px;
  height: 116px;
  margin-right: 3px;
}

#cardname {
  display: none;
  float: left;

  width: 65%;
  height: 116px;
  margin-right: 3px;
}

#goback {
  display: none;
  float: right;

  width: 132px;
  height: 116px;
  margin-right: 3px;
  padding-top: 5px;
}

.dc_srt {
  width: 33px;
  height: 60px;
  padding-right: 2px;
}

.dc_srt:hover {
  filter: grayscale(0);
}

.dc_page {
  font-size: 12px;
  line-height: 15px;

  width: 17px;
  height: 17px;
  margin-right: 4px;
  padding: 2px;

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

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

.dc_page:hover {
  color: #36221e;
  background-color: #f7f7f3;
}

.dc_page:active {
  color: #000;
  background-color: #fff;
}

.dc_progress {
  display: inline-block;
  overflow: hidden;

  width: 300px;
  height: 23px;
  margin-left: 1px;

  border: solid 1px #a88f87;
  border-radius: 4px;
}

.dc_progressbar {
  font-size: 0.85em;
  line-height: 21px;

  display: inline-block;

  height: 27px;
  padding-left: 5px;

  text-align: left;
  vertical-align: middle;
  white-space: nowrap;

  color: #000;
  border-radius: 4px;
  background-color: #9f9f9f;
}

.dc_dhead {
  line-height: 25px;

  width: 230px;
  height: 25px;

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

.dc_drow {
  line-height: 25px;

  display: table-row;

  height: 25px;
}

.dc_cell {
  display: table-cell;

  padding: 5px;

  vertical-align: top;

  border-bottom: solid 1px #a88f87;
}

.dc_al {
  text-align: left;
}

.dc_ar {
  text-align: right;
}

.dc_attr_kw {
  display: inline-block;

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

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

  color: #100a0b;
  border: solid 1px #a88f87;
  border-radius: 4px;
  background-color: #9f9f9f;
}

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

.dc_pageout {
  text-align: center;
}

.dc_round {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.dc_roundnum {
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;

  width: 25px;
  height: 25px;

  text-align: center;

  border: solid 1px #a88f87;
  background-color: #eeece7;
}

.dc_costnum {
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;

  width: 21px;
  height: 21px;

  text-align: center;

  border: solid 1px #a88f87;
  background-color: #eeece7;
}

#right {
  width: 220px;
  margin-left: 3px;
}

#main {
  clear: both;
}

.dc_margleft {
  margin-left: 220px;
}

#left {
  width: 100%;
  margin: 5px 0;
  margin-bottom: 2px;
  padding: 5px;

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

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

#wrap {
  margin: auto;
}

.dc_manaround {
  font-weight: bold;
  line-height: 25px;

  display: inline-block;

  width: 25px;
  height: 25px;

  text-align: center;

  color: #120c0e;
  border-radius: 50%;
  background-color: #cbc2c0;
}

.dc_smallhalf {
  display: inline-block;

  width: 40%;
  padding-top: 20px;
}

.dc_bighalf {
  display: inline-block;

  width: 59%;
  padding: 10px;

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

.dc_fullwidth {
  width: 100%;
  padding: 10px;
  /*  text-align: left !important;*/
}

.dc_lightup {
  filter: invert(100%) !important;
}

#statsmain {
  font-weight: bold;

  margin-bottom: 4px;
}

#bottom {
  clear: both;

  color: #100a0b !important;
}

.dc_hlp {
  position: relative;

  height: 220px !important;
}

#help {
  padding: 30px;
}

.dc_attrimg {
  width: 90px;
}

#crst {
  float: right;

  margin-right: 10px;
}

.dc_spinner {
  position: relative;

  width: 40px;
  height: 40px;
  margin: 100px auto;

  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
  text-align: center;
}

.dc_dot1,
.dc_dot2 {
  position: absolute;
  top: 0;

  display: inline-block;

  width: 60%;
  height: 60%;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;

  border-radius: 100%;
  background-color: #333;
}

.dc_dot2 {
  top: auto;
  bottom: 0;

  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.dc_deck_main {
  display: inline-block;

  width: 32%;
  margin-right: 14px;
  margin-bottom: 5px;
  padding: 2px;

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

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

.dc_deckpar {
  display: inline-block;

  margin-right: 5px;

  text-align: center;
  vertical-align: middle;
}

.dc_stat_decks {
  font-size: 10px;
  line-height: 20px;

  display: inline-block;

  width: 57px;
  height: 20px;
  margin-left: 2px;

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

  color: #100a0b;
  border: solid 1px #a88f87;
  border-radius: 4px;
  background-color: #9f9f9f;
}

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

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

  display: inline;

  color: rgba(132, 52, 38, 0.9);
}

.dc_curve {
  float: left;

  width: 5px;
  height: 40px;
  margin-left: 1px;

  background-color: #100a0b;
}

.dc_curveactive {
  text-align: center;
  vertical-align: bottom;

  background-color: #9f9f9f;
}

#pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dc_selpag {
  font-weight: bold !important;

  color: #36221e !important;
  border: solid 1px #36221e;
  background-color: #f7f7f3 !important;
}

.dc_page {
  font-size: 14px;
  line-height: 30px;

  width: 30px;
  height: 30px;
  margin-right: 4px;
  padding: 1px;

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

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

.dc_page:hover {
  color: #36221e;
  border: solid 1px #36221e;
  background-color: #f7f7f3;
}

.dc_page:active {
  color: #000;
  border: solid 1px #000;
  background-color: #fff;
}

.dc_nerf {
  margin: 25px;

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

.dc_deckname {
  display: inline-flex;
  overflow: hidden;

  width: 200px;

  white-space: nowrap;
}

/*COMMNETS*/

#commentsrender {
  text-align: left !important;
}

.dc_friend {
  width: 69px;
  height: 85px;

  border-top-left-radius: 5px;
}

.dc_friend:hover {
  filter: brightness(1.3);
}

.dc_emo {
  width: 30px;
}

.dc_comment {
  margin-bottom: 10px;
}

.dc_commentinput {
  margin-bottom: 10px;

  border: solid 1px #85544a;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dc_comment {
  overflow-y: auto;

  max-height: 500px;
}

.dc_commentinput {
  line-height: 1em !important;

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

.dc_commentinput p {
  margin-bottom: 5px !important;
}

.dc_commentava {
  display: inline-block;

  vertical-align: top;
}

.dc_commentcontainer {
  width: 100%;
  padding-top: 10px;
}

.dc_commentcontent {
  display: inline-block;

  width: 577px;
  padding-left: 10px;
  margin-top: -6px;

  vertical-align: top;
}

.dc_friendnamecomment {
  font-weight: bold;

  display: inline;

  color: #c3c3c3 !important;
}

.dc_commentdate {
  font-size: 0.8em;

  display: inline;

  color: #9c6357;
}

.dc_commentcontent > p {
  margin-bottom: 0 !important;
}

.dc_emobut,
.dc_comments {
  display: inline-block;

  width: 75px;

  text-align: center;
}

.dc_emobut:hover,
.dc_comments:hover {
  filter: brightness(1.3);
}

.dc_emonum {
  display: inline-block;

  padding-left: 10px;
}

.dc_reactions {
  float: right;
  overflow: hidden;

  width: 133px;
  height: 48px;
  margin-right: -10px;
  margin-bottom: -10px;
  padding: 10px;

  cursor: pointer;
  transition-duration: 500ms;
  transition-property: width;
  text-align: center;

  color: #9f9f9f;
  border-bottom-right-radius: 5px;
  background-color: #843426;
}

.dc_reactions:hover {
  width: 570px;
}

.dc_textonbut {
  font-family: titillium web, sans-serif !important;
  font-weight: bold;

  display: inline;

  padding-left: 5px;
}

.dc_button {
  line-height: 28px;

  width: 159px;
  height: 28px;
  margin-bottom: 2px;
  margin-left: 2px;
  padding-left: 10px;

  vertical-align: top;

  color: rgb(183, 171, 169);
  border-radius: 4px;
  /* background-color: #9f9f9f; */
}

.dc_buttonred {
  margin-bottom: 5px !important;

  color: #fff !important;
  background-color: #843426 !important;
  /* background-color: #9f9f9f; */
}

/*END OF COMMENTS*/

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media only screen and (max-width: 1200px) {
  #cardname {
    width: 52% !important;
  }

  #left {
    height: auto;
  }

  #kw {
    font-size: 0.9em;

    overflow: auto;

    width: 270px;
    height: 117px;
    margin-right: 3px;
  }

  .dc_deck_main {
    width: 48%;
    margin-right: 9px;
    margin-bottom: 5px;
    padding: 2px;

    vertical-align: middle;

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

  .dc_attr_f {
    width: 55px;
  }

  #fraction {
    width: 230px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .dc_bighalf {
    width: 100%;
  }

  .dc_progress {
    width: 100%;
  }

  .dc_fltrtype {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .dc_titlecell {
    width: 10%;
  }

  #adviser {
    width: 100%;
  }

  #statistics {
    width: 100%;
  }

  .dc_stat {
    width: 207px !important;
  }

  .dc_attrimg {
    width: 30px;
  }

  .dc_attr_f {
    width: 30px;
  }

  .dc_deck_main {
    float: left;

    width: 100%;
    margin-bottom: 5px;
    padding: 2px;

    vertical-align: middle;

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

  .dc_attr_f {
    width: 55px;
  }

  #fraction {
    width: 230px !important;
  }

  .dc_smrtsrch,
  #type,
  #kw {
    width: 155px !important;
  }
}

@media only screen and (max-width: 750px) {
  #goback {
    display: none;

    width: 100%;
    height: 50px;
    margin-right: 3px;
    padding-top: 5px;

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

  #sort {
    width: 146px;
    height: 60px;
    margin-right: 3px;
  }

  #kw {
    width: 200px;
  }

  .dc_attr_kw {
    font-size: 0.8em;
  }

  #cardname {
    width: 70% !important;
  }

  #cardname > h1 {
    font-size: 2em !important;
  }

  #filters {
    width: 100%;
  }

  .dc_bigicofilter {
    margin-right: 15px;
    margin-bottom: 15px;
  }

  .dc_smallhalf {
    width: 100%;
  }
}