.white {color:white;}
svg {width:24px; height:24px; fill:gray;}
.svgcard {width:24px; height:24px;}
.svgcommon {fill:black;}
.svguncommon {fill:#7c9dab;}
.svgrare {fill:#bea769;}
.svgmythic {fill:#e05726;}


h3 {font-size:1.4em;}

div.base-sets div svg {fill:black;}
div.special-sets div svg { fill: url('#grad1'); }
div.promo-sets div svg {fill:url('#grad2');}

.set-link {font-weight:bold;}
a.set-link:link {color:black;}
.sm {font-size:0.8em;}

.tooltip-inner {
  max-width:320px !important;
  background-color: #f3f3f3 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #f3f3f3 !important;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #f3f3f3 !important;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #f3f3f3 !important;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #f3f3f3 !important;
}

.tooltip.show {
opacity:1;
}

.w1 {width:75px;}

.btn-plmin {width:40px;}
.inp-sm {width:50px;}

header {height:60px;}

.load-before, .load-after {display:none;}

body {height:100%;}

.footer {

position : fixed;

height : 7%;

bottom : 0;

}