body {
    background-color: #201f24;
    color: #ffffff;
    fill: #ffffff;
}


#headerapp {
    background-color: #37374b;
    background-size: cover;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-origin: padding-box;
}

#headerapp .col-12 {
        background-color: 290591749;
    }

.headertext {
	font-size: calc(1rem + 1vw) !important;
    color: white;
}

.field_player {
    background-color: white;
    border-color: black;
    color: black;
}

#matchstats td, #matchstats th {
    border: 1px solid #ddd;
}

#matchstats tr:nth-child(even) {
    background-color: #ffffff;
}

#matchstats tr:hover {
    background-color: #4040c0;
}

#matchstats th {
    background-color: #37374b;
    color: white;
}

#eventtable th {
    border: 1px solid #ddd;
}

#eventtable td {
    border: 1px solid #ddd;
}

#eventtable tr:nth-child(even) {
    background-color: #efefef;
}

#eventtable tr:hover {
    background-color: #4040c0;
}

#eventtable th {
    background-color: #37374b;
    color: white;
}

tr:nth-child(even) {
    border-bottom: gray solid 1px;
    border-top: gray solid 1px;
}

tr:nth-child(odd) {
    background-color: #201f24;
}

.fixture-row {
    border-top: #808080 solid 1px;
    border-radius: 5px;
}

.score-finished a,
.score a {
    color: #fff;
}

.score-finished a {
    color: black;
}

currentround {
    background-color: #007bff;
}

.fixture-row .score a {
    background-color: #007bff;
	border-radius: 5px;
}

.fixture-row .score-finished a {
    background-color: #ffcb00;
    border-radius: 5px;
}

.fixture-row:last-child {
    /* background-color: #dddddd; */
    border-bottom: #808080 solid 1px;
}

.striped.container > .row div {
    border-bottom: #808080 solid 1px;
}

.subtitle {
    margin-top: 30px;
}



.btn-outline-info {
    background-color: #4D556AFF;
    color: #99BAE3;
    border-color: #201F24;
    border-radius: 5px !important;
}

.btn-outline-info:hover {
    background-color: #201f24;
    color: #99BAE3;
    border-color: #4D556AFF;
}

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

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding: 8px;
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        border-color: #fff;
        border: 1px solid;
        color: #fff;
        padding: 7px;
        border-radius: 5px;
    }

.navbar-nav {
    background-color: #37374b;
}

.card {
    background-color: #201f24;
}

.favtile {
    background-color: #4D556AFF;
    color: #99BAE3;
    border-color: #4D556AFF;
}

.favtile:hover {
    background-color: #201f24;
    color: #99BAE3;
    border-color: #4D556AFF;
}

.close-x {
    stroke: black;
}

.leagueDescriptionCol {
    font-size: smaller;
    color:coral;
}



.btn-info {
    color: #fff;
    background-color: #4d556a;
    border-color: #4d556a;
    border-top-color: #4d556a;
    border-right-color:#4d556a;
    border-bottom-color: #4d556a;
    border-left-color: #4d556a;
	margin-bottom: 5px;
}

.btn-info:hover {
    color: #fff;
    background-color: #201f24;
    border-color: #4d556a;
    border-top-color: #4d556a;
    border-right-color:#4d556a;
    border-bottom-color: #4d556a;
    border-left-color: #4d556a;
}

a {
    color: #99BAE3;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    background-color: transparent;
}

a:hover {
    color: #99BAE3;
    text-decoration: underline;
}

table a:hover {
    color: #99BAE3;
    text-decoration: underline !important;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
    background-color: transparent;
}

.btn-primary {
    color: #99BAE3;
    background-color: #4d556a;
    border-color: #4d556a;
}

.btn-primary:hover {
    color: #99BAE3;
    background-color: #201f24;
    border-color: #4d556a;
}

th {
    background-color: #201f24;
}

.btn-secondary {
  color: #99BAE3;
  background-color: #4d556a;
  border-color: #4d556a;
}

.btn-secondary:hover {
  color: #99BAE3;
  background-color: #201f24;
  border-color: #4d556a;
}

.col {
  font-size: 16px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

table {
    border: 1px solid;
}

td {
  background-color: #4d556a;
  border: 1px solid;
}

.btn-outline-primary {
  color: #99BAE3;
  border-color: #4d556a;
  background-color: #4d556a;
  margin: 5px;
}

.btn-outline-primary:hover {
  color: #99BAE3;
  border-color: #4d556a;
  background-color: #201f24;
  margin: 5px;
}

h1,h2,h3,h4,h5,h6 {
  background-color: transparent;
}

div.modal-body{
  background-color: #4d556a;
}


div.modal-footer{
  background-color: #4d556a;
}

div.modal-header{
  background-color: #4d556a;
}

.playerImage{
  border: 1px solid #99BAE3;
  border-radius:5%;
}

#player-modal button {
  color: white;
}

.mb-3 {
  border-color:transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #3d77b1;
  border-color: #3d77b1;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle !important {
  color: #fff;
  background-color: #3d77b1;
  border-color: #3d77b1;
}


.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #3d77b1;
    border-color: #3d77b1;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3d77b1;
    border-color: #3d77b1;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3d77b1;
    border-color: #3d77b1;
}
    
.btn-primary:hover {
    background-color: #201f24;
    color: #99BAE3;
    border-color: #4D556AFF;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #201f24;
    color: #99BAE3;
    border-color: #4D556AFF;
}

#spacer {
    background-color: #201f24;
}

#footer_content {
    background-color:#37374b;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3d77b1;
    border-radius: 5px;
}

#nav-collapse {
  background-color:#37374b;
}