body {
  background: #FFFFFF;
  color: #333333;
  margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

ul {
  margin: 0;
}

.bg-steel {
  background-color: #3d405b;
}

.site-header .navbar-nav .nav-link {
  color: #f4f1de;
}

.site-header .navbar-brand .mr-4 {
  color: #f4f1de;
}

.site-header .navbar-nav .nav-link:hover {
  color: #B8F2E6;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #ffffff;
  padding: 10px 20px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  margin-bottom: 20px;
}

.article-title {
  color: #444444;
}

a.article-title:hover {
  color: #428bca;
  text-decoration: none;
}

a {
  color: #3d405b;
  font-weight:bold;
}

.main-button {
  background:#3d405b;
  color:#f4f1de;
  font-weight:bold;
  border-color: #3d405b;
  
}
.main-button:hover {
  background:#1b1d29;
  color:#f4f1de;
}




a:hover {
  color: #81b29a;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
  color: #333;
  text-decoration: none;
}

.article-svg {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.account-heading {
  font-size: 2.5rem;
}

.nav-tabs {
  /* max-width:500px; */
}

.ranking-box {
  max-width: 500px;
}



table {
    counter-reset: row-num -1;
    /* max-width: 500px; */
    table-layout: fixed;
    width: 100%;
  }

  .lineuptable {
      table-layout: fixed;
      width: 100%;
      text-align: center;
  }
  .lineuptable td {
      vertical-align: inherit;
  }

 tr {
    counter-increment: row-num;
  }
.auto-index  tr td:first-child::before {
      content: counter(row-num) " ";
  }

  aside {
  float: right;
}

#outer {
    display: flex;
    flex-direction: column;
    justify-content: center
}

#outer tr:nth-of-type(even) {
      background-color:#D3D3D3;
    }


.teamlogo {
    height: auto;
    display: block;
    max-width: 60px;
    vertical-align: center;
}

.lg-view{
   display:inline-block;
}

.sm-view{
   display:none;
}

.filter-btn {
  font-size: small;
}

@media (max-width: 768px) {
  .lineuptable {
    overflow-x: auto;
  }
  .lineuptable {
    min-width: 300px;
  }
  .sm-view{
     display:inline-block;
  }

  .lg-view{
     display:none;
  }
  .teamlogo {
      height: auto;
      display: block;
      max-width: 40px;
  }
}
#kierros1 {
    text-align: center;
    vertical-align: middle;
}

#scores1 th td{
    text-align: center;
    vertical-align: middle;
}

.asteriskField {
    display: none;
}

#prices th{
    text-align: left;
    padding-left: 10px;
}

.stat-table th {
    /* padding-left: 5px !important; */
    padding: 0px;
    text-align: center;
    font-size:  small;
}

#standings th {
    padding: 5px 1px;
}

.stat-table td {
    max-width: 100px;
    text-align: center;
    font-size: small;
}

.stat-table, .sorting, .sorting_asc, .sorting_desc {
    background : none !important;
    max-width: 700px;
    min-width: 300px;
}

.custom-dropdown {
  font-weight: bold;
}

.stat-filter-box {
  display: flex;
  justify-content: space-between;
}

.dataTables_filter, .dataTables_info, .dataTables_paginate {
  font-size: small;
}

.scroll-col {
  position: absolute;
  width: 5em;
  margin-left: -5em;
}

.player-modal {
  border-bottom: false;
  border-top: false;
}