body {
	background-color: #42A561;
}

.edit {
    background-color: #FFF000 !important;
}

th,
td {
	font-family: Verdana;
	font-size: 10px;
	padding: 3px;
	border: 1px solid gray;
}

table {
  border-width: 1px;
  border-spacing: 0px;
  border-style: inset;
  border-color: gray;
  border-collapse: collapse;
  background-color:#FFF;
  text-align: center;
  margin-bottom: 50px;
}

.grid {
}

.table-green-spacer {
    background-color: #42A561;
    border-left-color: #42A561;
    border-right-color: #42A561;
}

hr {
    width: 50%;
    color: lightcyan;
}

.cc-brand-green {
    color: #52B051;
}

.cc-brand-blue {
    color: #5CAEDF;
}

.cc-font {
    font-family: Monoton;
    color: white;
    line-height: 100%;
}

.cc-font-red {
    font-family: Monoton;
    color: red;
    line-height: 100%;
}

.table-heading {
    background-color: #42A561;
    border-top-color: #42A561;
    border-left-color: #42A561;
    border-right-color: #42A561;
    border: none;
    border-radius: 10px;
    font-size: 36pt;
}

.table-header {
	background-color: #FFC;
	font-weight: bold;
}

.table-header-edit {
	background-color: maroon;
	color: #FFF;
	font-weight: bold;
}

.table-par {
	background-color: lightgray;
}

.table-menu {
    background-color: beige;
    border: none;
    border-radius:10px;
}

.table-score {
	background-color: gold;
	font-weight: bold;
}

.table-match {
	background-color: lightgray;
}

.table-header-selected {
	background-color: #F2CE61;
}

.table-title {
	letter-spacing: 1px;
	font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;
	background-color: #B5E0FF;
    line-height: 150%;
}

.page-title {
    font-family: Lobster;
    font-size: 12pt;
    color: dim gray;
    border-color: #42A561;
}

.table-name {
	text-align: left;
}

.name {
    font-family: caveat;
    font-size: 14pt;
}

.counter {
    font-family: permanent marker;
    font-size: 12pt
}

.odd {
	background-color: #DDD;
}

.table-highlight {
	background-color: yellow;
	font-weight: bold;
}

.table-round {
    border-color: #42A561;
}

.blue {
	background-color: blue;
}

.red {
	background-color: red;
}

@media screen and (max-width: 420px) {
    .table-heading {
        font-size: 28pt;
    }
 }