body { font-family: 'Open Sans', sans-serif; background-color: #333; }

/* Navigation */
.banner { background-color: #4c4c4c; font-weight: 200; color: #fff; }
.navbar sup { font-size: 60%; line-height: 0; position: relative; top: -1.25em; }
.nav-minor { font-size: 18px; margin-bottom: 5px; }
.nav-minor h3 { font-size: 28px; font-weight: normal; display: inline-block; font-weight: 200; margin-top: 0px; margin-bottom: 0px; }
.nav-minor a { margin-left: 15px; color: #13adc5; }
.nav-minor .menu-items { margin-top: 5px; margin-bottom: 0px; }

/* footer */
.footer { background-color: #333; color: #fff; padding-top: 20px; padding-bottom: 20px; font-size: 14px; font-weight: 200; line-height: 200%; }
.footer a { color: #fff; }
.footer .copyright { font-size: 11px; margin-top: 15px; }
.footer .copyright img { height: 18px; padding-bottom: 2px; margin-right: 3px; }

/* Content */
.content-wrapper { min-height: 600px; background-color: #fbfbfb; }
.content { padding-top: 130px; padding-bottom: 40px; font-weight: 400; }
.content h1, h2, h3 { font-weight: 200; }
 @media print {
	.content { padding-top: 15px; padding-bottom: 10px; }
}


input { font-weight: 400; }
.width-auto { width: auto; } /* remove bootstrap 100% control width */
.edit-on { display: none; } /* generic edit functionality */


/* Notifications */
#notify-success { position: fixed; padding: 20px; top: 0px; right: 20px; z-index: 2000; color: #fff; background: #0fa761; min-width: 200px; font-weight: 400; display: none; font-size: 125%; }


/* Password indicator */
.password-strong { color: #fff; background-color: #5cb85c; padding: 4px; text-align: center; }
.password-good { color: #fff; background-color: #5bc0de; padding: 4px; text-align: center; }
.password-weak { color: #fff; background-color: #f0ad4e; padding: 4px; text-align: center; }
.password-poor { color: #fff; background-color: #d9534f; padding: 4px; text-align: center; }


/* Account upgrade */
.braintree { line-height: 24px; font-size: 0.8em; text-align: right; }
.braintree img { margin-left: 10px; }


/* Home */
.home-poster { background-repeat: no-repeat; background-position: center center; height: 350px; position: relative; margin-top: 30px;}
.home-poster-sm { background-image: url(/assets/home/background.jpg); }
.home-poster-sm h1 { margin-top: 280px; margin-bottom: 20px; color: #eee; text-shadow: 1px 1px #333; font-size: 36px; font-weight: 200; text-align: left; }
.home-poster-xs { background-image: url(/assets/home/background-phone.jpg); }
.home-poster-xs h1 { color: #eee; text-shadow: 1px 1px #333; font-size: 33px; font-weight: 200; text-align: left; position: absolute; bottom: 10px; }
.home-welcome { color: #fff; padding-top: 20px; padding-bottom: 20px; font-size: 18px; font-weight: 200; }
@media (min-width: 768px) {
	.home-welcome { font-size: 24px; }
}
.home-feature { color: #fff; font-size: 18px; }
.home-feature a { color: #fff; }
.home-feature h2 { font-weight: 200; margin-top: 20px; }
.home-feature img { margin-top: 30px; }
.home-join { color: #fff; font-size: 18px; padding-top: 20px; padding: 20px; }
.home-join h2 { font-weight: 200; margin-top: 0px; }
.btn-home { width: 110px; margin-left: 10px; margin-right: 10px; margin-top: 10px;}
.btn-signin { background-color: #13adc5; color: #fff; }
.btn-signin:hover { background-color: #0f8a9d; color: #fff; }
.btn-register { background-color: #0fa761; color: #fff; }
.btn-register:hover { background-color: #0b854d; color: #fff; }		
.promocode-message-wrapper { display: none; background-color: green; color: #fff; font-size: 18px; padding: 20px; position: fixed; bottom: 0px; width: 100%; text-align: center; font-weight: 200; }
.promocode-message-wrapper h2 { font-size: 1.2em; margin: 0 0 10px 0; }
.promocode-message-close { position: absolute; top: 10px; right: 10px; cursor: pointer; }

/* Stroke */
#panel-estimate { margin-top: 20px; }
#panel-estimate .field-label { margin-top: 10px; margin-bottom: 5px; font-weight: bold; }
#panel-calculate { margin-top: 20px; }
#panel-calculate input[type="text"] { width: 56px; display: inline; }
#panel-calculate select { display: inline-block; margin-left: 5px; }
#panel-calculate .field-label { margin-top: 10px; margin-bottom: 5px; font-weight: bold; }


/* Stats */
.completed { margin-bottom: 20px; }
.completed .distance { font-size: 18px; }
.completed .workouts { font-size: 12px; }
.completed .days { font-weight: bold; }

.csspace { margin-bottom: 20px; }
.csspace .distance { font-weight: bold; }
.csspace .time { font-size: 18px; }


/* Fix for printing bootstrap container */
@media print {
  .container {
    width: auto;
  }
}
@page {
	margin: 0.5cm;
}


/* Workout */
.workout-details { margin-bottom: 20px; font-size: 18pt; }
.workout-details .workout-day { }
.workout-details .workout-date { font-size: 0.6em; }
.workout-details .workout-distance { font-size: 1em; font-weight: 400; }
.workout-details .workout-focus { font-size: 1em; color: #ccc; font-weight: 200; }
.workout-details .button { font-size: 16px; white-space: nowrap; float: right; }
.workout-details .workout-status { font-size: 0.6em; }
.workout-details .status { font-size: 1em; cursor: pointer; }
.workout-details .status-skipped { color: orange; }
.workout-details .status-complete { color: #8bd554; }
.workout-details .status-incomplete { color: #666; }
.workout-details .workout-calories { margin-left: 15px; }
.workout-details .workout-time-calories { font-size: 0.8em; }
.workout-details .plan-details { font-size: 0.6em; }

@media print { 
	.workout-details { font-size: 12pt; }
	.workout-details .initials { border-radius: 24px; height: 49px; width: 49px; line-height: 49px; text-align: center; border: solid 1px #000; font-size: 24px; color: #000; font-weight: 200; }
}

.workout .component { margin-bottom: 15px; page-break-inside: avoid; color: #fff; font-size: 12pt; }
.workout .component .name { font-weight: normal; color: #000; font-size: 1.3em; }
.workout .component .distance { font-weight: normal; font-size: 0.75em; }
.workout .component .repeat { font-weight: normal; font-size: 0.75em; white-space: nowrap; }
.workout .component .equipment { white-space: nowrap; float: right; }
.workout .component .equipment img { margin-left: 3px; margin-right: 3px; margin-bottom: 3px; }

.workout .component .intensityeasy { background-color: #999999; }	
.workout .component .intensitysteady { background-color: #009933; }	
.workout .component .intensityendurance { background-color: #0066cc; }	
.workout .component .intensityvariable { background-color: #9900cc; }	
.workout .component .intensityhard { background-color: #ff6600; }

@media print { 
	.workout .component { font-size: 9pt; } /* added */
	.workout .component .intensityeasy { background-color: #e3e3e3 !important; } 
	.workout .component .intensitysteady { background-color: #b8e3c6 !important; }	
	.workout .component .intensityendurance { background-color: #b8d4f1 !important; }	
	.workout .component .intensityvariable { background-color: #e2b8f1 !important; }	
	.workout .component .intensityhard { background-color: #ffd4b8 !important; }
}
.workout .component .subcomponent { padding: 4px 20px 4px 4px; font-size: 13pt; position: relative; margin-bottom: 2px; cursor: pointer; }
.workout .component .subcomponent .intensitybars { clear: right; display: table-cell; padding: 5px; text-align: center; white-space: nowrap; }
.workout .component .subcomponent .intensitybars img { margin-right: 2px; vertical-align: baseline; }
.workout .component .subcomponent .description { display: table-cell; padding: 5px;  }
.workout .component .subcomponent .time { font-size: 0.8em; }
.workout .component .subcomponent .info { position: absolute; top: 7px; right: 10px; font-size: 22px; }
.workout .component .subcomponent a { color: #fff; }
.workout .disclaimer { margin-top: 10px; font-size: 8pt; color: #666; clear: both; }
.workout .slogan { font-size: 18pt; font-weight: 200; text-align: center; margin-top: 10px; }
.workout .slogan b { font-weight: 400; margin-right: 5pt; color: #000; }
@media print { 
	.workout .component .subcomponent { font-size: 12pt; } /* added */
	.workout .component .subcomponent { padding: 0px 20px 0px 4px !important; margin-bottom: 2px !important; }
	.workout .component .subcomponent .description { padding: 2px !important; }
}


.legend { line-height: 20px; margin-top: 20px; OLDfont-size: 11px; font-size: 8pt; color: #666; }
.legend .intensity { margin-bottom: 5px; float: left; margin-right: 20px; width: 100px; }
.legend .bars { padding: 10px 2px 10px 2px; width: 40px; text-align: center; display: inline-block; border-radius: 2px; }
.legend .labels { margin-left: 2px; }
.legend .easy { background-color: #999999; }
.legend .moderate { background-color: #009933; }
.legend .endurance { background-color: #0066cc; }
.legend .intense { background-color: #ff6600; }
.legend .variable { background-color: #9900cc; }
@media print { 
  .legend .easy { background-color: #e3e3e3 !important; } 
	.legend .moderate { background-color: #b8e3c6 !important; }	
	.legend .endurance { background-color: #b8d4f1 !important; }	
	.legend .variable{ background-color: #e2b8f1 !important; }	
	.legend .intense { background-color: #ffd4b8 !important; }	
}


/* Workouts */
.workouts .header { background-color: #ddd; font-size: 18px; padding: 2px 4px 2px 4px; }
.workouts .header .date { font-size: 80%; }
.workouts .offworkout { padding-bottom: 38px; cursor: pointer; }
.workouts .workout:hover { background-color: #f4f4f4; }
.workouts .workout .delete { color: #d9534f; display: none; font-size: 28px; }
.workouts .workout .info { font-size: 28px; }
.workouts .workout { cursor: pointer; padding: 2px 4px 10px 4px; font-size: 24px; } 
.workouts .workout .status { float: left; margin-right: 15px; cursor: pointer; }
.workouts .workout .status-skipped { color: orange; }
.workouts .workout .status-complete { color: #8bd554; }
.workouts .workout .status-incomplete { color: #666; }
.workouts .workout .distance { float: left; margin-right: 10px; }
.workouts .workout .focus { font-size: 18px; color: #ccc; }
.workouts .today { background-color: #eee; }


/* Workouts - completed dialog */
#completed-dialog table.distance td { padding: 2px; }
#completed-dialog table.distance th { font-weight: 600; }
#completed-dialog table.distance input[type="text"] { width: 70px; text-align: right; display: inline; }
#completed-dialog table.distance input[type="number"] { width: 80px; text-align: right; display: inline; }
#completed-dialog #workout-distances { display: block; margin-top: 15px; }
#completed-dialog table.distance .error { border: solid 1px #d9534f; }
#completed-dialog .choice { display: none; }


/* New Workout */
.premiumfeature { font-size: 11px; color: #aaa; margin-left: 5px; font-weight: normal; }


/* Favorites */
.favorites .favorite { margin-bottom: 10px; padding: 2px 4px 2px 4px; border: solid #eee 1px; background-color: #f9f9f9; cursor: pointer; }
.favorites .favorite:hover { background-color: #f4f4f4; }
.favorites .favorite .name { font-weight: 400; font-size: 18px; }
.favorites .favorite .date { color: #ccc; font-size: 80%; }
.favorites .favorite .distance { font-size: 18px;  }
.favorites .favorite .focus { color: #ccc; }
.favorites .favorite .notes { font-size: 13px; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
.favorites .favorite .delete { color: #d9534f; display: none; cursor: pointer; font-size: 28px; }


/* Favorite */
.favorite { margin-bottom: 20px; }
.favorite .name { font-size: 24px;}
.favorite .date { color: #ccc; font-size: 80%; }
.favorite .distance { font-size: 32px; font-weight: 400; }
.favorite .focus { font-size: 80%; color: #ccc; font-weight: 200; }
.favorite .notes { }


/* Times */
.personalbest { margin-bottom: 10px; width: 200px; }
.personalbest .distance { font-size: 18px; }
.personalbest .course { font-size: 80%; }
.personalbest .time { font-size: 24px; }
.personalbest .date { font-size: 80%; }


/* Time history */
.pbtimes-details .distance { font-size: 24px; font-weight: 400; margin-bottom: 20px; }
.pbtimes-details .course { font-size: 80%; font-weight: normal; }
.pbtimes .pbtime .time { font-size: 24px; }
.pbtimes .pbtime .date { font-size: 80%; }
.pbtimes .pbtime .delete { color: #d9534f; display: none; cursor: pointer; font-size: 28px; }
.pbtimes .pbtime { margin-top: 5px; margin-bottom: 5px; clear: both; line-height: 28px; }


/* Activity */
.activity h3, h4 { font-weight: 200; }
.activity h3 { margin-top: 0px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Settings */
.intensity-adjust td { padding: 8px; }
.intensity-adjust th { text-align: right; sfont-size: 80%; }
.intensity-adjust .moderate { color: #009933; }
.intensity-adjust .endurance { color: #0066cc; }
.intensity-adjust .effort { color: #ff6600; }
.intensity-adjust input[type="range"] { width: 180px; }


/* Weight */
.recent-weight { border-spacing: 0px; border-collapse: separate; }
.recent-weight td { padding: 2px 30px 2px 0px; }


/* Site tour */
.popover { width: 250px; font-family: arial;  }
.popover h3 { font-size: 16px; font-weight: normal; }
.popover-title { font-size: 12px; width: 100%; color: #333; }
.popover-content { font-size: 14px; color: #333; }


/* Plans */
.plan-chart .label { fill: #666; font-size: 10px; font-family: arial; font-weight: normal; }
.plan-chart .session-notscheduled { fill: #dddddd; }
.plan-chart .session-scheduled { fill: #a6a6a6; }
.plan-chart .session-complete { fill: #a4d858; }
.plan-chart .session-selected { fill: #5376b5; }
.plan-chart .session-clickable { cursor: pointer; }

.plan-chart-input .field-group { border-collapse: separate; border-spacing: 5px; font-size: 11px; }
.plan-chart-input .field-group th { text-align: center; }
.plan-chart-input .buttons { margin-top: 15px; }
.plan-chart-input input[type="submit"] { margin-right: 10px; }
.plan-chart-input .units { font-weight: normal; font-size: 9px; }

.plan-chart-details .field-group { border-collapse: separate; border-spacing: 5px; font-size: 11px; }
.plan-chart-details .field-group th { text-align: right; }
.plan-chart-details .units { font-weight: normal; font-size: 9px; }

.plan-chart-session h4 { margin-bottom: 2px; }
.plan-chart-session .status { font-size: 0.9em; margin-bottom: 10px; font-weight: bold; }
.plan-chart-session .status a { margin-left: 10px; font-weight: normal; }
.plan-chart-session-details { border-collapse: separate; border-spacing: 5px; font-size: 12px; margin-left: -5px;}
.plan-chart-session-details th { text-align: left; }
.plan-chart-session-details .units { font-weight: normal; font-size: 9px; }
.plan-chart-session .casual-workout { font-size: 0.9em; margin-top: 5px; }

.plan-chart-legend { margin-bottom: 15px; margin-left: 5px; }
.plan-chart-legend .status { display: inline-block; margin-right: 30px; white-space: nowrap; }
.plan-chart-legend .status .indicator { display: inline-block; width: 8px; height: 8px; margin-right: 5px; }
.plan-chart-legend .status .indicator-notscheduled { background-color: #ddd; }
.plan-chart-legend .status .indicator-scheduled { background-color: #a6a6a6; }
.plan-chart-legend .status .indicator-completed { background-color: #a4d858; }
.plan-chart-legend .status .label { display: inline-block; color: inherit; margin: 0px; padding: 0; font-weight: normal; font-size: 10px; }


/* override navbar default styling */
.navbar-default {
  background-color: #4c4c4c;
  border-color: #333333;
	border: 0px;
	padding-left: 0px;
	padding-top: 10px;
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #4c4c4c;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #333333;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-toggle {
  border-color: #333333;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #333333;
  }
}


.modal-title { font-weight: 400; }