a {
  color: #436449;
  text-decoration: none;
}
a:hover {
  color: #5b8b64;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
html {
	font-size: 1.125em; /*18px*/
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	background: #D3D7DA;

	-webkit-font-smoothing: antialiased;
	line-height: 1.42857143;
  padding:1em;
}
small {color:#808080;}



button {
	bottom:1px;
  cursor:pointer;
  margin-right:8px;
  position:relative;
  padding:4px 11px;
  border:1px solid #0085a6;
  background:none;
  border-radius:3px;
  color:#0085a6;
  font-size:1em;
	transition:all .3s ease-in-out;
}
button:hover {background:#0085a6; color:#fff;}

/* Tables */
	/* Responsive scroll-y table */
.table-responsive {min-height:.01%;	overflow-x:auto;}
@media screen and (max-width: 801px) {
	.table-responsive {width:100%; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar;}
}
	/* Default table */
table {
	border-collapse:collapse;
	border-spacing:0;
	-webkit-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
	   -moz-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
			    box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
	margin-bottom:40px;
	margin-top:.5em;
	width:100%;
	max-width:100%;
}
table thead tr {border-bottom:3px solid #0085a6; color:#000;}
table tfoot tr {border-top:3px solid #0085a6;}
table thead th, table tfoot th {
	background-color:#fff;
	color:#000;
	font-size:.83333em;
	line-height:1.8;
	padding: 15px 14px 13px 14px;
	position:relative;
	text-align:left;
	text-transform:uppercase;
}
table tbody tr {background-color:#fff;}
table tbody tr:hover {background-color:inherit !important;}
table th, table td {
	border:1px solid #bfbfbf;
	padding:10px 14px;
	position:relative;
	vertical-align:middle;
}
caption {font-size:1.111em; font-weight:300; padding:10px 0;}

@media (max-width:1024px) {
	table {font-size: .944444em;}
}
@media (max-width:767px) {
	table {font-size: 1em;}
}

/* Loading Overlay */
#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #0085a6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#loadingOverlay p {
  margin-top: 15px;
  font-size: 1.2em;
}

/* Cap Indicator for DNF scores */
.cap-indicator {
  color: #d9534f;
  font-weight: bold;
  font-size: 0.85em;
}

/* Workout Header Styling */
.workout-header {
  cursor: pointer;
  position: relative;
}

.info-icon {
  font-size: 0.9em;
  margin-left: 5px;
  opacity: 0.7;
}

.info-icon:hover {
  opacity: 1;
}