@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body { 
  font-family: 'Roboto', sans-serif;
  color: #222;
}

/* STRUCTURE */
#boxscore {
    margin: 0 auto;
    background-color: #eee;
    display: block;
    padding: 0px;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 780px;
}

#content {
	width: 33%;
	float: left;
	padding: 5px;
}

#middle {
	width: 33%; /* Account for margins + border values */
	float: left;
	padding: 5px;
	margin: 0;
}



.row {
    margin: 0 auto !important;
    padding: 0px !important;
    max-width: 100% !important;
}

#sidebar {
	width: 33%;
	padding: 5px;
	float: left;
}


.tabbable-panel {
  
  padding: 5px;
 
}

.container {
    padding: 0px;
    margin: 0 auto !important;
    width: 100%;
}





.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}






/* Below tabs mode */


.homeScore {
      text-align: center !important;
    margin: auto !important;
    font-size: -webkit-xxx-large;
    font-weight: 900;
    color: #2196F3;
    border: 0px;
}

.team.home {
    display: block;
  text-align: center;
}

.team.away {
    display: block;
  text-align: center;
}

.awayScore {
      text-align: center !important;
    margin: auto !important;
    font-size: -webkit-xxx-large;
    font-weight: 900;
    color: #555;
    border: 0px;
}

.outcome {
    display: block;
  text-align: center;
}

.date {
    display: block;
    text-align: center;
  font-weight: 900;
  color: 444444;
  font-size: 20px;
  margin-bottom: -10px;
}

.col-md-12 {
    width: 100%;
    padding: 0px !important;
    margin: 0 auto !important;
    max-width: 780px;
}

.bracket-round {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #c7b681;
    font-size: 14px;
}

.outcome h2 {
    font-size: 15px;
    font-weight: 400;
    color: #a0a0a0;
    margin-bottom: 30px;
  margin-top: 15px;
}

th {
    color: #5d5d5d;
    font-weight: 900;
    
    border-bottom: 2px solid #5d5d5d;
}

.boxscore tbody {
    width: 100%;
    display: inline-table;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #0875ce !important;
    position: relative;
 
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
    margin: 0 auto;
    padding: 0px;
}

table tbody td, table tbody th {
    padding: .5rem .625rem .625rem;
    border-top: 1px solid #ccc;
}

table tbody th {
    border-top: 0;
}
.tab-content {
    background-color: #fff !important;
    border: 1px solid #e0e0e0;
}

table.boxscore {
    border: 1px solid #e0e0e0;
}

ul.nav.nav-tabs.nav-justified {
    float: left !important;
    margin: 0;
    font-size: initial;
    font-weight: bolder;
max-width: 780px;
}

.“summary” {
    max-width: 780px;
    background-color: #1976D2;
    margin: auto;
    display: block;
}

“column1” {
    width: 33%;
    float: left;
    text-align: center;
}

“column2” {
    width: 33%;
    float: left;
    text-align: center;
}

“column3” {
    width: 33%;
    text-align: center;
}