#ketoDietBuddy{
    background-color:#fff;
    padding:15px
}
#ketoDietBuddy span.kdbFieldName,div.ketoBuddy span.kdbFieldName{
    display:inline-block;
    min-width:96pt;
    color:#404040;
    font-weight:600
}
#ketoDietBuddy h3,#ketoDietBuddy h4{
    color:#666;
    border-bottom:1px solid #ccc;
    margin-top:1rem;
    padding:2pt;
    font-weight:400
}
.radioBlock{
    display:inline-block
}
#ketoDietBuddy div.radioBlock,div.ketoBuddy div.radioBlock{
    display:inline-block;
    vertical-align:middle;
    text-align:center
}
#ketoDietBuddy input[type=radio],div.ketoBuddy input[type=radio]{
    display:none
}
#ketoDietBuddy input[type=radio]:checked+label,div.ketoBuddy input[type=radio]:checked+label{
    background-color:#ba391f;
    color:#fff
}
#ketoDietBuddy label,div.ketoBuddy label{
    display:inline-block;
    background-color:#eee;
    padding:2pt 4pt;
    margin:1pt;
    font-weight:400;
    min-width:52pt
}
#ketoDietBuddy input[type=text],div.ketoBuddy input[type=text]{
    margin-left:8px;
    margin-right:8px;
    font-size:11pt;
    width:5rem;
    border:1px solid #a0a0a0;
    text-align:right;
    outline:0;
    display:inline-block;
    padding:2px
}
#ketoDietBuddy .kdbMacroContent,div.ketoBuddy .kdbMacroContent{
    overflow:hidden;
    background-color:#fafafa;
    padding:10px;
    margin:6px;
    box-shadow:0 4px 8px rgba(0,0,0,.2)
}
#ketoDietBuddy .kdbMacroContentLeft,div.ketoBuddy .kdbMacroContentLeft{
    width:76%;
    display:inline-block;
    overflow:hidden;
    vertical-align:middle
}
#ketoDietBuddy .kdbEnergyOverview,div.ketoBuddy .kdbEnergyOverview{
    width:50%
}
#ketoDietBuddy .kdbMacroLegend,div.ketoBuddy .kdbMacroLegend{
    margin-top:1rem
}
#ketoDietBuddy table,div.ketoBuddy table{
    width:100%;
    margin:0;
    padding:0;
    border:none;
    border-collapse:collapse
}
#ketoDietBuddy td.kdbLegendName.kdbNetCarbs,div.ketoBuddy td.kdbLegendName.kdbNetCarbs{
    text-align:center;
    border-bottom:4px solid rgba(227,119,29,.6);
    background-color:rgba(227,119,29,.37)
}
#ketoDietBuddy td.kdbLegendName.kdbProtein,div.ketoBuddy td.kdbLegendName.kdbProtein{
    text-align:center;
    border-bottom:4px solid rgba(49,185,1,.6);
    background-color:rgba(49,185,1,.37)
}
#ketoDietBuddy td.kdbLegendName.kdbFat,div.ketoBuddy td.kdbLegendName.kdbFat{
    text-align:center;
    border-bottom:4px solid rgba(255,220,16,.6);
    background-color:rgba(255,220,16,.37)
}
#ketoDietBuddy td.kdbLegendUnits.kdbProtein,#ketoDietBuddy td.kdbLegendValue.kdbProtein,div.ketoBuddy td.kdbLegendUnits.kdbProtein,div.ketoBuddy td.kdbLegendValue.kdbProtein{
    background-color:rgba(49,185,1,.07)
}
#ketoDietBuddy td.kdbLegendUnits.kdbFat,#ketoDietBuddy td.kdbLegendValue.kdbFat,div.ketoBuddy td.kdbLegendUnits.kdbFat,div.ketoBuddy td.kdbLegendValue.kdbFat{
    background-color:rgba(255,220,16,.07)
}
#ketoDietBuddy td.kdbLegendUnits.kdbNetCarbs,#ketoDietBuddy td.kdbLegendValue.kdbNetCarbs,div.ketoBuddy td.kdbLegendUnits.kdbNetCarbs,div.ketoBuddy td.kdbLegendValue.kdbNetCarbs{
    background-color:rgba(227,119,29,.07)
}
#ketoDietBuddy .kdbEnergyOverview td,#ketoDietBuddy .kdbMacroLegend td,#ketoDietBuddy .kdbMacroSummary td,div.ketoBuddy .kdbEnergyOverview td,div.ketoBuddy .kdbMacroLegend td,div.ketoBuddy .kdbMacroSummary td{
    padding:.1rem .2rem
}
#ketoDietBuddy .kdbMacroContentRight,div.ketoBuddy .kdbMacroContentRight{
    width:22%;
    display:inline-block;
    overflow:hidden;
    text-align:right;
    vertical-align:bottom;
    margin-left:9px
}
@media (max-width:700px){
    #ketoDietBuddy .kdbEnergyOverview,#ketoDietBuddy .kdbMacroContentLeft,div.ketoBuddy .kdbEnergyOverview,div.ketoBuddy .kdbMacroContentLeft{
        width:100%
    }
    #ketoDietBuddy .kdbMacroContentRight,div.ketoBuddy .kdbMacroContentRight{
        width:100%;
        text-align:center;
        margin-left:0;
        margin-top:5%
    }
    #ketoDietBuddy span.kdbFieldName,div.ketoBuddy span.kdbFieldName{
        min-width:70pt
    }
    #ketoDietBuddy .kdbEnergyOverview td,#ketoDietBuddy .kdbMacroLegend td,#ketoDietBuddy .kdbMacroSummary td,div.ketoBuddy .kdbEnergyOverview td,div.ketoBuddy .kdbMacroLegend td,div.ketoBuddy .kdbMacroSummary td{
        padding:.1rem
    }
}