.desktop {
  display: none;
}

* {
  max-width: 100%;
  box-sizing: border-box;
}

html, body, nav, header, article, footer {
  width: 100%;
}

html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
  padding-bottom: 70px;
}

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

body {
  margin: 0 auto;
  font-family: lato, arial, sans;
  line-height: 1.5;
  background-color: #fff;
}

header {
  z-index: 9;
  background-color: white;
  box-shadow:0 0 20px rgba(0,0,0,0.8);
}

footer {
  background-color: #0d3793;
}


nav {
  position: fixed;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  background-color: #FFF;
  box-shadow: 0 2px 5px #888;
  z-index: 99;
  display: inline-block;
  vertical-align: middle;
}

nav img {
  display: inline-block;
  vertical-align: middle;
  /* max-height: 50px; */
  height: 50px;
}

#navbar #menubutton {
  display: inline;
}

.nav_link {
	display: inline-grid;
	width: 30%;
	padding: 10px;
	text-align: center;
}

.nav_link_title {
	color: #FFF;
	font-family: 'PT Sans Narrow';
}

.nav_link_image img {
	width: 60px;
	height: 60px;
}
nav ul, .product_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

nav li {
	width: 100%;
	color: white;
	
}

nav li a:hover, .dropdown:hover .dropbtn {
  /* background-color: #CCC; */
}

.thirds, .halves {
  height: 100%;
  float: left;
  padding: 0;
}

.thirds {
  width: 33.33%;
}

.halves {
  width: 50%;
}

#logoimg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px;
  margin: 0 auto;
  height: 60px;
  width: auto;
}

#navbar {
  z-index: 5;
  box-shadow: 0 2px 5px #888;
  text-align: center;
}

nav ul {
  list-style-type: none;
  float: left;
}

nav li {
  text-align: left;
}

nav a {
  text-decoration: none;
  padding: 5px;
  color: white;
  font-weight: bold;
}

nav a:hover {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  text-shadow: 0 0 30px red;
}

aside, article, section {
  display: block;
  width: 100%;
}

#videoaccess {
	margin: 5em auto;
	max-width: 300px;
}
article {
  background-color: white;
  padding: 15px;
  border-radius: 5px;
  margin: 0 8px;
}

p {
  text-align: justify;
  -moz-text-align-last: left; /* Code for Firefox */
  text-align-last: left;
}

footer {
  color: white;
  display: block !important;
  text-align: center;
  font-size: 80%;
  padding: 15px;
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
  position: relative;
  margin-top: -50px;
  height: 50px;
  clear: both;
}

h4 {
  font-size: 2.5rem;
  color: gainsboro;
  margin: 0;
  padding: 5px 0;
  text-shadow: -2px 1px 8px #000, 0 0 1px #000;
  font-family: 'Kumar One', cursive;
}


h1, h2, h3, h4 {
  color: #0d3793;
  font-family: Oswald;
  text-shadow: 2px 1px 3px lightgrey, -2px 2px 10px lightgrey;
  margin: .5em auto;
  text-align: center;
}
h1 {
  font-size: 250%;
}

h2 {
  font-size: 150%;
  text-transform: uppercase;
}

h3 {
  font-size: 150%;
}

h5 {
  margin: 1em;
  font-size: 125%;
  font-weight: bold;
  text-align: left;
  text-decoration: underline;
}
.video {
	width: 100%;
	height: 100%;
}

.centered {
	margin: 0 auto;
}
.bulletbox {
	border: 1px solid black;
	border-radius: 4px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
	background-color: #ddd;
}

.roundborder strong {
	text-align: center;
}

blockquote {
	text-align: justify;
}

input[type=text], input[type=password], input[type=date], input[type=email], input[type=tel], textarea, select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: inherit;
}

input[type=radio] {
  margin: 8px;
}

#login input[type=text]:focus, #login input[type=password]:focus, #login input[type=select] {
  box-shadow: 0 0 5px rgba(81, 81, 238, 1);
  border: 1px solid rgba(81, 81, 238, 1);
}

input[type=submit], button {
  /*width: 100%;*/
  background-color: #0d3793;
  color: white;
  padding: 14px 20px;
/*
  margin: 8px 0;
  * box-shadow: 2px 2px 10px rgba(0,0,0,0.8);
  */
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
  box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
}

input[type=submit]:hover, button:hover {
  background: darken(#0d3793, 2%);
}

input[name=login], input[name=wide], button[id=login_button] {
	width: 100%;
}

.containerbody button {
	width: 100%;
}

div.form {
  background-color: #f2f2f2;
  padding: 20px;
  display: block;
}

fieldset {
  border-radius: 4px;
  margin-top: 15px;
  background-color: white;
}

header fieldset {
  background-color: transparent;
}

/*
header img:not(.mobile) {
	padding: 1em;
}
*/

legend {
  margin-top: 15px;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  text-shadow: 2px 1px 3px black, -2px 2px 10px black;
}

#badlogin {
  color: red;
  font-weight: bold;
  text-shadow: -1px 1px 4px #FFF, 0 0 1px #000;
  display: none;
}

#stage {
  margin: 0 auto;
  display: block;
  overflow: auto;
  padding: 10px;
  margin-top: 60px;
}

#stage.mobile {
	margin-top: 100px;
	
}

.password_form {
	width: 100%;
	max-width: 400px;
	margin: 10% auto;
	padding: 5em 1em;
	background-color: lightgrey;
	border-radius: 5px;
}

form#register {
	background-color: white;
	border-radius: 4px;
	padding: 1em 1em;
}

div.weather {
	border: 1px solid black;
	border-radius: 3px;
}
.weathertable {
  width: 100%;
}

.welcometext {
  background-color: white;
  border-radius: 4px;
  border: 1px solid navy;
}

.consultationbutton, .rowbutton {
  max-width: 350px;
  margin: 1em auto;
  display: block;
}

.bulletcolumns {
  list-style-type: disc;
  -webkit-columns: 1;
  -moz-columns: 1;
  columns: 1;
  list-style-position: inside;
}

.bulletcolumns li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -2em;
  margin-left: 2em;
}

.letter {
	background-color: white; /*rgb(250, 255, 189);*/
	padding: 1.5em;
	width: 90vw;
	font-family: 'Bree Serif', verdana !important;
	margin: 2em auto;
	line-height: 2;
}

p.letter {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

div.errorbox {
	border: 1px solid navy;
	display: block;
	width: 100%;
	padding: 0 2em;
	line-height: 1 !important;
}

div#races_list fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#send_letter {
	width: auto;
}

.letter option {
	display: block !important;
}

input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
	background-color: gray;
	color: darkgray;
}

input#goal_race_date {
  width: 12em;
}

input#goal_race_name, input.madlibs#email {
  min-width: 8em;
}

input[type=text].madlibs::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: gray;
  font-size: 100%;
}
input[type=text].madlibs::-moz-placeholder { /* Firefox 19+ */
  color: gray;
  font-size: 100%;
}
input[type=text].madlibs:-ms-input-placeholder { /* IE 10+ */
  color: gray;
  font-size: 100%;
}
input[type=text].madlibs:-moz-placeholder { /* Firefox 18- */
  color: gray;
  font-size: 100%;
}

.madlibs * {
	display: inline-block;
	width: auto;
	outline: none;
}

.madlibs select {
	padding: 0;
	
}

input.madlibs, .madlibs select {
	background-color: inherit;
	font-size: 100%;
	margin: 0;
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0px;
}

input.madlibs {
	width: 5em;
	padding: 3px 3px 0 3px;
	position: relative;
}

p.madlibs {
	text-indent: 2em;
	background-color: white;
	padding: 10%;
	text-align:center;
	margin: 0 auto;
	border-radius: 5px;
}

.madlibs :focus {
  box-shadow: none;
  border: none;
  border-bottom: 3px solid rgba(81, 81, 238,1);
}

.madlibs button:focus, .madlibs button:hover, input#send_letter:focus, input#send_letter:hover {
	box-shadow: 0px 0px 30px rgba(81, 81, 238,1);
	border: 1px solid cyan;
}

/*
input.letter {
    display: inline-block;
    width: 6em;
    position: absolute;
    top: -3em;
}
*/

p.err_message {
	color: red;
	text-align: center;
	display: block;
	line-height: 1;
}

p.err_message::before {
	content: '- ';
}

label.errorlabel {
	position: absolute;
/*
		display: inline-block;
    width: 6em;
    margin-right: .5em;
    padding-top: 1.5em;
    
	position: absolute;
	left: 0;
	bottom: -1em;
	width: 100%;
	text-align: center;
	font-size: 60%;
	color: red;
  */

}

.testimonials blockquote {
	font-style: italic;
	font-size: 110%;
	color: #007;
	background: url(/images/quote.png) left top no-repeat;
  padding: 0 35px;
  margin: 2em 0;
  font-weight: bold;
}

.testimonial_signature {
	text-align: right;
	font-weight: normal;
}

#signature {
	font-family: 'Great Vibes', Helvetica, sans-serif;
	font-size: 150%;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.centercontainer {
	width: 100%;
	margin: 0 auto;
}

.field.interested {
	padding-left: 6em;
}

.buttonrow {
  margin: 0 auto;
  display: table;
}

.buttonrow td {
	padding: 5px;
}

.rowbutton {
  display: inline-block;
}

.shadow {
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.transparent {
  background: rgba(255, 255, 255, 0.5) !important;
}

.anchor:before {
  padding-top: 40px;
  margin-top: -40px;
}


.aboutleft img {
  -webkit-filter: drop-shadow(2px 2px 1px lightgray)
  drop-shadow(-2px -2px 1px lightgray)
  drop-shadow(2px 2px 10px lightgray)
  drop-shadow(-2px -2px 10px lightgray);
  filter: drop-shadow(2px 2px 1px lightgray)
  drop-shadow(-2px -2px 1px lightgray)
  drop-shadow(2px 2px 10px lightgray)
  drop-shadow(-2px -2px 10px lightgray);
}

.aboutleft {
 width: 100%;
}
.aboutright {
  width: 100%
}


.right {
  float: right;
}

.left {
  float: left;
}

.container {
  background: white;
  max-width:100%;
  z-index: 1;
  border-radius: 6px;
  margin: 10px auto;
  padding: 1rem;
  max-width: 1200px;
  /*
  box-shadow: 0 0 1.3rem rgba(0,0,0,0.25);
  box-shadow: 0 0 20px rgba(0,0,0,0.8);
  */
}


.containerhead {
  min-width: 30%;
  margin-top: 1em;
}
.container img {
  display: block;
  margin: 0 auto;
}

.row {
  display: inline-block;
  width: 100%;
}

/* start flexing */

.flex-outer, .flex-inner {
  list-style-type: none;
  padding: 0;
}

.flex-outer li,
.flex-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.flex-outer > li > label,
.flex-outer li p {
  flex: 1 0 120px;
  max-width: 220px;
}

.flex-outer > li > label + *,
.flex-inner {
  flex: 1 0 220px;
}

.flex-outer li button {
  margin-left: auto;
  padding: 8px 16px;
  border: none;
  background: #333;
  color: #f2f2f2;
  text-transform: uppercase;
  letter-spacing: .09em;
  border-radius: 2px;
}

.flex-inner li {
  width: 100px;
}

.flex-inner {
  /* justify-content: space-between; */
}

.field label {
  position: relative;
  bottom: -10px;
  font-size: 80%;
  color: #0d3793;
}

.medical_conditions {
  display: inline-block;
}

.medical_conditions label, .contact_method label {
  width: 100%;
  position: relative;
  bottom: 0;
  display: block;
}

.colhead {
	-webkit-top-left-radius: 5px;
	-webkit-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #E7E7E7;
	background-image: -webkit-linear-gradient(#E7E7E7,#F6F6F6);
	background-image: linear-gradient(#E7E7E7,#F6F6F6);
	font-size: 1.125rem;
	color: #1E2023;
	line-height: 2.125rem;
	padding: 0 10px;
	margin: 0;
	box-sizing: content-box;
	order-bottom: 1px solid #D7D7D7;
}


.panel_set {
	width: 100%;
	overflow: visible;
	display: table;
}

.left_panel, .right_panel, .center_panel {
	width: 100%;
}

.left_panel {
	display: table-row-group;
	order: 2;
}

.right_panel {
	display: table-foooter-group;
	order: 3;
}

.center_panel {
	display: table-header-group;
	order: 1;
}

.center_panel::after {
	content: "\A \A";
	white-space: pre;
}


.section_head {
	outline: none;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	border: 1px solid #0d3793;
	cursor: pointer;
	background-color: #0d3793;
	color: white;
	font-size: 110%;
	text-align: center;
	width: 100%;
	padding: .5em;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-top: .5em;
}



.section_head.active, .section_head:hover {
  background-color: rgb(36, 46, 75);
}


.section_body {
  padding: 0 18px;
  background-color: #EEF;
  border: 1px solid #0d3793;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: maxheight 0.2s ease-in;
  transition: maxheight 0.2s ease-in;
  -webkit-transition: padding 0.2s ease-in;
  transition: padding 0.2s ease-in;
}

.training_zones_table {
	min-width: 250px;
	margin: 0 auto;
}

.mobile_header_image {
	background-image: url("http://www.jbmultisport.com/images/JBMS193x70.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
}

.iconrow {
  display: block;
  margin: 5px 0;
}

.icontable td {
  padding: 0;
  margin: 0;
}

.icontable {
  border-collapse: collapse;
}

.adminicon img{
  max-height: 100px;
}

.menu_button {
	float: left;
	padding: 5px;
}

input#toggle_menu {
	display: none;
}

.menu_list {
	position: absolute;
	z-index: -10;
	left:-110%;
	top: 60px;
/*
	background-color: #0d3793;
  */
  background-color: #003;
  opacity: 1;
  border: 1px solid gray;
  border-bottom-right-radius: 2em;
  box-shadow:0 3px 8px rgba(0,0,0,0.8);
  width: 100%;
  transition: left 0.3s ease-in-out;
  -webkit-transition-timing-function: ease-in-out
  font-size: 12px;
}

.menu_list ul {
	list-style-type: none;
}

input#toggle_menu:checked ~ div {
	position: absolute;
	left: 0px;
}


label.menu_button {
	height: 50px;
	width: 50px;
	margin: 5px;
	background: url("http://www.jbmultisport.com/images/button_menu.png") no-repeat;
	background-size: 50px 50px;
}

input#toggle_menu:checked + label.menu_button {
	background: url("http://www.jbmultisport.com/images/button_close.png") no-repeat;
	height: 50px;
	width: 50px;
	margin: 5px;
	background-size: 50px 50px;
}

.full_width {
	width: 100%;
}

.option_section_head {
	background-color: #0d3793;
	color: yellow;
}

.w500 {
	max-width: 500px;
	margin: 0 auto;
}



.race_report_head {
	
}

.bgfill {
	background-image: url(http://www.jbmultisport.com/images/IM703_heading_800x533.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.race_report_head h3 {
	margin: 0 0 2em 0;
}


.race_report_body p {
	text-indent: 2em;
}

.race_report_images_left .race_report_images_right {
	
}

.img_left, .img_right{
	width: 100%;
	border-radius: 5px;		
	box-shadow: 0px 3px 8px #333;
}

.product {
	display: block;
	clear: both;
	max-width: 800px;
	margin: .5em auto;
}

.product_image {
	float: left;
	margin: 1em;
}

.product_title {
	font-weight: bold;
	color: #fff;
	background-color: #0d3793;
	padding: .5em;
	text-align: center;
	text-shadow: 2px 2px 8px #000;
}

.product_description {
	padding: 1em;
}

.product_wrapper {
	clear: both;
	background-color: #fff;
	border-radius: 3px;
	padding: 0;
	border: 1px solid #0d3793;
/*
	box-shadow: 0 0 8px rgba(0,0,0,0.7);
  */
  overflow: auto;
  margin-bottom: .5em;
}

a.nostyle,
a.nostyle:link,
a.nostyle:visited,
a.nostyle:hover,
a.nostyle:active {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.product:hover .product_title {
	background-color: #0D36E4;
}

.product img {
	max-width: 100px;
}

ul.product_menu {
	margin: 0;
	padding: 0;
}

.product_menu li {
	display: inline;
}

.product_group {
	display: block;
}

#user_races {
	
	max-width: 100%;
	margin: 0 auto;
}

.form_buttons {
	text-align: center;
}

.form_buttons *{
	display: inline;
	max-width: 40%;
}

/* 786-802-9197-22-039 */
.distance_hidden {
	display: none;
}

.distance_hidden * {
	display: inline;
	max-width: 33%;
	text-align: right;
	
}

.distance_hidden label {
	display: inline-block;
	width: 30%;
}

table#race_report_table {
	min-width: 100%;
	max-width: 500px;
	border-spacing: 0;
	border: 1px solid #0d3793;
	border-radius: 10px;
	background-color: #0d3793;
}


#race_report_table tr:first-child th:first-child { border-top-left-radius: 10px; }
#race_report_table tr:first-child th:last-child { border-top-right-radius: 10px; }


.round-table table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.round-table table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}


#race_report_table th{
	background: #0d3793;
	padding: .5em;
	color: white;
}


#race_report_table tr:last-child th { 
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	padding: 7px;
}


#race_report_table tr:nth-child(even), #all_users_hr_zones tr:nth-child(even) {
	background: #CCC
}
#race_report_table tr:nth-child(odd), #all_users_hr_zones tr:nth-child(odd) {
	background: #EEF
}

#race_report_table td {
	padding: 5px 10px;
}

.igpic img {
	min-width: 100%;
	margin: 0 auto;
/*
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  */

}

button.update {
	display: inline-block;
  font-weight: bold;
  font-size: 60%;
  box-shadow: 2px 2px 5px #888;
  background-color: red;
  color: #FFF;
  border-radius: 5px;
  margin: 3px;
  padding: 3px;
  text-decoration: none;
}

table#table_dashboard_header td {
	padding-right: 1em;

}

form.form_update {
	width: 100%;
}

form.form_update input[type=submit], 
form.form_update input[type=text],  
form.form_update label, 
form.form_update span, 
button[name=goto_profile] {
	margin: 1em auto;
	width: 75%;
	display: inherit;
}

.error_text {
	color: red;
}

table[name=profile_table] tbody{
	display: table;
	margin: 0 auto;
}
table[name=profile_table] {
	border: none;
	width: 100%;
}
table[name=profile_table] th {
	text-align: right;
}
table[name=profile_table] td {
	text-align: left;
	padding: 0 1em;
}

.event_date {
	background-color: #0d3793;
	color: white;
}

.event_title {
	color: black;
}

.event_description {
	
}

.event_Swim {
	background-color: lightblue;
}

.event_Bike {
	background-color: lightgreen;
}

.event_Run {
	background-color: pink;
}

.event_Brick {
	background-color: darkgrey;
}


table[name=training_calendar] {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table[name=training_calendar] td {
	width: calc(100% / 7);
	border: 1px solid #0d3793;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;
	font-size: 75%;
}

table[name=training_calendar] th {
	width: calc(100% / 7);
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #0d3793;
	text-align: center;
	color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.event_row td {
	padding: 1em !important;
}

.beta_tester_message {
	font-size: 80%;
	color: red;
	font-weight: bold;
}

.beta_tester_header {
	font-size: 100%;
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px black;
	padding: .2em;
	border-radius: 5px;
	background-color: red;
	box-shadow: -1px 2px 5px black;
	text-align: center;
	
	
}

#beta_flag {
	font-size: 10px;
	color: white;
	background-color: red;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 1px 2px black;
	text-shadow: 1px 1px black;
	padding: .2em .5em;
	z-index: 100;
	position: fixed;
	left: calc(50% + 60px);
	top: 30px;	
}


.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  border: none;
  display: flex;
  justify-content: space-between;
}

/* Style the buttons inside the tab 0d3793*/
.tab button {
	border: 1px solid #0d3793;
	border-bottom: 0;
  float: left;
  outline: none;
  border-radius: unset;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  margin: 0;
  z-index: 1;
  color: #AAA;
  padding: .5em 0;
  transition: 0.3s;
  width: calc(100%/7);
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #121242;
}

textarea:disabled {
 color: black;
 background-color: #FFF;
}

/* Create an active/current tablink class */
.tab button.active {
  box-shadow: 0px 5px 10px black;
  z-index: 10;
  background-color: #EEF;
  color: black;
  font-weight: bold;
}

/* Style the tab content */
.tabcontent {
  display: none;
  transition: 0.3s;
  padding: 6px 12px;
  border: 1px solid #0d3793;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #EEF;

}

table.query_results_table th, table.query_results_table td {
  border: 1px solid lightblue;
  margin: 0;
  padding: 0;
  cellpadding: 0;
  cellspacking: 0;
}

.bus_schedule a {
  color: blue;
  text-decoration: underline;
}
.bus_schedule *{
  all: initial;
  * {
    all: unset;
  }
  font-size: 70%;
  font-family: lato;
}

div.bus_schedule_message {
	display: block;
font-size: 120%;
font-weight: bold;

}


h5.hcenter {
	display: none;
}
.row.arrival-row {
	display: block;
}

h3.arrival-time {
	color: green;
}

table.admin_calendar_table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

table.admin_calendar_table td {
	border: 1px solid #EEF;
	width: calc(100%/7);
  height: 10em;
}

table.admin_calendar_table th {
	background-color: #0d3793;
	color: white;
	font-weight: bold;
}

.striped-table tr:nth-child(even) {
  background: #DDE; 
}

table[name=all_users_hr_zones] {
  width: 100%;
}
table[name=all_users_hr_zones] td {
  padding: .2em;
  text-align: center;
}

table[name=all_users_hr_zones] tr:first-child td {
  text-align:center;
  background: #0d3793; 
  color: white;
  font-weight: bold;
}

.loadingDiv {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background-color: inherit;
  background-image: url(../images/ajax-loader.gif);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: center;
  display: none;
}

#calendar_day {
  min-height: 200px;
}

.wrapper200h {
  height: 200px;
}

.calendar_date_wrapper {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}

.calendar_date, .calendar_race_name, .calendar_training {
  display: table-row;
}

.calendar_date, .calendar_race_name {
  height: 2em;
}

.calendar_date {
  vertical-align: top;
  padding: .5em;
  margin: 0;
  text-align: right;
}

.calendar_training {
  text-align: center;
  vertical-align: middle;
}

.calendar_race_name {
  color: red;
  text-align: center;
  vertical-align: bottom;
}

.weather h3 {
  font-size: 100%;
  vertical-align: top;
  margin: auto;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
  font-family: unset;

}

.weather table {
  display: table-cell;
}

.weather td {
  border: 0px solid lightblue;
}

.weather_7_day {
  display: flex;
  margin: 1em;
}

.weather_7_day:nth-of-type(2n) {
  background-color: #EEE;
}

.weathertable, .weathertable td {
  background-color: #FFF;
}

div.weather {
  border: 1px solid #CCC;
  border-radius: 3px;
}

.weather_forecast_detailed_dayname {
  font-weight: bold;
}

.weather_forecast_icon img {
  width: 52px !important;
  height: 52px !important;
}

#form_race_details {
  /*display: none;*/
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

#priority select {
  background-color: pink;
}

div.results_window { 
  padding: 5em;
  width: 500px;
  max-width: 90%;
  text-align: center;
  border-radius: 10px;
  background-color: #EEF;
  box-shadow: 0 0 3px gray;
  margin: 0 auto;
}

.results_window p {
  text-align: center;
  text-align-last: center;
}

.window_panel {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
  box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2); */
}

::-webkit-scrollbar-thumb {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* background: #ddd; */
  min-height: 40px;
}

::-webkit-scrollbar {
    background: transparent;
    height: 8px;
    width: 8px;
}

/******************************************************************************************************************************************************************
                                                Desktop Only
                                                *******************************************************************************************************************************************************************/



                                                @media (min-width: 48.75em) {


                                                 #beta_flag {
                                                  left: 130px !important;
                                                  top: 30px;
                                                }

                                                #user_races {
                                                  max-width: 500px;
                                                }

                                                .create_workout_form {
                                                  max-width: 400px;
                                                  margin: 0 auto;
                                                }

                                                .trainingzones, .profile_preview, #races_list, select[name=id] {
                                                  max-width: 300px;
                                                }
                                                .center_panel > * > * {
                                                  flex: 1 1 auto;
                                                }

                                                .product_image {
                                                  float: left;
                                                  margin-right: 2em;
                                                }

                                                .product_title {
                                                  text-align: left;
                                                }

                                                .product img {
                                                  max-width: inherit;
                                                }
                                                .img_left, .img_right {
                                                  max-width: 350px;
                                                  margin: 2em;
                                                }

                                                .img_left {
                                                  float: left;
                                                  margin-left: 0px;
                                                  clear: right;
                                                }

                                                .img_right {
                                                  float: right;
                                                  margin-right: 0px;
                                                  clear: left;
                                                }

                                                .race_report {
                                                  margin: 0 9%;
                                                }

                                                .race_report_body {
                                                  max-width: 800px;
                                                  margin: auto;
                                                }

                                                .race_report h3 {
                                                  font-size: 200%;
                                                }
                                                form[name=add_race] {
                                                  max-width: 500px;
                                                  margin: auto;
                                                }

                                                form[name=add_race] input[type=submit] {
                                                  width: 250px;
                                                  margin: auto;
                                                  display: inherit;
                                                }

                                                .nav_link {
                                                  padding: 0 2em 0 0;
                                                  margin: auto;
                                                }

                                                .nav_link a:hover, .nav_link_title:hover {
                                                  color: blue;
                                                  font-weight: bold;
                                                  -webkit-transition: font-weight 0.1s ease;
                                                  transition: font-weight 0.1s ease;
                                                }

                                                .desktop_nav, .desktop_nav_buttons {
                                                  display: inline-flex;
                                                  overflow-x: overlay;
                                                }

                                                .desktop_nav {
                                                  width: 100%;
                                                }
                                                .desktop_nav_buttons {
                                                  margin: 0 auto;
                                                }

                                                .nav_link_title {
                                                  color: black;
                                                  white-space: nowrap;
                                                  text-align: center;
                                                }

                                                .nav_link_image {
                                                  display: none;
                                                }

                                                .nav_link a {
                                                  text-decoration: none;
                                                }

                                                .jbms193x70 {
                                                  margin: 5px;
                                                  height: 50px;
                                                }


                                                .section_head.active, .section_head:hover {
                                                 background-color: #0d3793;
                                               }

                                               .section_body {
                                                height: inherit;
                                                max-height: 200%;
                                                opacity: 1;
                                                padding: 1em;
                                                font-size: 100%;
                                              }

                                              .panel_set {
                                                width: 100%;
                                                overflow: hidden;
                                                display: flex;
                                              }

                                              .left_panel, .right_panel, .center_panel {
                                                display: block;
                                                width: initial;
                                                margin: 1em;
                                              }

                                              .left_panel {
                                                float: left;
                                                order: 1;

                                              }

                                              .left_panel, .right_panel {
                                                max-width: 288px;
                                                max-width: 100%;
                                              }

                                              .right_panel {
                                                float: right;
                                              }

                                              .center_panel {
                                                float: left;
                                                width: 100%;
                                                order: 2;
                                              }

                                              #races_list {
                                                min-width: 18em;
                                              }

                                              .section_head {
                                                background-color: #0d3793;
                                                color: white;
                                                font-size: 110%;
                                                text-align: center;
                                                width: 100%;
                                                border-top-left-radius: 5px;
                                                border-top-right-radius: 5px;
                                              }

                                              aside, article, section, .container {
                                                /* display: inline-block; */
                                              }

                                              header {
                                                display: block;
                                                margin: 0 auto;
                                                z-index: 99;
                                                background-color: white;
                                                box-shadow:0 0 20px rgba(0,0,0,0.8);
                                                -webkit-background-size: cover;
                                                -moz-background-size: cover;
                                                -o-background-size: cover;
                                                background-size: cover;
                                                position: relative;
                                              }

                                              nav ul {
                                                margin: auto 0;
                                                margin-left: 20px;
                                                padding: 0;
                                                overflow: hidden;
                                              }

                                              nav li {
                                                display: inline-block;
                                                background-color: inherit;
                                                color: white;
                                                padding: 5px 15px;
                                                margin: 0 auto;
                                              }

                                              div.form {
                                                max-width: 350px;
                                              }

                                              fieldset {
                                                margin: 1.5em;
                                                padding: 0 2em;
                                              }

                                              .mw1200 {
                                                max-width:1200px;
                                                margin: 0 auto;
                                              }

                                              .mobile {
                                                display: none;
                                              }

                                              .desktop {
                                                display: block;
                                              }

                                              .plans {
                                                display: flex;
                                              }

                                              .container:not(.centered) {
                                                flex-basis: 100%;
                                                margin: 8px;
                                              }

                                              .padded {
                                                padding-left: 5em;
                                                padding-right: 5em;
                                              }

                                              .containerhead, .containerbody {
                                                display: block;
                                                clear: both;
                                                padding: 0;
                                                margin: 1em;
                                                min-width: auto;
                                              }

                                              .row {
                                                display: inline-flex;
                                              }

                                              .first_name, .last_name, .email, .birthday, .phone {
                                                width: 50%;
                                              }

                                              .first_name input, .email input {
                                                width: 98%;
                                              }

                                              .first_name, .email {
                                                float: left;
                                              }

                                              .last_name, .phone {
                                                float: right;
                                              }

                                              .bulletcolumns {
                                                -webkit-columns: 2;
                                                -moz-columns: 2;
                                                columns: 2;
                                              }

                                              form#register {
                                                max-width: 600px;
                                                margin: 2em auto;
                                                background-color: white;
                                                border-radius: 4px;
                                                padding: 1em 3em;
                                              }

                                              .letter {
                                                width: 90%;
                                                max-width: 1200px;
                                                padding: 6em 3em;
                                                line-height: 3;
                                              }

                                              .aboutleft, .aboutright {
                                                float: left;
                                              }

                                              .aboutleft {
                                                width: 30%;
                                              }
                                              .aboutright {
                                                width: 70%;
                                              }

                                            }