select {
  border: 0;
  background: url("../images/down_arrow.png") no-repeat right;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #727272;
  text-align: center;
}

.chart_label {
    display: block;
    max-width: 5px;
    min-width: 5px;
    height: 85px;
}

.rotate {
    margin-top: 5px;
    display: block;
    margin-left: 7px;
    margin-bottom: 0px;
    font-size: 8pt;
    margin-right: 0px;
    white-space: nowrap;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.complete_status {
  float: left;
  margin-top: 10px;
  margin-left: 15px;
}

.saved {
  float: right;
  padding: 15px;
  color: black;
  display: none;
}
input {
  text-align: center !important;
}
.delete_btn,
.reset_form_btn {
  float: right;
  margin-right: 16px;
  cursor: pointer;
}
.mandatory {
  color: #ff0000;
  vertical-align: super;
    font-size: smaller;
}
.mandatory_remark {
  color: #FF0000;
  clear: both;
  margin-left: 15px;
}
.line-legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
ul.line-legend {
  list-style-type: none;
}
.bp_normal {
  float: left;
  width: 13px;
  height: 13px;
  background-color: #00e700;
  margin: 3px;
}
.last_update {
  padding: 25px;
  font-size: 10pt;
}
.bp_l1 {
  float: left;
  width: 13px;
  height: 13px;
  background-color: #fff500;
  margin: 3px;
}
.bp_l2 {
  float: left;
  width: 13px;
  height: 13px;
  background-color: #ef8791;
  margin: 3px;
}
.bp_l3 {
  float: left;
  width: 13px;
  height: 13px;
  background-color: #ff2600;
  margin: 3px;
}
#to_today {
  margin-top: 2px;
}
.medic-last-update {
  margin-left: 18px;
  padding-top: 8px;
  float: left;
  font-size: 9pt;
}
.medic-input input {
  text-align: left !important;
}
.medic_alert_list_holder .contact {
  width: 704px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background: #ededed;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 18px;
  margin-bottom: 12px;
  padding-top: 20px;
  padding-left: 20px;
}
.container1 {
  width: 975px;
  height: 2000px;
}
.container1 .sub_content {
  height: 100%;
  float: left;
  overflow-y: auto;
}
.container1 .sub_content .subheader {
  float: left;
}
.container1 .sub_content .setting_container {
  overflow: hidden;
  height: 100%;
}
.jBox-TooltipBorder .jBox-container {
  border: 2px solid #c1c3c3 !important;
}
.jBox-TooltipBorder .jBox-pointer:after {
  border: 2px solid #c1c3c3 !important;
}
.toolkit {
  color: #757575;
}
div.middle#source {
  display: none;
}
div.middle {
  border: solid #f5f5f3 4px;
  margin: auto 0;
}
div.middle .btn-save {
  background: #ff6f6e url("../images/btn-submit.png") no-repeat;
}
div.middle .image {
  width: 167px;
  height: 125px;
}
div.middle span.pink {
  width: 97.5%;
  padding: 7px 9px 20px 10px;
}
div.middle span.pink .top-left {
  width: 80%;
  font-size: 0.9em;
  float: left;
}
div.middle span.pink .top-left b {
  margin-top: -15px;
  font-weight: normal;
  font-size: .9em;
  width: 500px;
}
div.middle span.pink .top-right {
  width: 27%;
  text-align: right;
  font-size: 0.9em;
  font-weight: normal;
  float: right;
  margin-top: -35px;
}
div.middle .element {
  width: 275px;
}
div.middle .element-right {
  margin-top: -18px;
  float: right;
}
select.sorting_menu {
  padding: 2px 20px 2px 4px;
  background-position-x: 95%;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  margin-top: 25px;
  margin-left: 6px;
  float: left;
  width: 170px;
}
.error {
  background: none !important;
}
.searchresult {
  width: 803px;
  float: left;
  display: none;
  border: none;
  margin-left: -4px;
  height: 100%;
  background: #e4e4e4;
  min-height: none !important;
}
.searchresult .sorting_menu_carbon {
  padding: 2px 20px 2px 4px;
  background-position-x: 95%;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  margin-right: 20px;
  float: right;
  width: 180px;
  height: 30px;
}
.searchresult .content {
  float: left;
  width: 807px;
  height: 1900px;
  overflow-y: scroll;
  background-color: #e4e4e4;
}
.searchresult .content span.category {
  float: left;
  font-size: 20pt;
  margin-left: 30px;
  margin-top: 14px;
}
.searchresult .content div.search_row {
  display: none;
  margin-top: 1px;
  min-height: 60px;
  background-color: white;
  width: 764px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  overflow: hidden;
}
.searchresult .content div.search_row .thumbnail {
  height: 40px;
  float: left;
  margin: 10px 0 10px 10px;
}
.searchresult .content div.search_row .item_name {
  float: left;
  margin: 14px;
  font-size: 20pt;
  white-space: nowrap;
  width: 550px;
  text-align: left;
  overflow: hidden;
  white-space: normal;
}
.searchresult .content div.search_row img.item_arrow {
  float: right;
  margin: 13px;
}
.pagination {
  margin-top: 25px;
  margin-left: 6px;
  float: right;
  padding-right: 24px;
}
.pagination .page {
  height: 22px;
  text-align: center;
  margin-left: 9px;
  margin-right: 9px;
  float: left;
}
.pagination .page .on,
.pagination .page .off {
  width: 22px;
  height: 22px;
  background-image: url("../images/glucose_alert_order_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
  cursor: pointer;
}
.pagination .page .on span,
.pagination .page .off span {
  color: white;
  font-size: 9pt;
}
.pagination .page .off {
  background-image: url("../images/order_bg.png");
}
.pagination .page .off span {
  color: #727272;
  font-size: 9pt;
}
.pagination .right_arrow,
.pagination .left_arrow {
  float: left;
  cursor: pointer;
}
.medic_controller {
  margin-top: 16px;
  width: 783px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.medic_controller .medic_add_btn,
.medic_controller .food_add_btn,
.medic_controller .nonfood_add_btn {
  cursor: pointer;
  float: right;
}
div.sidenav {
  background-color: #d5d4d5;
  width: 167px;
  float: left;
  height: 100%;
}
div.sidenav .fav_btn {
  position: relative;
  float: left;
}
div.sidenav .fav_btn .fav_count {
  background-image: url('../images/fav_count_bg.png');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 7px;
  position: absolute;
}
div.sidenav .fav_btn .fav_count span {
  margin-top: 5px;
  color: black;
  font-size: 10pt;
  width: 100%;
  text-align: center;
  display: block;
}
div.sidenav ul#foodmenu {
  width: 167px;
  -webkit-padding-start: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 23px;
  float: left;
  padding: 0px;
}
div.sidenav ul#foodmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 154px;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-left: 7px;
  background-color: white;
}
div.sidenav ul#foodmenu ul li {
  width: 70%;
  background: url("../images/subnav-bullet.png") no-repeat left top;
  padding: 1px 5px 1px 12px;
  background-position: 0 6px;
  margin: 8px 0 0 35px;
  display: inline-block;
  color: #666565;
}
div.sidenav ul#foodmenu li {
  cursor: pointer;
  display: inline;
  list-style-type: none;
}
div.sidenav ul#foodmenu li div.fooditem {
  float: left;
  width: 142px;
  height: 28px;
  margin-left: 7px;
  margin-right: 7px;
  background: white;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 8px;
  border-bottom: 1px solid #c6c7c7;
}
div.sidenav ul#foodmenu li div.fooditem span {
  color: #5b5b5b;
  margin-top: 5px;
  float: left;
  margin-left: 8px;
}
div.sidenav ul#foodmenu li div.fooditem img {
  float: left;
}
div.sidenav ul#sidenav {
  width: 167px;
  -webkit-padding-start: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
div.sidenav ul#sidenav li {
  cursor: pointer;
  display: inline;
  list-style-type: none;
}
div.sidenav ul#sidenav li a {
  float: left;
  width: 152px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
}
div.sidenav ul#sidenav li div.search {
  background: url("../images/search_bg.png") no-repeat center;
  float: left;
  width: 152px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 7px;
  cursor: auto;
  height: 32px;
}
div.sidenav ul#sidenav li div.search #search_content {
  width: 110px;
  margin: 4px;
  float: left;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
}
div.sidenav ul#sidenav li div.search div.search_btn {
  float: left;
  width: 15px;
  margin-top: 8px;
  margin-left: 8px;
  cursor: pointer;
}
div#content {
  width: 808px;
  height: 100%;
  overflow: hidden;
  padding: 0 !important;
}
div#content .subheader {
  height: 50px;
  background-color: #01667a;
  width: 807px;
  float: left;
  margin-top: -4px;
}
div#content .subheader .setting_btn {
  cursor: pointer;
  float: right;
  margin-right: 26px;
  margin-top: 9px;
}
div#content .subheader #breadcrumb {
  list-style: none;
  margin: 16px;
  padding: 0;
  float: left;
  clear: both;
}
div#content .subheader #breadcrumb li {
  float: left;
  margin-right: 6px;
}
div#content .subheader #breadcrumb li a {
  color: white;
  background-color: none ;
  font-size: 0.9em;
  text-decoration: underline;
}
div#content .subheader img.logo {
  float: left;
  padding: 6px;
}
div#content .subheader .right_option {
  float: right;
  margin-right: 6px;
}
div#content .subheader .right_option .save {
  float: left;
  margin-top: 8px;
  margin-right: 6px;
  cursor: pointer;
}
div#content .subheader#fav {
  background-color: #f8ce26;
}
div#content .subheader#fav img.fav_logo {
  float: left;
  padding: 8px;
}
div#content .subheader#fav #breadcrumb {
  clear: none;
}
div#content .subheader#meal {
  background-color: #ff8079;
}
div#content .subheader#meal img.fav_logo {
  float: left;
  padding: 8px;
}
div#content .subheader#meal #breadcrumb {
  clear: none;
}
div#content .subheader#meal .record_date {
  margin-right: 8px;
  float: right;
  margin-top: 11px;
}
div#content .subheader#meal .record_date img#record_date {
  background-color: #ededed;
  cursor: pointer;
  margin-top: -2px;
  /* box-sizing: border-box; */

  padding: 3px 5px 3px 4px;
  border: solid 1px #cecece;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}
div#content .subheader#meal .record_date input#record_date {
  float: left;
  margin-top: -2px;
  width: 95px !important;
  height: 30px;
  line-height: 10px;
  font-size: 1em;
  margin-left: -1px;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #cecece;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div#content .subheader#setting {
  background-color: #c6c6c6;
}
div#content .subheader#glucose {
  background-color: #a4b75b;
}
div#content .subheader#glucose #breadcrumb {
  clear: none;
}
div#content .subheader#glucose img#to_today {
  float: left;
  margin-top: -2px;
  background-color: white;
}
div#content .subheader#glucose .record_date {
  margin-right: 8px;
  float: right;
  margin-top: 11px;
}
div#content .subheader#glucose .record_date img#record_date {
  background-color: #ededed;
  cursor: pointer;
  margin-top: -2px;
  /* box-sizing: border-box; */

  padding: 3px 5px 3px 4px;
  border: solid 1px #cecece;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}
div#content .subheader#glucose .record_date input#record_date {
  float: left;
  margin-top: -2px;
  width: 95px !important;
  height: 30px;
  line-height: 10px;
  font-size: 1em;
  margin-left: -1px;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #cecece;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div#content .subheader#medic {
  background-color: #e38ab8;
}
div#content .subheader#medic #breadcrumb {
  clear: none;
}
div#content .subheader#medic img#to_today {
  float: left;
  margin-top: -2px;
  background-color: white;
}
div#content .subheader#medic .record_date {
  margin-right: 8px;
  float: right;
  margin-top: 11px;
}
div#content .subheader#medic .record_date img#record_date {
  background-color: #ededed;
  cursor: pointer;
  margin-top: -2px;
  /* box-sizing: border-box; */

  padding: 3px 5px 3px 4px;
  border: solid 1px #cecece;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}
div#content .subheader#medic .record_date input#record_date {
  float: left;
  margin-top: -2px;
  width: 95px !important;
  height: 30px;
  line-height: 10px;
  font-size: 1em;
  margin-left: -1px;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #cecece;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div#content .subheader#ga {
  background-color: #754747;
}
div#content .subheader#ga #breadcrumb {
  clear: none;
}
div#content .subheader#ga #breadcrumb li:before {
  content: '>';
  margin: 0 5px;
  color: #fff;
}
div#content .subheader#ga #breadcrumb li:first-child:before {
  content: normal;
}
div#content .subheader#ga img#to_today {
  float: left;
  margin-top: 8px;
  background-color: white;
}
div#content .subheader#ga input#datepicker {
  margin-top: 8px;
  height: 30px;
  float: left;
}
div#content .subheader#conversion {
  background-color: #01667a;
}
div#content .subheader#conversion #breadcrumb {
  clear: none;
}
div#content .subheader#conversion #breadcrumb li:before {
  content: '>';
  margin: 0 5px;
  color: #fff;
}
div#content .subheader#conversion #breadcrumb li:first-child:before {
  content: normal;
}
div#content .subheader#conversion img#to_today {
  float: left;
  margin-top: 8px;
  background-color: white;
}
div#content .subheader#conversion input#datepicker {
  margin-top: 8px;
  height: 30px;
  float: left;
}
div#content .subheader#plan {
  background-color: #90c320;
}
div#content .subheader#plan #breadcrumb {
  clear: none;
}
div#content .subheader#plan #breadcrumb li:before {
  content: '>';
  margin: 0 5px;
  color: #fff;
}
div#content .subheader#plan #breadcrumb li:first-child:before {
  content: normal;
}
div#content .subheader#plan img#to_today {
  float: left;
  margin-top: 8px;
  background-color: white;
}
div#content .subheader#plan input#datepicker {
  margin-top: 8px;
  height: 30px;
  float: left;
}
div#content .subheader#plan .record_date {
  margin-right: 8px;
  float: right;
  margin-top: 11px;
}
div#content .subheader#plan .record_date img#record_date {
  background-color: #ededed;
  cursor: pointer;
  margin-top: -2px;
  /* box-sizing: border-box; */

  padding: 3px 5px 3px 4px;
  border: solid 1px #cecece;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}
div#content .subheader#plan .record_date input#record_date {
  float: left;
  margin-top: -2px;
  width: 95px !important;
  height: 30px;
  line-height: 10px;
  font-size: 1em;
  margin-left: -1px;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #cecece;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
div#content .main_header {
  height: 60px;
  background-color: #e4e4e4;
  float: left;
  width: 793px;
  position: relative;
}
div#content .main_header .logo {
  margin-left: 12px;
  margin-top: 6px;
  float: left;
}
div#content .main_header .fav_tool {
  float: left;
  margin-left: 57px;
  margin-top: 10px;
  cursor: pointer;
}
div#content .main_header ul.top_nav {
  width: 433px;
  -webkit-padding-start: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  float: right;
  margin: 0px;
  padding: 0px;
  margin-right: -15px;
}
div#content .main_header ul.top_nav li {
  cursor: pointer;
  display: inline;
  list-style-type: none;
  float: left;
}
div#content .main_header ul.top_nav li#plan {
  margin-left: -27px;
}
div#content .main_header ul.top_nav li#analysis {
  margin-left: -9px;
}
div#content .main_header ul.top_nav .plan_count {
  background-image: url('../images/plan_count_bg.png');
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 18px;
  right: 18px;
}
div#content .main_header ul.top_nav .plan_count span {
  margin-top: 5px;
  color: black;
  font-size: 10pt;
  width: 100%;
  text-align: center;
  display: block;
}
.setting_container {
  background-color: #e4e4e4;
  margin-top: 8px;
  width: 808px;
  float: left;
  overflow: hidden;
  min-height: 1886px;
}
.setting_container .setting_inner {
  width: 764px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-top: 18px;
  margin-bottom: 25px;
}
.setting_container .setting_inner .setting_header {
  height: 40px;
  width: 764px;
  background-color: #989898;
}
.setting_container .setting_inner .setting_header img {
  padding: 3px;
  float: left;
}
.setting_container .setting_inner .setting_header span.title {
  color: white;
  float: left;
  padding: 10px;
}
.setting_container .setting_inner .setting_header span.remark {
  color: white;
  float: right;
  padding: 10px;
}
.setting_container .setting_inner .setting_header span.remark span.note {
  font-size: 8pt;
}
.setting_container .setting_inner .setting_item {
  width: 238px;
  height: 255px;
  margin-top: 22px;
  float: left;
  margin-right: 8px;
}
.setting_container .setting_inner .setting_item span.upper {
  width: 238px;
  text-align: center;
  margin-top: 200px;
  float: left;
}
.setting_container .setting_inner .setting_item input {
  width: 64px;
  margin-left: 84px;
  margin-top: 5px;
  text-align: center;
  color: #606060;
}
.setting_container .setting_inner .setting_item span.setting_unit {
  font-size: 8pt;
}
.setting_container .setting_inner .setting_item#breakfast {
  background: url("../images/setting_breakfast.png") no-repeat center;
  margin-left: 17px;
}
.setting_container .setting_inner .setting_item#morning_meal {
  background: url("../images/setting_morning_meal.png") no-repeat center;
}
.setting_container .setting_inner .setting_item#lunch {
  background: url("../images/setting_lunch.png") no-repeat center;
}
.setting_container .setting_inner .setting_item#tea {
  background: url("../images/setting_tea.png") no-repeat center;
  margin-left: 17px;
}
.setting_container .setting_inner .setting_item#dinner {
  background: url("../images/setting_dinner.png") no-repeat center;
}
.setting_container .setting_inner .setting_item#after_dinner {
  background: url("../images/setting_after_dinner.png") no-repeat center;
}
.setting_container .setting_inner span.postnote {
  padding: 5px;
  float: left;
  margin-left: 11px;
  margin-top: 44px;
  font-size: 10pt;
}
.setting_container .setting_inner span.postnote_unit {
  padding: 5px;
  float: right;
  margin-right: 11px;
  margin-top: 40px;
  font-size: 10pt;
}
.medic_controller .page .on {
  background-image: url("../images/medic_order_bg.png");
}
.qa {
  width: 807px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-bottom: 16px;
}
.qa .apo_summary {
  background-color: #fff;
  overflow: hidden;
}
.qa .apo_summary ul.display_option {
  width: 430px;
  float: right;
  margin-top: 0px;
}
.qa .apo_summary ul.display_option li {
  display: inline;
}
.qa .apo_summary select#apo_summary_select,
.qa .apo_summary select#apo_summary_select_compare {
  margin-left: 50px;
  float: left;
  width: 160px;
  background-color: #fe5842;
  color: white;
  padding: 6px;
  border: 0;
  background: url("../images/white_arrow.png") no-repeat 95% 50% #fe5842;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
}
.qa .apo_summary select#apo_summary_unit,
.qa .apo_summary select#apo_summary_unit_compare {
  margin-left: -15px;
  float: left;
  width: 75px;
  background-color: #c2c1c1;
  color: black;
  padding: 6px;
  border: 0;
  background: url("../images/white_arrow.png") no-repeat 95% 50% #c2c1c1;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
  font-size: 10pt;
}
.qa .apo_summary .apo_chart {
  width: 723px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  overflow: hidden;
}
.qa .apo_summary .apo_row {
  float: left;
  margin-top: 30px;
  margin-left: 30px;
}
.qa .apo_summary .apo_row span.lbl {
  float: left;
  margin-left: 27px;
  margin-top: 3px;
}
.qa .apo_summary .apo_row input.apo_total {
  float: left;
  width: 60px;
  margin-left: 6px;
  height: 25px;
  margin-top: -1px;
  background-color: white;
  text-align: center;
}
.qa .apo_summary .apo_row img.apo_start {
  float: left;
}
.qa .apo_summary .apo_row img.apo_end {
  float: left;
  margin-left: 27px;
}
.qa .apo_summary .apo_row .apo_date {
  margin-left: 6px;
  float: left;
}
.qa .apo_summary .apo_row .apo_date img#apo_start,
.qa .apo_summary .apo_row .apo_date img#apo_end,
.qa .apo_summary .apo_row .apo_date img#apo_compare_start,
.qa .apo_summary .apo_row .apo_date img#apo_compare_end {
  background-color: #ededed;
  cursor: pointer;
  margin-top: -2px;
  /* box-sizing: border-box; */

  padding: 3px 5px 3px 4px;
  border: solid 1px #cecece;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}
.qa .apo_summary .apo_row .apo_date input#apo_graph_start,
.qa .apo_summary .apo_row .apo_date input#apo_graph_end,
.qa .apo_summary .apo_row .apo_date input#apo_graph_compare_start,
.qa .apo_summary .apo_row .apo_date input#apo_graph_compare_end {
  float: left;
  margin-top: -2px;
  width: 95px !important;
  height: 30px;
  line-height: 10px;
  font-size: 1em;
  margin-left: -1px;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #cecece;
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.medic_alert {
  width: 807px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 6px;
}
.medic_alert .medic_list_panel {
  width: 786px;
  background-image: url("../images/glucose_alert_bg.png");
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  color: #727272;
  overflow: hidden;
}
.medic_alert .medic_list_panel .medic_row {
  padding-top: 10px;
  padding-left: 4px;
  padding-bottom: 12px;
}
.medic_alert .medic_list_panel .medic_row .medic-label {
  text-align: right;
  float: left;
  padding: 5px;
  width: 86px;
}
.medic_alert .medic_list_panel .medic_row .medic-input {
  width: 500px;
  padding: 6px;
  float: left;
  background: #fff;
  margin-bottom: 5px;
  border-radius: 5px;
}
.medic_alert .medic_list_panel .medic_row .medic-input input {
  text-align: center;
  width: 500px;
  border: 1px solid #fff;
  color: #606060;
}
.medic_alert .medic_list_panel .medic_row .medic-list-container {
  width: 512px;
  float: left;
}
.medic_alert .medic_list_panel .medic_row .medic-list-container input {
  text-align: left;
}
.medic_alert .medic_alert_header {
  width: 786px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  color: #727272;
  overflow: hidden;
  height: 36px;
}
.medic_alert .medic_alert_panel {
  color: #727272;
  width: 787px;
  background-color: #E2E2E2;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.medic_alert .medic_alert_panel .medic_order {
  width: 22px;
  height: 22px;
  background-image: url("../images/medic_order_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-left: 20px;
  float: left;
  margin-top: 30px;
  position: absolute;
}
.medic_alert .medic_alert_panel .medic_order span {
  color: white;
  font-size: 9pt;
}
.medic_alert .medic_alert_panel .delete_btn,
.medic_alert .medic_alert_panel .reset_form_btn {
  float: right;
  margin-top: 14px;
  margin-right: 16px;
  cursor: pointer;
}
.medic_alert .medic_alert_panel .medic_row {
  padding-top: 20px;
  padding-left: 13px;
  padding-bottom: 12px;
}
.medic_alert .medic_alert_panel .medic_row .medic-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 86px;
}
.medic_alert .medic_alert_panel .medic_row .medic-input {
  width: 250px;
  padding: 6px;
  float: left;
  background: #fff;
  border-radius: 5px;
}
.medic_alert .medic_alert_panel .medic_row .medic-input input {
  text-align: center;
  width: 250px;
  border: 1px solid #fff;
  color: #606060;
}
.medic_alert .medic_alert_panel .alert_time {
  width: 724px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background: #ededed;
  border-radius: 5px;
  margin-top: 18px;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.medic_alert .medic_alert_panel .alert_time .alert-label {
  text-align: right;
  float: left;
  width: 95px;
  padding-top: 20px;
  padding-right: 11px;
}
.medic_alert .medic_alert_panel .alert_time .medic-input {
  width: 150px;
  padding: 6px;
  float: left;
  background: #fff;
  border-radius: 5px;
  margin-top: 7px;
}
.medic_alert .medic_alert_panel .alert_time .medic-input .timepiece {
  width: 100%;
  background-color: #d6d6d6;
  float: left;
  margin-left: -6px;
  padding-right: 12px;
  margin-bottom: -6px;
}
.medic_alert .medic_alert_panel .alert_time .medic-input .timepiece span.ts {
  width: 90px;
  padding: 6px 2px 6px 6px;
  float: left;
  background: #d6d6d6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 7px;
  margin-left: 30px;
  text-align: center;
}
.medic_alert .medic_alert_panel .alert_time .medic-input .timepiece .delete-time {
  margin-top: 10px;
  cursor: pointer;
}
.medic_alert .medic_alert_panel .alert_time .medic-input input.alert_alarm {
  width: 115px !important;
  height: 24px;
  line-height: 10px;
  font-size: 1em;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #fff;
  color: #727272;
}
.medic_alert .medic_alert_panel .alert_time .alert_time_add {
  background: #d6d6d6;
  float: left;
  padding: 8px;
  margin-top: 8px;
  border-radius: 5px;
  cursor: pointer;
}
.medic_alert .medic_alert_panel .alert_time .alert_week {
  float: left;
}
.medic_alert .medic_alert_panel .alert_time .alert_week .medic-label {
  text-align: right;
  float: left;
  width: 95px;
  padding-top: 20px;
  padding-right: 11px;
}
.medic_alert .medic_alert_panel .alert_time .alert_week ul.alert_week_item_list {
  padding-top: 10px;
  float: left;
  margin-left: -40px;
}
.medic_alert .medic_alert_panel .alert_time .alert_week ul.alert_week_item_list li {
  display: none;
  cursor: pointer;
  list-style-type: none;
  margin-right: 5px;
}
.medic_alert .medic_alert_panel .alert_time .alert_week ul.alert_week_item_list li span.alert_week_item {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
.medic_list {
  width: 807px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 6px;
}
.medic_list .medic_controller {
  width: 783px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.medic_list .medic_controller .medic_add_btn,
.medic_list .medic_controller .food_add_btn,
.medic_list .medic_controller .nonfood_add_btn {
  cursor: pointer;
  float: right;
}
.medic_list .medic_panel {
  color: #727272;
  background-color: #e6e6e6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 787px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.medic_list .medic_panel .medic_order {
  width: 22px;
  height: 22px;
  background-image: url("../images/medic_order_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-left: 20px;
  float: left;
  margin-top: 30px;
  position: absolute;
}
.medic_list .medic_panel .medic_order span {
  color: white;
  font-size: 9pt;
}
.medic_list .medic_panel .timepiece {
  width: 100%;
  background-color: #d6d6d6;
  float: left;
  margin-left: -6px;
  padding-right: 12px;
  margin-bottom: -6px;
}
.medic_list .medic_panel .timepiece span.ts {
  width: 90px;
  padding: 6px 2px 6px 6px;
  float: left;
  background: #d6d6d6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-top: 7px;
  margin-left: 30px;
  text-align: center;
}
.medic_list .medic_panel .timepiece .delete-time {
  margin-top: 10px;
  cursor: pointer;
}
.medic_list .medic_panel .medic_row {
  padding-top: 20px;
  padding-left: 13px;
  padding-bottom: 12px;
}
.medic_list .medic_panel .medic_row .medic-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 86px;
}
.medic_list .medic_panel .medic_row .alert_time_add {
  background: #d6d6d6;
  float: left;
  padding: 8px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}
.medic_list .medic_panel .medic_row #alarm {
  width: 150px;
  padding: 5px;
  float: left;
  background: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.medic_list .medic_panel .medic_row #alarm img.alert_alarm {
  margin-top: 6px;
  float: left;
}
.medic_list .medic_panel .medic_row #alarm input.alert_alarm {
  width: 115px !important;
  height: 24px;
  line-height: 10px;
  font-size: 1em;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #fff;
  color: #727272;
}
.medic_list .medic_panel .medic_row .medic-input {
  width: 250px;
  padding: 6px;
  float: left;
  background: #fff;
  border-radius: 5px;
}
.medic_list .medic_panel .medic_row .medic-input input {
  text-align: center;
  width: 250px;
  border: 1px solid #fff;
  color: #606060;
}
.medic_list .medic_panel .medic_row .medic-input select {
  border: 0;
  background: url("../images/down_arrow.png") no-repeat right;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #727272;
  text-align: center;
  width: 250px;
}
.medic_list .medic_panel .medic_row .medic-input select#medic_freq_unit {
  width: 100px;
}
.medic_list .medic_panel .medic_row .medic-input select#medic_quan_unit {
  width: 100px;
}
.medic_list .medic_panel .medic_row .medic-input-checkbox {
  width: 450px;
  padding: 6px;
  float: left;
}
.medic_list .medic_panel .medic_row .medic-input-checkbox ul.medic_remark li {
  background-color: #ededed;
  padding: 3px;
  cursor: pointer;
  display: inline;
  list-style-type: none;
  font-size: 10pt;
  margin-left: 3pt;
}
/* glucose */
.foodexchange {
  width: 807px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  background-color: #f6f6f6;
  overflow: hidden;
  padding-bottom: 16px;
  padding-top: 6px;
  height: 1880px;
}
.foodexchange .glucose_panel input {
  border: 1px solid #fff;
  text-align: center;
  color: #606060;
}
.foodexchange .glucose_panel .glucose_white_select {
  padding: 2px 20px 2px 4px;
  background-position-x: 90%;
  background-color: #fff;
}
.foodexchange .glucose_panel select {
  font-size: 0.8em;
}
.foodexchange .glucose_panel .glucose_s1 {
  color: #727272;
  height: 84px;
  width: 787px;
  background-image: url("../images/glucose_s1_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
.foodexchange .glucose_panel .glucose_s1 .info_btn {
  padding: 9px;
  position: absolute;
  right: 30px;
}
.foodexchange .glucose_panel .glucose_s1 .low_glocuse {
  float: left;
  width: 230px;
  padding-top: 18px;
  padding-left: 32px;
}
.foodexchange .glucose_panel .glucose_s1 .low_glocuse .input_label {
  float: left;
  padding-bottom: 3px;
}
.foodexchange .glucose_panel .glucose_s1 .low_glocuse .user_input {
  width: 200px;
  padding: 6px;
  float: left;
  background: #ededed;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_s1 .normal_glocuse {
  width: 230px;
  float: left;
  padding-top: 18px;
  padding-left: 32px;
}
.foodexchange .glucose_panel .glucose_s1 .normal_glocuse .input_label {
  float: left;
  padding-bottom: 3px;
}
.foodexchange .glucose_panel .glucose_s1 .normal_glocuse .user_input {
  width: 230px;
  padding: 6px;
  float: left;
  background: #ededed;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_s1 .high_glocuse {
  width: 230px;
  float: left;
  padding-top: 18px;
  padding-left: 32px;
}
.foodexchange .glucose_panel .glucose_s1 .high_glocuse .input_label {
  float: left;
  padding-bottom: 3px;
}
.foodexchange .glucose_panel .glucose_s1 .high_glocuse .user_input {
  width: 200px;
  padding: 6px;
  float: left;
  background: #ededed;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_s2 {
  padding-top: 9px;
  color: #727272;
  height: 57px;
  width: 787px;
  background-image: url("../images/glucose_s2_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}
.foodexchange .glucose_panel .glucose_s2 .glucose-last-update {
  float: left;
  padding: 17px;
}
.foodexchange .glucose_panel .glucose_s2 .glucose-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 86px;
  padding-top: 18px;
  padding-left: 32px;
}
.foodexchange .glucose_panel .glucose_s2 .glucose-input {
  width: 180px;
  padding: 6px;
  float: left;
  background: #ededed;
  margin-top: 8px;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_s2 .glucose-input input {
  text-align: center;
}
.foodexchange .glucose_panel .glucose_s3 {
  width: 787px;
  background: #e6e6e6;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  color: #727272;
  padding-bottom: 14px;
}
.foodexchange .glucose_panel .glucose_s3 ul.meal_menu {
  -webkit-padding-start: 0em;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  width: 366px;
  float: left;
  padding-top: 18px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}
.foodexchange .glucose_panel .glucose_s3 ul.meal_menu li {
  cursor: pointer;
  display: inline;
  list-style-type: none;
  margin-right: 5px;
}
.foodexchange .glucose_panel .glucose_s3 ul.meal_menu li img {
  width: 52px;
  height: 52px;
}
.foodexchange .glucose_panel .glucose_s3 .meal_time {
  float: left;
  padding-left: 50px;
  margin-top: 25px;
}
.foodexchange .glucose_panel .glucose_s3 .meal_time .label {
  float: left;
  padding: 6px;
}
.foodexchange .glucose_panel .glucose_s3 .meal_time .meal-input {
  width: 180px;
  float: left;
  background: #ededed;
}
.foodexchange .glucose_panel .glucose_s3 .meal_time .meal-input img {
  padding: 6px;
  float: left;
}
.foodexchange .glucose_panel .glucose_s3 .meal_time .meal-input span {
  padding-top: 8px;
  position: absolute;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item {
  height: 137px;
  width: 748px;
  background-image: url("../images/glucose_item_bg.png");
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .before_info_btn {
  cursor: pointer;
  float: left;
  margin: 20px 0px 20px 5px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .after_info_btn {
  cursor: pointer;
  float: left;
  margin: 20px 0px 20px 5px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .glucose_delete_btn {
  float: right;
  margin-right: -10px;
  margin-top: -10px;
  cursor: pointer;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .item_icon {
  padding-top: 14px;
  padding-left: 14px;
  float: left;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .glucose-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 86px;
  padding-top: 23px;
  padding-left: 23px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .glucose-input {
  width: 180px;
  padding: 6px;
  float: left;
  background: #ededed;
  margin-top: 13px;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .glucose-input input {
  text-align: center;
  margin: 2px;
  width: 60px;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .before_meal_indicator {
  width: 15px;
  height: 15px;
  float: left;
  margin: 6px;
  background: white;
}
.foodexchange .glucose_panel .glucose_s3 .glucose_item .after_meal_indicator {
  width: 15px;
  height: 15px;
  float: left;
  margin: 6px;
  background: white;
}
.foodexchange .glucose_panel .glucose_s3 .remark {
  padding-top: 23px;
  padding-left: 23px;
}
.foodexchange .glucose_panel .glucose_s3 .remark .glucose-remark-label {
  text-align: right;
  float: left;
}
.foodexchange .glucose_panel .glucose_s3 .remark .glucose-remark-input {
  float: left;
  margin-left: 30px;
  margin-top: -15px;
}
.foodexchange .glucose_panel .glucose_s3 .remark .glucose-remark-input textarea {
  width: 640px;
  height: 55px;
  background: #ededed;
  border: 0;
}
.foodexchange .glucose_panel .timepiece {
  width: 100%;
  background-color: #d6d6d6;
  float: left;
  margin-left: -6px;
  padding-right: 12px;
  margin-bottom: -6px;
}
.foodexchange .glucose_panel .timepiece span.ts {
  width: 90px;
  padding: 6px 2px 6px 6px;
  float: left;
  background: #d6d6d6;
  border-radius: 5px;
  margin-top: 7px;
  margin-left: 30px;
  text-align: center;
}
.foodexchange .glucose_panel .timepiece .delete-time {
  margin-top: 10px;
  cursor: pointer;
}
.foodexchange .glucose_panel .add_alert_btn {
  margin-top: 25px;
  padding-right: 17px;
  cursor: pointer;
  float: right;
  margin-bottom: 17px;
}
.foodexchange .glucose_panel .glucose_alert_header {
  width: 786px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -3px;
  position: relative;
  float: left;
  margin-left: 11px;
}
.foodexchange .glucose_panel .glucose_alert_header .complete_status {
  color: white;
  float: right;
  position: absolute;
  top: 10px;
  right: 15px;
}
.foodexchange .glucose_panel .complete_status {
  float: left;
  margin-top: 10px;
  margin-left: 15px;
  width: 195px;
}

.foodexchange .glucose_panel .glucose_alert_content {
  width: 786px;
  background-image: url("../images/glucose_alert_bg.png");
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  color: #727272;
  overflow: hidden;
}
.foodexchange .glucose_panel .glucose_alert_content .glucose_alert_order {
  width: 22px;
  height: 22px;
  background-image: url("../images/glucose_alert_order_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  margin-left: 20px;
  float: left;
}
.foodexchange .glucose_panel .glucose_alert_content .glucose_alert_order span {
  color: white;
  font-size: 9pt;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input {
  padding-top: 2px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input .glucose-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 80px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input .glucose-input {
  width: 180px;
  padding: 6px;
  float: left;
  background: #ededed;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input .glucose-input input {
  text-align: center;
  margin: 2px;
}
.foodexchange .glucose_panel .glucose_alert_content .delete_icon,
.foodexchange .glucose_panel .glucose_alert_content .reset_form_btn {
  float: right;
  margin-right: 17px;
  margin-top: 8px;
  cursor: pointer;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 {
  margin-left: 42px;
  margin-top: 18px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-label {
  text-align: right;
  float: left;
  padding: 11px;
  width: 80px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input {
  width: 150px;
  padding: 6px;
  float: left;
  background: #ededed;
  border-radius: 5px;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input .alert_startdate,
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input .alert_enddate {
  width: 112px !important;
  height: 24px;
  line-height: 10px;
  font-size: 1em;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #fff;
  color: #727272;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input .total_day {
  width: 30px !important;
  height: 24px;
  line-height: 10px;
  font-size: 1em;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #fff;
  color: #727272;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input img#alert_startdate,
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input img#alert_enddate {
  float: right;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input#alert_startdate,
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input#alert_enddate {
  background: #fff;
}
.foodexchange .glucose_panel .glucose_alert_content .alert_input2 .glucose-input#total_day {
  background: #fff;
  width: 30px;
}
.foodexchange .glucose_panel .alert_time {
  width: 724px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background: #ededed;
  border-radius: 5px;
  margin-top: 18px;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.foodexchange .glucose_panel .alert_time .glucose-label {
  text-align: right;
  float: left;
  width: 95px;
  padding-top: 20px;
  padding-right: 11px;
}
.foodexchange .glucose_panel .alert_time .glucose-input {
  width: 150px;
  padding: 6px;
  float: left;
  background: #fff;
  border-radius: 5px;
  margin-top: 7px;
}
.foodexchange .glucose_panel .alert_time .glucose-input img.alert_alarm {
  padding-top: 7px;
  float: left;
}
.foodexchange .glucose_panel .alert_time .glucose-input input.alert_alarm {
  width: 115px !important;
  height: 24px;
  line-height: 10px;
  font-size: 1em;
  text-align: center !important;
  /* box-sizing: border-box; */

  background: white;
  border: solid 1px #fff;
  color: #727272;
}
.foodexchange .glucose_panel .alert_time .alert_time_add {
  background: #d6d6d6;
  float: left;
  padding: 8px;
  margin-top: 8px;
  border-radius: 5px;
  cursor: pointer;
}
.foodexchange .glucose_panel .alert_week {
  float: left;
}
.foodexchange .glucose_panel .alert_week ul.alert_week_item_list {
  padding-top: 10px;
  float: left;
  margin-left: -40px;
}
.foodexchange .glucose_panel .alert_week ul.alert_week_item_list li {
  cursor: pointer;
  display: none;
  list-style-type: none;
  margin-right: 5px;
}
.foodexchange .glucose_panel .alert_week ul.alert_week_item_list li span.alert_week_item {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
.uinfo {
  display: none;
}
.popup {
  display: none;
}
.popup .lhs {
  width: 410px;
  float: left;
  margin-left: 10px;
  margin-top: 24px;
}
.popup .lhs .intake_item {
  float: left;
  width: 186px;
  margin-bottom: 12px;
  background-color: #abaaaa;
}
.popup .lhs .intake_item img.thumbnail {
  float: left;
  width: 50px;
  height: 50px;
}
.popup .lhs .intake_item .user-input {
  padding-top: 12px;
}
.popup .lhs .add_food_btn {
  float: right;
  margin-right: 8px;
  cursor: pointer;
}
.popup .lhs .container {
  width: 255px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
  overflow: auto;
  float: left;
  margin-left: -20px;
}
.popup .lhs input {
  text-align: center;
}
.fe_plan {
  overflow-y: scroll;
  background-color: #e4e4e4;
  float: left;
  width: 807px;
  margin-top: 7px;
  height: 2000px;
}
.fe_plan .plan-container {
  width: 766px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
.fe_plan .plan-container .plan-header {
  float: left;
  background-color: #d8e697;
}
.fe_plan .plan-container .plan-header .icon {
  float: left;
  height: 30px;
  padding-right: 4px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.fe_plan .plan-container .plan-header .col {
  float: left;
  padding: 6px;
  width: 58px;
  font-size: 12pt;
  height: 40px;
  font-size: 10pt;
}
.fe_plan .plan-container .plan-header .col span {
  position: relative;
  top: 25%;
  transform: translateY(-25%);
}
.fe_plan .plan-container .plan-header .odd {
  background-color: #dddcdc;
}
.fe_plan .plan-container .plan-header .even {
  background-color: #d8e697;
}
.fe_plan .plan-container .plan-content {
  float: left;
  background-color: #fff;
  width: 766px;
}
.fe_plan .plan-container .plan-content input {
  text-align: center;
}
.fe_plan .plan-container .plan-content div.remark {
  float: left;
  margin: 10px;
  height: 150px;
}
.fe_plan .plan-container .plan-content .plan-row {
  width: 755px;
  margin-left: auto;
  margin-right: auto;
  background-color: #cfcece;
  overflow: hidden;
  margin-top: 4px;
  float: right;
  margin-right: 2px;
}
.fe_plan .plan-container .plan-content .plan-row .selection {
  width: 25px;
  float: left;
  height: 160px;
  background-color: white;
}
.fe_plan .plan-container .plan-content .plan-row .selection input {
  position: relative;
  top: 60%;
  transform: translateY(-60%);
}
.fe_plan .plan-container .plan-content .plan-row .header {
  float: left;
  width: 95%;
  position: relative;
  min-height: 35px;
}
.fe_plan .plan-container .plan-content .plan-row .header img.unbookmark {
  margin: 5px;
  cursor: pointer;
  float: left;
}
.fe_plan .plan-container .plan-content .plan-row .header span.title {
  float: left;
  margin: 4px 8px 0 8px;
  font-size: 10pt;
}
.fe_plan .plan-container .plan-content .plan-row .header span.desp {
  float: left;
  margin: 0px 8px 4px 8px;
  font-size: 8pt;
}
.fe_plan .plan-container .plan-content .plan-row .header .delete_btn {
  position: absolute;
  right: 0;
  top: 4px;
  cursor: pointer;
}
.fe_plan .plan-container .plan-content .plan-row .content {
  float: left;
  width: 730px;
}
.fe_plan .plan-container .plan-content .plan-row .content img.thumbnail {
  float: left;
  width: 170px;
}
.fe_plan .plan-container .plan-content .plan-row .content .col {
  float: left;
  width: 70px;
  font-size: 12pt;
  height: 125px;
}
.fe_plan .plan-container .plan-content .plan-row .content .col span.quant {
  width: 100%;
  float: left;
  text-align: center;
}
.fe_plan .plan-container .plan-content .plan-row .content .col span.label {
  width: 100%;
  float: left;
  text-align: center;
}
.fe_plan .plan-container .plan-content .plan-row .content .col span {
  position: relative;
  top: 35%;
  transform: translateY(-35%);
}
.fe_plan .plan-container .plan-content .plan-row .content .col div.quant {
  width: 90%;
  top: 35%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.fe_plan .plan-container .plan-content .plan-row .content .col div.quant input {
  width: 30px;
  float: left;
  text-align: center !important;
}
.fe_plan .plan-container .plan-content .plan-row .content .col div.quant span {
  width: 20px;
  margin-top: 10px;
}
.fe_plan .plan-container .plan-content .plan-row .content .col .add_btn {
  cursor: pointer;
  width: 19px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 35%;
  left: 35%;
}
.fe_plan .plan-container .plan-content .plan-row .content .odd {
  background-color: #dddcdc;
}
.fe_plan .plan-container .plan-content .plan-row .content .even {
  background-color: #d8e697;
}
.fe_plan .inner_top {
  width: 766px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  height: 300px;
  margin-top: 7px;
}
.fe_plan .inner_top .upper {
  float: left;
  height: 270px;
  width: 100%;
}
.fe_plan .inner_top .upper .item {
  float: left;
  width: 110px;
  height: 100px;
}
.fe_plan .inner_top .upper .item span.label {
  width: 40px;
  padding: 2px;
  margin: 4px;
  float: left;
  text-align: center;
}
.fe_plan .inner_top .upper .item span#breakfast {
  background-color: #9edcca;
}
.fe_plan .inner_top .upper .item span#morning_meal {
  background-color: #ddad6b;
}
.fe_plan .inner_top .upper .item span#lunch {
  background-color: #c76e60;
}
.fe_plan .inner_top .upper .item span#tea {
  background-color: #a0badb;
}
.fe_plan .inner_top .upper .item span#dinner {
  background-color: #a8d76d;
}
.fe_plan .inner_top .upper .item span#after_dinner {
  background-color: #daa0c6;
}
.fe_plan .inner_top .upper .item div.chart {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  margin-top: 30px;
}
.fe_plan .inner_top .upper .item div.chart .percent {
  display: inline-block;
  line-height: 80px;
  z-index: 2;
  font-size: 10pt;
  margin-left: -35px;
}
.fe_plan .inner_top .upper .item div.chart .lbl {
  position: relative;
  margin-top: -50px;
  font-size: 10pt;
}
.fe_plan .inner_top .upper .item div.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.fe_plan .inner_top .upper .item span.remind {
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  float: left;
  font-size: 11pt;
}
.fe_plan .inner_top .upper .item span.remind span.amount {
  font-size: 10pt;
  color: #a7f4f7;
  padding: 2px;
}
.fe_plan .inner_top .upper .right_button {
  width: 96px;
  float: right;
}
.fe_plan .inner_top .upper .right_button .carbon {
  float: left;
  height: 73px;
  background-color: #868f5f;
  width: 100%;
}
.fe_plan .inner_top .upper .right_button .carbon span.lbl {
  color: white;
  font-size: 10pt;
  text-align: center;
  width: 96px;
  margin-left: auto;
  margin-right: auto;
  float: left;
  padding-top: 5px;
}
.fe_plan .inner_top .upper .right_button .carbon span.amount {
  color: white;
  margin-left: 8px;
  font-size: 11pt;
  margin-top: 12px;
  float: left;
}
.fe_plan .inner_top .upper .right_button .total {
  float: left;
  height: 74px;
  background-color: #486e75;
  width: 100%;
}
.fe_plan .inner_top .upper .right_button .total span.lbl {
  color: white;
  font-size: 10pt;
  width: 96px;
  margin-left: 8px;
  margin-right: auto;
  float: left;
  padding-top: 5px;
}
.fe_plan .inner_top .upper .right_button .total span.amount {
  color: white;
  margin-left: 8px;
  font-size: 11pt;
  margin-top: 12px;
  float: left;
}
.fe_plan .inner_top .lower {
  float: left;
  height: 30px;
  width: 100%;
  background-color: #868f5f;
}
.fe_plan .inner_top .lower span {
  float: left;
  color: white;
  padding: 6px;
  padding-left: 30px;
  font-size: 10pt;
}
.fe_plan .inner_top .lower .over {
  padding-left: 0px;
  background-color: #ec2327;
  padding-left: 4px;
  height: 12px;
  margin-top: 4px;
  padding-top: 2px;
}
.fe_plan .inner_top .lower .remain {
  padding-left: 0px;
  background-color: #02c5e2;
  padding-left: 4px;
  height: 12px;
  margin-top: 4px;
  padding-top: 2px;
}
.fe_plan .inner_top .lower .lbl {
  padding-left: 0px;
}
.conversion-content {
  background-color: #e4e4e4;
  overflow: hidden;
  width: 767px;
  float: left;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  min-height: 1880px;
}
.conversion-content .done_add_plan {
  color: #ff4d64;
  float: right;
  padding: 5px;
  display: none;
}
.conversion-content .done_add_fav {
  float: right;
  color: #ff4d64;
  padding: 5px;
  display: none;
}
.conversion-content .item .item_header {
  padding-top: 5px;
}
.conversion-content .item .item_header img {
  float: left;
  margin-right: 5px;
}
.conversion-content .item .item_header img#item_bookmark {
  margin-top: -3px;
  cursor: pointer;
}
.conversion-content .item .item_header span.title {
  font-size: 1em;
  float: left;
}
.conversion-content .item .item_header span.subtitle {
  font-size: 0.7em;
  float: left;
  display: block;
  clear: both;
}
.conversion-content .item .item_header .add_to_plan_btn {
  float: right;
  cursor: pointer;
}
.conversion-content .item .item_content {
  float: left;
  background-color: white;
  padding: 10px;
  margin-top: 10px;
  overflow: hidden;
  width: 746px;
  margin-bottom: 10px;
}
.conversion-content .item .item_content .thumbnail {
  /*width: 334px; */

  height: 212px;
  float: left;
}
.conversion-content .item .item_content .factsheet {
  float: right;
  width: 450px;
  overflow: hidden;
}
.conversion-content .item .item_content .factsheet .header {
  height: 25px;
  background-color: #6dabb6;
  padding: 5px;
}
.conversion-content .item .item_content .factsheet .header img {
  width: 15px;
}
.conversion-content .item .item_content .factsheet .header input {
  width: 85px;
  text-align: center;
}
.conversion-content .item .item_content .factsheet .odd {
  background-color: #f3f2f2;
}
.conversion-content .item .item_content .factsheet .even {
  background-color: #e4e4e4;
}
.conversion-content .item .item_content .factsheet .row {
  height: 25px;
  overflow: hidden;
  padding: 5px;
}
.conversion-content .item .item_content .factsheet .row #label {
  float: left;
  width: 210px;
  padding: 4px;
}
.conversion-content .item .item_content .factsheet .row #quant {
  text-align: right;
  float: right;
  width: 75px;
  padding: 4px;
}
.conversion-content .item .item_content .factsheet .row #unit {
  text-align: right;
  float: right;
  width: 40px;
  padding: 4px;
}
.conversion-content .remark {
  font-size: 10pt;
}
.conversion-content .remark p {
  float: left;
}
.conversion-content .add_to_intake_plan {
  float: right;
  cursor: pointer;
  margin-top: -17px;
}
.chosen_food {
  background-color: #e4e4e4;
  overflow: hidden;
  width: 767px;
  float: left;
  margin-top: 12px;
  padding-right: 20px;
  padding-top: 5px;
}
.chosen_food .chosen_header {
  padding: 5px;
  background-color: #f7999c;
  color: white;
}
.chosen_food .chosen_row {
  overflow: hidden;
  background-color: white;
  margin-bottom: 3px;
  padding-bottom: 10px;
}
.chosen_food .chosen_row img.meal_type {
  width: 60px;
  height: 60px;
  float: left;
  margin: 14px;
}
.chosen_food .chosen_row div.chosen {
  display: none;
  width: 45px;
  height: 60px;
  float: left;
  text-align: center;
  margin-top: 14px;
  font-size: 10pt;
  margin-right: 14px;
  cursor: pointer;
}
.chosen_food .chosen_row div.chosen img.chosen_img {
  width: 45px;
  height: 45px;
}
.intake_plan {
  background-color: #e4e4e4;
  overflow: hidden;
  width: 767px;
  float: left;
  margin-top: 12px;
  padding-right: 20px;
  padding-top: 5px;
}
.intake_plan .intake_header {
  padding: 5px;
  background-color: #f7999c;
  color: white;
}
.intake_plan .intake_content {
  height: 275px;
  background-color: white;
  margin-bottom: 5px;
}
.intake_plan .intake_content .lhs {
  width: 410px;
  float: left;
  margin-left: 30px;
  margin-top: 24px;
}
.intake_plan .intake_content .lhs input {
  text-align: center;
}
.intake_plan .intake_content .lhs .intake_item {
  float: left;
  width: 186px;
  margin-bottom: 12px;
  background-color: #abaaaa;
}
.intake_plan .intake_content .lhs .intake_item img.thumbnail {
  float: left;
  width: 50px;
  height: 50px;
}
.intake_plan .intake_content .lhs .intake_item .user-input {
  padding-top: 12px;
}
.intake_plan .intake_content .lhs .add_food_btn {
  float: right;
  margin-right: 8px;
  cursor: pointer;
}
.intake_plan .intake_content .rhs {
  float: left;
  width: 280px;
  margin-top: 24px;
  margin-left: 15px;
  overflow-x: hidden;
  border-right: solid 1px #808080;
}
.meal-container {
  background-color: #fff;
  overflow: hidden;
  width: 767px;
  float: left;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.meal-container .meal-header {
  float: left;
  background-color: #ffa1a3;
  width: 100%;
}
.meal-container .meal-header span.header {
  margin: 5px;
  float: left;
  color: white;
}
.meal-container .meal-header .icon {
  float: left;
  height: 20px;
  padding-right: 4px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.meal-container .meal-header .col {
  float: left;
  padding: 6px;
  width: 58px;
  font-size: 12pt;
  height: 40px;
  font-size: 10pt;
}
.meal-container .meal-header .col span {
  position: relative;
  top: 25%;
  transform: translateY(-25%);
}
.meal-container .meal-header .odd {
  background-color: #c3c3c3;
}
.meal-container .meal-header .even {
  background-color: #fae89f;
}
.meal-container .meal-content {
  float: left;
  width: 100%;
  background-color: #fff;
}
.meal-container .meal-content .chosen_row {
  overflow: hidden;
  background-color: #f3f1f2;
  margin-bottom: 3px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}
.meal-container .meal-content .chosen_row img.meal_type {
  width: 60px;
  height: 60px;
  float: left;
  margin: 14px;
}
.meal-container .meal-content .chosen_row div.chosen {
  display: none;
  width: 45px;
  height: 60px;
  float: left;
  text-align: center;
  margin-top: 14px;
  font-size: 10pt;
  margin-right: 14px;
  cursor: pointer;
}
.meal-container .meal-content .chosen_row div.chosen img.chosen_img {
  width: 45px;
  height: 45px;
}
.fav-container {
  background-color: #e4e4e4;
  overflow-y: scroll;
  height: 1880px;
  width: 767px;
  float: left;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
}
.fav-container .fav-header {
  float: left;
  background-color: #cfcece;
}
.fav-container .fav-header .icon {
  float: left;
  height: 30px;
  padding-right: 4px;
  position: relative;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}
.fav-container .fav-header .col {
  float: left;
  padding: 6px;
  width: 70px;
  font-size: 12pt;
  height: 40px;
  font-size: 10pt;
}
.fav-container .fav-header .col span {
  position: relative;
  top: 25%;
  transform: translateY(-25%);
}
.fav-container .fav-header .odd {
  background-color: #c3c3c3;
}
.fav-container .fav-header .even {
  background-color: #fae89f;
}
.fav-container .fav-content {
  float: left;
  background-color: #fff;
}
.fav-container .fav-content .fav-row {
  width: 744px;
  margin-left: auto;
  margin-right: auto;
  background-color: #cfcece;
  overflow: hidden;
  margin-top: 4px;
}
.fav-container .fav-content .fav-row .header img.unbookmark {
  margin: 5px;
  cursor: pointer;
  float: left;
}
.fav-container .fav-content .fav-row .header span.title {
  float: left;
  margin: 8px;
}
.fav-container .fav-content .fav-row .header span.subtitle {
  font-size: 0.7em;
  float: left;
  display: block;
  clear: both;
  margin-top: -10px;
  margin-left: 10px;
}
.fav-container .fav-content .fav-row .header .add_to_plan_btn {
  float: right;
  cursor: pointer;
  margin: 4px;
}
.fav-container .fav-content .fav-row .header .done_add_plan {
  float: right;
  margin: 10px;
  color: #ff4d64;
  display: none;
}
.fav-container .fav-content .fav-row .content img.thumbnail {
  float: left;
  width: 170px;
  height: 125px;
}
.fav-container .fav-content .fav-row .content .col {
  float: left;
  width: 82px;
  font-size: 12pt;
  height: 125px;
}
.fav-container .fav-content .fav-row .content .col input {
  text-align: center;
}
.fav-container .fav-content .fav-row .content .col span.quant {
  width: 100%;
  float: left;
  text-align: center;
}
.fav-container .fav-content .fav-row .content .col span.label {
  width: 100%;
  float: left;
  text-align: center;
}
.fav-container .fav-content .fav-row .content .col span {
  position: relative;
  top: 35%;
  transform: translateY(-35%);
}
.fav-container .fav-content .fav-row .content .col div.quant {
  width: 90%;
  top: 35%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.fav-container .fav-content .fav-row .content .col div.quant input {
  width: 30px;
  float: left;
}
.fav-container .fav-content .fav-row .content .col div.quant span {
  width: 20px;
  margin-top: 10px;
}
.fav-container .fav-content .fav-row .content .col .add_btn {
  cursor: pointer;
  width: 19px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 35%;
  left: 35%;
}
.fav-container .fav-content .fav-row .content .odd {
  background-color: #c3c3c3;
}
.fav-container .fav-content .fav-row .content .even {
  background-color: #fae89f;
}
#content-main {
  overflow-x: hidden !important;
  overflow-y: auto;
}
.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */

  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.spoon {
	width: 15px;
	height: 12px;
	margin-left: 2px;
}

#loadingmask {
/*  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  display: none;
}

.chart_box{
	width: 88px; 
	height: 127px; 
	float: left;
	font-size: 12px; 
	font-weight: bold; 
	z-index: 1000;
	color:#4f4f4f;
	text-align: left;
	border: 3px solid #123123;
	border-radius: 7px;
	margin-top: 20px;
	margin-left: 10px;
	padding: 3px;
	
}