/* ------------------------------------------------------ */
/* General Interface                                      */
/* ------------------------------------------------------ */
body {
	background-color: #F6F6F6;
}
.footer-container {
	text-align: center;
	background: #061D25;
	color: #FFF;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #FFF;
}
#helper-text {
	text-align: center;
	margin-bottom: 10px;
}
.first-button {
	margin-top: 25px;
}
#nav-logo {
	float: left;
	height: 30px;
}
.helper-text {
	position: absolute;
	font-size: 12px;
	margin-top: 7px;
	padding: 3px 5px 0px 5px;
	color: #666;
	cursor: pointer;
}
#logo-header, #org-header {
	float: left;
	margin-left: 7px;
}
.org-logo, .sub-head {
	text-transform: uppercase;
	margin-bottom: 15px;
}
.sub-head {
	font-size: 24px;
}
.org-logo img {
	width: 400px;
}
.tagline {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.tagline div {
	/*
	float: left;
	*/
	width: calc(33% - 20px);
	margin: 0px 10px 0px 10px;
	text-transform: uppercase;
}
/* ------------------------------------------------------ */
/* List content                                           */
/* ------------------------------------------------------ */
.general-list {
	max-width: 400px;
	padding-top: 10px;
	margin: 0 auto !important;
}
.general-list-group {
	clear: both;
	margin-bottom: 10px;
}
/* ------------------------------------------------------ */
/* Form content                                           */
/* ------------------------------------------------------ */
.general-form {
	max-width: 400px;
	padding-top: 10px;
	margin: 0 auto !important;
	float: none !important;
}
/* ------------------------------------------------------ */
/* Tabbed content                                         */
/* ------------------------------------------------------ */
#tab-container {
	max-width: 415px;
	padding-top: 10px;
	margin: 0 auto !important;
	float: none !important;
}
#tab-container .nav-tabs {
	font-size: 12px;
}
#tab-container th {
	font-size: 13px;
	min-width: 80px;
}
#tab-container td {	
	font-size: 16px;
	min-width: 80px;
}
.tab_row {
	cursor: pointer;
}
.row-ccc {
	background-color: #CCC;
}
.row-999 {
	background-color: #999;
}
.nav-tabs .nav-link {
	padding: .5rem
}
.table th {
	padding: .5rem
}
.table td {
	padding: .5rem;
}
/* ------------------------------------------------------ */
/* Loading spinner                                        */
/* ------------------------------------------------------ */
#load-workouts-container {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	z-index: 1000;
}
.lds-ring {
	display: inline-block;
	position: relative;
	top: 300px;
	width: 80px;
	height: 80px;
	margin-left: calc(50% - 40px);
	margin-right: calc(50% - 40px);
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #000;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* ------------------------------------------------------ */
/* Sticky nav bar                                         */
/* ------------------------------------------------------ */
#sticky-nav-container {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	background: #061D25;
	text-align: center;
	z-index: 1000;
}
#sticky-nav {
	display: inline-block;
}
.action-nav {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}
.action-nav div {
	float: left;
}
.action-img, .action-img img {
	width: 40px;
}
.action-header {
	color: #FFF;
	margin-top: 5px;
	font-size: 12px;
}
.action-header.header-short {
	display: none;
}
/* ------------------------------------------------------ */
/* Bootstrap overrides                                    */
/* ------------------------------------------------------ */
.clean-navbar.fixed-top+.page {
	padding-bottom: 100px;
}
.main-content-container {

}
.main-header {
	padding-top: 30px !important;
	margin-bottom: 0px !important;
}
.main-header h2 {
	margin-bottom: 10px !important;
	font-size: 26px;
}
.dropdown-divider {
	max-width: 400px;
	margin: .5rem auto;
	border-bottom: 1px solid #CCC;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	background-color: #000 !important;   
    border-color: #000 !important; 
    box-shadow: none !important;
}
/* ------------------------------------------------------ */
/* Fix for small screen                                   */
/* ------------------------------------------------------ */
@media only screen and (max-width: 560px) {
	#logo-header {
		display: none;
	}	
}
/* ------------------------------------------------------ */
/* Fix for mobile                                          */
/* ------------------------------------------------------ */
@media only screen and (max-width: 450px) {
	.clean-navbar.fixed-top+.page {
		padding-top: 58px;
	}
	#org-header {
		font-size: 20px;
	}	
	.org-logo img {
		width: 75%;
	}
}
/* ------------------------------------------------------ */
/* Fix for OS 10                                          */
/* ------------------------------------------------------ */
@media only screen and (max-width: 412px) {
	#org-header {
		font-size: 18px;
	}	
}