/* generate plane buttons layout css */ body.page-template-meal-plan #single-day .blank_day_body { padding-left: 10px !important; padding-right: 10px; padding-top: 20px; } body.page-template-meal-plan #single-day .blank_day_body { line-height: 21px; } body.page-template-meal-plan .bt-box { border-radius: 0 !important; border: 1px solid #505050 !important; margin-top: 12px !important; margin-bottom: 22px !important; padding: 20px 5px; flex: 1; text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 3px; width: 115px; border-radius: 4px !important; } body.page-template-meal-plan a.load_diet_range.bt-box { margin-right: 0 !important; } body.page-template-meal-plan button.generate_day_btn.bt-box:hover, body.page-template-meal-plan button.track-btn.bt-box:hover, body.page-template-meal-plan a.load_diet_range.bt-box:hover { color: black !important; background-color: #ECDE0CB5 !important; } body.page-template-meal-plan .bt-box i { display: block; padding: 2px 0 8px 0; font-size: 20px; } body.page-template-meal-plan span i.prob-meal { font-size: 18px; cursor: pointer; } body.page-template-meal-plan span i.prob-meal:hover { color: green !important } /* body.page-template-meal-plan #single-day .blank_day_body a#show-video-btn { color: #fff; margin-left: 5px; font-size: 15px; padding: 1px 5px; border-radius: 100%; background: #000; } */ body.page-template-meal-plan #single-day .blank_day_body.row { position: relative; } body.page-template-meal-plan #single-day .blank_day_body button#show-video-btn { position: absolute; bottom: 7px; left: 7px; border-radius: 100%; border: none; background: #cb1111 !important; padding: 0; font-size: 16px; width: 23px; height: 23px; } body.page-template-meal-plan #single-day .blank_day_body button#show-video-btn:hover { background-color: #dd1616 !important; } @media (max-width: 767px) { body.page-template-meal-plan .bt-box { width: 31% !important; } } @media (max-width:650px) { body.page-template-meal-plan .bt-box { padding: 15px 5px; font-size: 12px; } body.page-template-meal-plan .bt-box i { font-size: 18px; } body.page-template-meal-plan #single-day .blank_day_body h4 { line-height: 22px; } } @media (max-width:380px) { body.page-template-meal-plan .bt-box { font-size: 11px; } } /* blank meal plan layout css */ body.page-template-meal-plan .workspace_area .meal-img-txt .au_meal_action { padding-top: 8px; display: flex; gap: 5px; align-items: center; justify-content: end; position: absolute; bottom: 0px; right: 0px; /* position: unset */ } body.page-template-meal-plan .workspace_area .all-meal.row { /* padding-bottom: 15px 10px 40px 10px; */ } body.page-template-meal-plan .workspace_area .meal-img-txt .au_meal_action i { background: #f70; padding: 6px; border-radius: 100%; color: #fff !important; font-size: 14px; font-weight: bold; cursor: pointer; width: 26px; height: 26px; text-align: center; } body.page-template-meal-plan .workspace_area .meal-details i.au-trash-meal { background: #f70; padding: 4px; border-radius: 100%; color: #fff !important; font-size: 17px; font-weight: bold; cursor: pointer; width: 26px; height: 26px; text-align: center; } body.page-template-meal-plan .workspace_area .meal-details { gap: 7px; align-items: flex-start !important; } body.page-template-meal-plan .workspace_area .meal-details i#btn_favo_search { padding: 3.5px 4.5px 4.4px 4.5px; } body.page-template-meal-plan .workspace_area .meal-details .m-name { flex: auto; } body.page-template-meal-plan .workspace_area select#meal-type-selection { border: 1px solid #c9c9c9; margin-bottom: 3px; width: auto; /* font-size: 16px; */ padding-top: 3px; padding-bottom: 3px; height: 32px; font-weight: bold; color: #212121; letter-spacing: 0.3px; border: 1px solid #9b9b9b !important; font-size: 14px; font-family: Montserrat; } .workspace_area .workspace_area_con.workspace_area_left .meal-details .m-name p { font-size: 14px; } body.page-template-meal-plan .workspace_area select#meal-type-selection option { font-family: Montserrat; } body.page-template-meal-plan .single_day_view_container .all-meal.row .edit-meal-plan i.fa.fa-pencil { display: none; } @media (max-width: 1024px) { body.page-template-meal-plan .workspace_area .all-meal.row { padding: 15px 10px; } } /* weekly view */ @media screen and (max-width: 1025px) { #weekly-day .all-meal { padding: 10px 10px; } } #breakfasts .au-trash-meal { display: none; } /* custom edit meal plan popup css */ body.page-template-meal-plan #openIngredientsMeal { z-index: 1051; } body.page-template-meal-plan #cemp-popup #form_btns a, body.page-template-meal-plan #cemp-popup #form_btns button#delete-selected { color: #000 !important; padding: 0; background: transparent; border: none; margin: 0; margin-right: 0px; margin-right: 5px; } body.page-template-meal-plan #cemp-popup #form_btns a i, body.page-template-meal-plan #cemp-popup button#delete-selected i { color: #121212; font-size: 21px; vertical-align: middle; background: #ECDE0C; padding: 8px; border-radius: 8px; width: 37px; height: 37px; } body.page-template-meal-plan #cemp-popup form#mealplan_form .table_desktop { background: #000; color: #fff !important; border-radius: 10px; } body.page-template-meal-plan #cemp-popup form#mealplan_form .table_desktop .mealpopup img { filter: invert(1); cursor: pointer; display: block; margin: auto; } body.page-template-meal-plan #cemp-popup form#mealplan_form .table_desktop table { margin-bottom: 0 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form .table_desktop table tbody input[type="checkbox"] { accent-color: #06a3a4; transform: scale(1.5); cursor: pointer } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer { border-top: none !important; padding-top: 0 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button { border-radius: 12px; color: black; background-color: #f8fcf5; background-image: none; border: 1.5px solid #ECDE0C !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button#btn-custom-meal-popup-save-group { background-color: #ECDE0C !important; margin-right: 5px; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button#btn_favo_search { border-radius: 12px !important; padding: 6px 12px !important; } body.page-template-meal-plan #cemp-popup #form_btns { text-align: left !important; margin-bottom: 30px } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons .m-name { display: none; } @media (max-width: 600px) { body.page-template-meal-plan #cemp-popup div#edit-meal-header, body.page-template-meal-plan #cemp-popup form#mealplan_form { padding: 15px !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form { padding-top: 0 !important; } body.page-template-meal-plan #cemp-popup #form_btns { text-align: left !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form .table_mobile { background: #000; color: #fff !important; border-radius: 6px; border: none; margin-bottom: 0 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons { display: flex; justify-content: space-between; gap: 5px; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button { margin-left: 0 !important; margin-right: 3px !important; margin-top: 10px; padding: 6px !important; font-size: 12px; border-radius: 8px !important; width: 100%; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button#btn-custom-meal-popup-save { margin-right: 0 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button#btn_favo_search { border-radius: 8px !important; padding: 6px 6px !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form { padding-left: 10px !important; padding-right: 10px !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m .meal-img { display: inline-block; vertical-align: middle; margin-left: 13px; padding: 3px 0; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m tr td:first-child { text-align: center } body.page-template-meal-plan #cemp-popup #form_btns { margin-bottom: 20px; } /* body.page-template-meal-plan #cemp-popup a.btn_ss_adjusters i, body.page-template-meal-plan #cemp-popup button#delete-selected i { font-size: 25px; } */ body.page-template-meal-plan #cemp-popup form#mealplan_form .table_mobile table tbody input[type="checkbox"] { accent-color: #06a3a4; transform: scale(1.3); cursor: pointer; margin-left: 2px; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m td { border: none; vertical-align: middle; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m td.meal-name, body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m td.meal-name a { font-weight: bold; padding-left: 0; white-space: break-spaces; line-height: 16px; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m td.meal-name span, body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m td.meal-name span i { font-weight: normal; color: #ffffffb2; margin-top: 3px; display: block; white-space: break-spaces; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m .meal-img img { display: block } body.page-template-meal-plan #cemp-popup div#edit-meal-header .close { right: 0 !important; top: 0 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m thead td { vertical-align: middle; /* padding-bottom: 0; */ border-bottom: 1px solid; border-color: #323131 !important; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m thead td .mealpopup img { display: block; text-align: right; margin-left: auto; cursor: pointer; } } @media (max-width: 380px) { body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons { gap: 3px; } body.page-template-meal-plan #cemp-popup form#mealplan_form table#t_meal_list_m .meal-img { margin-left: 11px; } } @media (max-width: 358px) { body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons { flex-wrap: wrap; } body.page-template-meal-plan #cemp-popup form#mealplan_form #edit-meal-footer .footer_buttons button { width: 48%; } } /* Recipe popup css */ body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout .table-responsive select#fs-popup-table-select { width: calc(100% - 82px) !important; text-align: left; margin-right: auto !important; margin-left: 0px !important; border-radius: 6px !important; } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout a#my_crb { background-color: #ECDE0C; border: 1.5px solid #ECDE0C !important; color: #121212; width: 73px; padding: 10px 4px; font-size: 13px; font-weight: bold; text-decoration: none; position: absolute; top: 0px; height: 78px; right: 0px; text-align: center; display: flex; align-items: center; border-radius: 6px; line-height: 15px; } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout .table-responsive input[type="text"]#fs-popup-table-search { width: calc(100% - 82px) !important; text-align: left; margin-right: auto !important; margin-left: 0px !important; border-radius: 6px; } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout .table-responsive { position: relative; } @media (max-width: 767px) { body.page-template-meal-plan #fs-popup div.modal-header .close { right: 0 !important; top: 0 !important; } body.page-template-meal-plan #fs-popup form#mealplan_form .modal-body { padding: 0 !important } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout .table-responsive select#fs-popup-table-select { width: calc(100% - 90px) !important; margin: 7px auto 7px 7px !important; } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout a#my_crb { width: 69px; top: 7px; right: 7px; height: 75px; } body.page-template-meal-plan #fs-popup #mealplan_form #edit-meal-layout .table-responsive input[type="text"]#fs-popup-table-search { margin: 7px auto 7px 7px !important; width: calc(100% - 90px) !important; } } /* add-food popup css */ body.page-template-meal-plan #acm-popup #form_btns>div>* { width: 100%; margin: 15px 0 0 0; font-size: 14px; border-radius: 8px; } body.page-template-meal-plan #acm-popup #form_btns>div { display: flex; gap: 7px; flex-direction: row-reverse; padding-left: 15px; padding-right: 15px; } body.page-template-meal-plan #acm-popup #form_btns { max-width: 100%; margin: 0; } body.page-template-meal-plan #acm-popup #form_btns>div #custom-meal-popup-scan i { padding-right: 3px; } body.page-template-meal-plan #acm-popup form#mealplan_form { padding: 25px 15px 15px 15px !important; } body.page-template-meal-plan #acm-popup div.modal-header .close { right: 0 !important; top: 0 !important; } body.page-template-meal-plan #acm-popup form#mealplan_form .edit_meal_selector_div label { padding-bottom: 15px !important; } body.page-template-meal-plan #acm-popup form#mealplan_form .edit_meal_selector_div { margin-left: 0 !important; margin-right: 0 !important; } body.page-template-meal-plan #acm-popup form#mealplan_form .edit_meal_selector_div>div { padding-left: 0 !important; padding-right: 0 !important; } body.page-template-meal-plan #acm-popup form#mealplan_form #edit-meal-layout { background: #121212; padding: 10px 15px !important; color: #fff; border-radius: 6px; } body.page-template-meal-plan #acm-popup form#mealplan_form .modal-footer { padding: 10px 0 15px 0; border: none; } body.page-template-meal-plan #acm-popup form#mealplan_form .modal-footer .footer_buttons>div { padding: 0 !important } body.page-template-meal-plan #acm-popup form#mealplan_form #edit-meal-layout input.form-control { padding: 0 10px !important; } body.page-template-meal-plan #acm-popup form#mealplan_form button#acm-popup-add { border-radius: 8px !important; padding: 6px 30px; } body.page-template-meal-plan #acm-popup form#mealplan_form .form-group.row>div.col-xs-6 { width: 66%; } body.page-template-meal-plan .ui-menu#ui-id-1 { overflow-y: scroll; height: 60vh; border-radius: 5px; display: flex; flex-direction: column; gap: 8px; background: #f7f7f7; padding: 10px; } @media (max-width: 767px) { body.page-template-meal-plan .ui-menu#ui-id-1 { width: calc(100% - 62px) !important; } body.page-template-meal-plan #acm-popup form#mealplan_form #edit-meal-layout { padding: 10px !important; } body.page-template-meal-plan #acm-popup form#mealplan_form { padding: 30px 10px 15px 10px !important; } body.page-template-meal-plan #acm-popup #form_btns>div { padding-left: 10px; padding-right: 10px; } } @media (max-width: 500px) { body.page-template-meal-plan #acm-popup form#mealplan_form .form-group.row>div.col-xs-6 { width: 50%; } } /* custom recipe popup css */ body.page-template-meal-plan #crb-popup button#btn_anr { border-radius: 8px !important; color: black !important; background-color: #ECDE0C !important; border: none !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important; margin-top: 0; margin-bottom: 15px; } body.page-template-meal-plan #crb-popup button#btn_anr i { padding-right: 3px; } body.page-template-meal-plan #crb-popup table#t_cr_list { background: #121212; color: #fff !important; border-radius: 7px; border: none !important; } body.page-template-meal-plan #crb-popup .table-responsive { margin-top: 10px; border: 0; } body.page-template-meal-plan #crb-popup table#t_cr_list th { font-size: 14px; } body.page-template-meal-plan #crb-popup table#t_cr_list td { font-size: 14px; white-space: unset !important; } body.page-template-meal-plan #crb-popup table#t_cr_list td a span { font-size: 20px; color: #ECDE0C; } body.page-template-meal-plan #crb-popup #footer_crb_popup button { color: #121212; background-color: #fff; border-color: #d3d3d3; } body.page-template-meal-plan #crb-popup #footer_crb_popup button:hover { background-color: #d3d3d3; } body.page-template-meal-plan #crb-popup .modal-header button.close { right: 0; } @media (max-width: 600px) { body.page-template-meal-plan #crb-popup .modal-body { padding: 15px 10px; } } /* serving size popup css */ body.page-template-meal-plan #ssa-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #ssa-popup .col-form-label { font-weight: bold; } /* scanner popup css */ body.page-template-meal-plan .modal#livestream_scanner { z-index: 1052; } body.page-template-meal-plan .modal#livestream_scanner .modal-header button.close { right: 0; } /* ingredient popup css */ body.page-template-meal-plan #openIngredientsMeal button#bm-show-video { padding: 0 !important; width: 25px; height: 25px; font-size: 18px !important; top: -2px; } body.page-template-meal-plan #openIngredientsMeal .modal-header .close { right: 0; top: 2px; color: #323232; font-size: 26px; } body.page-template-meal-plan #openIngredientsMeal h4.modal-title { font-size: 17px; } body.page-template-meal-plan #openIngredientsMeal select.ingrediant-day { outline: none !important; padding: 8px; border-radius: 30px; font-size: 14px; width: calc(100% - 118px); margin-left: 6px; border: none; } body.page-template-meal-plan #openIngredientsMeal .ingre-detail>div { max-width: 400px !important; } body.page-template-meal-plan #openIngredientsMeal .d-calories p:not(.recipe) { max-width: 400px; } body.page-template-meal-plan #openIngredientsMeal .d-calories p.ingrediant span:first-child { color: #333; } body.page-template-meal-plan #openIngredientsMeal .d-calories p span:nth-child(2) { text-align: right; width: 30%; } body.page-template-meal-plan #openIngredientsMeal .d-calories p span:first-child { width: 70%; } body.page-template-meal-plan #openIngredientsMeal .d-calories p.price { padding-bottom: 15px; } body.page-template-meal-plan #openIngredientsMeal .d-calories p.recipe { padding-top: 22px; border-top: 1px solid #d7d7d7; font-weight: bold; color: #333; } body.page-template-meal-plan #openIngredientsMeal .modal.show .receipe-description p:not(.recipe) { max-width: 400px; } body.page-template-meal-plan #openIngredientsMeal .ingre-detail { line-height: 24px; } body.page-template-meal-plan #openIngredientsMeal .d-calories p.recipe+.ingre-detail { font-size: 16px; line-height: 24px !important; } body.page-template-meal-plan #openIngredientsMeal .modal-footer button { border-radius: 5px !important; } /* meal-plan page css */ body.page-template-meal-plan .workspace_area .all-meal .meal-ad { padding: 0; border: none; box-shadow: none; padding-top: 5px; cursor: auto; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad .meal-img-txt { margin-left: 8px; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad a#genrated-meal-date { position: absolute; right: 31px; background: #f70; padding: 0 !important; border-radius: 100%; width: 25px; height: 25px; text-align: center; font-size: 15px; bottom: 0; cursor: pointer; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad a#genrated-meal-date i { padding: 4px 0 0 0 !important; color: #fff; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad .m-reg { display: flex !important; align-self: end; cursor: pointer; /* width: 23%; */ width: unset; margin-left: auto !important; justify-content: flex-end !important; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad .m-reg .au_meal_action { background: #f70; padding: 5px 0 !important; border-radius: 100%; width: 25px; height: 25px; text-align: center; font-size: 15px; cursor: pointer; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad .m-reg .au_meal_action i { color: #fff !important; } body.page-template-meal-plan .workspace_area .all-meal .meal-ad .meal-img-txt { width: calc(86% - 60px) !important; } @media (max-width: 1024px) { body.page-template-meal-plan .workspace_area .all-meal { padding: 10px 7px 10px 10px !important; } } @media (max-width: 767px) { body.page-template-meal-plan .mealplan-sections #single-day .single_day_view_container { padding: 0 20px !important; } /* body.page-template-meal-plan .workspace_area .all-meal.row .meal-ad { padding: 0; border: none; box-shadow: none; padding-top: 5px; } body.page-template-meal-plan .workspace_area .all-meal.row .meal-ad .meal-img-txt{ margin-left: 8px; } body.page-template-meal-plan .workspace_area .all-meal.row .meal-ad a#genrated-meal-date { position: absolute; right: 31px; background: #f70; padding: 0 !important; border-radius: 100%; width: 25px; height: 25px; text-align: center; font-size: 15px; bottom: 0; } body.page-template-meal-plan .workspace_area .all-meal.row .meal-ad a#genrated-meal-date i { padding: 4px 0 0 0 !important; color: #fff; } body.page-template-meal-plan .workspace_area .all-meal.row .meal-ad .m-reg { display: flex !important; align-self: end; } */ body.page-template-meal-plan .mealplan-sections .calendar_actions .left_planner_buttons select.custom-select { padding-right: 5px !important; padding-left: 2px !important; } body.page-template-meal-plan .mealplan-sections .carousel_container .owl-carousel { padding: 0px 25px; } /* body.page-template-meal-plan .workspace_area .all-meal .meal-ad .meal-img-txt { width: calc(86% - 80px) !important; } */ } /* meal-plan weekly view css */ body.page-template-meal-plan #weekly-day .all-meal { height: auto !important; width: 30% !important; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad { padding: 0; border: none; box-shadow: none; padding-top: 5px; cursor: auto; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad .meal-img-txt { margin-left: 8px; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad a#genrated-meal-date { position: absolute; right: 31px; background: #f70; padding: 0 !important; border-radius: 100%; width: 25px; height: 25px; text-align: center; font-size: 15px; bottom: 0; cursor: pointer; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad a#genrated-meal-date i { padding: 4px 0 0 0 !important; color: #fff; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad .m-reg { display: flex !important; align-self: end; cursor: pointer; width: 23%; justify-content: flex-end !important; visibility: visible; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad .m-reg img { display: block; } body.page-template-meal-plan #weekly-day .all-meal .meal-ad .meal-img-txt { width: calc(86% - 60px) !important; } @media (max-width: 1500px) { body.page-template-meal-plan #weekly-day .all-meal { width: 34% !important; } } @media (max-width: 1200px) { body.page-template-meal-plan #weekly-day .all-meal { width: 44% !important; } } @media (max-width: 992px) { body.page-template-meal-plan #weekly-day .all-meal { width: 100% !important; } } /* commonly eaten food popup css */ body.page-template-meal-plan #cef-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #cef-popup form#mealplan_form { margin: 10px !important; padding: 0 !important; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout .table-responsive { border: none; outline: none; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table { background: #131313; color: #fff; border-radius: 8px; border: none !important; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table thead, body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table tbody { border: none !important; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table th, body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table td { white-space: unset; border-right: none !important; border-left: none !important; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table td { cursor: pointer; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table td:hover { background: #000; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table th { font-size: 18px; background: #000; border-top-left-radius: 9px; border-top-right-radius: 9px; } body.page-template-meal-plan #cef-popup form#mealplan_form #edit-meal-layout table tr:last-child td { border-bottom: none !important; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } /* cef-group-popup css (group-list) */ body.page-template-meal-plan #cef-group-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #cef-group-popup form#mealplan_form { padding: 0 !important; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout .table-responsive { border: none; outline: none; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table { background: #131313; color: #fff; border-radius: 8px; border: none !important; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table thead, body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table tbody { border: none !important; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table th, body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table td { white-space: unset; border-right: none !important; border-left: none !important; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table td { cursor: pointer; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table td:hover { background: #000; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table th { font-size: 16px; background: #000; border-top-left-radius: 9px; border-top-right-radius: 9px; } body.page-template-meal-plan #cef-group-popup form#mealplan_form #edit-meal-layout table tr:last-child td { border-bottom: none !important; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } body.page-template-meal-plan #cef-group-popup .modal-body { padding: 10px; } /* commonly eaten foods select Pop-Up css */ body.page-template-meal-plan #cefs-popup .modal-header button.close { right: 0; top: -1px; } body.page-template-meal-plan #cefs-popup form#mealplan_form { padding: 20px 15px 10px 15px !important; } body.page-template-meal-plan #cefs-popup form#mealplan_form #edit-meal-layout { background: #131313; padding: 15px 15px 0 15px !important; color: #fff; border-radius: 7px; } body.page-template-meal-plan #cefs-popup form#mealplan_form #edit-meal-layout label { width: 36%; } body.page-template-meal-plan #cefs-popup form#mealplan_form #edit-meal-layout input { padding: 10px !important; font-size: 16px; } body.page-template-meal-plan #cefs-popup .modal-footer { padding: 5px 0 15px 0 !important; border-top: none !important } body.page-template-meal-plan #cefs-popup .modal-footer button { border-radius: 8px !important; padding: 6px 30px; color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; } @media (max-width: 767px) { body.page-template-meal-plan #cefs-popup form#mealplan_form .form-group.row .col-sm-9 { width: 66%; } body.page-template-meal-plan #cefs-popup form#mealplan_form { padding: 20px 10px 10px 10px !important; } body.page-template-meal-plan #cefs-popup form#mealplan_form #edit-meal-layout { padding: 15px 10px 0px 10px !important; } } /* start of group popup css*/ body.page-template-meal-plan #cefs-group-popup .modal-header button.close { right: 0; top: -4px; } body.page-template-meal-plan #cefs-group-popup input.modal-title { padding: 7px 17px; border-radius: 6px; border: 0; background: #ededed; /* max-width: 320px; */ display: block; width: 100%; background: #f1f1f1; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); } body.page-template-meal-plan #cefs-group-popup .modal-header { justify-content: flex-start; flex-wrap: wrap; padding: 10px; } body.page-template-meal-plan #cefs-group-popup .modal-header::before { content: "Group Name:"; display: block; width: 100%; font-weight: bold; padding: 8px 0 13px 0; } body.page-template-meal-plan #cefs-group-popup .table-responsive { border: none !important; margin-bottom: 5px !important; } body.page-template-meal-plan #cefs-group-popup .table-responsive table { border: none !important; border-radius: 6px; background: #131313; color: #fff; } body.page-template-meal-plan #cefs-group-popup .table-responsive table td { white-space: unset !important; text-align: left !important; font-size: 15px; } body.page-template-meal-plan #cefs-group-popup .table-responsive table thead th:last-child { width: 20%; } body.page-template-meal-plan #cefs-group-popup .modal-body { padding: 10px; } body.page-template-meal-plan #cefs-group-popup #edit-meal-layout { padding-top: 10px !important; } body.page-template-meal-plan #cefs-group-popup .table-responsive table input.form-control { padding: 8px !important } body.page-template-meal-plan #cefs-group-popup .modal-footer { padding: 15px 10px !important; } body.page-template-meal-plan #cefs-group-popup .modal-footer button { margin-top: 0; border-radius: 8px !important; padding: 6px 30px; color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C; } /* add new recipe popup css */ body.page-template-meal-plan #ancr-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form label:not(.form-check-label) { font-weight: bold; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form .form-control { padding: 0 10px !important; } body.page-template-meal-plan #ancr-popup .modal-body { padding: 15px 0; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form button#crdf_btn_ai { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form .table-responsive { border: none !important; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form table { border: none !important; background: #131313; color: #fff !important; border-radius: 6px; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form table tbody th { border-bottom: 0 !important; border-right: 0 !important; } body.page-template-meal-plan #ancr-popup form#custome_recipe_data_form table tbody td a .fa { color: #ECDE0C !important; } body.page-template-meal-plan #ancr-popup .footer_buttons button { margin-top: 0 !important; } body.page-template-meal-plan #ancr-popup .footer_buttons button#ancr-popup-add_recipe { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; } body.page-template-meal-plan #ancr-popup .footer_buttons button.btn.btn-danger { color: #121212; background-color: #fff; border-color: #d3d3d3; } /* edit recipe popup css */ body.page-template-meal-plan #eancr-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #eancr-popup .modal-body { padding: 15px 0 !important; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form input.form-control { padding: 0 10px !important; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form label.col-form-label { font-weight: bold; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form button#ecrdf_btn_ai { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form .table-responsive { border: none !important; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form table { border: none !important; background: #131313; color: #fff !important; border-radius: 6px; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form table tbody th { border-bottom: 0 !important; border-right: 0 !important; } body.page-template-meal-plan #eancr-popup form#ecustome_recipe_data_form table tbody td a .fa { color: #ECDE0C !important; } body.page-template-meal-plan #eancr-popup .footer_buttons button { margin-top: 0 !important; } body.page-template-meal-plan #eancr-popup .footer_buttons button#eancr-popup-update_recipe { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; } body.page-template-meal-plan #eancr-popup .footer_buttons button.btn.btn-danger { color: #121212; background-color: #fff; border-color: #d3d3d3; } body.page-template-meal-plan #eancr-popup .image-upload button.remove-preview { background-color: #b60909 !important; font-size: 14px; } body.page-template-meal-plan #eancr-popup .image-upload .box-body { word-break: break-all; } /* add ingredient popup css */ body.page-template-meal-plan #ai-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #ai-popup #footer_ai_popup button { border-radius: 6px !important; margin-left: 4px !important; min-width: 80px !important; } body.page-template-meal-plan #ai-popup input#ai_weight { padding: 11px !important; } body.page-template-meal-plan #ai-popup .form-group label { font-weight: bold; } /* edit ingredient popup css */ body.page-template-meal-plan #ei-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #ei-popup #footer_ei_popup button { border-radius: 6px !important; margin-left: 4px !important; min-width: 80px !important; } body.page-template-meal-plan #ei-popup input#eai_weight { padding: 11px !important; } body.page-template-meal-plan #ei-popup .form-group label { font-weight: bold; } body.page-template-meal-plan #ei-popup button#ei_popup_btn_update { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; } body.page-template-meal-plan #ei-popup button.btn.btn-danger { color: #333; background-color: #fff; border-color: #ccc; } /* edit add ingredient popup css */ body.page-template-meal-plan #eai-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #eai-popup #footer_ai_popup button { border-radius: 6px !important; margin-left: 4px !important; min-width: 80px !important; } body.page-template-meal-plan #eai-popup input#eai_weight { padding: 11px !important; } body.page-template-meal-plan #eai-popup .form-group label { font-weight: bold; } body.page-template-meal-plan #eai-popup button#eai_popup_btn_add { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; } body.page-template-meal-plan #eai-popup button.btn.btn-danger { color: #333; background-color: #fff; border-color: #ccc; } /* edit edit ingredient popup css */ body.page-template-meal-plan #eei-popup .modal-header button.close { right: 0; } body.page-template-meal-plan #eei-popup #footer_ei_popup button { border-radius: 6px !important; margin-left: 3px !important; min-width: 80px !important; } body.page-template-meal-plan #eei-popup input#eai_weight { padding: 11px !important; } body.page-template-meal-plan #eei-popup .form-group label { font-weight: bold; } body.page-template-meal-plan #eei-popup button#eei_popup_btn_update { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; } body.page-template-meal-plan #eei-popup button.btn.btn-danger { color: #333; background-color: #fff; border-color: #ccc; } /* bm-video popup css */ body.page-template-meal-plan .modal#bm-video { z-index: 1051; } /* make-premium button changes 8-8-2024 css */ body.page-template-default #reportModal a.premium-btn { position: relative; padding: 15px 34px 15px 77px !important; } body.page-template-default #reportModal a.premium-btn::before { content: "👉"; position: absolute; z-index: 2; left: 30px; bottom: 0; top: 0; top: 0; color: #000; font-size: 26px; line-height: 48px; } body.page-template-default #reportModal a.premium-btn img { display: none; } body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1::after { content: '👉'; background-image: unset; position: absolute; z-index: 2; left: 30px; bottom: 0; top: 0; top: 0; color: #000; font-size: 23px; line-height: 40px; } body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1#field_1-37 { position: relative; width: fit-content; margin: auto; display: block; } body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1 input#fieldname62_1 { padding: 10px 34px 10px 72px !important; } @media (max-width: 767px) { body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1::after { left: 28px !important; } } @media (max-width: 400px) { body.page-template-default #reportModal a.premium-btn { font-size: 15px !important; padding: 15px 21px 15px 68px !important; } body.page-template-default #reportModal a.premium-btn::before { font-size: 24px; line-height: 49px; left: 22px !important; } body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1 input#fieldname62_1 { padding: 10px 28px 10px 65px !important; } body.page-template-default form#cp_calculatedfieldsf_pform_1 .fieldname62_1::after { left: 22px !important; } } .d-none { display: none; } /* tracking screen video modal css */ body.page-template-meal-plan #videoModal { overflow: unset !important; } body.page-template-meal-plan #videoModal .close { margin-right: 20px; margin-top: 15px; opacity: 1; } body.page-template-meal-plan #videoModal video { max-width: 340px; margin: auto; display: block; width: 100%; padding: 15px 10px 10px 10px; } body.page-template-meal-plan .cemp_layout { background: #fff; border-radius: 6px; color: #000; padding: 20px 10px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body .footer_buttons { display: flex; justify-content: space-between; width: 100%; } body.page-template-meal-plan #custom-edit-meal-body #form_btns a, body.page-template-meal-plan #custom-edit-meal-body #form_btns button#delete-selected { color: #000 !important; padding: 0; background: transparent; border: none; margin: 0; margin-right: 0px; margin-right: 5px; } body.page-template-meal-plan #custom-edit-meal-body #form_btns a i, body.page-template-meal-plan #custom-edit-meal-body button#delete-selected i { color: #121212; font-size: 21px; vertical-align: middle; background: #ECDE0C; padding: 8px; border-radius: 8px; width: 37px; height: 37px; } body.page-template-meal-plan #custom-edit-meal-body .table_desktop { background: #000; color: #fff !important; border-radius: 10px; } body.page-template-meal-plan #custom-edit-meal-body .table_desktop .mealpopup img { filter: invert(1); cursor: pointer; display: block; margin: auto; } body.page-template-meal-plan #custom-edit-meal-body .table_desktop table { margin-bottom: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body .table_desktop table tbody input[type="checkbox"] { accent-color: #06a3a4; transform: scale(1.5); cursor: pointer } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer { border-top: none !important; padding-top: 0 !important; padding-left: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button { border-radius: 12px; color: black; background-color: #f8fcf5; background-image: none; border: 1.5px solid #ECDE0C !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); width: 100%; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button#btn-custom-meal-popup-save-group { background-color: #ECDE0C !important; margin-right: 5px; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button#btn_favo_search { border-radius: 12px !important; padding: 6px 12px !important; } body.page-template-meal-plan #custom-edit-meal-body #form_btns { text-align: left !important; margin-bottom: 30px } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons .m-name { display: none; } @media (max-width: 600px) { body.page-template-meal-plan #custom-edit-meal-body div#edit-meal-header, body.page-template-meal-plan #custom-edit-meal-body { padding: 15px !important; } body.page-template-meal-plan #custom-edit-meal-body { padding-top: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body #form_btns { text-align: left !important; } body.page-template-meal-plan #custom-edit-meal-body .table_mobile { background: #000; color: #fff !important; border-radius: 6px; border: none; margin-bottom: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer { padding-left: 0 !important; padding-right: 0 !important; text-align: center; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons { display: flex; justify-content: space-between; gap: 5px; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button { margin-left: 0 !important; margin-right: 3px !important; margin-top: 10px; padding: 6px !important; font-size: 12px; border-radius: 8px !important; width: 100%; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button#btn-custom-meal-popup-save { margin-right: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button#btn_favo_search { border-radius: 8px !important; padding: 6px 6px !important; } body.page-template-meal-plan #custom-edit-meal-body { padding-left: 10px !important; padding-right: 10px !important; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m .meal-img { display: inline-block; vertical-align: middle; margin-left: 13px; padding: 3px 0; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m tr td:first-child { text-align: center } body.page-template-meal-plan #custom-edit-meal-body #form_btns { margin-bottom: 20px; } /* body.page-template-meal-plan #custom-edit-meal-body a.btn_ss_adjusters i, body.page-template-meal-plan #custom-edit-meal-body button#delete-selected i { font-size: 25px; } */ body.page-template-meal-plan #custom-edit-meal-body .table_mobile table tbody input[type="checkbox"] { accent-color: #06a3a4; transform: scale(1.3); cursor: pointer; margin-left: 2px; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m td { border: none; vertical-align: middle; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m td.meal-name, body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m td.meal-name a { font-weight: bold; padding-left: 0; white-space: break-spaces; line-height: 16px; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m td.meal-name span, body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m td.meal-name span i { font-weight: normal; color: #ffffffb2; margin-top: 3px; display: block; white-space: break-spaces; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m .meal-img img { display: block } body.page-template-meal-plan #custom-edit-meal-body div#edit-meal-header .close { right: 0 !important; top: 0 !important; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m thead td { vertical-align: middle; /* padding-bottom: 0; */ border-bottom: 1px solid; border-color: #323131 !important; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m thead td .mealpopup img { display: block; text-align: right; margin-left: auto; cursor: pointer; } } @media (max-width: 380px) { body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons { gap: 3px; } body.page-template-meal-plan #custom-edit-meal-body table#t_meal_list_m .meal-img { margin-left: 11px; } } @media (max-width: 358px) { body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons { flex-wrap: wrap; } body.page-template-meal-plan #custom-edit-meal-body #edit-meal-footer .footer_buttons button { width: 48%; } } /* custom-meal screen css when click on tracking button */ /* body.page-template-meal-plan .action_button_wrapper #duplicate-button, body.page-template-meal-plan .action_button_wrapper .delete-button { font-size: 35px; } body.page-template-meal-plan .action_button_wrapper #duplicate-button::after { content: "+"; font-size: 14px; background: #fff; border: 2px solid #000; border-radius: 100%; padding: 0px 2.5px; margin-left: -12px; font-weight: bold; } body.page-template-meal-plan .action_button_wrapper .delete-button i::after { content: "+"; font-size: 14px; background: #fff; border: 2px solid red; border-radius: 100%; padding: 0px 2.5px; margin-left: -12px; font-weight: bold; transform: rotate(45deg); display: inline-block; } */ body.page-template-meal-plan .action_button_wrapper { display: grid; gap: 10px; grid-template-columns: 0.5fr 0.5fr 5fr 1fr; align-items: center; } body.page-template-meal-plan .action_button_wrapper .au_meal_action { text-align: center; margin: auto; } body.page-template-meal-plan .action_button_wrapper .delete-button { text-align: right; } /* body.page-template-meal-plan .single_day_view_container .day_header .row { margin-left: 0; margin-right: 0; } */ body.page-template-meal-plan .cemp_layout h5.modal-title { text-align: center; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body { padding: 0 !important; } /* body.page-template-meal-plan .cemp_layout .action_button_wrapper .delete-button { display: block ruby; } */ /* body.page-template-meal-plan .cemp_layout #edit-meal-footer h3 { display: none; } body.page-template-meal-plan .cemp_layout .action_button_wrapper #duplicate-button, body.page-template-meal-plan .cemp_layout .action_button_wrapper .delete-button { cursor: pointer; } */ body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m .meal-img { margin-left: 0px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list .meal-img img { margin: auto; } /* body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons { flex-wrap: nowrap; } */ body.page-template-meal-plan .cemp_layout img#duplicate-button, body.page-template-meal-plan .cemp_layout .delete-button img { width: 57px !important; height: auto; display: block; } body.page-template-meal-plan .cemp_layout .delete-button img { width: 42px !important; height: auto; margin-left: auto; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m .mealpopup img { cursor: pointer; } /* @media (max-width: 767px) { body.page-template-meal-plan .switch_toggle { right: 0px; } body.page-template-meal-plan .cemp_layout { margin-left: -15px; margin-right: -15px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer { padding-bottom: 0 !important; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons{ gap: 2px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons button{ padding: 6px 4px !important; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons i.fa.fa-save { padding-right: 2px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m td.meal-name{ line-height: 15px; font-size: 13px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m .mealpopup img { width: 23px !important; height: 23px !important; margin-left: 0 !important; } body.page-template-meal-plan .cemp_layout div#edit-meal-layout { padding-top: 20px; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m td.meal-name { text-align: left !important; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body table#t_meal_list_m .meal-img { margin-left: -5px; } } @media (max-width: 399px){ body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons { flex-wrap: wrap; } body.page-template-meal-plan .cemp_layout #custom-edit-meal-body #edit-meal-footer .footer_buttons button{ width: 48%; } } */ /* 25-9-2024 changes */ .meal-details.cemp_box { display: flex; flex-direction: column; margin: 0 -10px; } .meal-details.cemp_box>div { width: 100%; } .meal-details.cemp_box .header_button_wrapper { display: grid; grid-template-columns: 0.5fr 0.5fr 5fr 1.2fr; align-items: center; padding-bottom: 10px; grid-template-areas: "edit delete auto auto"; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons h3 { display: none !important; } body.page-template-meal-plan .meal-details.cemp_box .action_button_wrapper #duplicate-button, body.page-template-meal-plan .meal-details.cemp_box .action_button_wrapper .delete-button { cursor: pointer; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons { flex-wrap: nowrap; display: flex; justify-content: space-between; padding-bottom: 3px; gap: 5px; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper a i, body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper button#delete-selected i { color: #121212; font-size: 21px; vertical-align: middle; background: #ECDE0C; padding: 8px; border-radius: 8px; width: 37px; height: 37px; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper #duplicate-button, body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper .delete-button { cursor: pointer; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper img#duplicate-button, body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper .delete-button img { width: 57px !important; height: auto; display: block; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper .delete-button img { width: 42px !important; margin-left: auto; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper #delete-selected { background: transparent; border: none; padding: 0; margin: 0; grid-area: delete; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper a.btn_ss_adjuster_meal { grid-area: edit; margin-right: 5px; } body.page-template-meal-plan .meal-details.cemp_box .header_button_wrapper .au_meal_action { margin: auto; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name, body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name a { white-space: unset; } body.page-template-meal-plan .meal-details.cemp_box table { border: none; border-radius: 8px; background: #000; color: #fff; } body.page-template-meal-plan .meal-details.cemp_box div.table-responsive { border: none; } /* body.page-template-meal-plan .meal-details.cemp_box table tr td { border-top: none !important; } */ body.page-template-meal-plan .meal-details.cemp_box table tr td:first-child { border-left: 0 !important } body.page-template-meal-plan .meal-details.cemp_box table tr td:last-child { border-right: 0 !important } body.page-template-meal-plan .meal-details.cemp_box table tr:last-child td { border-bottom: none !important; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name { border-right: none !important; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list td:nth-child(6) { border-right: none !important; } /* desktop table view */ body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list tr td:nth-child(3) { font-size: 14px; text-align: left; } body.page-template-meal-plan .meal-details.cemp_box table tr td { vertical-align: middle; } body.page-template-meal-plan .meal-details.cemp_box table tr td.meal-name, body.page-template-meal-plan .meal-details.cemp_box table tr td.meal-name a { font-weight: bold; text-decoration: none; color: #fff !important; } body.page-template-meal-plan .meal-details.cemp_box table tr td.meal-name span { font-weight: normal; color: #aaa; margin-top: 4px; display: block; } body.page-template-meal-plan .meal-details.cemp_box table tr td.meal-name span i { font-weight: normal; color: #aaa; margin-top: 3px; font-style: unset; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list tr td:nth-child(3) a { font-size: 14px; text-align: left; text-decoration: none; color: #fff !important; } body.page-template-meal-plan .meal-details.cemp_box table tr td.meal-name a:hover, body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list tr td:nth-child(3) a:hover { color: #ffffffe3 !important; } body.page-template-meal-plan .meal-details.cemp_box #edit-meal-footer { border-top: none !important; padding: 0 !important; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button { border-radius: 12px; color: black; background-color: #f8fcf5; background-image: none; border: 1.5px solid #ECDE0C !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); /* box-shadow: none !important; */ margin: 0 !important; width: 100%; padding: 6px !important; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button#btn-custom-meal-popup-save-group { background-color: #ECDE0C !important; margin-right: 5px; order: 3; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button#btn_favo_search { border-radius: 12px !important; background-color: #f8fcf5 !important; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button#btn_favo_search, body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button#custom-meal-popup-add { font-size: 12px !important; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list .meal-img img { margin: auto !important; } body.page-template-meal-plan .meal-details.cemp_box table tr:first-child td { border-top: none; } @media (max-width: 1024px) { .meal-details.cemp_box { margin: 0 !important; } } @media (max-width: 767px) { body.page-template-meal-plan .switch_toggle { right: 0px; } body.page-template-meal-plan .meal-details.cemp_box #edit-meal-footer { padding-bottom: 0 !important; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button { padding: 6px 4px !important; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons i.fa.fa-save { padding-right: 2px; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name, body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name a { line-height: 15px; font-size: 13px; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m .mealpopup img { width: 23px !important; height: 23px !important; margin: auto !important; } body.page-template-meal-plan .meal-details.cemp_box div#edit-meal-layout { padding-top: 20px; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name, body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m td.meal-name a { text-align: left !important; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m .meal-img img { margin: auto !important; } body.page-template-meal-plan .meal-details.cemp_box table#t_meal_list_m input[type="checkbox"] { display: block; margin: auto; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button { padding: 6px 4px !important; font-size: 12px !important; } } @media (max-width: 420px) { body.page-template-meal-plan .meal-details.cemp_box .footer_buttons { flex-wrap: wrap; row-gap: 10px; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button { width: 48.5%; } body.page-template-meal-plan .meal-details.cemp_box .footer_buttons button#btn-custom-meal-popup-save-group { order: 3; width: 100%; font-weight: bold } } /* img & delete button fixes */ body.page-template-meal-plan .workspace_area_left .duplicated-div:first-child #delete-button { display: none !important; } body.page-template-meal-plan .meal-details.cemp_box .meal-img img { height: 50px; width: 50px !important; display: block; } /* 18-10-2024 ingredient popup */ #openIngredientsMeal .receipe-description p { color: #000 !important; } #openIngredientsMeal .receipe-description::before { display: none; } #openIngredientsMeal .ing_action_wrapper { display: flex; flex-direction: column; margin: 5px 0 25px 0; } #openIngredientsMeal .ing_action_btns { display: flex; gap: 17px; margin: 8px 0 0 21px; align-items: center; } #openIngredientsMeal .ing_action_btns button, #openIngredientsMeal .ing_action_btns a { margin: 0 !important; text-decoration: none !important; border: none !important; color: #333; font-size: 25px; cursor: pointer; background: #ECDE0C !important; padding: 5px; border-radius: 5px; width: 38px !important; height: 38px !important; display: flex !important; align-items: center; justify-content: center; } #openIngredientsMeal .ing_action_btns button:hover, #openIngredientsMeal .ing_action_btns a:hover { background: #ECDE0CB5 !important; } #openIngredientsMeal .ing_action_wrapper .select_all { display: flex; align-items: center; gap: 9px; } #openIngredientsMeal .ing_action_wrapper .select_all span { font-weight: bold; font-size: 14px; } /* #openIngredientsMeal .ing_action_wrapper input[type="checkbox"]{ margin-top: 0 !important; border-radius: 30px; outline: 2.5px solid #5b5b5b; appearance: none; -webkit-appearance: none; width: 12px; height: 12px; border: 2px solid #fff; cursor: pointer; outline-offset: unset !important; } */ #openIngredientsMeal .ing_action_wrapper input:checked { /* appearance: auto; */ background: #000; outline-offset: unset !important; outline-color: #373737 !important; } #openIngredientsMeal .ing_action_btns button#il_btn_ai { font-size: 20px; /* border: 2px solid !important; width: 29px; height: 29px; border-radius: 30px; display: flex; align-items: center; justify-content: center; */ } #openIngredientsMeal .ing_action_btns button#il_btn_ai i { line-height: 14px !important; position: relative; top: 1px; } #openIngredientsMeal .ing_action_btns #is_btn_uw i { line-height: 14px !important; position: relative; top: 3px; } #openIngredientsMeal .ingre-detail>div:not(.ing_action_wrapper) { display: flex !important; align-items: center; gap: 8px; } #openIngredientsMeal .ingre-detail>div input { margin-top: 0 !important; border-radius: 30px; outline: 2px solid #5b5b5b; appearance: none; -webkit-appearance: none; width: 12px; height: 12px; border: 2.5px solid #fff; cursor: pointer; outline-offset: unset !important; } #openIngredientsMeal .ingre-detail>div input:checked { /* appearance: auto; */ background: #000; outline-offset: unset !important; outline-color: #373737 !important; } #openIngredientsMeal .ingre-detail>div input:hover, #openIngredientsMeal .ing_action_wrapper input:hover { outline-color: #373737 !important; } body.page-template-meal-plan #ai-popup, body.page-template-meal-plan #iwa-popup, body.page-template-meal-plan #ssa-popup { z-index: 1052 !important; } /* ingredients popup table design */ body.page-template-meal-plan #openIngredientsMeal .ingre-detail table.ingre-table { border-radius: 8px; background: #000; color: #fff; border: none; width: 100%; margin-bottom: 10px; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr:last-child td { border-bottom: none; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr td:last-child { border-right: none; } body.page-template-meal-plan #openIngredientsMeal .ingre-detail table .ingre_img img { width: 40px; border-radius: 7px; display: block; height: 40px; object-fit: cover; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr td { vertical-align: middle; padding: 6px !important; border-color: #292929 !important; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr td:nth-child(1), body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr td:nth-child(2) { width: 9%; text-align: center; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table tr td:last-child { width: 100%; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table .ingre_calory_wrapper { display: flex; flex-direction: column; gap: 0px; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table .ingre_calory_wrapper span.calorie_title { line-height: 17px; font-size: 13px; font-weight: bold; font-family: "Montserrat"; } body.page-template-meal-plan #openIngredientsMeal table.ingre-table .ingre_calory_wrapper span.ingredient_value { font-weight: normal; color: #aaa; font-style: unset; font-size: 13px; line-height: 16px; } body.page-template-meal-plan #openIngredientsMeal .ingre-detail .ing_action_wrapper input[type="checkbox"] { margin-top: 0 !important; border-radius: 2px; outline: 2.5px solid #5b5b5b; appearance: none; -webkit-appearance: none; width: 10px; height: 10px; border: 2px solid #fff; cursor: pointer; outline-offset: unset !important; } body.page-template-meal-plan #openIngredientsMeal .ingre-detail .ing_action_wrapper { margin-left: 3.5%; } body.page-template-meal-plan #openIngredientsMeal select.ingrediant-day { width: calc(100% - 130px); cursor: pointer; } body.page-template-meal-plan #openIngredientsMeal .receipe-description .material-switch { margin-right: 19px; } body.page-template-meal-plan #openIngredientsMeal .receipe-description .rcp-name { font-family: "Montserrat"; } @media (max-width: 767px) { body.page-template-meal-plan #openIngredientsMeal .receipe-description .material-switch { margin-right: 0; } } @media (max-width: 550px) { body.page-template-meal-plan #openIngredientsMeal .ingre-detail .ing_action_wrapper { margin-left: 3%; } body.page-template-meal-plan #openIngredientsMeal .receipe-description .per-dish { padding-top: 0 !important; } body.page-template-meal-plan #openIngredientsMeal .receipe-description .rcp-name { padding-top: 5px !important; font-family: "Montserrat"; font-size: 14px; } body.page-template-meal-plan #openIngredientsMeal select.ingrediant-day { width: calc(100% - 118px); } } /* weekly view cemp-box design */ body.page-template-meal-plan #weekly-day .meal-details.cemp_box .header_button_wrapper .delete-button img { height: auto !important; } body.page-template-meal-plan #weekly-day .meal-details.cemp_box .footer_buttons button { box-shadow: none !important; } @media (max-width: 992px) { body.page-template-meal-plan #weekly-day .all-meal { float: unset; margin: auto; } } /* save group popup design */ body.page-template-meal-plan #renameGroupModal button.btn-close { margin: 0; background: unset; border: none; padding: 0; position: absolute; right: 20px; top: 15px; font-size: 25px; } body.page-template-meal-plan #renameGroupModal .modal-body p { margin-bottom: 15px; font-size: 17px; } body.page-template-meal-plan #renameGroupModal .form-group { background-color: #131313; padding: 15px; border-radius: 8px; color: #fff; } body.page-template-meal-plan #renameGroupModal .form-group label { padding-bottom: 12px; text-align: center; font-size: 14px; font-weight: bold; font-family: "Montserrat"; } body.page-template-meal-plan #renameGroupModal .form-group input { font-size: 16px; min-height: 38px; } body.page-template-meal-plan #renameGroupModal .modal-footer { padding-top: 0; padding-bottom: 17px; } body.page-template-meal-plan #renameGroupModal .modal-footer button { border-radius: 8px !important; color: #000 !important; padding: 7px 25px; border: none !important; } body.page-template-meal-plan #renameGroupModal .modal-footer #confirmRenameGroup { background-color: #ECDE0C !important; } /* weekly-view tracking box */ body.page-template-meal-plan #weekly-day .s-plan { padding: 20px 10px 25px 10px; line-height: 21px; color: #000; padding-bottom: 25px; position: relative; text-align: center; margin-top: 5px; margin-bottom: 15px; } body.page-template-meal-plan #weekly-day .s-plan h4 { text-transform: unset; } body.page-template-meal-plan #weekly-day .s-plan .bt-box { background-color: #ECDE0C !important } body.page-template-meal-plan #weekly-day .s-plan .bt-box:hover { background-color: #ECDE0CB5 !important; } body.page-template-meal-plan #weekly-day .s-plan span+br+br { display: none; } body.page-template-meal-plan #weekly-day .s-plan button#show-video-btn { position: absolute; bottom: 7px; left: 7px; border-radius: 100%; border: none; background: #cb1111 !important; background-color: rgb(203, 17, 17); padding: 0; font-size: 16px; width: 23px; height: 23px; } body.page-template-meal-plan #weekly-day .s-plan span, body.page-template-meal-plan #weekly-day .s-plan span a { font-size: 17px !important; } @media (max-width: 767px) { body.page-template-meal-plan #weekly-day .s-plan h4 { line-height: 21px; font-size: 17px; } body.page-template-meal-plan #weekly-day .s-plan span.template_info.text-small { margin-top: 7px; } body.page-template-meal-plan #weekly-day .s-plan span, body.page-template-meal-plan #weekly-day .s-plan span a { font-size: 17px !important; } } /* QA bugs .generate_day_btn */ /* body.page-template-meal-plan .mealplan-sections .blank_day_body .btn.load_diet_range { pointer-events: none; } */ #t_cef_list th, #t_cef_list td { display: table-cell !important; } #confirmDeleteModal { z-index: 1051; } .custom-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } .custom-modal-content { background-color: #fff; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 30%; border-radius: 8px; text-align: center; } .custom-modal-close { color: #aaa; float: right; font-size: 24px; font-weight: bold; cursor: pointer; } .custom-modal-close:hover, .custom-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } /* Main wrapper row */ .meal-totals-row { display: flex; justify-content: space-between; align-items: center; border-top: 2px solid #000; margin-top: 10px; padding: 10px 0; overflow: unset; } /* "MEAL TOTALS" Label */ .meal-totals-label { font-size: 16px; font-weight: 800; color: #000; /* margin-left: -16px; */ } /* Right section holding calories & protein */ .meal-totals-values { display: flex; gap: 10px; } /* Individual calorie/protein box */ .meal-total-item { display: flex; align-items: center; gap: 6px; padding: 4px 12px; border: 2px solid #000; border-radius: 20px; background: #fff; } /* Icons like fire and muscle */ .meal-total-item .icon { font-size: 16px; line-height: 1; } /* Calories and protein numbers */ .meal-total-item .calories, .meal-total-item .protein { font-size: 14px; font-weight: 600; color: #000; /* Black color */ line-height: 1; } .progress-circles { display: flex; justify-content: space-around; align-items: center; margin-bottom: 20px; } .circle-container { position: relative; width: 100px; height: 100px; } .progress-ring { transform: rotate(-90deg); } .progress-ring-circle { stroke: #333; fill: none; stroke-width: 8; opacity: 0.2; } .progress-ring-fill { stroke-width: 8; fill: none; stroke-linecap: round; transition: stroke-dasharray 0.6s ease-in-out; } .progress-ring-remaining { stroke-width: 8; fill: none; opacity: 0.4; } .protein .progress-ring-fill { stroke: purple; /* Solid stroke */ } .protein .progress-ring-remaining { stroke: purple; stroke-dasharray: 5, 5; /* Creates a striped effect */ } .calories .progress-ring-fill { stroke: gold; } .calories .progress-ring-remaining { stroke: #ff0f07; } /* Darker gold */ .bank .progress-ring-fill { stroke: orange; } .bank .progress-ring-remaining { stroke: #2a06f8; } /* Darker orange */ .circle-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 14px; font-weight: bold; color: #fff; } .value { font-size: 18px; } /* Style for the note container */ .note { font-size: 14px; margin-top: 5px; color: #555; /* General text color for the note */ } /* Style for individual note items */ .note { font-size: 12px; /* Smaller text size */ line-height: 1.2; /* Tighter spacing */ margin-top: 5px; color: #555; /* General text color for the note */ } /* Style for individual note items */ .note-item { display: inline-block; margin-right: 10px; padding: 2px 5px; /* Smaller padding */ border-radius: 3px; /* Slightly rounded corners */ font-weight: normal; /* Subtle font weight */ } /* Green background for verified items */ .note-item.green { background-color: #d4edda; color: #155724; } /* Orange background for unverified items */ .note-item.orange { background-color: #fff3cd; color: #856404; } .ui-menu-item.item-approved { background-color: #067420; /* Light green background for approved items */ color: #010a03; /* Dark green text for better contrast */ font-weight: bold; /* Optional: make the text bold */ } .ui-menu-item.item-underreview { background-color: #ea680b; /* Light orange background for under review items */ color: #0f0c03; /* Dark orange text for better contrast */ font-weight: bold; /* Optional: make the text bold */ } #acm_price_update, #acm_fiber_update { border: 1px solid #8080802e !important; box-shadow: 0px 0px 13px rgb(0 0 0 / 10%) !important; height: 40px; } /* Green background for Approved items */ #bs-select-3 .dropdown-item.approved-item { background-color: green !important; color: white !important; /* To ensure text is visible */ } .dropdown-menu.inner>li { border-bottom: 1px solid #a4a4a4; } #bs-select-3 .dropdown-item.under-review-item { background-color: orange !important; color: white !important; /* To ensure text is visible */ } .show_meals_as_cards .far.fa-edit { display: none; } body.page-template-meal-plan #videoModal span.close-video-modal { margin-left: auto; float: right; margin-right: 10px; margin-top: 5px; font-size: 25px; } body.page-template-meal-plan #openIngredientsMeal select.ingrediant-day { background-color: #eaeaea !important; } #data_loading .loader { display: flex; justify-content: center; } body.page-template-meal-plan #fs-popup form#mealplan_form .table-responsive { display: flex; flex-direction: column-reverse; position: relative; } body.page-template-meal-plan #fs-popup form#mealplan_form select#fs-popup-table-select { order: 2; } body.page-template-meal-plan #fs-popup form#mealplan_form span#fs-popup-table-search-note { order: 1; color: #8b8b8b !important; display: block !important; } body.page-template-meal-plan #fs-popup form#mealplan_form input#fs-popup-table-search { order: 1; } body.page-template-meal-plan #siil-popup table#t_sii_list td { white-space: unset !important; border-bottom: none !important; } body.page-template-meal-plan #siil-popup table#t_sii_list { background: #131313; border-radius: 8px; color: #fff; border: none !important; } body.page-template-meal-plan #siil-popup input#siil-popup-table-search { margin-bottom: 15px !important; border-radius: 6px; height: 35px !important; } body.page-template-meal-plan #siil-popup table#t_sii_list th, body.page-template-meal-plan #siil-popup table#t_sii_list td { border-right: 0 !important; border-left: 0 !important; border-color: #262626 !important; } body.page-template-meal-plan #openIngredientsMeal .receipe-description #loader { margin: -29px 32px 0 auto; } body.page-template-meal-plan #acm-popup-update .form-control { padding-right: 12px !important; } body.page-template-meal-plan #srs_popup button.btn-danger { margin: 0px; background-color: #9b0000 !important; font-size: 13px; border-radius: 8px; letter-spacing: 0; padding: 6px 10px !important; float: right; } body.page-template-meal-plan #srs_popup .image-upload .col-md-12 { padding: 0 !important; } body.page-template-meal-plan #srs_popup .image-upload .box-header { padding: 10px 0 18px 0; font-size: 14px !important; } body.page-template-meal-plan .meal-ad i#favorite { cursor: grab !important; } body.page-template-meal-plan #load_plans_modal #loader { margin-left: 45px; } body.page-template-preferences select#mealtype { color: #000 !important; } body.page-template-package-details #workoutPop .modal-header button.close { right: 0; font-size: 26px; top: 5px; } body.page-template-package-details #workoutPop .panel .panel-body table, body.page-template-package-details #workoutPop .panel .panel-body th, body.page-template-package-details #workoutPop .panel .panel-body td { border: 1px solid #313131 !important; background-color: #131313; color: #fff; } body.page-template-package-details #workoutPop .panel .panel-body thead.pica th div, body.page-template-package-details #workoutPop .panel .panel-body table { border: 0 !important; } body.page-template-package-details #workoutPop .panel .panel-body table { border-radius: 8px; } @media (max-width: 991px) { body.page-template-meal-plan #load_plans_modal #loader { margin-bottom: 23px; } } @media (max-width: 767px) { body.page-template-meal-plan #siil-popup form#mealplan_form { padding: 0 !important; } body.page-template-meal-plan #siil-popup .modal-content .modal-header button.close { right: 0 !important; top: 0 !important; font-size: 22px; } body.page-template-meal-plan #siil-popup .table-responsive { border: 0 !important; } body.page-template-meal-plan #acm-popup-update div#edit-meal-header, body.page-template-meal-plan #acm-popup-update form#mealplan_form { padding: 15px !important } body.page-template-meal-plan #acm-popup-update .modal-content .modal-header button.close { right: 0 !important; font-size: 22px; } body.page-template-meal-plan #acm-popup-update .form-control { font-size: 16px !important; } body.page-template-meal-plan #acm-popup-update .modal-footer { padding: 15px 0 !important; } body.page-template-meal-plan #single-day .meal-details.cemp_box .header_button_wrapper img#duplicate-button { width: 50px !important; } body.page-template-meal-plan #srs_popup .modal-content .modal-header button.close { right: 0 !important; } body.page-template-package-details #workoutPop .panel .panel-body thead.pica th { padding: 2px !important; font-size: 13px; } body.page-template-package-details #workoutPop .panel .panel-body td { font-size: 13px; } } @media (max-width: 340px) { body.page-template-meal-plan #single-day .bt-box { font-size: 9px; } body.page-template-meal-plan #siil-popup h5.modal-title, body.page-template-meal-plan #acm-popup-update h5.modal-title { font-size: 14px; } } /* food-list ing popup css */ #eai-popup #efood_container .dropdown-menu.open.show, #eei-popup .dropdown-menu.open.show, #ai-popup .dropdown-menu.open.show, #ei-popup .dropdown-menu.open.show { transform: unset !important; width: 100% !important; max-height: 350px !important; } #eai-popup #efood_container ul.dropdown-menu.inner li a, #eei-popup ul.dropdown-menu.inner li a, #ai-popup ul.dropdown-menu.inner li a, #ei-popup ul.dropdown-menu.inner li a { white-space: unset !important; font-family: Helvetica; font-size: 14px; padding: 2px 9px; cursor: pointer; } #eai-popup #efood_container ul.dropdown-menu.inner, #eei-popup ul.dropdown-menu.inner, #ai-popup ul.dropdown-menu.inner, #ei-popup ul.dropdown-menu.inner { max-width: 100%; min-width: unset !important; } #eai-popup #efood_container ul.dropdown-menu.inner li a.approved-item, #eei-popup ul.dropdown-menu.inner li a.approved-item, #ai-popup ul.dropdown-menu.inner li a.approved-item, #ei-popup ul.dropdown-menu.inner li a.approved-item { background-color: #d4edda; color: #155724; } #eai-popup #efood_container ul.dropdown-menu.inner li a.under-review-item, #eei-popup ul.dropdown-menu.inner li a.under-review-item, #ai-popup ul.dropdown-menu.inner li a.under-review-item, #ei-popup ul.dropdown-menu.inner li a.under-review-item { background-color: #fff3cd; color: #856404; } #eai-popup #efood_container ul.dropdown-menu.inner li a.approved-item:hover, #eei-popup ul.dropdown-menu.inner li a.approved-item:hover, #ai-popup ul.dropdown-menu.inner li a.approved-item:hover, #ei-popup ul.dropdown-menu.inner li a.approved-item:hover { background-color: #c7e4ce !important; color: #155724 !important; } #eai-popup #efood_container ul.dropdown-menu.inner li a.under-review-item:hover, #eei-popup ul.dropdown-menu.inner li a.under-review-item:hover, #ai-popup ul.dropdown-menu.inner li a.under-review-item:hover, #ei-popup ul.dropdown-menu.inner li a.under-review-item:hover { background-color: #efe4c0 !important; color: #856404 !important; } #eai-popup #efood_container .bs-searchbox, #eei-popup .bs-searchbox, #ai-popup .bs-searchbox, #ei-popup .bs-searchbox { margin: 0 5px 5px 5px; border-color: #bfbfbf !important; padding: 0 !important; font-size: 12px !important; font-weight: 400 !important; border-radius: 5px; } #eai-popup #efood_container .bs-searchbox input, #eei-popup .bs-searchbox input, #ai-popup .bs-searchbox input, #ei-popup .bs-searchbox input { font-size: 16px; } #eai-popup #efood_container .dropdown-menu.open, #eei-popup .dropdown-menu.open, #ai-popup .dropdown-menu.open, #ei-popup .dropdown-menu.open { max-height: 350px !important; } #acm-popup #edit-meal-layout .note { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 9px; } #acm-popup #edit-meal-layout .note .note-item { margin-right: 0 !important; padding: 4px 6px; } .dropdown-menu.inner>li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #eai-popup .note-item, #eei-popup .note-item, #ai-popup .note-item, #ei-popup .note-item { padding: 4px 6px; margin-bottom: 4px; } ul#ui-id-1 { gap: 0 !important; padding: 0 !important; } ul#ui-id-1 li { font-weight: 400 !important; font-size: 16px !important; font-family: Helvetica !important; letter-spacing: 0.2px; padding: 5px 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; } ul#ui-id-1 li:first-child { border: none !important; } ul#ui-id-1 li.ui-menu-item.item-approved { background-color: #d4edda !important; color: #155724 !important; } ul#ui-id-1 li.ui-menu-item.item-underreview { background-color: #fff3cd !important; color: #856404 !important; } ul#ui-id-1 li.ui-menu-item.item-approved.ui-state-focus { background: unset !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; text-decoration: none !important; outline: 0 !important; background-color: #c7e4ce !important; color: #155724 !important; } ul#ui-id-1 li.ui-menu-item.item-underreview.ui-state-focus { background: unset !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; text-decoration: none !important; outline: 0 !important; background-color: #efe4c0 !important; color: #856404 !important; } @media (max-width: 500px) { #acm-popup #edit-meal-layout .note { justify-content: flex-start; } } #barcodeMessageModal { z-index: 1052; } #barcodeMessageModal .custom-modal-content { min-height: 200px; display: flex; justify-content: center; align-items: center; position: relative; } #barcodeMessageModal span.custom-modal-close { position: absolute; right: 10px; top: 10px; } @media (max-width: 380px) { .meal-totals-row { flex-direction: column; gap: 10px; /* padding-left: 0; */ } } body.page-id-6951 .um-login .um-field-checkbox .um-field-checkbox-state { top: unset; bottom: 0; } #ai-popup .dropdown-menu>.disabled.active>a:focus, #ai-popup .dropdown-menu>.disabled.active>a:hover, #ai-popup .dropdown-menu>.disabled.active>a, #eai-popup .dropdown-menu>.disabled.active>a:focus, #eai-popup .dropdown-menu>.disabled.active>a:hover, #eai-popup .dropdown-menu>.disabled.active>a { background-color: transparent !important; } #eai-popup .dropdown-menu.open.show { transform: unset !important; width: 100% !important; max-height: 350px !important; } #eai-popup ul.dropdown-menu.inner li a { white-space: unset !important; font-family: Helvetica; font-size: 14px; padding: 2px 9px; cursor: pointer; } #eai-popup ul.dropdown-menu.inner { max-width: 100%; min-width: unset !important; } #eai-popup ul.dropdown-menu.inner li a.approved-item { background-color: #d4edda; color: #155724; } #eai-popup ul.dropdown-menu.inner li a.under-review-item { background-color: #fff3cd; color: #856404; } #eai-popup ul.dropdown-menu.inner li a.approved-item:hover { background-color: #c7e4ce !important; color: #155724 !important; } #eai-popup ul.dropdown-menu.inner li a.under-review-item:hover { background-color: #efe4c0 !important; color: #856404 !important; } #eai-popup .bs-searchbox { margin: 0 5px 5px 5px; border-color: #bfbfbf !important; padding: 0 !important; font-size: 12px !important; font-weight: 400 !important; border-radius: 5px; } #eai-popup .bs-searchbox input { font-size: 16px; } #eai-popup .dropdown-menu.open { max-height: 350px !important; } .page-id-6955 #preferencesCon .edit_nutrition_profile a, .page-id-6955 #preferencesCon .delete_nutrition_profile a { color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; padding: 10px 20px; display: inline-block; font-weight: 600; line-height: 20px; font-size: 14px; min-width: 123px; text-align: center; text-decoration: none; } .page-id-6955 #preferencesCon .new_nutrition_profile a.create_new_profile { margin-top: 40px; color: black !important; background-color: #ECDE0C !important; border-color: #ECDE0C !important; border-radius: 6px; padding: 10px 20px; display: block; font-weight: 600; line-height: 12px; font-size: 14px; min-width: 123px; text-align: center; text-decoration: none; margin-bottom: 20px; } @media (min-width: 521px) { body.page-id-6948 .registration-form .um.um-register .um-col-alt { display: flex; align-items: center; } } @media (max-width: 767px) { .um-register .um-form form .um-col-alt #text-or, .um-register .um-form form .um-col-alt .um-right { margin-bottom: 10px; } #save_plans_modal h4.modal-title { font-size: 18px; } #save_plans_modal .modal-content .modal-header button.close { right: 0; } } @media(max-width:767px) { .owl-item .progress-circles { display: none; } .owl-item.active .progress-circles { position: absolute; top: -130px; bottom: auto; left: 50%; transform: translateX(-50%); display: flex; } .circle-label { font-size: 10px; } .main_column.show_meals_as_cards.col-lg-12.col-md-12 { position: unset; } body.page-template-meal-plan .mealplan-sections .plan_container .owl-stage-outer { overflow: unset !important; margin-top: 200px; position: relative; } body.page-template-meal-plan .mealplan-sections .carousel_container .owl-item.active { position: unset; } } .header_weekday { grid-area: header_weekday; } .day_header>.row { display: grid; grid-template-areas: "header_weekday header_weekday" "auto auto"; align-items: center; } .day_number { max-width: 70px; } .day_header>.row::after, .day_header>.row::before { display: none; } .circle-label { font-size: 11px; } @media (max-width: 767px) { body.page-template-meal-plan .mealplan-sections .plan_container .owl-stage-outer { margin-top: 130px !important; } } /* circle { width: 150px; height: 150px; cx: 80px; cy: 80px; r: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .progress-ring { width: 150px; height: 150px; position: relative; } .circle-label { display: flex; flex-direction: column; justify-content: center; align-items: center; } .circle-container { width: 150px; height: 150px; } circle.progress-ring-fill { stroke-dasharray: 195 100 !important; stroke-dashoffset: 100; stroke-linecap: square; transition: all 1.2s cubic-bezier(.99, .01, .62, .94); stroke: deeppink; z-index: -1; position: relative; stroke-width: 8px; } */ .progress-ring { width: 100px; height: 100px; position: relative; } circle { cx: 50px; cy: 50px; r: 40px; fill: none; stroke-width: 8px; } .progress-ring-circle { stroke: #333; } .progress-ring-fill { stroke-linecap: round; transition: stroke-dashoffset 1.2s ease-in-out; stroke-width: 8px; /* stroke-dasharray: 100; stroke-dashoffset: 100; */ transform: rotate(-90deg); transform-origin: center; } .circle-label { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; color: white; } .circle-container { width: 100px; height: 100px; position: relative; margin: 10px; } /* new circle css */ .dynamic_circle .progress-ring { /* transform: rotate(-90deg); */ /* transform: rotate(360deg); */ transform: rotate(0deg) scaleX(-1); transform-origin: 50% 50%; } .dynamic_circle .progress-ring-fill, .dynamic_circle .progress-ring-stripe, .dynamic_circle .progress-ring-circle { fill: none; stroke-width: 8; } .dynamic_circle .progress-ring-circle { stroke: #222; opacity: 1; } .dynamic_circle .progress-ring-stripe { stroke: #714ba0; stroke-dasharray: 5, 5; opacity: 0.3; } .dynamic_circle .progress-ring-remaining { stroke-dasharray: 4, 2; } .dynamic_circle .progress-ring-fill { stroke: #714ba0; stroke-linecap: round; transition: stroke-dasharray 0.3s ease; } .dynamic_circle .progress-ring-remaining { opacity: 1; } .dynamic_circle .wrapper { text-align: center; margin-top: 50px; } .dynamic_circle .protein .progress-ring-stripe, .dynamic_circle .protein .progress-ring-fill, .dynamic_circle .protein .progress-ring-circle { stroke: #714ba0; } .dynamic_circle .calories .progress-ring-stripe, .dynamic_circle .calories .progress-ring-fill, .dynamic_circle .calories .progress-ring-circle { stroke: #bb9621; } .dynamic_circle .bank .progress-ring-stripe, .dynamic_circle .bank .progress-ring-fill, .dynamic_circle .bank .progress-ring-circle { stroke: #efb530; } .dynamic_circle .protein .circle-label { color: #714ba0; } .dynamic_circle .calories .circle-label { color: #bb9621; } .dynamic_circle .bank .circle-label { color: #efb530; } .dynamic_circle .protein .progress-ring-remaining { stroke: #402b69; } .dynamic_circle .calories .progress-ring-remaining { stroke: #543549; } .dynamic_circle .bank .progress-ring-remaining { stroke: #e95f26; } .dynamic_circle .circle-label .value, .dynamic_circle .circle-label .pvalue, .dynamic_circle .circle-label .cvalue { font-size: 18px; } .dynamic_circle .calories { transform: scale(1.27); } @media (max-width: 767px) { .owl-item.active .progress-circles { top: -140px; } } .dynamic_circle #bank-container .progress-ring-fill, .dynamic_circle .bank:not(.bank_popup_bank) .progress-ring-fill { stroke-dasharray: 0 !important; } #siil-popup #t_sii_list tr>*:nth-child(1)~* { display: table-cell !important; } #siil-popup tbody#siil-popup-table-tbody td:not(:first-child), #siil-popup thead#siil-popup-table-thead th:not(:first-child) { text-align: left; border-left: 1px solid !important; font-weight: bold } body.page-template-meal-plan #siil-popup table#t_sii_list tr:first-child td { border-top: 0 !important; } /* .cff-form-buttons-container{ display: none !important; } */ /* CALORIE ON THE GO CSS */ .bank_popup .bank_swap_icon img { max-width: 120px; margin: auto; display: block; text-align: center; } .bank_popup .custom-modal-close { color: #fff; position: absolute; top: 15px; right: 15px; } .bank_popup .custom-modal-content { width: 100%; max-width: 350px; background-color: #000; border-radius: 20px; border: 4px solid #ecde0c; outline: none; padding: 40px 20px; position: relative; } .bank_popup .bank_popup_circles { display: flex; justify-content: space-around; margin: 30px 0; } .bank_popup .bank_popup_circles .circle-container { transform: scale(1.2); } .bank_popup .bank_popup_circles .circle-container .circle-label .cvalue { font-size: 15px; } .bank_popup .bank_popup_range { margin: 30px auto; max-width: 250px; display: block; } .bank_popup .bank_popup_range input[type=range] { -webkit-appearance: none; width: 200px; height: 8px; background: black; border-radius: 50px; outline: none; } .bank_popup .bank_popup_range input[type=range] { -webkit-appearance: none; width: 250px; height: 8px; background: black; border-radius: 50px; outline: none; margin: auto; } /* Track */ .bank_popup .bank_popup_range input[type=range]::-webkit-slider-runnable-track { height: 8px; background: #ecde0c; border-radius: 50px; } .bank_popup .bank_popup_range input[type=range]::-moz-range-track { height: 8px; background: #ecde0c; border-radius: 50px; } /* Thumb */ .bank_popup .bank_popup_range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 20px; width: 20px; background: black; border: 4px solid #ecde0c; border-radius: 50%; margin-top: -6px; /* Align with track */ cursor: pointer; } .bank_popup .bank_popup_range input[type=range]::-moz-range-thumb { height: 20px; width: 20px; background: black; border: 4px solid #ecde0c; border-radius: 50%; cursor: pointer; } .bank_popup .bank_popup_settings { border-radius: 12px; color: black; background-image: none; border: 1.5px solid #ECDE0C; -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); padding: 8px 16px; font-size: 15px; line-height: 24px; border-radius: 4px; background: #ECDE0C !important; outline: none; font-weight: bold; border-radius: 100px; transition: 0.3s ease-in-out; } .bank_popup .bank_popup_settings:hover { background: #D3C608 !important; } .bank_popup { z-index: 1050; } .bank_setting_popup { top: 0; position: fixed; left: 50%; transform: translateX(-50%); z-index: 1051; } .bank_setting_popup .custom-modal-content, .bank_popup .custom-modal-content { width: 90%; max-width: 350px; } .bank_setting_popup .custom-modal-content { max-width: 380px; padding: 30px 20px 20px 20px; position: relative; } .bank_setting_popup button { color: black; background-image: none; border: 1.5px solid #ECDE0C; -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); padding: 8px 16px; font-size: 14px; line-height: 24px; border-radius: 4px; background: #ECDE0C !important; outline: none; font-weight: bold; transition: 0.3s ease-in-out; text-transform: uppercase; font-family: "Montserrat"; margin-bottom: 0; width: 100% } .bank_setting_popup button:hover { background: #D3C608 !important; } .bank_setting_popup .custom-modal-close { position: absolute; top: 15px; right: 15px; } .bank_setting_popup h4 { font-size: 17px; margin-bottom: 20px; } .bank_setting_popup_item_wrapper { display: flex; text-align: left; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; font-size: 14px; text-transform: capitalize; max-width: fit-content; margin: 0 auto 10px auto; gap: 10px; } #cb_modal { z-index: 1051; } /* setting bankpot popup css */ .bankpot-setting-popup .custom-modal-close { position: absolute; top: 15px; right: 15px; } .bankpot-setting-popup .custom-modal-content { width: 90%; max-width: 450px; outline: none; padding: 30px 20px; position: relative; } .bankpot-setting-popup h4 { font-size: 17px; } .bankpot-setting-popup button { color: black; background-image: none; border: 1.5px solid #ECDE0C; -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12); padding: 8px 16px; font-size: 14px; line-height: 24px; border-radius: 4px; background: #ECDE0C !important; outline: none; font-weight: bold; transition: 0.3s ease-in-out; text-transform: uppercase; font-family: "Montserrat"; margin-bottom: 0; width: 100%; display: flex; justify-content: center; align-items: center; } .bankpot-setting-popup button:hover { background: #D3C608 !important; } .bankpot-setting-popup .bankpot-setting-form { display: flex; flex-direction: column; gap: 5px; } .bankpot-setting-popup .bankpot-setting-form select, .bankpot-setting-popup .bankpot-setting-form input { min-height: 31px; border-radius: 5px; outline: none; box-shadow: none; border: 1px solid #dfdfdf; background: #fff; padding: 8px; } .bankpot-setting-popup .bankpot-setting-form label { text-align: left; margin-bottom: 4px; font-size: 15px; } .bankpot-setting-popup .bankpot-setting-form select { margin-bottom: 10px; } .dynamic_circle .caloriess .progress-ring-stripe, .dynamic_circle .caloriess .progress-ring-fill, .dynamic_circle .caloriess .progress-ring-circle { stroke: #bb9621; } .dynamic_circle .caloriess .circle-label { color: #bb9621; } .dynamic_circle .caloriess .progress-ring-remaining { stroke: #543549; } .dynamic_circle .caloriess { transform: scale(1.27); } /* 27-5-2025 bug solving */ #cb_modal button.close { right: 3px; } #cb_modal #body_cb_modal>.row:not(:last-child) { margin-bottom: 25px; } #cb_modal button#cb_modal_btn_save { border-radius: 6px; color: black; background-color: #ECDE0C; background-image: none; border: 1.5px solid #ECDE0C !important; box-shadow: none !important; margin: 0 !important; width: 100%; padding: 6px !important; } #cb_modal .form-group .col-xs-10 .col-xs-8>.row { display: flex; } #cb_modal .form-group .col-xs-10 .col-xs-8>.row .col-xs-4 { align-content: center; } #cb_modal .form-group .col-xs-7 { padding-right: 0; padding-left: 20px; } #cb_modal .form-group .col-xs-7 .progress { height: 26px; } #cb_modal .form-group .col-xs-7 #cb_progress_bar { line-height: 26px; font-weight: bold; } @media (max-width: 1025px) { .mealplan-sections .workspace_area { display: flex; flex-direction: column; } .mealplan-sections .workspace_area .progress-circles.dynamic_circle { order: 1; } .mealplan-sections .workspace_area .workspace_area_con.workspace_area_left { order: 2; } .mealplan-sections .workspace_area .workspace_area_con.workspace_area_right { order: 3; } } @media (max-width: 767px) { #cb_modal h4.modal-title { font-size: 17px; } #cb_modal .material-switch>label::before { height: 13px; width: 33px; } #cb_modal .material-switch>label::after { height: 20px; width: 20px; } #cb_modal .material-switch>label { width: 35px; } #cb_modal #body_cb_modal>.row:first-child>.col-xs-12 { display: flex; align-items: center; justify-content: space-between; gap: 14px; } #cb_modal #cb_status_label { font-size: 14px; } } .circle-container .circle-label span.text:not(:first-child) { font-size: 9px; } .mealplan-header-top .header-top { display: none !important; } .bank_popup .custom-modal-content { margin: 9% auto; } .bank_popup .transfer-mode-toggle { margin: 10px auto 30px auto !important; display: flex; justify-content: space-between; max-width: 250px; flex-wrap: wrap; color: #fff; } .bank_popup .manual-calorie-input { color: #fff; } .bank_popup .manual-calorie-input input { width: 100% !important; max-width: 220px; height: 35px; border: none !important; border-radius: 4px; color: #1c1c1c; } .bank_popup .quick-add-buttons { display: flex; max-width: 250px; margin: 20px auto !important; ; gap: 7px; justify-content: center; flex-wrap: nowrap; } .bank_popup .quick-add-buttons button { padding: 0; margin: 0; width: 100%; border-radius: 3px; height: 30px; border: 0; box-shadow: none; outline: 0; background-color: #f2eb7a; font-weight: bold; font-size: 15px; } .bank_popup .quick-add-buttons button:hover { background-color: #fff54e; } .bank_popup .transfer-action-buttons { justify-content: center; margin: 0 auto; max-width: 250px; gap: 7px; margin-bottom: 10px; display: flex; } .bank_popup .transfer-action-buttons button { margin: 0; padding: 0 !important; height: 35px; width: 100%; border-radius: 4px; font-weight: bold !important; font-size: 14px; text-transform: uppercase; border: 1px solid transparent; outline: none; color: #1c1c1c; } .bank_popup .transfer-action-buttons button:last-child:hover { background-color: #d7d708 !important; } #header_referral_modal { border-bottom: 4px solid #ecde0a; } #referral_modal .modal-body .btn-default { background: #ECDE0C; color: #000; font-size: 16px; font-weight: 600; border: 1px solid #ECDE0C; /* box-shadow: 0 5px 0 #ecde0c73 !important; */ } #referral_modal .modal-body .nav { background: #fff; border-radius: 50px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); display: flex; align-items: flex-start; justify-content: space-between; } #referral_modal .modal-body .nav-tabs>li { flex: 0 0 33%; text-align: center; } #referral_modal .modal-body .nav-tabs>li.active>a { border: 0; background: linear-gradient(45deg, #05abe0 0%, #8200f4 100%); color: #fff; } #referral_modal .modal-body .nav-tabs>li>a{ border-radius: 50px; font-weight: 600; } #referral_modal .modal-body thead tr { background: #ecde0c; font-weight: bold; } #referral_modal .modal-content{ background: #1a1a1a; box-shadow: 2px 4px 8px rgba(255, 255, 255, 0.08); border: 1px solid #5c5c5c; color:#fff; font-family: "Montserrat"; } #referral_modal .modal-title { color: #fff; } #referral_modal .modal-content .modal-header button.close { right: 5px; opacity: 1; color: #fff; } #referral_modal #header_referral_modal { border-bottom: 1px solid #5c5c5c; } #referral_modal .modal-footer { padding: 0 !important; border-top: 0 !important; } #referral_modal div#body_referral_modal .referral-points-link { margin: 11px 0 25px 0 !important; } #referral_modal #body_referral_modal { padding-top: 25px; } #referral_modal div#body_referral_modal input#rm_text_rlink { width: calc(100% - 120px) !important; border: none; background: #fff; border-radius: 4px !important; color: #333; } #referral_modal div#body_referral_modal .total-refered-user { margin-bottom: 11px !important; } #referral_modal .modal-body .btn-default { font-weight: 500; font-size: 16px; margin-bottom: 15px; } #referral_modal .modal-body .nav { border-radius: 4px; border: 0; box-shadow: none; padding: 0; margin-top: 30px } #referral_modal .modal-body .nav-tabs > li > a { border-radius: 4px !important; color: #333; border: none !important; } #referral_modal .modal-body hr { border-top: 1px solid #5c5c5c; } #referral_modal .modal-body .tab-content { padding-top: 7px; } #referral_modal .modal-body .tab-content h3 { font-size: 21px; } #referral_modal .modal-body .tab-content h4 { font-size: 18px; } #referral_modal .modal-body .tab-content table thead tr { background: unset !important; } #referral_modal .modal-body .tab-content table { border: none; margin-top: 10px; } #referral_modal .modal-body .tab-content .table > thead > tr > th, #referral_modal .modal-body .tab-content .table > tbody > tr > td{ border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; } #referral_modal .modal-body .nav-tabs > li { margin: 0 !important; } #referral_modal .modal-body .nav-tabs > li > a:hover { background: #f5f5f5; } #referral_modal .modal-body .nav-tabs::before { display: none !important; } @media (max-width: 767px){ #referral_modal .table-responsive { border: none !important; } #referral_modal .modal-body .tab-content .table > thead > tr > th, #referral_modal .modal-body .tab-content .table > tbody > tr > td { word-wrap: break-word; white-space: unset; font-size: 14px; } #referral_modal { padding-left: 0; } #referral_modal .modal-body .nav-tabs > li > a { font-size: 11px; align-content: center; height: 100%; } #referral_modal .modal-body .nav { align-items: stretch; } #referral_modal .modal-body .btn-default { white-space: unset; font-size: 14px; } #referral_modal .modal-body .nav-tabs > li.active > a:hover { background: linear-gradient(45deg, #05abe0 0%, #8200f4 100%) !important;; } #referral_modal h4.modal-title { font-size: 19px; } #referral_modal .modal-body .tab-content .table > thead > tr > th{ vertical-align: middle; } } @media (max-width: 767px){ #referral_modal h4.modal-title { text-align: left; margin-left: 0; margin-right: auto; width: calc(100% - 40px); } } /* style ended */