/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
 .trainer_client_list_table {
    overflow-x: scroll;
    overflow-y: hidden;
}
  .payment-failed {
        /* background-color: #ffe6e6; */
        color: red;
        /* font-weight: bold; */
    }
:root {
    --white: #fff;
    --black: #000;
    --gray: #2b3c56;
    --lite: #f1f1f1;
    --dark: #1d1e22;
  
    --yellow: #f5b409;
    --red: #f33e5d;
    --green: #9bd846;
    --blue: #029ef6;
    --orange: #ee712f;
    --pink: #ef5890;
  
    --primary: #5487fa;
    --primary_dark: ;
    --primary_lite: #e4ecfe;
  
    --secondary: ;
    --secondary_dark: ;
    --secondary_lite: ;
  }
#assigned_user_select {
    background-position: 98% 50% !important;
}
#main > article{
    padding: 0 !important;
    background: transparent;
}
.generate_main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.generate_main label, .payment_link span {
    font-size: 18px;
    letter-spacing: -0.5px;
    min-width: 190px;
}
.generate_main .generate_main_inner{
    flex: 1;
    display: flex;
    gap: 10px;
    align-items: center;
}
.generate_main .generate_main_inner input,
.generate_main .generate_main_inner select,
.payment_link input{
    width: 100%;
    border: 1px solid #cacaca !important;
    padding: 10px 14px;
    border-radius: 10px !important;
}
.generate_main .generate_main_inner select{
    width: 50%;
}
.generate_main_btn{
    margin-top: 20px;
}
.payment_link{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.payment_link button{
    margin-top: 10px;
}

.popup-message.show {
    visibility: visible;
    opacity: 1;
    display: block;
}
.cpy-popup, .popup-message {

    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #F9F9F9;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 10px 20px;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
  
  table#tariner_list,
  table#client_list,
  table#trainer_client_list {
    margin: auto;
    width: 100%;
    overflow: hidden;
    background-color: var(--white);
    border-radius: 10px;
    position: relative;
    border-collapse: collapse;
    z-index: 1;
    color: var(--gray);
    white-space: nowrap;
    border-width: 0px;
  }
  .snack_div {
    flex-wrap: wrap;
    gap: 10px;
}
.snack_div > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cat_div.snacks {
  margin-bottom: -10px;
}
#meal-plan-results h1{
font-family: 'Open Sans', sans-serif;
}

.snack_div .las_content_left {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
  #tariner_list tbody tr,
  #client_list tbody tr,
  #trainer_client_list tbody tr {
    border-bottom: 1px solid rgba(1, 1, 1, 0.2);
  }
  table#tariner_list.dataTable.no-footer
  table#client_list.dataTable.no-footer,
  table#trainer_client_list.dataTable.no-footer{
    border-bottom: unset;
  }
  
  #tariner_list th,
  #client_list th,
  #trainer_client_list th,
  #tariner_list td,
  #trainer_client_list td,
  #client_list td {
    padding: 1rem;
    gap: 10px;
    position: relative;
    cursor: default;
  }
  
  #tariner_list td:hover a,
  #client_list td:hover a,
  #trainer_client_list td:hover a {
    color: var(--black);
  }
  
  #tariner_list thead,
  #client_list thead,
  #trainer_client_list thead {
    background-color: var(--primary_lite);
  }
  
  #tariner_list th,
  #client_list th,
  #trainer_client_list th {
    text-transform: uppercase;
  }
  
  #tariner_list tr td:nth-child(1), #client_list tr td:nth-child(1),#trainer_client_list tr td:nth-child(1) {
    text-align: left;
}
  #tariner_list tr td,
  #client_list tr td,
  #trainer_client_list tr td {
    text-align: center;
    border-left: 1px solid #dddddd;
    /* text-transform: capitalize; */
  }
  
  #tariner_list tr:hover,
  #client_list tr:hover,
  #trainer_client_list tr:hover {
    background-color: #f9f9f9;
  }

  .dataTables_length label{
    display: flex;
    gap: 10px;
  }
  .dataTables_wrapper .dataTables_length select {
    padding: 4px 12px;
}

.meal_plan_builder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1000px;
  margin: 20px auto;
  padding: 50px;
  background-color: #F5F5F0;
  gap: 50px;
}
.calories-button-list, .dietary-button-list,.action-button-list,.snacks-button-list {
  display: flex;
  gap: 20px  2%;
  margin: 20px 0;
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 800px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.dietary-options-list,.beverage-button-list {
    width: 100%;
    flex-wrap: wrap;
    display: grid;
    gap: 20px  2%;
    margin: 20px 0;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
    width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.beverage-button-list {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
.dietary-options-list  .coffe_dietary-button{
  width: 100%;
}
.calorie-button,
.dietary-button,
.snacks-button,
.beverage-button,
.coffe_dietary-button {
  padding: 15px 25px;
  border: 1px solid #ccc;
  background-color: #243673 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 25px;
  width: 18%;
}
.beverage-button{
   width: 100% !important;
}
.coffe_dietary-back {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}
h4.Meal_name_beverage {
    margin: 0;
}
button#back-to-step1 {
    border-radius: 50%;
    padding: 0;
    height: 40px;
    width: 40px;
}
.coffe_ingredient p {
    background: white;
    border-radius: 5px;
    padding: 0 8px;
    color: #243673 !important;
    font-weight: 700;
    border: 1px solid #243673;
}
.coffe_ingredient {
    display: flex;
    gap: 10px;
}
#step2 h5 {
    color: white;
    font-size: 15px;
    margin-bottom: 5px;
}
#step2 p {
    font-size: 11px;
    color: white;
}
.calorie-button:hover, .dietary-button:hover, .snacks-button:hover, .beverage-button:hover {
  background-color: #fff !important;
  border-color: #243673 !important;
  color: #243673 !important;
  border: 1px solid #24367361 !important; 
}
p.coffe_ingredient_cal {
    background: #3B4FE4;
    color: white !important;
    border: 1px solid;
}
.coffe_dietary-button:hover,.coffe_dietary-button.active{
  background-color: #3B4FE4 !important;
  border-color: #243673 !important;
  color: #243673 !important;
  border: 1px solid #24367361 !important; 
}

.meal_plan_builder_inner0,.meal_plan_builder_inner01,.meal_plan_builder_inner02,.meal_plan_builder_inner1,.meal_plan_builder_inner2,.meal_plan_builder_inner3,.meal_plan_builder_inner4,.meal_plan_builder_inner5{
  background: white;
  padding: 50px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 15px;
  width: 100%;
}
.meal_plan_builder button.button {
  border-radius: 25px;
}
button.button.download_PDF {
  background: #243673;
  border: 1px solid #243673;
  transition: 0.5s;
}

button.button.generate_meal_plan {
  background: #3B4FE4;
  border: 1px solid #3B4FE4;
  transition: 0.5s;
}
button.button.generate_meal_plan:hover {
  background: transparent;
  color: #3B4FE4;
}
button.button.download_PDF:hover {
  color: #243673;
  background: transparent !important;
  border: 1px solid #243673;
}
button.button.download_PDF:hover {
  background: #243673;
}
.calorie-button.active,
.dietary-button.active,
.snacks-button.active,
.beverage-button.active {
  background-color: #fff !important;
  border-color: #243673 !important;
  color: #243673 !important;
}

.meal_plan_builder h3{
  text-align: center;
}
  @media (max-width: 720px) {
  
    table#tariner_list,
    table#client_list,
    table#trainer_client_list {
      background-color: transparent;
    }
  
    table#tariner_list thead,
    table#client_list thead,
    table#trainer_client_list thead {
      display: none;
    }
  
    table#tariner_list td,
    table#client_list td,
    table#trainer_client_list td {
      width: 100%;
      display: block;
      text-align: right;
    }
  
    table#tariner_list td,
    table#client_list td,
    table#trainer_client_list td {
      border-bottom: 1px solid rgba(1, 1, 1, 0.2);
    }
  
    table#tariner_list td:before,
    table#client_list td:before,
    table#trainer_client_list td:before {
      content: attr(data-label);
      z-index: 1;
      float: left;
      color: var(--black);
    }
  
    #tariner_list tr,
    #client_list tr,
    #trainer_client_list tr {
      background-color: var(--white);
      border-radius: 5px;
      display: block;
      margin: 0.5rem 0;
    }
  
    #tariner_list tbody tr,
    #client_list tbody tr,
    #trainer_client_list tbody tr {
      border-bottom: none;
    }
  
    #tariner_list tr td,
    #client_list tr td,
    #trainer_client_list tr td {
      text-align: right !important;
    }
  
    #tariner_list th,
    #client_list th,
    #trainer_client_list th,
    #tariner_list td,
    #trainer_client_list td,
    #client_list td {
      padding: 0.5rem;
    }
  }
  select{
    background-position: 88% 50% !important;
  }
  footer .ast-builder-grid-row-4-equal {
    display: none !important;
}


@font-face { 
  font-family: FREESCPT; 
  src: url(https://epayportal.com.au/wp-content/themes/astra-child/FREESCPT.TTF); 
  font-weight: normal; 
}

#meal-plan-results h1 {
  font-size: 30px;
  margin: 0;
  color: white;
}
#meal-plan-results p.bigtext {
  font-size: 14px;
  margin: 0;
  color: #ffffff;
}
#meal-plan-results .cat {
  color: black;
  font-size: 20px;
  margin: 0;
  font-weight: bold;
  line-height: 34px;
}

.second_div > div {
  display: grid;
      grid-template-columns: 1fr 2fr;
  padding-top: 0px;
}
.second_div > div:last-child {
  margin-left: 45%;
  padding-left: 10px;
}
/* .mea_lplan_results_main_div {
  display: none;
} */
 #meal-plan-results-ingre{
  display: none;
 }
.meal_name{
  color: black;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom:0 !important;
  line-height: 34px;
}
.meal_name span {
  font-size: 15px;
}

#meal-plan-results  .meal_div > div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* .second_div > div:nth-child(1) {
  order: 4;
}
.second_div > div:nth-child(5){
  order: 5;
} */
.second_div {
  padding-right: 0;
}
p.ingredients_details {
  margin: 0;
}
#meal-plan-results  .meal_div > .first_div{
  width: 0% !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.second_div > div {
  display: flex;
  /* justify-content: space-between; */
}
.meal_div {
  display: flex;
  background: url(https://epayportal.com.au/wp-content/uploads/2025/02/Frame-1230.png);
  background-size: 100%;
  padding: 20px;
  height: 971px;
  overflow: hidden;
}
.snack_div .las_content {
  margin-top: -10px;
  margin-bottom: 10px;
}
.second_div .cat_div {
  width: 45%;
  display: flex;
  flex-direction: column;
  /* gap: 3px; */
}
.las_content_left {
  width: 100%;
}
.recipe_div {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: baseline;
}
#meal-plan-results li,
.las_content_left p.recipe,#meal-plan-results  .ingredients {
  color: black;
  font-size: 12px;
    line-height: 1.3; 
}
#meal-plan-results  .ingredients{
  /* font-size: 12px;
  color: black;
  width: 85%;
  margin: 0 !important; */
  /* font-size: 10px;
    color: black;
    width: 85%;
    margin: 0 !important;
    line-height: 1; */
}
.ingredients_div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.las_content {
  display: flex;
  /* align-items: center; */
  width: 55%;
  justify-content: space-between;
  padding-left: 10px;
}
.ingredients_details span {
  display: block;
  text-align: right;
  font-weight: bold;
  line-height: 1;
  font-size: 16px;
  color: black;
}
#meal-plan-results  .total_ingrediant{
  color: black;
  /* text-transform: uppercase; */
  font-size: 14px;
  line-height: 1;
  margin: 0 !important;
}
#meal-plan-results-ingre > div > div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px;
}
#meal-plan-results-ingre p.total_ingrediant {
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #243673;
  border-radius: 5px;
  font-weight: 600;
  color: #243673;
}
#meal-plan-results .tni,
#meal-plan-results-ingre .tni {
  color: black;
  font-weight: bold;
  /* font-style: italic; */
  font-size: 24px;
  /* text-transform: uppercase; */
  /* font-family: FREESCPT; */
  letter-spacing: 2px;
  margin-bottom: 10px;
  line-height: 1;
}
#meal-plan-results-ingre .tni {
    text-align: center;
}
.inner1_div {
  background: url(https://epayportal.com.au/wp-content/uploads/2024/11/shopping-delivery-healthy-food-background-260nw-1689766759-e1732349060749.webp);
  background-position: center;
  background-size: 100%;
  padding: 20px 20px;
  height: 150px;
  overflow: hidden;
}
.div_footer {
  display: flex;
  justify-content: space-between;
  padding: 20px 60px;
  color: black;
  font-size: 15px;
}
.div_footer a {
  color: black;
}
.div_footer > div > div:nth-child(1){
    padding: 0px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background: #D2E7B5;
}
.div_footer  img{
  width: 100%;
  background: black;
  border-radius: 50% !important;
  padding: 3px;
}
.div_footer > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.div_footer .first img {
  background: transparent;
  transform: rotate(45deg);
  padding: 2px;
}
.div_footer > .second > div:nth-child(1) {
  padding: 3px;
  display: flex;
}
/* .left_first h2 {
  margin: 0;
  font-size: 130px;
  letter-spacing: 20px;
}
.left_first {
  transform: rotate(270deg);
  width: max-content;
  margin-left: -180px;
  margin-top: 200px;
}
.left_first p {
    text-align: right;
    padding-right: 30px;
    font-weight: bold;
    color: black;
    letter-spacing: 2px;

} */
.left_right{
  margin: 0 auto;
  text-align: center;
  padding-right: 100px;
}
.left_right img{
  margin: 0 auto;
  width: 50%;
  background: black;
  border-radius: 50% !important;
  padding: 20px;
}
.left_right h4{
  font-size: 22px;
  text-align: left;
  margin-top: 29px;
}
.left_right p{
  line-height: 14px;
    font-size: 15px;
    text-align: left;
    color: #6E6B65;
    padding-top: 20px;
}