html, body, { position:fixed; top:0; bottom:0; left:0; right:0; margin:0; }
.no-print { display: none; }
.print-only { display: block; }
#yii-debug-toolbar { display: none; }
.row { display: block; clear: both;}
.h3 { font-size: 1.8em; font-weight: bold; }
.smaller { font-size: 0.8em; }

/*******************************************************
  DAILY WORKOUTS
 *******************************************************/
input.workout_value_input { max-width: 50px; text-align: center;}

.daily-workout-table-div { color: #000; margin: 2px;page-break-inside: avoid; text-align: center;}
.daily-workout-description { text-align: left; }
.daily-workout-table { background-color: #fff; padding: 5px; display: block; max-width: 500px; border: 1px solid #000; color: #000;}
.daily-workout-table table { background-color: transparent; font-size: 0.9em;  border-collapse: collapse;}
.daily-workout-table table td { border: 1px solid #000; padding: 1px; text-align: center; border-collapse: collapse; }
.daily-workout-table table td.td-set-detail { background-color: #999; color: #000; font: 1.1em bold verdana; }
.daily-workout-table table td div { text-align: left; font: bold 1.5em times-new-roman;  }
.daily-workout-table table td.measurement { width: 20px; border: 1px solid #000;}
.daily-workout-table input { color: #000; border: 0; width: 100%;}
.daily-workout-table input.workout_value_input { color: #000; border: 0; width: 100%; text-align: center;}
.daily-workout-table table td.alt-measurement,
.daily-workout-table table td.alt-measurement input { color: #999; }
.input-multiselect { background-color: transparent; font: bold 1em verdana; color: white;}
.input-multiselect.option-box .radio { border: 1px solid #222; padding: 5px; margin: 1px 0; background-color: #333;}
.input-multiselect.option-box .radio label { display: block;}
.workout-table table td { position:relative; }
.exercise-starting-order { position: absolute; font: normal 1em "times new roman"; color: #444; top: 3px;}
.exercise-delete-button { position: absolute; font: normal 1em "times new roman"; color: #343434; top: -5px; right: 3px;}
th.daily-workout { text-align: center; font-size: 1.3em; }

.small_measurement { font-size: 0.8em; text-align: left; }
.workout_exercise_value_input,
.workout-set-comment { font: italic 0.7em sans-serif; color: lightgreen;}


.day-description { font-weight:bold; color: red;}

.form-control-small { width: 30px; border: 0; text-align: center;}
.form-control-medium { width: 150px; border: 0; text-align: center;}

/*******************************************************
  WORKOUT PROGRAMS
 *******************************************************/


.workout-program-table-div { background-color: #fff; max-width: 500px; color: #000; margin: 2px; float: left; page-break-inside: avoid; page-break-after: always;}
.workout-program-table { background-color: #fff; padding: 5px; border: 1px solid #000; color: #000;}
.workout-program-table table { background-color: transparent; font-size: 0.9em; border-collapse: collapse;}
.workout-program-table table td,
.workout-program-table table tr { border: 1px solid #000; padding: 1px; text-align: center;}
.workout-program-table table td.measurement { width: 20px; border: 1px solid #000;}
.workout-program-table table tr td.workout-program-exercise-detail { background: #999; color: #000; font: bold 1.2em arial; }
.workout-program-table table tr td.exercise-name { font: bold 1.5em arial;  width: 45%; text-align: left; border: 1px solid #000;}
.workout-program-table input { color: #000; }
.workout-program-table table td.alt-measurement,
.workout-program-table table td.alt-measurement input { color: #999; }
.workout-program-description { border-top: 2px dashed #000; }

.workout-phase-table-div { color: #000; margin: 2px;page-break-inside: avoid; text-align: center;}
.workout-phase-description { text-align: left; }
.workout-phase-table { background-color: #fff; padding: 5px; display: block; max-width: 500px; border: 1px solid #000; color: #000;}
.workout-phase-table table { background-color: transparent; font-size: 0.9em;  border-collapse: collapse;}
.workout-phase-table table td { border: 1px solid #000; padding: 1px; text-align: center; border-collapse: collapse; }
.workout-phase-table table td.td-set-detail { background-color: #999; color: #000; font: 1.1em bold verdana; }
.workout-phase-table table td div { text-align: left; font: bold 1.5em times-new-roman;  }
.workout-phase-table table td.measurement { width: 20px; border: 1px solid #000;}
.workout-phase-table input { color: #000; border: 0; width: 100%;}
.workout-phase-table input.workout_value_input { color: #000; border: 0; width: 100%; text-align: center;}
.workout-phase-table table td.alt-measurement,
.workout-phase-table table td.alt-measurement input { color: #999; }


/*******************************************************
  MEAL PLANS
 *******************************************************/
.meal-plan-view { text-align: center; max-width: 750px; margin: 20px; border: 1px dashed red; padding: 10px;}
.meal-plan-view div.col-sm-6 { width: 100%; text-align: center;}
.center-title { text-align: center; }
.uppercase { text-transform: uppercase; }
.inactive-entry { color: pink; font-style: italic; }
.meal-plan-notes { margin-top: 5em; }


.macros-summaries { min-height: 100px; border-radius: 30px; margin: 10px 2px; width: 100px; position: relative; padding: 20px; }
.macros-summaries span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; height: 20%; margin: auto;  font: bold 1.1em arial-narrow; float: left; }
.calories { color: #fefefe; background-color: #0000CD; }
.proteins { color: #fff; background-color: #8B008B;}
.carbs { color: #000; background-color: #32CD32; }
.fats {  color: #000; background-color: #FF8C00; }
.macros-line span { padding: 5px; border-radius: 5px; margin: 2px; }


#meal-plan-summary { margin-left: 70px; }
#meal-plan-summary div { float: left; }
#meal-plan-meals-list { text-align: center; }
#meal-plan-meals-list .meal { text-align: left; background-color: #cacaca; margin: 5px; font: normal 1em verdana;}
#meal-plan-meals-list .meal a { color: #000; font-weight: bold; text-decoration: none;}
#meal-plan-meals-list .meal table tr { margin: 1px; background: white;}
#meal-plan-meals-list .meal table tr td { width: 100%; }
#meal-plan-meals-list .meal table tr td.time { width: 100px; padding: 0 10px; background-color: #999; color: black;}
#meal-plan-meals-list .meal table tr td.title { width: 85%;  background-color: #999; color: black; height: 50px;}

#badges { display: inline; float: right; }
.calories_badge { background-color: #0000CD; font: normal 0.9em calibri; padding: 3px; border-radius: 5px; color: white;}
.proteins_badge { background-color: #8B008B; font: normal 0.9em calibri; padding: 3px; border-radius: 5px; color: white; }
.carbs_badge { background-color: #32CD32; font: normal 0.9em calibri; padding: 3px; border-radius: 5px;  }
.fats_badge { background-color: #FF8C00; color: #000; text-shadow: none; font: normal 0.9em calibri; padding: 3px; border-radius: 5px; }