/* track.sass */
/* variables.sass */
#panes0 div {
  border-weight: 1;
  border-color: black;
  outline: 2px dotted orange; }

span.commitment, #commitment {
  color: black;
  font-size: 100%;
  margin-bottom: -5px; }
  span.commitment .label,   #commitment .label {
    font-weight: bold;
    font-size: 110%; }

.commitment_dashboard {
  margin-top: 10px; }

.commitment_dashboard span {
  display: block;
  font-size: 120%;
  font-weight: bold;
  font-text-align: center; }

#status_date {
  margin-left: -2px;
  margin-right: -5px; }

#principle_quote {
  float: left;
  margin-top: -30px;
  margin-left: 56px;
  width: 270px;
  padding: 5px; }

#pane_controller #otheractions {
  float: left;
  width: 180px;
  margin-left: 20px; }

#panes, #pane_controller {
  padding-top: 10px; }

#pane_controller .toolbar {
  width: 385px; }

#info_pane {
  margin-top: 10px;
  width: 300px;
  float: left; }

#serving_pane {
  margin-top: 10px;
  margin-right: 5px;
  width: 140px;
  float: right;
  background-color: "pink"; }

#add_units_row {
  width: 160px;
  float: left; }

#info_sources {
  float: right;
  margin: 0px; }

.datalist option {
  font-family: georgia;
  font-size: 120%; }

.load_hidden {
  display: none; }

#history_info_pane {
  background: white;
  padding: 10px;
  margin-top: 10px; }

.datalist {
  width: 148px; }

.datalist option {
  padding-left: 8px; }

.track_column {
  float: left;
  width: 148px; }

#type_pane, #food_pane {
  padding-right: 5px; }

#item_pane, #item_pane_select {
  width: 153px; }

#item_name, #type_name, #food_name {
  width: 142px; }

#commitment_pane {
  width: 200px;
  padding: 10px;
  float: left;
  background: #62c2cc;
  margin-right: 20px; }

#tracker_pane {
  padding: 10px;
  margin-right: 20px;
  background: #62c2cc;
  width: 460px;
  float: left; }

#history_pane {
  background: #62c2cc;
  padding: 10px;
  width: 200px;
  float: left;
  margin-right: -20px; }

.history_meal_body {
  background: #e4f6f8;
  margin-left: -5px;
  margin-right: -5px; }

#commitment_controls {
  float: right; }

#commitment_add_status {
  float: left; }

#history_controls {
  float: right;
  position: relative;
  margin-top: -25px; }

#history_controls a, #commitment_controls a {
  color: black;
  text-decoration: none;
  padding: 2px; }

#history_controls a:hover, #commitment_controls a:hover {
  background-color: #d5d69a; }

#add_status h3 {
  margin-bottom: 0px; }

#status_form {
  margin-bottom: 0px; }

#status_date {
  margin-bottom: 10px;
  margin-right: -10px; }

#status_date_2i {
  width: 75px; }

#commitment_add_status  a {
  color: black;
  text-decoration: none;
  padding: 2px; }

#commitment_add_status  a:hover {
  background-color: #d5d69a; }

.track_column a {
  color: black;
  text-decoration: none;
  font-weight: bold;
  padding: 2px; }

.track_column a:hover {
  background-color: #d5d69a; }

ul.trackpane {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 0;
  margin-left: 0;
  display: inline; }

ul.trackpane li {
  display: inline:; }

#history_pane select {
  size: 10; }

a.infolink {
  text-decoration: none; }

.hover_color {
  background-color: blue; }

#portion_calories:hover, div.portion_info_pane:hover {
  background-color: lightgrey; }

.div3_color {
  color: #EEF99C; }

#lb_box {
  padding: 10px;
  background-color: lightblue; }

#track_container {
  background-color: white;
  align: center;
  margin: 0px;
  padding: 0px; }

#track_center {
  background-color: white;
  width: 960px;
  padding: 10px;
  margin: 0 auto; }

#track_title {
  width: 80px;
  float: left; }

#track_header {
  width: 165px;
  float: left; }

#track_form_header {
  float: right;
  padding-bottom: 5px; }

#meal_type select {
  width: 100px; }

#new_search {
  float: left;
  width: 120px;
  margin-top: -5px;
  padding: 2px; }
  #new_search a {
    text-decoration: none;
    color: black;
    font-weight: bold; }
  #new_search a:hover {
    background-color: #d5d69a; }

#serving_quantity {
  margin-right: -30px; }

#track_footer, #commitment {
  padding: 5px; }

div#aus {
  margin-top: 5px; }

#commitment {
  margin-top: 5px; }

#top_nav {
  padding-right: 5px;
  padding-top: 5px; }

.history_week {
  margin-bottom: 2px; }

.history_week .content {
  padding-right: 0px; }

a.week_header.toggle_link {
  color: black; }

span.summary_metrics {
  color: rgb(85, 85, 85);
  font-weight: normal;
  font-size: 11px;
  margin-left: 5px; }

.tracking_kudos {
  color: green;
  font-weight: bold; }

.tracking_caution {
  color: #F59E06;
  font-weight: bold; }

.tracking_alert {
  color: red;
  font-weight: bold; }

.tracking_kudos_background, #commitments_table .tracking_kudos_background {
  background-color: lightgreen; }

.tracking_caution_background, #commitments_table .tracking_caution_background {
  background-color: lightyellow;
  font-weight: bold;
  font-size: 90%; }

.tracking_alert_background, #commitments_table .tracking_alert_background {
  padding: 2px;
  background-color: red;
  font-weight: bold;
  font-size: 90%; }

span.kudos {
  width: 60px;
  display: inline; }

#mark_day {
  text-align: right;
  font-size: 12px; }
  #mark_day a {
    color: black;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    padding: 2px; }
  #mark_day a:hover {
    background-color: #d5d69a; }

#google_leaderboard {
  margin-top: 10px; }