/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

nav .brand-logo {
	color: #ef6c00;
	font-weight: bold;
}

p {
	line-height: 2rem;
}

.sidenav-trigger {
	color: #26a69a;
}

.parallax-container {
	min-height: 380px;
	line-height: 0;
	height: auto;
	color: rgba(255,255,255,.9);
}

	.parallax-container .section {
		width: 100%;
	}

.icon-block {
	padding: 0 15px;
}

	.icon-block .material-icons {
		font-size: inherit;
	}

footer.page-footer {
	margin: 0;
}

.loginModal {
	width: 350px !important;
	height: 400px !important;
}

.socialMedia {
	display: block;
	height: 25px;
	line-height: 25px;
	margin-top: 8px;
}

/*--------------------------------------------------------------- Toasts */
.r2wToast {
	background-color: darkorange;
	color: white;
	font-weight:bold;
	text-align: center;
}

#toast-container {
	top: 10%;
}


/*--------------------------------------------------------------- Borders */
.border {
	border: solid 1px #e1e1e1;
}

.border-top {
	border-top: solid 1px #e1e1e1;
}

.border-bottom {
	border-bottom: solid 1px #e1e1e1;
}

.border-left {
	border-left: solid 1px #e1e1e1;
}

.border-right {
	border-right: solid 1px #e1e1e1;
}

/*--------------------------------------------------------------- Other */
.myAvatar {
	border: solid 1px grey;
	width: 40px;
	height: 40px;
	margin-right: 8px;
}

.smallAvatar {
	width: 40px;
	height: 40px;
}

.mediumAvatar {
	width: 50px;
	height: 50px;
}

.largeAvatar {
	width: 60px;
	height: 60px;
}

.xLargeAvatar {
	width: 70px;
	height: 70px;
}

.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

.vcenter {
	line-height: 40px;
}

.smallTable {
	padding: 5px 1px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	border-radius: 2px;
	display: inline-block;
	float: left;
}

.pointer {
	cursor: pointer;
}

.shadow {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.greyTitle {
	font-size: 1.2em;
	color: gray;
	padding-left: 8px;
}

.r2wOrange {
	background-color: #e65100 !important;
}

.align-middle {
	vertical-align: middle;
}

.smallText {
	font-size: .7em;
}

tr {
	border: none;
}

table {
	width: auto;
}

/*--------------------------------------------------------------- Teams */
#tblTeams {
	border-collapse: collapse;
	width: 100%;
}

	#tblTeams tr {
		/*font-weight: bold;*/
	}

	#tblTeams td {
		padding: 2px;
	}

	#tblTeams tbody tr:hover {
		background-color: #ddd;
		/*cursor: pointer;*/
	}

	#tblTeams th {
		width: 100%;
		padding: 4px;
		font-weight: bold;
		background-color: teal;
		color: white;
		font-size: 1.2em;
		vertical-align: middle;
	}

		#tblTeams th i {
			float: right;
			cursor: pointer;
		}

	#tblTeams img {
		height: 30px;
		width: 30px;
	}

/*--------------------------------------------------------------- Top 20 */
#top20Table {
	border-collapse: collapse;
	width: 100%;
}

	#top20Table td {
		padding: 2px;
	}

	#top20Table tr:hover {
		background-color: #ddd;
		font-weight: bold;
	}

	#top20Table th {
		width: 100%;
		padding: 4px;
		font-weight: bold;
		background-color: teal;
		color: white;
		font-size: 1.2em;
		vertical-align: middle;
	}

		#top20Table th i {
			float: right;
			cursor: pointer;
		}

	#top20Table img {
		height: 35px;
		width: 35px;
	}

/*--------------------------------------------------------------- Latest Posts */
#tblLatestPosts {
	border-collapse: collapse;
	width: 100%;
}

	#tblLatestPosts tbody tr:hover {
		background-color: #ddd;
		cursor: pointer;
	}

	#tblLatestPosts tbody tr:nth-child(even) {
		background-color: #f2f2f2;
	}

	#tblLatestPosts td {
		padding: 8px;
	}

	#tblLatestPosts thead th {
		text-align: center;
	}

		#tblLatestPosts thead th:first-child {
			text-align: left;
		}

	#tblLatestPosts tbody td {
		text-align: center;
	}

		#tblLatestPosts tbody td:first-child {
			text-align: left;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.quotedMessage {
	padding:8px;
}

.strong {
	font-weight:bold;
}

m-day {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: solid 1px #888;
	display: inline-block;
	text-align: center;
	margin: 0;
	background-color: #E5E5E5;
}

	m-day.active {
		color: white;
		background-color: darkgreen;
	}

	m-day.crossTraining {
		color: white;
		background-color: cornflowerblue;
	}

	m-day.nonRunningActivity {
		color: black;
		background-color: cyan;
	}

	m-day:hover {
		cursor: pointer;
	}


.workoutNormal {
	border: dashed 1px #888;
}

.raceEntry {
	background-color: #FEF461;
	border-top: dashed 1px #888;
	border-bottom: dashed 1px #888;
}

.workoutMarkedSpecial {
	border-top: dashed 1px #888;
	border-right: dashed 1px #888;
	border-bottom: dashed 1px #888;
	border-left: solid 6px #ff6a00;
}



.mbsc-ios.mbsc-calendar-day-text.r2w {
	width: 90%;
	color: red;
	font-weight: 800;
	font-size: .75em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em;
}


.mbsc-calendar-day-inner {
	max-height:75px;
	min-height:75px;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-text.r2w {
	width:90%;
}

.greenTxt {
	color: green;
}
.blueTxt {
	color: blue;
}
.redTxt {
	color: red;
}

.menuItems li:hover {
	background-color: #aeafad !important;
	color: #fff !important;
}

.menuItems hr {
	border: 0;
	border-bottom: 1px solid #eee;
}

.mbsc-popup-padding {
	padding: 0px 4px 0px 4px !important;
}
	/*
.lb-day {
	width: 28px;
	height: 28px;
	border-radius: 15px;
	display: inline-block;
	text-align: center;
	align-content: center;
	padding-top: 3px;
}

.lb-day-active-without-workout {
	background-color: #A6B1F7;
	color: #F7FFEF;
}

.lb-day-active {
	background-color: #8BC34A;
	color: #F7FFEF;
}

.lb-day-off {
	background-color: #7C7877;
	color: #F7FFEF;
}

.lb-day-default {
	background-color: #E5E5E5;
}
*/