.header {margin-bottom: 50px;}
.footer {margin-top: 50px;}
/* Fix Datatable integration with Bootstrap 4 */
table.dataTable tbody tr {
  background-color: unset;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: unset;
}
.narrow {
  white-space: nowrap;
  width: 1px;
}

.red {
  color: rgb(145, 0, 0);
}

.green {
  color: rgb(0, 180, 0);
}

.MathJax { font-size: 2em !important; }

.center {
  text-align: center;
}

.Druid { color: #FF7D0A; }
.Hunter { color: #ABD473; }
.Mage { color: #69CCF0; }
.Paladin { color: #F58CBA; }
.Priest { color: #FFFFFF; }
.Rogue { color: #FFF569; }
.Shaman { color: #0070DE; }
.Warlock { color: #9482C9; }
.Warrior { color: #C79C6E; }
.Death { color: #C41E3A; }

.mainpage .row .col-sm img{
  width: 450px;
}
.mainpage .row .col-sm {
  margin: 15px;
  padding: 10px;
}