/**********************************************************************************************************************************************************
*                                                      CHOCOLATE CHALLENGE
***********************************************************************************************************************************************************/
.admin_choco_charts {
    width: 680px;
}

.admin_choco_chart_header {
    height: 40px;
    width: 660px;
    margin-left: 20px;
}

.admin_choco_chart_header h2 {
    height: 40px;
    line-height: .8;
}

.choco_chart_drop_container {
    width: 200px;
    background-color: #4E0500;
    margin-top: -3px;
    position: relative;
    z-index: 10;
}

.choco_chart_drop_option {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin-top: 0px;
    padding-top: 5px;
    line-height: 2;
}

.choco_chart_drop_option:hover {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin-top: 0px;
    padding-top: 5px;
    line-height: 2;
    background-color: #88362F;
}

.chart_sorting_box {
    background-color: #88362F;
    height: 40px;
    width: 97px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.chart_sorting_box:hover {
    background-color: #4E0500;
    height: 40px;
    width: 97px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.chart_sorting_box input {
    background-color: transparent;
    border: none;
    color: white;
    text-align: center;
    display: block;
    width: 97px;
    height: 40px;
    cursor: pointer;
}

#choco_chart_sorting_container {
    background-color: #d88e88;
    width: 660px;
    height: 50px;
}

#choco_admin_panel {
    margin-top: 30px;
    width: 700px;
    display: none;
}

.choco_admin_charts {
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
}

.admin_page_header {
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    border-top: 2px #bcbcbc solid;
}

.admin_page_header h1 {
    color: #d88e88;
    text-transform: uppercase;
    font-size: 30px;
    text-align: left;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    line-height: 1;
}

.admin_page_header p {
    line-height: 1.4;
    font-size: 13px;
    color: #000;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


.choco_header {
    height: 212px;
}

.choco_nav_bar {
    height: 40px;
    width: 100%;
    background-color: #4e0500;
    border-top: 3px solid #d88e88;
}

.choco_nav_bar h1 {
    line-height: 1.2;
    height: 40px;
}

#choco_drop_container {
    width: 920px;
    height: 140px;
    background-color: #d88e88;
    margin: 0 auto;
    display: none;
}

#choco_drop_close_dash {
    height: 5px;
    background-color: #d88e88;
    width: 880px;
    margin: 0 auto;
    display: none;
}

#choco_drop_close_dash img {
    margin-left: 375px;
    cursor: pointer;
}

#choco_drop_close_dash_container {
    background-color: #4e0500;
    width: 880px;
    margin: 0 auto;
    display: none;
}

#choco_drop_close_dash_container h1 {
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    color: #fff;
    text-align: center;
    font-size: 30px;
}

#choco_completion_chart_container {
    margin: 0 auto;
}

.pie_chart_container {
    float: left;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-right: 30px;
}

.pie_chart_container canvas {
    float: left;
    margin-right: 5px;
    margin-left: -40px;
}

.pie_chart_container p {
    float: left;
    font-size: 13px;
    margin: 0 0 0 -30px;
    line-height: 1;
    color: #fff;
}

.choco_charts {
    width: 125px !important;
    height: 70px !important;
}

#sweettooth_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#portion_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#consumption_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#sensual_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#metabolism_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#meditate_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#bp_percent {
    position: absolute;
    z-index: 2;
    width: 50px;
}

#checkin_container {
    height: 140px;
    width: 150px;
    background-color: #88362f;
}

.choco_checkin_modal {
    width: 900px;
    height: 360px;
    background-color: #d88e88;
    border: 2px solid #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    margin: auto;
    display: none;
}

.choco_checkin_modal_header {
    width: 100%;
    height: 40px;
    background-color: #88362f;
}

.choco_checkin_modal_header h1 {
    text-align: center;
}

.choco_checkin_modal_data_container {
    margin: 10px;
    width: 880px;
    height: 300px;
    background-color: #fff;
    border-radius: 5px;
}

.choco_checkin_modal_data_container_column {
    float: left;
    width: 50%;
    margin-top: 10px;
}

.choco_checkin_modal_data_container_row {
    width: 95%;
    height: 55px;
    border-bottom: 2px dashed #d88e88;
    margin: 0 auto;
}

.choco_checkin_modal_data_right h1 {
    width: 100%;
}

.choco_checkin_modal_data_left {
    width: 50%;
    height: 100%;
}

.choco_checkin_modal_data_right {
    width: 50%;
    height: 100%;
}

.choco_checkin {
    width: 350px;
    background-color: #d88e88;
    border: 2px solid #4e0500;
    margin-top: 20px;
    z-index: 2;
    margin-left: 430px;
    border-radius: 5px;
    position: relative;
}

#challenge_checkin {
    position: absolute;
    margin-top: 20px !important;
    z-index: 1;
}

.choco_checkin_header {
    width: 100%;
    height: 40px;
    background-color: #88362f;
}

.choco_checkin_header h1 {
    text-align: center;
}

.checkup_input_containers {
    margin: 0 auto;
    width: 300px;
}

.checkup_input_containers p {
    color: #fff;
    margin: 15px 0 3px 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 1;
}

.checkup_input_containers input {
    border: none;
    background-color: #88362f;
    height: 32px;
    width: 300px;
    color: #fff;
    padding-left: 5px;
}

#choco_nav_icon_container {
    width: 685px;
    height: 140px;
}

#choco_nav_interior_container {
    margin: 10px auto;
    width: 665px;
    height: 115px;
}

#choco_nav_interior_container_top {
    height: 50%;
    width: 665px;
    border-bottom: 2px solid #4e0500;
}

.checkup_modal_submit_btn_container input {
    width: 100%;
    height: 53px;
    background-color: #4e0500;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.checkup_modal_submit_btn_container input:hover {
    color: #fff;
    background-color: #88362f;
    transition: color background-color 0.5s ease;
    cursor: pointer;
}

.checkup_dropdown_btn {
    border: none;
    background-color: #88362f;
    height: 40px;
    width: 300px;
    color: #fff;
    padding-left: 5px;
}

.checkup_dropdown_btn p {
    padding: 0 0 0 5px;
    margin: 0 0 0 0;
    color: #fff;
    height: 40px;
    text-align: left;
    line-height: 3;
}

.checkup_dropdown_btn img:hover {
    opacity: .8;
    transition: opacity 0.5s ease;
    cursor: pointer;
}

.checkup_dropdown {
    width: 305px;
    background-color: #88362f;
    position: absolute;
    z-index: 10000;
    display: none;
}

.checkup_dropdown h1 {
    margin: 0 0 0 0;
    font-size: 12px;
    height: 35px;
    line-height: 3;
    padding: 0 0 0 15px;
    color: #fff;
    border-bottom: 1px solid #4e0500;
}

.checkup_dropdown h1:hover {
    background-color: #4e0500;
    cursor: pointer;
}

.last_dropdown_option {
    border-bottom: none !important;
}

#choco_main_content {
    display: none;
}

#choco_start_screen {
    height: 810px;
    cursor: pointer;
}

#choco_checkin_screen {
    display: none;
}

.mainContentWrapper_choco {
    height: 810px;
    margin: 0 auto;
    padding-top: 40px;
    margin: 0 auto;
    width: 960px;
}


#choco_sweettooth_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_portion_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_brain_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_taste_icon_container {
    width: 164px;
    height: 100%;
}

#choco_metabolism_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_meditate_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_bloodpressure_icon_container {
    width: 164px;
    height: 100%;
    border-right: 2px solid #4e0500;
}

#choco_finalcheckup_icon_container {
    width: 164px;
    height: 100%;
}

#choco_nav_interior_container_bottom {
    height: 50%;
    width: 100%;
}

#choco_charts_icon_container {
    background-color: #88362f;
    height: 140px;
    width: 85px;
}

#open_choco_charts_modal {
    margin-left: 16px;
    margin-top: 22px;
}

#open_choco_charts_modal:hover {
    opacity: .8;
    transition: opacity 0.5s ease;
    cursor: pointer;
}

#open_checkin_modal:hover {
    opacity: .8;
    transition: opacity 0.5s ease;
    cursor: pointer;
}

.choco_sweettooth_icon_container_icon {
    float: left;
    width: 35%;
    height: 58px;
}

.choco_sweettooth_icon_container_copy {
    float: left;
    height: 58px;
}

.choco_sweettooth_icon_container_copy h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #4e0500;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.choco_sweettooth_icon_container_copy h1:hover {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    color: #fff;
    transition: color 0.5s ease;
}

.choco_sweettooth_icon_container_copy_complete h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #4e0500;
    text-align: left;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}

.choco_sweettooth_icon_container_copy p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: white;
    text-align: left;
    font-size: 10px;
    line-height: 1.5;
}

.choco_sweettooth_icon_container_copy p:hover {
    color: #000;
    transition: color 0.5s ease;
    cursor: pointer;
}

#choco_home_container {
    margin-top: 7px;
}

#choco_home {
    cursor: pointer;
}

#choco_home:hover {
    opacity: .8;
    transition: opacity 0.5s ease;
}

#how_to_consume {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#how_much_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#save_your_diet_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#help_myself_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#what_to_expect_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_sweettooth {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_metabolism {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_portion {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_meditate {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_bloodpressure {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_train {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#howtocomplete_choco_taste {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_sweettooth {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_metabolism {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_portion {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_meditate {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_bloodpressure {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_train {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#whatdoido_choco_taste {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_sweettooth {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_metabolism {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_portion {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_meditate {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_bloodpressure {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_train {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#coaching_choco_taste {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_sweettooth {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_portion {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_metabolism {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_meditation {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_brain {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_blood {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_tips_taste {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_sweettooth {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_portion {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_metabolism {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_meditation {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_brain {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_blood {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.choco_resource_taste {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#portion_practice {
    cursor: pointer;
    border-radius: 50%;
    background-color: #d88e88;
    display: inline-block;
    width: 20px;
    text-align: center;
}


.section_content_left {
    width: 700px;
}



.choco_resource_buttons_column {
    width: 240px;
}

.weekly_tips_buttons {
    width: 240px;
    margin-bottom: 20px;
    height: 70px;
}

.tips_button {
    float: left;
    position: absolute;
}

.weekly_workbook_pages {
    width: 240px;
    margin-bottom: 20px;
    height: 70px;
}

.workbook_page {
    float: left;
    position: absolute;
}

.sidebar_modal_container {
    width: 700px;
    height: 360px;
    background-color: #fff;
    border: 2px solid #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    margin: auto;
    display: none;
}

#sidebar_modal_whenconsume {
    height: 250px !important;
}


.choco_resource_buttons_downloadweek {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

.choco_resource_buttons_downloadweek:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

#choco_resource_buttons_downloadbook {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

#choco_resource_buttons_downloadbook:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

.choco_resource_buttons_tips {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

.choco_resource_buttons_tips:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

#choco_resource_buttons_howmuch {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

#choco_resource_buttons_howmuch:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

#choco_resource_buttons_admin {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

#choco_resource_buttons_admin:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

#choco_resource_buttons_when {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

#choco_resource_buttons_when:hover {
    width: 240px;
    margin-bottom: 10px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}

#choco_resource_buttons_practice {
    width: 240px;
    height: 70px;
    background-color: #88362f;
    border-top: 10px solid #d88e88;
    cursor: pointer;
}

#choco_resource_buttons_practice:hover {
    width: 240px;
    height: 70px;
    background-color: #4e0500;
    border-top: 10px solid #d88e88;
    transition: background-color 0.5s ease;
}


.choco_category_content_body {
    padding-top: 30px;
}

.choco_category_content_body h2 {
    padding: 0 20px 0 40px;
    font-size: 1em;
    margin: 0;
    color: #D88E88;
}

.choco_category_content_body p {
    color: #6e6e6e;
    font-size: .9em;
    padding: 0 20px 5px 20px;
    margin-top: 0;
    margin-bottom: 7px;
}

.choco_category_content_body ul {
    padding: 0 0 0 60px;
    font-size: .8em;
    line-height: 1.6;
    color: #D88E88;
}

.choco_category_content_body li {
    margin-bottom: 5px;
    line-height: 1.4;
}

.choco_category_content_body a {
    color: #88362F;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 0 40px;
}

.choco_category_content_body a:hover {
    color: #6e6e6e;
    font-style: italic;
}

.choco_dynamic_content {
    color: #6e6e6e;
    padding: 0 20px 5px 0;
    margin-top: 0;
    margin-bottom: 7px;
}

.choco_dynamic_content p {
    line-height: 1;
}

.choco_btn {
    border: none;
    height: 40px;
    color: #fff;
    width: 175px;
    background-color: #88362F;
    cursor: pointer;
    margin-left: 375px;
}

.choco_btn:hover {
    background-color: #4e0500;
    width: 175px;
    transition: background-color 0.5s ease;
    margin-left: 375px;
}


.icon_circle {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #4e0500;
}

.icon_circle:hover {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #4e0500;
    background-color: #fff;
    transition: border 0.5s ease;
    transition: background-color 0.5s ease;
}

.icon_circle_complete {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #4e0500;
}

.icon_circle_complete:hover {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #4e0500;
}

.icon_circle2 {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    border-radius: 50%;
    border: 2px solid #d88e88;
    background-color: #4e0500;
}

.choco_selection_btn_container {
    width: 220px;
    height: 40px;
    background-color: #4e0500;
    margin-top: 15px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.choco_selection_btn_selectors {
    width: 70px;
    height: 60px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.choco_selection_btn {
    width: 50px;
    height: 25px;
    background-color: #88362f;
    margin-top: -8px;
    position: relative;
    z-index: 2;
    margin-left: 5px;
}

.choco_selection_btn:hover {
    width: 50px;
    height: 25px;
    background-color: #d88e88;
    margin-top: -8px;
    position: relative;
    z-index: 2;
    margin-left: 5px;
}

.choco_selection_btn_data_display {
    width: 60px;
    height: 40px;
    background-color: #88362f;
}

.choco_selection_btn_data_display h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 35px;
    line-height: 1;
    text-align: center;
}

#compare_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#compare_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#compare_up_arrow_week2 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#compare_down_arrow_week2 {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#sweettooth_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#sweettooth_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#sweettooth_up_arrow_day {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#sweettooth_down_arrow_day {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#sweettooth_up_arrow_dailychoco {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#sweettooth_down_arrow_dailychoco {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#sweettooth_up_arrow_testingchoco {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#sweettooth_down_arrow_testingchoco {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#metabolism_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#metabolism_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#metabolism_up_arrow_day {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#metabolism_down_arrow_day {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#portion_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#portion_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#portion_up_arrow_lunch {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#portion_down_arrow_lunch {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#portion_up_arrow_dinner {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#portion_down_arrow_dinner {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#meditate_up_arrow_moodlevel {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#meditate_down_arrow_moodlevel {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#meditate_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#meditate_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#train_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#train_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#train_up_arrow_lunchsnacks {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#train_down_arrow_lunchsnacks {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#train_up_arrow_dinnersnacks {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#train_down_arrow_dinnersnacks {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#taste_up_arrow_week {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 15px;
    cursor: pointer;
}

#taste_down_arrow_week {
    display: block;
    margin-left: 15px;
    padding-top: 7px;
    cursor: pointer;
}

#sweettooth_down_arrow_day {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}

#metabolism_down_arrow_exercise {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}

#metabolism_down_arrow_day {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}

#portion_down_arrow_day {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}

#meditate_down_arrow_day {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}

#train_down_arrow_day {
    display: block;
    margin-left: 15px;
    margin-top: 7px;
    padding-top: 10px;
    cursor: pointer;
}


.choco_submit_btn_container {
    margin: 0 auto;
    width: 920px;
}

.exercise_drop_container {
    width: 180px;
    position: absolute;
    z-index: 3;
    background-color: #4e0500;
    margin-top: 40px;
    display: none;
}

.exercise_drop_container p {
    ;
    height: 100%;
    padding: 5px 0 5px 15px;
    margin: 0 0 0 0;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.exercise_drop_container p:hover {
    ;
    height: 100%;
    padding: 5px 0 5px 15px;
    margin: 0 0 0 0;
    font-size: 15px;
    text-align: left;
    background-color: #d88e88;
    cursor: pointer;
}


.center_content {
    width: 960px;
    margin: 0 auto;
    background-color: #fff;
    height: 1000px;
}

.choco_table_container {
    background-color: #4e0500;
    width: 920px;
    margin-right: 20px;
}

.choco_table_content {
    padding: 10px;
    width: 900px;
}

.choco_table_column_header {
    width: 120px;
    height: 70px;
    background-color: #88362f;
    float: left;
}

.choco_table_column {
    width: 120px;
    height: 100%;
    background-color: #d88e88;
    float: left;
    margin-top: 10px;
}

.choco_table_top_headers {
    width: 100%;
    height: 70px;
}

.choco_table_column_header_day {
    width: 100%;
    height: 45px;
}

.choco_table_column_header_day h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 25px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2;
}

.choco_table_column_header_time {
    width: 100%;
    height: 25px;
    background-color: #d88e88;
}

.choco_table_column_header_time h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2;
}

.choco_table_bottom_data {
    width: 100%;
}

.choco_table_column_data_left {
    width: 50%;
    height: 40px;
    float: left;
}

.choco_table_column_data_right {
    width: 50%;
    height: 40px;
    float: left;
}

.choco_table_column_row_light {
    height: 40px;
    width: 100%;
    background-color: #edb8b4;
}

.choco_table_column_row_light h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2;
}

.choco_table_column_row {
    height: 40px;
    width: 100%;
    background-color: #d88e88;
}

.choco_table_column_row h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 2;
}



.choco_table_top_headers_sweettooth {
    width: 100%;
    height: 70px;
}

.day_one_header {
    width: 49%;
    height: 40px;
    background-color: #88362f;
    float: left;
    margin-right: 15px;
}

.day_one_header h1 {
    width: 100%;
    height: 45px;
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.5;
    background-color: #88362f;
}

.day_one_header p {
    width: 100%;
    height: 25px;
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.5;
    background-color: #d88e88;
}

.day_two_header {
    width: 49%;
    height: 40px;
    background-color: #88362f;
    float: left;
}

.day_two_header h1 {
    width: 100%;
    height: 45px;
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.5;
    background-color: #88362f;
}

.day_two_header p {
    width: 100%;
    height: 25px;
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.5;
    background-color: #d88e88;
}

.choco_table_bottom_data_sweettooth {
    width: 100%;
}

.table_column_sweettooth {
    width: 49%;
    float: left;
    margin-top: 10px;
}

.choco_table_column_row_sweettooth {
    height: 40px;
    width: 100%;
    background-color: #d88e88;
}

.choco_table_column_row_sweettooth h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2;
}

.choco_table_column_row_light_sweettooth {
    height: 40px;
    width: 100%;
    background-color: #edb8b4;
}

.choco_table_column_row_light_sweettooth h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2;
}

.choco_submit_feedback_popup {
    width: 500px;
    height: 60px;
    background-color: #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: none;
}

.choco_submit_feedback_popup_left {
    float: left;
    width: 15%;
    height: 100%;
    background-color: #d88e88;
}

.choco_submit_feedback_popup_left img {
    margin-left: 15px;
    margin-top: 10px;
}

.choco_submit_feedback_popup_right {
    float: left;
    width: 85%;
    height: 100%;
}

.choco_submit_feedback_popup_right h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 4;
    display: block;
    height: 100%;
    width: 100%;
}

.choco_submit_error_popup {
    width: 500px;
    height: 60px;
    background-color: #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: none;
}

.choco_submit_error_popup_left {
    float: left;
    width: 15%;
    height: 100%;
    background-color: #d88e88;
}

.choco_submit_error_popup_left img {
    margin-left: 15px;
    margin-top: 10px;
}

.choco_submit_error_popup_right {
    float: left;
    width: 85%;
    height: 100%;
}

.choco_submit_error_popup_right h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 4;
    display: block;
    height: 100%;
    width: 100%;
}

.choco_charts_row {
    margin: 0 auto;
    width: 700px;
}

.choco_data_percents {
    display: none;
}

.choco_table_sort_btn {
    color: #fff;
}

.choco_table_sort_btn:hover {
    color: #d88e88;
    transition: color 0.5s ease;
}


.choco_table_checkup_headers {
    width: 100%;
    height: 40px;
    background-color: #88362F;
    margin-bottom: 10px;
}

.choco_table_checkup_headers h1 {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 25px;
    line-height: 1.6;
}

.choco_table_checkup_column {
    width: 32%;
    float: left;
    margin-right: 18px;
}

.choco_table_checkup_data_container {
    width: 100%;
    height: 75px;
    margin: 0 auto;
    background-color: #EDB8B4
}

.choco_table_checkup_data_container_inner {
    height: 65px;
    margin: 0 auto;
    width: 270px;
    padding: 5px;
}

.choco_table_checkup_data {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.choco_table_column_headers {
    width: 100%;
    height: 40px;
    background-color: #D88E88;
    margin-bottom: 10px;
}

.choco_table_column_headers h1 {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 20px;
    line-height: 2;
}

.choco_table_checkup_feedback {
    text-align: left;
    float: right;
    margin-top: 10px;
}

.choco_table_checkup_feedback p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
    color: #88362F;
    font-size: 18px;
    line-height: 1.2;
}

.choco_table_checkup_cat_icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fff;
    border: 5px solid #88362F;
    position: relative;
    top: 5px;
    left: 40px;
    float: left;
}

.choco_table_checkup_cat_icon img {
    margin-left: -2px;
    margin-top: -2px;
}

.choco_table_checkup_success_icon {
    float: left;
}

.choco_table_checkup_success_icon img {
    margin-top: -5px;
}

#choco_challenge_final_data {
    display: none;
}

.choco_entry_buttons_modal_container {
    width: 920px;
    height: 160px;
    background-color: #fff;
    border: 2px solid #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    margin: auto;
}


.choco_track_progress_btn {
    width: 120px;
    height: 35px;
    background-color: #4e0500;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

.choco_track_progress_btn:hover {
    width: 120px;
    height: 35px;
    background-color: #88362f;
}

.choco_section_header {
    font-size: 25px;
    line-height: 1;
    color: #d88e88;
    margin-left: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 900 !important;
}

.choco_head {
    margin-bottom: 0;
    color: #d88e88 !important;
    line-height: 1;
    font-size: 20px;
    font-weight: 900 !important;
    padding-left: 0 !important;
    margin-top: 10px;
}

.choco_subhead {
    margin-bottom: 0;
    color: #4e0500;
    line-height: 1;
    font-size: 17px;
    font-weight: 900 !important;
    margin-top: 10px;
    padding-left: 0 !important;
}

.tips_modal {
    width: 400px;
    height: 340px;
    background-color: #fff;
    border: 2px solid #4e0500;
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    margin: auto;
}

.tips_modal h2 {
    height: 35px;
    background-color: #88362f;
    color: #fff;
    line-height: 1.5.;
    padding-left: 20px;
}

.tips_modal ul {
    margin-left: 0;
    padding-left: 20px;
    width: 370px;
    font-size: 15px;
}

.tips_modal li {
    margin-bottom: 15px;
}

.portion_practice_body {
    display: none;
}

#choco_home_content {
    margin-top: 25px;
    width: 700px;
}

#sweet_tooth_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#metabolism_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#portion_control_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#meditation_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#train_your_brain_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#blood_pressure_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#taste_challenge_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#final_checkup_content {
    margin-top: 25px;
    width: 700px;
    display: none;
}

#choco_chart_drop_challenge {
    display: none;
}

#choco_chart_drop_gender {
    display: none;
}

#choco_chart_drop_location {
    display: none;
}

.how_much_choco_body {
    display: none;
}

.when_choco_body {
    display: none;
}

.save_your_diet_choco_body {
    display: none;
}

.help_myself_choco_body {
    display: none;
}

.what_to_expect_choco_body {
    display: none;
}

.coaching_choco_body {
    display: none;
}

.whatdoido_choco_sweettooth_body {
    display: none;
}

.whatdoido_choco_metabolism_body {
    display: none;
}

.whatdoido_choco_portion_body {
    display: none;
}

.whatdoido_choco_meditate_body {
    display: none;
}

.whatdoido_choco_bloodpressure_body {
    display: none;
}

.whatdoido_choco_train_body {
    display: none;
}

.whatdoido_choco_taste_body {
    display: none;
}

.howtocomplete_choco_sweettooth_body {
    display: none;
}

.howtocomplete_choco_metabolism_body {
    display: none;
}

.howtocomplete_choco_portion_body {
    display: none;
}

.howtocomplete_choco_meditate_body {
    display: none;
}

.howtocomplete_choco_bloodpressure_body {
    display: none;
}

.howtocomplete_choco_train_body {
    display: none;
}

.howtocomplete_choco_taste_body {
    display: none;
}


.choco_resource_icons_sweettooth {
    display: none;
}

.choco_resource_icons_portion {
    display: none;
}

.choco_resource_icons_metabolism {
    display: none;
}

.choco_resource_icons_meditation {
    display: none;
}

.choco_resource_icons_brain {
    display: none;
}

.choco_resource_icons_blood {
    display: none;
}

.choco_resource_icons_taste {
    display: none;
}

#biometric_data_table_sweettooth_container {
    display: none;
}

#sweettooth_table_wrapper {
    display: none;
}

#metabolism_table_wrapper {
    display: none;
}

#portion_table_wrapper {
    display: none;
}

#meditate_table_wrapper {
    display: none;
}

#train_table_wrapper {
    display: none;
}

#taste_table_wrapper {
    display: none;
}

#finalcheckup_table_wrapper {
    display: none;
}

#workbook_page_sweettooth {
    display: none;
}

#workbook_page_metabolism {
    display: none;
}

#workbook_page_portion {
    display: none;
}

#workbook_page_meditate {
    display: none;
}

#workbook_page_bloodpressure {
    display: none;
}

#workbook_page_train {
    display: none;
}

#workbook_page_taste {
    display: none;
}

#workbook_page_finalcheckup {
    display: none;
}

#sweettooth_tip_button {
    display: none;
}

#portion_tip_button {
    display: none;
}

#metabolism_tip_button {
    display: none;
}

#meditate_tip_button {
    display: none;
}

#bloodpressure_tip_button {
    display: none;
}

#train_tip_button {
    display: none;
}

#taste_tip_button {
    display: none;
}

#finalcheckup_tip_button {
    display: none;
}

#pull_your_sweet_tooth_entry_buttons {
    display: none;
}

#metabolism_entry_buttons {
    display: none;
}

#portion_entry_buttons {
    display: none;
}

#meditate_entry_buttons {
    display: none;
}

#bloodpressure_entry_buttons {
    display: none;
}

#train_entry_buttons {
    display: none;
}

#taste_entry_buttons {
    display: none;
}

#tips_modal_sweettooth {
    display: none;
}

#tips_modal_metabolism {
    display: none;
}

#tips_modal_portion {
    display: none;
}

#tips_modal_meditate {
    display: none;
    height: 360px;
}

#tips_modal_bloodpressure {
    display: none;
}

#tips_modal_train {
    display: none;
}

#tips_modal_taste {
    display: none;
}

#checkin_drop_mood {
    display: none;
}

#checkin_drop_exercise_minute {
    display: none;
}

#checkin_drop_exercise_hour {
    display: none;
}

#checkin_drop_cocoa {
    display: none;
}

#checkin_drop_plate {
    display: none;
}

#checkin_drop_sweettooth {
    display: none;
}

#checkin_drop_snacks {
    display: none;
}

#checkin_drop_breakfast {
    display: none;
}

#checkin_drop_lunch {
    display: none;
}

#checkin_drop_dinner {
    display: none;
}

.choco_table_column_row_light_taste {
    width: 100%;
    background-color: #edb8b4;
}

.choco_table_column_row_light_taste h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 30px;
    color: #fff;
    text-align: right;
    display: block;
    width: 100%;
    min-height: 50px;
    line-height: 3;
    font-weight: bold !important;
}

.choco_table_column_row_light_taste p {
    margin: 0 0 0 0;
    padding: 5px 5px 0 10px;
    font-size: 30px;
    color: #fff;
    text-align: left;
    display: block;
    min-height: 50px;
    line-height: 4;
    overflow-wrap: break-word;
    font-weight: bold;
}

.choco_table_column_row_label_row {
    width: 100%;
    min-height: 50px;
    padding-top: 10px;
    border-bottom: 1px solid #88362f;
}

.challenge_section_masthead {
    width: 660px;
    height: 200px;
    margin-top: 17px;
    margin-left: 20px;
    background-color: #88362F;
}

.initial_checkin_drop_container {
    width: 300px;
    height: 32px;
    background-color: #88362f;
}

.initial_checkin_drop {
    width: 300px;
    background-color: #88362f;
    position: absolute;
    z-index: 9999;
    margin-top: -5px;
}

.initial_checkin_drop p {
    line-height: 2;
    height: 30px;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #88362f;
    transition: background-color 0.5s ease;
}

.initial_checkin_drop p:hover {
    line-height: 2;
    height: 30px;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #4e0500;
}

.initial_checkin_drop_half {
    width: 145px;
    background-color: #88362f;
    position: absolute;
    z-index: 9999;
    margin-top: -5px;
}

.initial_checkin_drop_half p {
    line-height: 2;
    height: 30px;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #88362f;
    transition: background-color 0.5s ease;
}

.initial_checkin_drop_half p:hover {
    line-height: 2;
    height: 30px;
    padding-left: 10px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #4e0500;
}