/* BASIC STYLES */     
html, body {
	height: 100%;
}

main {
	background: url("../img/grass.jpg");
	background-repeat: repeat; 
	min-height: 100%;
}

.main-container {
	padding: 30px 0px;
}

section {
	padding: 20px;
}

.card .form-header {
	margin: 0 auto;
	margin-top: -50px;
    margin-bottom: 2rem;
    position: relative;
    left: 0;
    right: 0;
    z-index: 9;
}

/* HOME AND LOGIN STYLES */
.view {
	height: 100%;
}

.flex-center > div > div > div {
	max-height: 80vh;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    position: initial !important;
}

.flex-center {
	color: #fff;
}

.flex-center > div {
	position: relative;
    top: 3%;
}

.view .form-header {
    position: absolute;
}

.view article {
	margin-top: 60px;
}

.md-form i {
	color: black;
}

.form-header i {
	margin-right: 20px;
}

body > .view {
	background: url("../img/background.jpg");
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* HELPERS */
.alert {
	margin-bottom: 1.5rem;
}

.hide {
	display: none;
}

.centerText {
	text-align: center;
}

.currentUserMarked {
	color: #3f51b5;
	font-weight: bold;
}

/* NAVBAR */
.navbar {
	background-color: rgba(0,0,0,.5);
}

.navbar span {
	margin-left: 5px;
	font-weight: 700;
}

.navbar .selected-betting-game {
    background-color: rgba(255,255,255,.3);
    font-weight: 700;
    margin: -8px 0px;
    padding: 16px;
}

.navbar .recent-matchday {
	font-weight: 700 !important;
}

.navbar .breadcrumb {
	padding-top: 7.75px;
	padding-bottom: 0px;
}

.navbar .breadcrumb-item.active a {
	color: #818a91;
}

.scrolling-navbar {
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
	background-color: #1C2331;
}

/* FOOTER */
footer.page-footer {
	background-color: #1C2331;
	margin-top: -1px;
}

.fdm-logo {
	background: url("../img/fdm-logo.png") no-repeat center;
	width: 100%;
	height: 100px;
	margin-top: -10px;
}

.languageSwitch {
	width: 100%;
	text-align:center;
}

.flag {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: -10px 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	background-image: url("../img/flag_uk.png")
}

.flagGer {
	background-image: url("../img/flag_ger.png")
}

/* ADMIN DASHBOARD */
#admin-tabs-content .tab-pane {
    margin-top: 20px;
}

/* POSTS PAGE */
.posts p {
	margin: 20px 0px;
}

.post-content {
    color: #4f4f4f!important;
}

.posts hr {
	margin: 20px 0px;
}

.posts h4 {
	margin-top: 50px;
}

/* SPECIAL STYLES */
.bettingGames hr {
	margin: 20px 0px;
}

.bettingGames.card .form-header {
	margin-bottom: 1.5rem;
}

.bettingGame.card {
	padding-top: 15px;
	padding-bottom: 15px;
}

.bettingGame.card .view {
	text-align: center;
}

.bettingGame.card img {
	height: 150px;
}

.bettingGame.card h4 {
	font-size: 1.4rem;
	margin-top: 20px;
}

.bettingGame.card .card-text {
	font-size: 1.2rem;
	float: left;
}

.bettingGame.card .btn {
	float: left;
}

.bettingGame .btn-indigo {
	margin: 10px 0px;
}

.matchdayCard h4 {
	font-weight: 700;
	font-size: 3rem;
	margin-bottom: 0px;
}

.matchdayCard a {
	margin: 10% 0px;
}

.roundCard h4 {
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 0px;
}

.roundCard a {
	margin: 10% 0px;
}

.centerCard {
	text-align: center;
	padding: 10px;
	min-height: 100px;
    min-width: 100px;
}

.centerCard a:hover {
	color: #1e2993;
}

.centerCard a {
	color: #000;
}

.centerCard i {
	margin-bottom: 10px;
}

td img {
	display: inline-flex !important;
	width: 20px;
	height: 20px;
}

.bet {
	text-align: center;
}

.bet img {
	display: inline-flex !important;
	height: 30px;
}

.bet label img {
	display: inline-flex !important;
	height: 20px;
	margin-right: 5px;
}

.betResult img {
	margin-left: 5px;
}

h4.separator {
	margin: 4px 10px;
}

.bet form span {
	margin: 15px 10px;
}

.bet input {
    text-align: center;
}

.betResult {
	min-width: 55px;
}

.betPoints {
	font-weight: bold;
}

.currentUserMarked.betResult {
	font-weight: normal;
}

.currentUserMarked.betPoints {
	color: #3f51b5;
}

.correctBonusBet {
	background-color: #00C851;
}

.rescheduledHeadline {
	margin: 40px 0px 20px 0px;
}