@charset "utf-8";
/* CSS Document */

#entryreview {
    display: none;
    width: 80%;
    margin-left: 2em;
    margin-bottom: 1em;
    background: #ddd;
    padding: 1em;
    position: relative;
}
#energyreview {
    display: none;
    width: 80%;
    margin-left: 2em;
    margin-bottom: 1em;
    background: #ddd;
    padding: 1em;
    position: relative;
}
/* Style the close button (span) */
.close {
    cursor: pointer;
    position: absolute;
    /*    top: 57%;*/
    right: 2%;
    padding: 12px 2px;
    transform: translate(0%, -50%);
    font-size: 1rem;
}

#portionpick {
    margin-bottom: 2em;
    z-index: 100;
    position: relative;
}
#fruitveg {
    margin-bottom: 2em;
}

.form-local {
    height: calc(1.5em + .75rem + 2px);
    padding: .35rem .5rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    width: 16%;
    width: 5em;
}

.mealDescrip {
    text-align: left;
    padding-bottom: 0.7em;
    width: 140px;
}

.lastRow {
    padding-bottom: 1em;
}


/* The container */
.radiocontainer {
    display: block;
    position: relative;
    /* padding-left: 18px; */
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: grid;
    grid-template-columns: min-content auto;
    grid-gap: 1.0em;
    width: 22px;
}
.radiocontainerc {
    display: inline-block;
    position: relative;
    /* padding-left: 18px; */
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: grid;
    grid-template-columns: min-content auto;
    grid-gap: 1.0em;
    width: 22px;
}

/* Hide the browser's default radio button */
.radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: -1em;
    left: -0.4em;
    height: 35px;
    width: 35px;
    background-color: #f2f2f2;
    border-radius: 25%;
    border-color: #666;
    border-style: solid;
    border-width: 1px;
    font-size: 60%;
    padding-top: 5px;
    color: #fff;
}
.checkmarkb {
    position: absolute;
    top: -1em;
    left: -0.4em;
    height: 35px;
    width: 35px;
    background-color: #f2f2f2;
    border-radius: 25%;
    border-color: #666;
    border-style: solid;
    border-width: 1px;
    font-size: 60%;
    padding-top: 5px;
    color: #000;
}
.checkmarkc {
    height: 45px;
    width: 45px;
    background-color: #fff;
    border-style: none;
    padding-top: 10px;
    color: #fff;
    background-size: auto;
    background: url("/cnrc-apps/HealthyMe/0noMouth.svg") no-repeat;
    font-size: 60%;
    font-size: 22px;
    display: inline-block;
}

.checkex {
    position: absolute;
    top: -0.5em;
    left: 0;
    height: 30px;
    width: 30px;
    color: #ccc;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
    background-color: #ccc;
    color: #ccc;
}
.radiocontainer:hover input ~ .checkmarkb {
    background-color: #ccc;
/*    color: #ccc;*/
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}
.radiocontainer input:checked ~ .checkmarkb {
    background-color: #2196F3;
    color: #fff;
}

/* On mouse-over, add a grey color */
.radiocontainer:hover input ~ .checkex {
    color: #aaa;
}

/* When the radio button is checked, make it blue  */
.radiocontainer input:checked ~ .checkex {
    color: #2196F3;
}



.noshow {
    color: #fff;
    line-height: 60%;
}

table {
    table-layout: fixed;
}
th, td {
    padding-right: 0.5em;
    padding-left: 0.5em;
    text-align: center;
}
table, th, td {
     border-right: 1px solid white;
}
th {
    font-size: 0.8rem;
}
tr {
    border-bottom: 1px solid #eee;
}

table#fittable {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}
/* table#fittable th, td {
    padding: 0.25rem;
    text-align: left;
    border: 1px solid #ccc;
} */
table#fittable tr {
    border-bottom: none;
}

.smtit {
    font-size: 0.6rem;
    line-height: 110%;
    display: inline-block;
    margin-top: 0.8rem;
    margin-bottom: 0;
}

#five {
    width: 45px;
    height: 45px;
    background: url("/cnrc-apps/HealthyMe/0noMouth.svg") no-repeat;
    background-size: auto;
    display: inline-block;
}

/* .copyLink {
    margin-top: 0;
    opacity: 0.5;
}
.copyLink:hover {
    margin-top: 0;
    opacity: 0.9;
} */

#bmip95panel {
    display: none;
}
#teepanel {
    display: none;
}
#palpanel {
    display: none;
}
#mvpapanel {
    display: none;
}
#sleeppanel {
    display: none;
}
#sedpanel {
    display: none;
}
#sedcallo {
    display: none;
}
#sedcalhi {
    display: none;
}
#litepanel {
    display: none;
}
#litecallo {
    display: none;
}
#litecalhi {
    display: none;
}
#modpanel {
    display: none;
}
#modcallo {
    display: none;
}
#modcalhi {
    display: none;
}
#vigpanel {
    display: none;
}
#vigcallo {
    display: none;
}
#vigcalhi {
    display: none;
}
#teein, #agein, #palval, #mvpaval {
    font-weight: 700;
/*    font-size:125%;*/
}
#intakeval {
    font-weight: 700;
    font-size:125%;
}
/* #datamsg {
    display: none;
} */
#P95gauge {
    display: none;
}
#hmpsnap {
    display: none;
}

/*
#masthead {
    position: relative;
    width: 930px;
    height: 139px;
    margin: 0 0 1em 0;
} */

.subtle {
    color: #a7a9ac;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.resetright {
    clear: right;
}

.highcharts-figureleft  {
    /*width: 300px;
  height: 200px;
  float: left;*/
    text-align: center;
    width: 90%;
    /* float: left; */
    margin-bottom: -150px;
    margin-left: auto;
    margin-right: auto;
}

.speedgaugebalhead {
    position: relative;
    margin-bottom: -15px;
    z-index: 100;
    font-weight: 600;
    text-align: center;
}
.speedgaugebalhead a {
    text-decoration: none;
}

.upfront {
    z-index: 100;
    margin-bottom: -65px;
    position: relative;
}
.gaugep {
    position: relative;
    margin-bottom: 2px;
    z-index: 100;
    font-weight: 600;
}
.radiohead {
    position: relative;
    margin-bottom: -5px;
    z-index: 100;
    /* font-weight: 600; */
}
#ageentry {
    margin-top: 12px;
/*    margin-bottom: -50px;*/
}
#teeentry {
    margin-top: 4px;
    /* margin-bottom: -65px; */
}
#intakerslt {
    text-align: right;
    margin-bottom: -88px;
    margin-top: 3px;
    z-index: 3;
}
#intakeval {
    display: inline-block;
    border: none;
/*    float: right;*/
}
#intakehead {
    float: right;
}
#intakespan {
    float: right;
    margin-top: -1.5em;
}
#palspan {
    float: right;
    margin-top: -3em;
}


/* .hightcharts-plot-band-label {
    height: 40;
    overflow: visible;
} */

.highcharts-figure,
.highcharts-data-table table {
    /* width: 600px; */
    width: 90%;
    /* margin: 1em; */
    z-index: 1;
}