body { background: #f7f7f7; }
a { color: #1a0030; text-decoration: none; font-weight: bold; }
.table a { font-weight: normal; }
.table a:hover { text-decoration: none; font-weight: bold; color: #1a0030; }
.tableHead, .tableHead a { font-weight: bold; }
.dropdown-menu { background: #1a0030; }

.navbar { padding: 8px 15px !important; }
.navbar-brand { padding: 0px; }
.navbar, #footerContainer { background: #1a0030; color: #ffffff; }
.navbar a { color: #ffffff; }
.mainPanel { width: 100%; max-width: 1200px; background: #ffffff; margin: 0 auto; padding: 30px 50px; }
.sidePanel { float: left; text-align: center; }
.footer { text-align: center; padding: 10px 0px; width: 100%; max-width: 1200px; margin: 0 auto; }

h1, h2, h3 { font-weight: bold; margin: 10px 0px; color: #1a0030; }
h1 { font-size: 29px; margin-bottom: 15px; }
h2 { font-size: 24px; }
h3 { font-size: 19px; }

.table-rounded { border-radius: 10px 10px 0px 0px; overflow: hidden; border-collapse: separate; margin-top: 25px; }
.table-rounded tr { background: #f7f7f7; }
.table-rounded td { border: 1px solid #1a0030; }
.headRow { background: #1a0030 !important; font-weight: bold; color: #ffffff; text-align: center; }
.tableTerms { margin-top: -12px; font-size: 12px; }

.loading { width: 100%; padding: 20px 20px; text-align: center; margin-top: 15px; }
.loading img { width: 100%; max-width: 60px; }
.loading span { font-size: 17px; display: block; margin-top: 10px; }

.divideBox { padding: 15px 15px; background: #41fa73; font-size: 19px; text-align: center; border-radius: 5px; margin: 35px 0px 40px 0px; color: #1a0030; }

/* Fixture Box */
.fixRow { border-radius: 5px 5px 0px 0px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.fixBox { text-align: center; border: #1a0030 1px solid; }
.fixRow a { font-weight: normal; }
.fixRow a:hover { text-decoration: none; color: #1a0030; }
.fixHead { color: #ffffff; background: #1a0030; font-weight: bold; padding: 3px 3px; }
.fixTeams { padding: 10px 0px; }
.fixTeams img { height: 100%; max-height: 45px; }
.fixVs { margin-left: -6px; margin-top: 9px; display: block; font-size: 18px; }
.fixLoc { background: #f1f0f0; font-size: 13px; border-top: #1a0030 1px solid; padding-bottom: 1px; }

/* Club Images */
.clubsContainer { width: 100%; margin-top: 10px ; display: inline-block; }
.clubBox { text-align: center; float: left; width: 5%; }
.clubBox img { width: 100%; max-width: 37px; cursor: pointer; }
.clubName { margin-top: 4px; font-size: 12px; display: block; }
.clubSelect { font-size: 12px; margin-top: 6px; opacity: 0.6; padding: 0px 15px; font-style: italic; }

/* Filters */
.filterBubble { border-radius: 50px; border: 1px solid #000000; padding-left: 1px; font-size: 13px; text-align: center; padding-top: 8px; width: 41px; height: 39px; float: left; margin-right: 5px; color: #ffffff; font-weight: bold; background: #1a0030; cursor: pointer; }
.positionContainer { width: 100%; margin-bottom: 20px; display: inline-block; }
.positionContainer div { float: left; }
.bubbleContainer { width: 6%; text-align: center; padding-left: 7px; }
.advanced { padding: 15px 5px; background: #f5f5f5; border-radius: 10px; display: none; }
.colActive { background: #41fa73; }

button { width: 100%; border-radius: 5px; font-weight: bold; padding: 5px; cursor: pointer; }
#navToggle { background: #41fa73; max-width: 50px; }
.purpBtn { color:  #ffffff; background: #1a0030; }
.greenBtn { color:  #1a0030; background: #41fa73; }
.btn { padding: 5px 10px 8px 10px; width: 100%; border-radius: 5px; font-weight: bold; }
.btn:hover { color:  #1a0030; background: #41fa73; }
.fixtureList a { font-weight: normal; }
.fixtureList a:hover { text-decoration: none; color: #000000; }
.fullName { margin-top: -10px; display: block; font-size: 23px; margin-bottom: 22px; }
.fixResult { font-size: 19px; margin-top: -5px; margin-bottom: -5px; display: block; }
.smallArr { margin-left: 5px; width: 13px; }
.formTitle { padding-top: 5px; font-size: 18px; text-align: right; }

.playerPhoto { width: 100%; max-width: 200px; display: inline-block; }
.playerName a:hover { text-decoration: none !important; color: #000000 !important; }

/* Hide Mobile */
@media only screen and (max-width: 720px) {
	.hideMob { display: none; }
	.fixBox { margin-bottom: 20px; }
}

/* Hide Desktop */
@media only screen and (min-width: 721px) {
	.hideDesk { display: none; }
}