html, body {
	color: #555555;
	background-color: #E8E8E8;
}

h1 {
	color: #990000;
	font-size: 2.2em;
}

h2 {
	font-size: 24px;
}

h3, h4 {
	font-size: 18px;
}

.pt-3, .py-3 {
  padding-top: 0px !important;
}

/* unvisited link */
a.post:link, a.fixture:link {
  color: #555555;
}

/* visited link */
a.post:visited, a.fixture:visited {
  color: #555555;
}

/* mouse over link */
a.post:hover, a.fixture:hover {
  color: #555555;
}

/* selected link */
a.post:active, a.fixture:active {
  color: #555555;
}

div.sub-container{
	padding-right: 20px;
    padding-left: 20px;
    height:100%;
}

div.container {
	background-color: #fff;
    width: 100%;
    height:100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #BDBBBB;
	border-right: 1px solid #BDBBBB;
	border-bottom: 1px solid #BDBBBB;
}

.top-header {
	padding-right: 20px;
    padding-left: 20px;   
    padding-bottom: 2px;   
    margin-left: 0px;
	margin-right: 0px;
}

/* Modify the backgorund color */ 
.navbar-custom { 
    background-color: #990000;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px; 
}

/* Modify brand and text color */ 
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text,
.navbar-custom .navbar-item,
.navbar-custom .nav-link { 
    color: #fff; 
} 

.sidebar-custom {
	background-color: #fef8f8
}


table.data-table-league, th.data-table-league, td.data-table-league {
	border: 1px solid #BDBBBB;
	padding-left: 5px;
}

a#auth-dropdown {
	color: #555555; 
}

.header-fixed {
    padding: 0 0 0 0px;
    text-align: center;
} 

@media (max-width: 100px) {
  .header-fixed {
    display: none; 
  } 
}

.py-3 {
	padding-top: 0px
}

/*.navbar {
    background: #990000;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}*/


/*
 * Footer
 */
.blog-footer {
  padding: 1.5rem 0;
  color: #999;
  text-align: center;
  background-color: #E8E8E8;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}


.navbar-toggler {
	padding: .25rem .75rem .25rem 0;
}

.table > tbody > tr:first-child > th {
    border: none;
}

.table > thead > tr:first-child > td, 
.table > tbody > tr:first-child > td {
    border: none;
}

td.fixture-date {
	max-width: 64px;
	min-width: 64px;
	padding-left: 0px;
	padding-right: 0px;
}

td.fixture {
	min-width: 300px;
}

.clickable-row:hover{
   cursor:pointer;
   background-color:#fef8f8;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

fieldset.fieldset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.fieldset-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

ul.document-list {
	padding: 0;
	list-style-type: None;
}


/* Center fixtures list */
div.fixture-row  {
  display: flex;
  font-weight:bold;
}


div.fixture-row  span:first-of-type {
  flex: 1;
  text-align: right;
  padding-right: 35px;
}

div.fixture-row  span:last-of-type {
  flex: 1;
  padding-left: 35px;
}


/* Center results list */
div.result-row  {
  display: flex;
  font-weight:bold;
}

div.result-row  span:first-of-type {
  flex: 1;
  text-align: right;
  padding-right: 5px;
}

div.result-row  span:nth-of-type(2) {
  text-align: center;
  width: 30px;
  color: white;
  background-color:#990000;
}

div.result-row  span:nth-of-type(3) {
  text-align: center;
  color: white;
  background-color:#990000;
}

div.result-row  span:nth-of-type(4) {
  text-align: center;
  width: 30px;
  color: white;
  background-color:#990000;
}

div.result-row  span:last-of-type {
  flex: 1;
  padding-left: 5px;
}