/*

Theme Name: Symetrio Child

Theme URI: http://themes.wonster.co/symetrio/splash-page/

Author: Wonster

Author URI: http://wonster.co

Template: symetrio-theme

Description: Symetrio - Premium Multi-Sport Theme

Version: 1.0.0.progress_photos_row img#dynamic_front_image

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: responsive-layout, theme-options, translation-ready, editor-style

*/

/* @import url('https://fonts.googleapis.com/css?family=Trirong&display=swap'); */



.wtrInner { width: 100%; }



/*.calories input{width:50% !important;}*/



.wtrLoader .wtrCircle{ border-left-color: #ECDE0C !important; }





.um-register.um-6884 form .um-col-alt .um-left #um-submit-btn,

.um-login.um-6975 .um-form form a.um-button,

#confirmationModal .modal-footer button:first-child

{ background: #ECDE0C !important;color: black !important; }



.um-register.um-6884 form .um-col-alt .um-right .um-button,

#fieldname38_1,#fieldname38_1,

#confirmationModal .modal-footer button:last-child 

{ background: black !important;color: #ECDE0C !important; }



.um-login.um-6975 .um-form form #um-submit-btn

{ background: white !important;color: black !important; }



.dfield #fieldname11_1{ text-align: center !important; }



#readmorecreateprofile , #readmorecreateprofile2 { background: black !important;color: #fff !important; }



#mp-pusher.mp-pusher .wtrMainContent .wtrContainer .wtrInner .wtrContentCol .create-free-profile-tab{ display : none !important; }





#text-or{ display: inline-block !important;text-align: center !important;width: 18% !important;line-height: 48px !important; }





#nav_menu-3 #menu-sidebar-menu li.current_page_item a,

#nav_menu-3 #menu-sidebar-menu li.current_page_item::before

{ color: #ECDE0C !important; }





.generate_day_btn, .load_diet_range, #img-upload-btn {

	border-radius: 12px !important;

    color: black !important;

    background-color: #f8fcf5 !important;

    border: 1.5px solid #ECDE0C !important;

    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important;

}

















div.text-label.header_weekday, div.day_number{

    border-radius: 12px !important;

    color: black !important;

    background-color: #f8fcf5 !important;

}









.readmoreabout2{

    color: none !important;

    text-decoration: none !important;

    background: lightblue;

   border-radius: 100%;

   width: 30px;

   display: inline-block;

   margin-left: 10px;

   vertical-align: middle;

   margin-bottom: 10px;

   font-size: 25px;

   height: auto;

}

.readmoreabout2:focus,.readmoreabout2:hover{	

   text-decoration: none !important;

}







#saved_subscription_details tr td{

	text-align: center !important;

	vertical-align: middle;

}







#saved_subscription_details tr td .subscr_cancel{

  border-radius: 12px !important;

  color: #f8fcf5 !important;

  background-color: black !important;

  border: 1.5px solid #ECDE0C !important;

}





#preferencesCon ul li a{

	color: #00000036;

}











/****************************/

.diat-form .calories input {

    border: none !important;

}

.diat-form .calories, .diat-plan select {

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}   

.calories .btn-group .multiselect {

    border: 0;

    box-shadow: none;

    background: none;

    width: 100%;

}

#fbuilder label {

    width: 30%;

}

#fbuilder .dfield {

    width: 65%;

    display: inline-block;

}

.diat-form .multiselect-option.dropdown-item {

    display: inline-block;

    width: 100%;

    padding: 5px;

}

.diat-form .multiselect-option.dropdown-item:hover {

   background-color: #337ab7;

   color: #ffffff;

}

.diat-form .multiselect-container.dropdown-menu {

    overflow-y: scroll;

    height: 200px;

}

.diat-form .multiselect-container.dropdown-menu label {

    padding-left: 10px;

}

#fbuilder .dfield select.medium, #fbuilder .dfield input.digits, #fbuilder .nutrition-title .dfield input {

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    width: 100% !important;

    padding: 0px 10px;

    line-height: 32px;

}

.mealTypeBg {

    text-align: center;

    cursor: pointer;

    padding: 10px;

}

.diat-plan .mealTypeBg  label {

    text-align: center;

}

.mealTypeBg img {

    padding: 10px;

    padding-bottom: 0;

}

.mealTypeBg.active {

    color: #fff;

    background-color: #007bff;

    border-radius: 10px;

}

.diat-plan.mealType {

    margin-bottom: 35px;

}

.diat-plan {

    /*display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 10px;*/

    display: inline-block;

    padding-bottom: 10px;

    width: 100%;

}

.side-social {

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 10px;

}

.side-social a {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #e74c3c;

    border-radius: 5px;

    margin-right: 15px;

    padding: 10px 15px;

    color: #fff;

    cursor: pointer;

}

.side-social a:hover {

    text-decoration: none;

    background: #38b002;

}

.side-social a:last-child {

    margin-right: 0;

}

.side-social a i {

    font-size: 18px;

    color: #fff;

    margin-right: 5px;

}

/***********************************/





@media screen and (max-width: 767px) {

    .mealTypeBg {

        width: 100px;

        display: inline-block;

    }

    #fbuilder label {

        width: 100%;

    }

    #fbuilder .dfield {

        width: 100%;

    }

    .diat-plan {

        display: block;

    }

    #cal_input {

        width: 100%;

    }

    .diat-plan label.col-sm-4 {

        padding: 0;

    }

}

/****************************** 18-12-2020 *****************************/

.diat-form .diat-plan .calories.dontlike {

    padding: 0;

    border: 0 !important;

}

.diat-form .diat-plan .calories.dontlike .ms-options-wrap button {

    background-color: #fff;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    min-height: 46px;

    border: 1px solid #ced4da !important;

    font-size: 16px;

    padding: 0 15px;

    color: #555555;

    width: 100%;

}

.diat-form .diat-plan .calories.dontlike .ms-options-wrap button:focus{outline:none;}

.diat-form .diat-plan .calories.dontlike .ms-options {

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    border-top: 0 !important;

}

.diat-form .diat-plan .calories.dontlike .ms-search {

    border-bottom: 1px solid #ced4da !important;

    margin-bottom: 10px;

}

.diat-form .diat-plan .calories.dontlike .ms-options label {

    padding-left: 0px !important;

}

.diat-form .diat-plan .calories.dontlike .ms-options label input {

    margin-right: 10px;

}

.diat-form .diat-plan label {

    line-height: 46px;

}

.diat-form .diat-plan label.meals {

    line-height: inherit;

}

.createFreeProfile {

    float: left;

    width: 100%;

    margin-bottom: 70px;

}

#diat_meals_cat {

    float: right;

    padding: 0;

}

#diat_meals_cat .diat-plan {

    width: 100%;

}

#diat_meals_cat .diat-plan select#meals_cat {

    width: 100%;

}

.diat-form label#select_error {

    padding-bottom: 20px;

    float: right;

    padding-left: 0;

}

.diat-form .diat-plan .calories.dontlike .ms-options ul label {

    line-height: inherit;

}

.diat-form .diat-plan .calories.dontlike .ms-options ul li {

    padding-left: 10px;

}

.diat-form .diat-plan .calories.dontlike .ms-options ul li.selected,.diat-form .diat-plan .calories.dontlike .ms-options ul li:hover {

    background-color: #efefef;

}

.diat-plan.btns .diat-btn input#searchsubmit {

    padding: 12px 40px;

}

.cal-sidebar .side-social a {

    font-size: 18px;

    padding: 12px 40px;

    width: 42%;

}

.cal-sidebar .side-social a#fbLink {

    background-color: #007bff;

    border-color: #007bff;

}

.cal-sidebar .side-social a#gLink {

    background-color: #dc3545;

    border-color: #dc3545;

}

#diat_meals_cat span {

    margin-bottom: 10px;

    float: left;

    width: 100%;

}

/************************************ 19-12-20 ********************************/

.signUpdiv {

    display: block;

    text-align: right;

    padding: 10px 0px 20px;

}



.signUpdiv #signUp {

    background: #e74c3c;

    color: #fff;

    border: none;

    padding: 12px 40px;

    font-size: 16px;

    letter-spacing: 0.05em;

    cursor: pointer;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    border-radius: 5px;

    display: inline-block;

}

.signUpdiv #signUp:hover{text-decoration: none;}



.registration-form {max-width: 800px;margin: 0 auto;padding: 20px;background: #fff;}

.registration-form .um.um-register {max-width: 100%;margin-bottom: 0 !important;}

.registration-form .um-register .um-form .um-field {

    display: inline-block;

    padding-bottom: 10px;

    width: 100%;

    padding-top: 0;

}

.registration-form .um-register .um-form .um-field .um-field-label {

    width: 33.33333333%;

    float: left;

    text-align: right;

    line-height: 46px;

    margin: 0;

    padding: 0 15px;

}

.registration-form .um-register .um-form .um-field .um-field-area {

    float: left;

    width: 62.333333%;

}

.registration-form .um-register .um-form .um-field .um-field-label label {

    font-weight: 400;

    font-size: 16px !important;

}

.registration-form .um-register .um-form .um-field .um-field-area input {

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    height: 46px !important;

}

.registration-form .um-register .um-form .um-field.um-field-tearm {

    padding-bottom: 0;

}

.registration-form .um-register .um-form .um-field.um-field-tearm .um-field-area {

    float: right;

}

.registration-form .um-register .um-form .um-field.um-field-tearm .um-field-area label {

    width: 100%;

    height: 30px;

}

.registration-form .um-register .um-form .um-field.um-field-block {

    float: right;

    padding: 5px 15px 20px;

    width: 60.333333%;

}

.registration-form .um.um-register .um-row {

    float: left;

    margin-bottom: 0 !important;

}

.registration-form .um.um-register .um-col-alt {

    display: inline-block;

    width: 100%;

    margin: 0;

}

.registration-form .um.um-register .um-col-alt:before {

    content: '';

    width: 33.33333333% !important;

    display: inline-block;

    height: 2px;

    float: left;

    padding: 0 15px;

}

.registration-form .um.um-register .um-half {

    width: auto;

}

.registration-form .um.um-register .um-left.um-half input {

    background: #e74c3c;

    color: #fff;

    padding: 12px 80px !important;

    font-size: 16px;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    border-radius: 5px !important;

    line-height: 24px !important;

}

.registration-form .um.um-register .um-right.um-half a {

    background: #3ba1da;

    color: #fff;

    padding: 12px 40px !important;

    font-size: 16px;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    border-radius: 5px !important;

    line-height: 24px !important;

}



.um-field-error {

    float: right;

    width: 62.333333% !important;

}

.registration-form .um-postmessage, .registration-form .um-postmessage a {

    font-size: 20px;

}

/**************************************** 11-02-21 ***************************************/

.modal.show .rcp-name,

.per-dish {

    padding-left: 0;

    padding-right: 0;

}

.d-calories p.ingrediant {

    flex-wrap: wrap;

}

.d-calories p.ingrediant span {

    width: 100%;

}

.d-calories p.ingrediant span:first-child {

    font-weight: bold;

}



/**************************************** 21-12-20 ***************************************/



.form-wizard .wizard-form-radio {

  display: inline-block;

  margin-left: 5px;

  position: relative;

}

.form-wizard .wizard-form-radio input[type="radio"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  background-color: #dddddd;

  height: 25px;

  width: 25px;

  display: inline-block;

  vertical-align: middle;

  border-radius: 50%;

  position: relative;

  cursor: pointer;

}

.form-wizard .wizard-form-radio input[type="radio"]:focus {

  outline: 0;

}

.form-wizard .wizard-form-radio input[type="radio"]:checked {

  background-color: #fb1647;

}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {

  content: "";

  position: absolute;

  width: 10px;

  height: 10px;

  display: inline-block;

  background-color: #ffffff;

  border-radius: 50%;

  left: 1px;

  right: 0;

  margin: 0 auto;

  top: 8px;

}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {

  content: "";

  display: inline-block;

  webkit-animation: click-radio-wave 0.65s;

  -moz-animation: click-radio-wave 0.65s;

  animation: click-radio-wave 0.65s;

  background: #000000;

  content: '';

  display: block;

  position: relative;

  z-index: 100;

  border-radius: 50%;

}

.form-wizard .wizard-form-radio input[type="radio"] ~ label {

  padding-left: 10px;

  cursor: pointer;

}

.form-wizard .form-wizard-header {

  text-align: center;

}

.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {

  background-color: #d65470;

  color: #ffffff;

  display: inline-block;

  min-width: 100px;

  min-width: 120px;

  padding: 10px;

  text-align: center;

}

.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {

  color: #ffffff;

  opacity: 0.6;

  text-decoration: none;

}

.form-wizard .wizard-fieldset {

  display: none;

}

.form-wizard .wizard-fieldset.show {

  display: block;

}

.form-wizard .wizard-form-error {

  display: none;

  background-color: #d70b0b;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 2px;

  width: 100%;

}

.form-wizard .form-wizard-previous-btn {

  background-color: #fb1647;

}

.form-wizard .form-control {

  font-weight: 300;

  height: auto !important;

  padding: 15px;

  color: #888888;

  background-color: #f1f1f1;

  border: none;

}

.form-wizard .form-control:focus {

  box-shadow: none;

}

.form-wizard .form-group {

  position: relative;

  margin: 0px 0 30px;

}

.form-wizard .wizard-form-text-label {

  position: absolute;

  left: 10px;

  top: 16px;

  transition: 0.2s linear all;

}

.form-wizard .focus-input .wizard-form-text-label {

  color: #d65470;

  top: -18px;

  transition: 0.2s linear all;

  font-size: 12px;

}

.form-wizard .form-wizard-steps {

  margin-bottom: 40px;

}

.form-wizard .form-wizard-steps li {

  position: relative;

}

.form-wizard .form-wizard-steps li span {

    background-color: #FFFFFF;

    padding-top: 10px;

    padding-bottom: 10px;

    display: block;

    border-radius: 0.6rem;

    border: 1px solid rgba(235, 118, 79, 0.5);

    -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);

    color: #F0754F;

}

.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {

    background-color: #F0754F;

    border-color: #e36f4b;

    color: #ffffff;

}

.form-wizard .wizard-password-eye {

  position: absolute;

  right: 32px;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

@keyframes click-radio-wave {

  0% {

    width: 25px;

    height: 25px;

    opacity: 0.35;

    position: relative;

  }

  100% {

    width: 60px;

    height: 60px;

    margin-left: -15px;

    margin-top: -15px;

    opacity: 0.0;

  }

}



section.wizard-section {

    margin: 0 auto;

    padding: 20px 0px;

    background: #fff;

    float: left;

    width: 100%;

}

.no-pad-left {

    padding-left: 0px !important;

}

.no-pad-right {

    padding-right: 0;

}

.form-wizard .form-wizard-steps li p {

    color: #6c757d !important;

    margin-bottom: 0 !important;

}

.form-wizard .form-wizard-steps li.active p {

    color: #f0754f !important;

}

.form-wizard .wizard-fieldset h2 {

    text-align: center;

    font-size: 2.5rem;

    font-weight: 300;

    line-height: 1.2;

}

.form-wizard .wizard-fieldset h5 {

    font-size: 14px;

    text-align: center;

    margin: 0;

    font-weight: 500;

}

.form-wizard .wizard-fieldset .profile-form h3 {

    font-size: 28px;

    font-weight: 200;

    margin-top: 70px;

    margin-bottom: 20px;

}

.profile-form {

    max-width: 800px;

    margin: 0 auto;

}

.profile-form .form-group {

    float: left;

    width: 100%;

}

.profile-form .form-group .label label {

    padding-top: calc(0.375rem + 1px);

    padding-bottom: calc(0.375rem + 1px);

    margin-bottom: 0;

    font-size: 16px;

    line-height: 1.5;

    color: #000;

    display: block;

    text-align: left;

    font-weight: 500;

}

.profile-form .form-group .wanto > .btn {

    position: absolute;

    left: -10px;

    top: 7px;

    background: transparent;

    padding: 0;

}

.profile-form .form-group .wanto #goal-radio .btn-group {

    width: 100%;

}

.profile-form .form-group .wanto #goal-radio .btn-group label.btn.btn-selector-primary {

    color: #010101;

    background-color: #FFFFFF;

    background-image: none;

    border-color: #898A8F;

    width: 33.33%;

    font-size: 16px;

}

/**************************************** 22-12-20 ***************************************/

.createFreeProfile #fbuilder .pbreak fieldset {border: 0; padding: 0;}

.createFreeProfile #fbuilder .pbreak fieldset legend {display: none;}

.create-free-profile-tab {float: left;width: 100%;margin-top: 70px;margin-bottom: 20px;}

.create-free-profile-tab li {

    width: 33%;

    float: left;

    text-align: center;

}

.create-free-profile-tab li:nth-child(2) {

    padding: 0 20px;

}

.create-free-profile-tab ul li.active span {

    display: block;

    background: #e74c3c;

    color: #fff;

    padding: 12px;

    border-radius: 6px;

    text-align: center;

}

.create-free-profile-tab li span {

    padding-top: 12px;

    padding-bottom: 12px;

    display: block;

    color: #F0754F;

    background-color: #FFFFFF;

    background-image: none;

    border: 1px solid rgba(235, 118, 79, 0.5);

    -webkit-box-shadow: 0 1px 2px 0px rgb(0 0 0 / 12%);

    -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);

    box-shadow: 0 1px 2px 0px rgb(0 0 0 / 12%);

    border-radius: 6px;

    text-align: center;

}

/**************************************** 23-12-20 ***************************************/

.createFreeProfile #fbuilder .dfield h2 {

    font-size: 40px;

    font-weight: 300;

    line-height: 1.2;

    text-align: center;

}

.createFreeProfile #fbuilder .dfield {

    width: 100%;

}

.createFreeProfile #fbuilder .dfield h5 {

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin: 0 0 40px;

}

.createFreeProfile #fbuilder .dfield .yourProfile h3 {

    font-size: 28px;

    color: #555555;

    font-weight: 400;

    margin-top: 50px;

    margin-bottom: 20px;

}

.createFreeProfile #fbuilder .fields {

    display: inline-block;

    padding-bottom: 10px;

    width: 100%;

    padding-top: 0;

}

.createFreeProfile #fbuilder div#field_1-0 .dfield,.createFreeProfile #fbuilder .pb1.pbreak #fieldname8_1 {

    width: 100%;

    padding-left: 0;

}

.createFreeProfile #fbuilder .fields label {

    width: 30%;

    float: left;

}

.createFreeProfile #fbuilder .fields .dfield {

    width: 70%;

    padding-left: 30px;

}

.createFreeProfile #fbuilder .fields .dfield select, .createFreeProfile #fbuilder .fields .dfield input {

    height: 46px;

}

.createFreeProfile #fbuilder .fields .dfield .one_column input {

    height: 16px;

}

.createFreeProfile #fbuilder .fields .dfield .one_column label {

    line-height: initial;

}

.createFreeProfile #fbuilder fieldset .pbNext,.createFreeProfile #fbuilder fieldset .pbPrevious {

    padding: 10px 50px !important;

    font-size: 18px !important;

    background: #ECDE0C !important;

    color: black !important;

    letter-spacing: 0.05em;

    cursor: pointer !important;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    border-radius: 5px !important;

    line-height: 27px !important;

    border: 0 !important;

    float: right;

}

.createFreeProfile #fbuilder fieldset .pbPrevious {

    float: left;

}

.createFreeProfile #fbuilder .fields select#fieldname12_1 {

    height: 164px;

    padding: 4px 10px 5px;

}

.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields {

    text-align: center;

}

.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields h2 {

    font-size: 2.5rem;

    font-weight: 300;

    line-height: 1.2;

    text-align: center;

}

.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields p {

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    margin: 0 0 40px;

}

.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields div#fieldname34_1 {

    max-width: 350px;

    margin: 0 auto;

}

.createFreeProfile #fbuilder fieldset .fields div#fieldname34_1 .cff-summary-item .cff-summary-title, .createFreeProfile #fbuilder fieldset .fields div#fieldname34_1 .cff-summary-item .cff-summary-value {

    float: left;

    width: 50%;

    font-size: 20px;

}

.createFreeProfile #fbuilder fieldset .fields div#fieldname34_1 .cff-summary-item .cff-summary-title {

    text-align: left;

}

.createFreeProfile #fbuilder fieldset .fields div#fieldname34_1 .cff-summary-item .cff-summary-value {

    text-align: right;

}

.createFreeProfile #fbuilder fieldset .pbNext:focus, .createFreeProfile #fbuilder fieldset .pbPrevious:focus{

    outline: none;

}

.createFreeProfile #fbuilder .pb3.pbreak .dfield {

    max-width: 550px;

    padding: 0;

    text-align: left;

    margin: 0 auto;

    display: block;

}

.createFreeProfile #fbuilder .pb3.pbreak .dfield .congratulations-tab p{

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px !important;

}

.createFreeProfile #fbuilder .pb3.pbreak {

    position: relative;

}

.createFreeProfile #fbuilder .pb3.pbreak .continue-btn {

    position: absolute;

    width: auto;

    right: 10px;

    bottom: 0;

}

.createFreeProfile #fbuilder .pb3.pbreak .continue-btn input {

    padding: 10px 50px !important;

    font-size: 18px !important;

    background: #ECDE0C !important;

    color: black !important;

    letter-spacing: 0.05em;

    cursor: pointer !important;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

    border-radius: 5px !important;

    line-height: 27px !important;

    border: 0 !important;

}

/**************************************** 24-12-20 ***************************************/

.mealplan-header-top, .carousel_container.plan_container {display: inline-block;width: 100%;}

.mealplan-sections {background:#F9F9F9;float: left;width: 100%;}

.mealplan-header-top .header-top {float: left;width: 100%;padding-bottom: 10px;}

.mealplan-header-top .header-text-top h1 {font-weight: 500;display: inline-block;font-size: 28px;padding-right: 16px;text-transform: capitalize;text-shadow: -1px -1px 0 #ECDE0C, 1px -1px 0 #ECDE0C, -1px 1px 0 #ECDE0C, 1px 1px 0 #ECDE0C;font-size: 36px;}

.mealplan-header-top .header-text-top h2 {font-size: 20px;font-weight: 500;display: inline-block;text-transform: capitalize;margin-left: 3px;}

.mealplan-header-top .calendar_actions {float: left;width: 100%;padding-right: 15px;}

.mealplan-header-top .calendar_actions select.carousel_view_selector {margin-right: 16px !important;height: 38px !important;font-weight: 400;font-size: 16px;width: auto;float: left;}

.mealplan-header-top .calendar_actions .btn-lg{font-size: 18px;padding: 4px 16px;line-height: 28px;float: left;border-color: rgba(0, 0, 0, 0.13);color: #2d303c;background: transparent;margin: 0 2px;}

.mealplan-header-top .calendar_actions .open_calendar_preview {float: left;width: auto;margin: 0 2px;}

.mealplan-header-top .calendar_actions .open_calendar_preview input.form-control {display: none;}

.mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {font-size: 18px;padding: 4px 16px;line-height: 28px;float: left;border-color: rgba(0, 0, 0, 0.13);color: #2d303c;background: transparent;width: 100%;border: 1px solid rgba(0, 0, 0, 0.13);border-radius: 5px;}

.mealplan-header-top .calendar_actions .right_planner_buttons .col-auto {width: auto;float: left;}

.mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {border-radius: 12px;color: black;background-color: #f8fcf5;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: 6px 12px;font-size: 15px;line-height: 24px;}

.mealplan-header-top .calendar_actions .right_planner_buttons {text-align: right;float: right;padding-left: 0;}

.mealplan-header-top .calendar_actions .right_planner_buttons div:nth-child(2) {padding: 0 10px;}

.mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn i {padding-right: 5px;}

.mealplan-header-top .calendar_actions .right_planner_buttons .col-auto .regenerate_weeks_meals_btn {background-color: #F0754F !important;border-color: #e36f4b !important;color: #fff !important;}



/**************************************** 25-12-20 ***************************************/

.mealplan-header-top {padding: 20px 10px;background-color: #A9A9A92E;}

.mealplan-sections .carousel_container .owl-item {padding: 0 50px;padding-bottom: 40px;border-top: 3px solid #EDE9F9;}

.mealplan-sections .carousel_container .owl-item.active {border-top: 3px solid #000;}

.carousel_container.plan_container {margin-top: -2px;}

.mealplan-sections .carousel_container .owl-carousel {padding: 0 30px;}

.mealplan-sections .carousel_container .owl-item .single_day_view_container {padding-left: 220px;}

/*.mealplan-sections .carousel_container .owl-item .single_day_view_container .row {margin: 0;}*/

.mealplan-sections .carousel_container .owl-item .single_day_view_container .day_header {padding-right: 0 !important;padding-top: 20px;padding-bottom: 5px;}

.mealplan-sections .carousel_container .owl-item.active .header_weekday, .mealplan-sections .carousel_container .owl-item.active .day_number, .mealplan-sections .carousel_container .owl-item.active .day_title {color: #f0754f;padding: 0;}

.text-label {font-size: 12px;font-weight: 500;text-transform: uppercase;}

.day_number {font-size: 58px;line-height: 58px;letter-spacing: -2px;display: inline-block;}

.day_icons {display: inline-block;width: auto;padding: 0 15px;float: right;margin-top: 16px;}

.day_icons .day_refresh_button {padding: 0px;display: inline-block;font-size: 28px;vertical-align: middle;float: none;padding-right: 6px;width: auto;background: transparent;box-shadow: none; margin: 0;}



.day_icons .dropdown {display: inline-block;padding-left: 6px;}

.mealplan-sections .carousel_container .owl-item .show_meals_as_cards .blank_diet .blank_day_body {text-align: center;margin-top: 50px;padding-top: 15px;padding-bottom: 60px;margin-bottom: 10px;background: #FFFFFF;}

.mealplan-sections .carousel_container .blank_diet .blank_day_body h4 {font-size: 22px;font-weight: 500;margin-bottom: 10px;text-transform: none;}

.btn-outline-orange, .static-btn-outline-orange {color: #F0754F;background-color: #FFFFFF;background-image: none;font-size: 16px;border: 1px solid rgba(235, 118, 79, 0.5);-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);margin-bottom: 5px;}

.blank_day_body button {margin-top: 15px;}

.btn-outline-orange i, .static-btn-outline-orange i {margin-right: 3px;font-size: 20px;}

.btn-outline-secondary {background-color: transparent;background-image: none;border-color: rgba(0, 0, 0, 0.13);color: #2d303c;font-size: 14px;border-radius: 5px;}

.owl-nav button {height: 100%;opacity: 0.3;width: 30px;position: absolute;z-index: 1030;top: 0;cursor: pointer;transition: opacity 0.15s ease-in-out;margin: 0px !important;background: transparent !important;outline: none;}

.owl-nav button:hover {color: inherit !important;}

.owl-nav button.owl-prev {left: 0;border-right: 1px solid rgba(45, 48, 60, 0.1) !important;}

.owl-nav button.owl-next {right: 0;border-left: 1px solid rgba(45, 48, 60, 0.1) !important;}

.owl-nav button.owl-prev span {top: 20px;position: absolute;left: 6px;font-size: 40px;}

.owl-nav button.owl-next span {top: 20px;position: absolute;right: 6px;font-size: 40px;}

.owl-nav button:before {content: '';display: block;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.25;width: 100%;transition: opacity 0.15s ease-in-out;}

.owl-nav button.owl-prev:before{background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}

.owl-nav button.owl-next:before{background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}

.owl-nav button:hover:before {opacity: 0.4;}

.meal_list_border, .blank_day_body {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;transition: box-shadow 0.15s ease-in-out;}

.diet_load_spinner, .options_load_spinner {display: none;margin-top: 50px;margin-left: 350px;margin-bottom: 200px;}

.mealplan-sections .carousel_container .diet_load_spinner img {width: auto;}

.day_icons .day_refresh_button img,.meal_refresh_btn img,.food_refresh img,.day_icons .dropdown .drp-button img,.meal_options_dropdown .meal_title img,.meal_options_dropdown .meal_food_dropdow img{display: block !important;width: 30px !important;opacity: 0.6;padding-left: 6px;}

.day_icons .dropdown button#dropdownMenuButton,.meal_options_dropdown button.meal_title,.meal_options_dropdown button.meal_food_dropdow{padding: 0;background: transparent;border: 0;width: auto;}

.order-lg-1 {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}

.meal_list, .blank_day_body { margin-top: 10px; margin-bottom: 10px;background: #FFFFFF;}

.meal_list_border, .blank_day_body {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;transition: box-shadow 0.15s ease-in-out;}

.show_meals_as_cards .meal_list_border, .show_meals_as_cards .meal_list:hover {box-shadow: none;background: none;padding: 0;}

.meal_box {margin-bottom: 5px;position: relative;}

.show_meals_as_cards .meal_container {background: #FFFFFF;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;transition: box-shadow 0.15s ease-in-out;}

.meal_blocking_overlay {content: '';position: absolute;z-index: 99999;display: none;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, 0.6);}

.meal_header {font-size: 14px;padding-bottom: 10px;padding-top: 15px;padding-left: 20px;padding-right: 20px;}

.wtrFooter {clear: both;}

.mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn:focus {outline: none;}

.dropdown-item {display: block;width: 100%;padding: 0.25rem 1.5rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}

.dropdown-divider {height: 0;margin: 0.5rem 0;overflow: hidden;border-top: 1px solid #e9ecef;}

.dropdown-item i {padding-right: 5px;}



/**************************************** 28-12-20 ***************************************/

.order-lg-2 {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}

.workspace_area .workspace_stats .row {margin: 0;}

.workspace_area .meal_list .meal_box.meal_container {margin: 0;}

.workspace_area .meal_box .meal_header .col-auto.meal-header-type {float: left;width: 30%;}

.workspace_area .meal_box .meal_header .meal-header-type h3 {font-size: 18px;font-weight: 700;text-transform: capitalize;display: inline-block;line-height: 22px;}

.workspace_area .meal_box .meal_header .meal-header-type .meal_stats {display: inline-block;}

.workspace_area .meal_box .meal_header .meal-header-type .meal_stats span.cal_amount {font-size: 13px;font-weight: normal;color: #76767a;line-height: 20px;}

.workspace_area .meal_box .meal_header .meal_bar {float: right;}

.workspace_area .meal_box .meal_header .meal_bar .meal_refresh_btn,.workspace_area .meal_box .meal_header .meal_options_dropdown {display: inline-block;width: auto;vertical-align: middle;}

.workspace_area .meal_list .meal_box .meal_content {padding: 0px 15px 10px;display: block;clear: both;}

.workspace_area .meal_list .meal_box .meal_content .meal_foods {min-height: 50px;}

.diet_draggable {background-color: #FFFFFF;transition: border 0.15s ease-in-out;cursor: move;cursor: grab;cursor: -moz-grab;cursor: -webkit-grab;border: solid 2px rgba(0, 0, 0, 0);border-radius: 5px;}

.food_box {padding: 5px;border: solid 2px rgba(255, 255, 255, 0);}

.food_box:hover {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border: solid 2px rgba(240, 117, 79, 0.2);position: relative;}

.workspace_area .meal_list .meal_box .meal_content .food_image_column{min-width: 50px;flex: 0 0 50px;position: relative;display: inline-block;vertical-align: middle;}

.food_right_column {min-height: 1px;flex: 1 0 40%;/* display: flex; */position: relative;padding-left: 10px;display: inline-block;}

.diet_draggable .food_image, .food_name .print_name {cursor: pointer;}

.workspace_area .meal_list .meal_box .meal_content .food_image_column .food_image{width: 50px;height: 50px;border-radius: 10px;background-size: auto 50px;transition: box-shadow ease-in-out 0.15s;}

.workspace_area .meal_list .meal_box .meal_content .meal_foods .food_object_row {margin: 0;position: relative;}

.workspace_area .meal_list .meal_box .meal_content .row.meal_foods_row {margin: 0;}

.food_box .food_right_column h2.food_name {font-size: 18px;padding: 0;text-transform: capitalize;}

.day_icons .dropdown .drp-button {padding: 0;background: transparent;}

.food_thumbs, .ingredient_thumbs {flex: 0 0 auto;}

.diet_draggable:hover .thumbs_down_col, .diet_draggable:hover .thumbs_up_col {opacity: 1;}

.food_buttons_col {display: inline-block;}

.show_meals_as_cards .meal_container:hover {box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.22);z-index: 10;}

.workspace_area .workspace_stats {margin-top: 10px; margin-bottom: 10px;}

.workspace_area .workspace_stats .nutrition-row {display: inline-block;width: 100%;}

.workspace_area .workspace_stats .nutrition-row .current-stats-col .col-auto {font-weight: 600;}

.workspace_area .workspace_stats .nutrition-row .current-stats-col span {float: left;font-size: 16px;line-height: 28px;width: 33%;}

.workspace_area .workspace_stats .nutrition-row .current-stats-col div {display: inline-block;width: 100%;}

.workspace_area .workspace_stats .nutrition-row .small_top_spacer, .workspace_area .workspace_stats .nutrition-row .current-stats-amunt .small_top_spacer {margin-top: 10px;}

.workspace_area .workspace_stats .current-stats-amunt span {display: inline-block;width: 100%;font-size: 16px;line-height: 28px;}

/**************************************** 29-12-20 ***************************************/

.workspace_area .meal_list .meal_foods .mealpopup img {width: auto;display: inline-block;}

.workspace_area .meal_list .meal_box .meal_content .meal_foods .m-reg {position: absolute;top: 50%;margin-top: -17px;right: 0;display: none;align-items: center;justify-content: space-between;}

.workspace_area .meal_list .meal_box .meal_content .meal_foods .food_box:hover .m-reg {display: block;}

.show_meals_as_cards .meal_list_border .meal_box {margin-bottom: 10px !important;}

.workspace_area img {width: auto !important;}

#save_plans_modal .modal-content .modal-header {padding: 15px 30px;border: 0;}

#save_plans_modal .modal-content .modal-header button.close {padding: 1rem;position: absolute;right: 30px;top: 2px;opacity: 0.5;font-size: 26px;}

#save_plans_modal .modal-content .modal-body {padding: 15px 30px;}

#save_plans_modal .modal-content .modal-body .email_modal_description.row, #save_plans_modal .modal-content .modal-body .form-horizontal.row,#load_plans_modal .modal-content .modal-body .email_modal_description.row, #load_plans_modal .modal-content .modal-body .form-horizontal.row {margin: 0px;}

#save_plans_modal .modal-content .modal-body .email_modal_description p,#load_plans_modal .modal-content .modal-body .email_modal_description p {color: #212529;margin-bottom: 20px !important;line-height: 30px !important;font-size: 16px;}

#save_plans_modal .modal-content .modal-body .email_modal_description span.badge {color: #fff;background-color: #28a745;border-radius: 0.25rem;}

#save_plans_modal .modal-content .modal-body .form-horizontal .form-group,#load_plans_modal .modal-content .modal-body .form-horizontal .form-group {margin-bottom: 30px;}

#save_plans_modal .modal-content .modal-body .form-horizontal .form-group label.col-form-label,#load_plans_modal .modal-content .modal-body .form-horizontal .form-group label.col-form-label {padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.5;}

#save_plans_modal .modal-content .modal-body .form-horizontal .form-group .form-control,#load_plans_modal .modal-content .modal-body .form-horizontal .form-group .form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    height: 38px;}

#load_plans_modal {padding-left: 16px;}   

#load_plans_modal .modal-content .modal-header {padding: 15px 30px;border: 0;}

#load_plans_modal .modal-content .modal-header button.close {padding: 1rem;position: absolute;right: 30px;top: 2px;opacity: 0.5;font-size: 26px;}

#load_plans_modal .modal-content .modal-body {padding: 15px 30px;}

#load_plans_modal .modal-content .modal-body .form-horizontal .form-group .dates_to_load {margin-top: 15px;}





.form_top_spacer {padding-top: 7px;font-size: 16px;line-height: 24px;display: block;margin-left: auto;float: none;}

.small_bottom_spacer {padding-bottom: 10px;}

.col-form-label {padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.5;}

.datepicker {width: 300px;}

.datepicker table.table-condensed {border: 0;}

#save_plans_modal .modal-content .modal-body .form-group #meal-plan-stats-new strong {line-height: 30px;font-size: 16px;}

.ajax_success {margin-right: .25rem;width: auto;display: inline-block;}

.ajax_success button.btn {margin: 10px 0px;padding: 0.375rem 0.75rem;font-size: 14px;}

.ajax_success button.view_saved_plan_btn{background: transparent;color: #337ab7;border: 1px solid #337ab7;}

.ajax_success a.btn {font-size: 16px;}

.workspace_area .workspace_area_con {float: left; width: 50%;}

.workspace_area .workspace_area_right {padding-left: 60px;position: relative;}

.workspace_area .workspace_area_right .today_meals_plan {padding: 0;background: transparent;box-shadow: none;display: inline-block;width: 100%;}

.workspace_area {display: inline-block;width: 100%;margin-top: 30px;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg {font-size: 16px;line-height: 25px;font-weight: 700;text-transform: uppercase;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title {float: left;width: 50%;text-align: left;}

/**************************************** 30-12-20 ***************************************/

.workspace_area .meal-details h3 {font-size: 18px;}

.workspace_area .meal-ad .meal-img-txt h4 {font-size: 16px;}

.workspace_area .meal-ad .m-reg img {width: 25px !important;height: 25px !important;}

.workspace_area .meal-ad .m-reg .mealpopup:hover .receipe-description {right: 45px;}

.mealplan-header-top .calendar_actions .right_planner_buttons .dropdown-menu .dropdown-item {text-decoration: none;line-height: 25px;}

.mealplan-sections .plan_container .owl-item .container {overflow: inherit;}

.mealplan-sections .plan_container .owl-stage-outer {overflow: inherit;}

.page-template .container{padding: 0;}

.page-id-6873 header, .page-id-6873 .wtrBreadcrumb {display: none;}

/**************************************** 31-12-20 ***************************************/

.modal.show {opacity: 1;}

/*.page-id-6955.body,.page-id-6873.body,.page-id-6903.body,.page-id-6936.body,.page-id-6965.body,.page-id-7090.body {background-color: #F9F9F9;}*/

body.page-template {

    background-color: #F9F9F9;

}

.preferences-layout ul.nav-tabs {padding-left: 50px;padding-right: 50px;margin-top: 1rem !important;border: 0;}

.measure-list ul.nav {padding-left: 15px;}

.preferences-layout ul.nav-tabs a {font-size: 28px;color: #00000036;border: 0;border-bottom: 5px solid rgba(0, 0, 0, 0);padding: 15px;display: block;border-radius: 4px;font-weight: 200;background: transparent;}

.preferences-layout ul.tabs-container li a.active {color: black !important;border-bottom: 5px solid black !important;}

.preferences-layout ul.nav-tabs:after {content: '';border-bottom: 1px solid #dee2e6 !important;position: absolute;bottom: 3px;width: 100%;}

.measure-list ul.nav-tabs.after{content: '';border-bottom: 1px solid #dee2e6 !important;position: absolute;bottom: 3px;width: 100%;}

.preferences-layout ul.nav-tabs a:hover {background: transparent;border: 0;outline: none;}

.preferences_content .tab-pane {padding-left: 50px;padding-right: 50px;float: left; width: 100%;}

.settings_section_header h2, .upload-title h2, .result-title h2{font-size: 28px;font-weight: 600;margin-top: 50px;margin-bottom: 20px;}

.helper-text {padding: 0;}

.helper-text p {margin-bottom: 1rem;font-size: 16px;}

/**************************************** 01-01-21 ***************************************/

.preferences-layout .content_container {background: #FFFFFF;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;transition: box-shadow 0.3s ease-in-out;}

.preferences-layout .preset_selector_div {background: transparent;box-shadow: none;padding: 0px;}

.dislike_preferences_form .content_container > label {vertical-align: top;margin-right: 10px;padding-top: 15px;}

.content_container label, .dfield {display: inline-block;font-size: 20px;}

#e_ingredientdataForm .content_container label,#ingredientdataForm .content_container label{display: block;font-size: 14px;}

.content_container .dfield {width: 66%;}

#e_ingredientdataForm .content_container .dfield,#ingredientdataForm .content_container .dfield {width: 100%;}

.content_container .dfield select {width: 100%;background-color: #fff;border: 1px solid #ced4da !important;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;padding: 10px;}

.meal_type_list, .nutrition_profile_list {padding-bottom: 20px;}

.preferences-layout .preset_selector_div .ms-options-wrap button, .form-group.row.edit_meal_selector_div button,#e_ingredientdataForm .preset_selector_div .ms-options-wrap button,#ingredientdataForm .preset_selector_div .ms-options-wrap button{background-color: #fff;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;min-height: 46px;border: 1px solid #ced4da !important;font-size: 16px;padding: 0 15px;color: #555555;width: 100%;}

.preferences-layout .preset_selector_div .ms-options-wrap button,.form-group.row.edit_meal_selector_div button:focus,#e_ingredientdataForm .preset_selector_div .ms-options-wrap button,#ingredientdataForm .preset_selector_div .ms-options-wrap button {outline: none;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options ,.form-group.row.edit_meal_selector_div .ms-options,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options{border: 1px solid #ced4da !important;border-radius: 0.25rem;border-top: 0 !important;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options .ms-search,.form-group.row.edit_meal_selector_div .ms-options .ms-search,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options .ms-search,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options .ms-search{border-bottom: 1px solid #ced4da !important;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options .ms-search input[type="text"],.form-group.row.edit_meal_selector_div .ms-options .ms-search input[type="text"],#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options .ms-search input[type="text"],#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options .ms-search input[type="text"]{border: none !important;padding: 10px;width: 100%;font-size: 16px;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options ul,.form-group.row.edit_meal_selector_div .ms-options ul,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul{background: #fff;padding-top: 10px;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options ul li,.form-group.row.edit_meal_selector_div .ms-options ul li,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li{padding-left: 10px;line-height: 24px;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options ul li label ,.form-group.row.edit_meal_selector_div .ms-options ul li label,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li label,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li label{margin-right: 0;vertical-align: top;line-height: inherit;padding-left: 0px !important;font-size: 16px;}

.preferences-layout .preset_selector_div .ms-options-wrap .ms-options ul li label input ,.form-group.row.edit_meal_selector_div .ms-options ul li label input,#e_ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li label input,#ingredientdataForm .preset_selector_div .ms-options-wrap .ms-options ul li label input{margin-right: 10px;}

.meal_type_row, .nutrition_profile_row {margin: 0;padding-top: 20px;padding-bottom: 20px;border-bottom: 2px solid #e2e2e2;}

.meal_title {color: #333;font-size: 18px;font-weight: 600;letter-spacing: 0.61px;display: flex;align-items: center;}

.create_new_profile,.add_meal_type {padding-bottom: 1rem !important;padding-top: 1rem !important;display: inline-block;width: 100%;line-height: 26px;font-size: 18px;}

#nutrition_settings,#meal_type_settings {margin-bottom: 50px;}

.create_new_profile:hover,.add_meal_type:hover {text-decoration: none;}

.week_layout_div p {font-size: 18px;margin-bottom: 20px;}

.week_layout_div .badge {background: #ECDE0C;padding: 5px 7px;border-radius: 4px;color: #f8fcf5;}

.week_layout_div .template_diet_list {float: left;width: 100%;text-align: center;}

.week_layout_div .template_diet_list .single_template_row {float: none;margin: 0 auto;text-align: left;}

.template_title {font-size: 16px;font-weight: 600;}

.options_bar_label {display: block;font-size: 14px;line-height: 1.42857143;color: #999; padding-top: 3px;padding-bottom: 10px;}

.template_meals_container {min-height: 60px;}

.template_meals, .leftovers_template_meals {min-height: 55px;padding-top: 5px;padding-bottom: 5px;margin-bottom: 0;}

.template_meal, .leftovers_template_meal {display: flex;padding: 5px;font-size: 14px;margin-top: 8px;margin-bottom: 8px;cursor: move;text-align: left;white-space: normal;}

.meal_label_0 {background-color: #34b2f4;color: #fff;}

.meal_label_1 {background-color: #1b92ef;color: #fff;}

.modal-backdrop.fade.show { opacity: .5;}

.modal.show .modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0);}

.template_meal_title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;vertical-align: middle;flex: 1 0 50px;font-size: 15px;letter-spacing: 0.3px;}

.delete_template_meal {flex: 0 0 15px;opacity: 0.4;cursor: pointer;padding: 0;height: 24px;line-height: 24px;}

.template_meals_container .add_meal {background-color: #fff;padding: 8px 10px;font-size: 16px;line-height: 1;margin-bottom: 10px;}

.fa-question-circle-o:before {content: "\f29c";}

.week_layout_div .meal_types_div .meal_type_list {float: left;width: 100%;}

.week_layout_div .meal_types_div .meal_type_list .meal_type_row {display: inline-block;width: 100%;}

#week_layout_settings .meal_types_div #meal_type_settings {float: left;width: 100%;}

.preferences_content #saved_plans_settings .content_container .backgrid {margin: 0;border: 0;}

.preferences_content #saved_plans_settings .content_container .backgrid thead, .preferences_content #saved_plans_settings .content_container .backgrid tr, .preferences_content #saved_plans_settings .content_container .backgrid thead th, .preferences_content #saved_plans_settings .content_container .backgrid tbody td {border: 0;}

.saved_plans_div .content_container th label {font-size: 14px;display: inline-block;width: 100%;text-align: center;}

.preferences_content #saved_plans_settings .content_container .backgrid tbody tr td {border-top: 1px solid #DDD !important;font-size: 16px;text-align: center;}

.preferences_content #saved_plans_settings .content_container .backgrid tbody tr td.view_cell {text-align: center;}

.preferences_content .saved_plans_div .content_container {padding: 0;}

.preferences_content #saved_plans_settings .content_container .backgrid tbody tr td a {text-decoration: none;font-size: 13px;}

.preferences_content #saved_plans_settings .content_container .backgrid tbody tr td button.share_link:focus {outline: none;}

.preferences_content #saved_plans_settings .content_container .backgrid tr td:first-child {text-align: left;}

.edit_nutrition_targets_modal .modal-header .modal-title {display: inline-block;font-size: 20px;}

.edit_nutrition_targets_modal .modal-header button.close {margin-top: 0;opacity: 1;}

.edit_nutrition_targets_modal div#fbuilder .dfield label {font-size: 16px;line-height: 22px;}

.edit_nutrition_targets_modal #fbuilder .personal-macro-nutrition h2 {font-size: 18px;margin-bottom: 15px;}

.edit_nutrition_targets_modal #fbuilder .personal-macro-nutrition .cff-summary-item {margin-bottom: 10px;font-size: 16px;}

.edit_nutrition_targets_modal .modal-header button.close:focus {outline: none;}

/**************************************** 05-01-21 ***************************************/

.sidebar-div {float: left;width: 20%;background-color: #000;height: 100%;position: fixed;z-index: 1040;top: 0;bottom: 0;padding-left: 30px;}

.primary-div {float: right;width: 80%;}

.sidebar-div .widget_media_image a {display: block;}

.sidebar-div .widget_media_image a img {width: 45%; margin-left: 0;display: block;}

.sidebar-div .widget_media_image {margin-top: 30px;}

.sidebar-div .phpeverywherewidget h2 {font-size: 20px !important;color: #f8fcf5;text-transform: capitalize;margin-bottom: 60px;margin-top: 40px;}

.sidebar-div .widget_nav_menu li a {font-size: 20px;color: #fff;}

.sidebar-div .widget_nav_menu li {padding-left: 30px;}

.sidebar-div .widget_nav_menu li:before {font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 0;color: #fff;top: 50%;transform: translate(0, -50%);width: 15px;height: 15px;}

.sidebar-div .widget_nav_menu li.side-meal-plan:before {content: '\f073';}

.sidebar-div .widget_nav_menu li.side-preferences:before {content: '\f013';}

.sidebar-div .widget_nav_menu li.side-client-area:before {content: '\f012';position: absolute;top: 6% !important;font-size: 15px !important;}

.sidebar-div .widget_nav_menu ul li.upload-photos:before {content: '\f03e';}

.sidebar-div .widget_nav_menu ul li.result-tracker:before {content: '\f018';}

.sidebar-div .widget_nav_menu ul li.body-measurement:before {content: '\f267';}

.sidebar-div .widget_nav_menu ul li.today-workout:before {content: '\f84a';}

.sidebar-div .widget_nav_menu li a:hover {text-decoration: none;}

.sidebar-div .widget_nav_menu li a:hover::after{display:none}

.sidebar-div .widget_nav_menu li.current_page_item::before {color: #e74c3c;}

.sidebar-div .phpeverywherewidget {padding-left: 30px;position: relative;}

.sidebar-div .phpeverywherewidget h2:before {content: '\f007';font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 0;font-size: 20px;color: #f8fcf5;top: 50%;transform: translate(0, -50%);}

.sidebar-div .phpeverywherewidget .logout-btn, .sidebar-div .phpeverywherewidget .trainer_btn_logout {margin-top: 60px;}

.sidebar-div .phpeverywherewidget .logout-btn a, .sidebar-div .phpeverywherewidget .trainer_btn_logout a {font-size: 20px;color: #fff;}

.sidebar-div .phpeverywherewidget .logout-btn a:hover, .sidebar-div .phpeverywherewidget .trainer_btn_logout a:hover {text-decoration: none;}

.page-id-6903.body .wtrContainer { background-color: #F9F9F9;}

/**************************************** 06-01-21 ***************************************/

.choosePlan-layout {float: left;width: 100%;padding-top: 60px;margin-bottom: 60px;}

.choosePlan-layout h2 {font-size: 48px;font-weight: 500;line-height: 1.2;text-transform: capitalize;margin-bottom: 40px;}

.choosePlan-layout a.alert-share-box {background-color: #F0754F;display: inline-block;width: auto;padding: 15px 150px;}

/**************************************** 07-01-21 ***************************************/

.choosePlan-layout .trying-title {margin-bottom: 20px;}

.choosePlan-layout .trying-title h4 {font-weight: 400;text-transform: capitalize;margin-bottom: 5px;font-size: 20px;}

.choosePlan-layout .choosePlan-con {float: none;width: 60%;margin: 0 auto;display: flex;}

.choosePlan-layout .choosePlan-con .feature_column {border-radius: 5px;border: 1px solid #bebebe;padding: 30px;}

.feature_column_header {min-height: 130px;text-align: center;}

.header-medium {font-size: 24px;text-transform: capitalize;font-weight: 100;}

.feature_column_header .text-orange {font-size: 38px;letter-spacing: 1px;color: #F0754F;line-height: 45px;font-weight: 100;}

.feature_super {vertical-align: 15px;font-weight: normal;font-size: 16px;line-height: 1.38;letter-spacing: 0.5px;}

.feature_column_header .text-orange span.badge-primary {background: #F0754F;padding: 5px 8px;border-radius: 5px;margin-right: 8px;font-size: 12px;}

.text-cool-gray {font-size: 16px;line-height: 1.38;letter-spacing: 0.5px;color: #98999e;}

.feature_row {margin-bottom: 15px;padding-left: 25px;}

.choosePlan-layout .choosePlan-con .feature_column .feature_row h2 {font-size: 16px;line-height: 1.38;letter-spacing: 0.5px;margin-bottom: 0;display: inline-block;}

.choosePlan-layout .choosePlan-con .feature_column .feature_row .feature_check:after {content: '';display: block;width: 7px;height: 14px;border: solid #333333;border-width: 0 1px 1px 0;transform: rotate(45deg);}

.choosePlan-layout .choosePlan-con .feature_column .feature_row .feature_check {display: inline-block;margin-left: -22px;margin-right: 10px;}

.choosePlan-layout .choosePlan-con .feature_column .feature_row h2 {font-size: 16px;line-height: 1.38;letter-spacing: 0.5px;margin-bottom: 0;display: inline-block;}

.crossed_out h2 {color: #98999e;text-decoration: line-through;}

.choosePlan-layout .choosePlan-con .feature_column .feature_row.text-strong h2 {font-weight: 600;}

.choosePlan-layout .choosePlan-con .feature_column a.getStartedBtn {padding: 10px 10px !important;font-size: 16px;line-height: 24px;margin-top: 40px;}

.choosePlan-layout .choosePlan-con .feature_column a.free.getStartedBtn:hover {background: #6c757d;color: #fff;}

.subscription-con {margin: 50px 0px;}

.subscription-con h2.display-6 {font-size: 40px;font-weight: 500;text-transform: inherit;letter-spacing: normal;line-height: 42px;margin-bottom: 30px;}

.subscription-con .subscription_options {width: 45%;margin: 0 auto;}

.card {background-color: #fff;background-clip: border-box;border: 4px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;}

.card.border-orange {-webkit-box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);-moz-box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);box-shadow: 0 3px 10px 0 rgba(240, 117, 79, 0.22);border-color: #F0754F;}

.card-header {padding: 0.75rem 1.25rem;margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.125);font-size: 18px;text-transform: capitalize;font-weight: 300;}

.card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem;min-height: 180px;}

.orange_text {color: #f0754f;line-height: 43px;margin-bottom: 20px;}

.card-body p.noselect {font-size: 16px;margin-bottom: 16px;}

.card-body span.badge-primary {padding: 6px 13px;border-radius: 5px;}

.card-footer {padding: 0.75rem 1.25rem;border-top: 1px solid rgba(0, 0, 0, 0.125);}

.subscription-con .subscription_options .paynowBtn {padding-left: 30px;margin-top: 20px;display: inline-block;width: 100%;text-align: center;}

.subscription-con .card-deck .card-body strong#per_month {display: inline-block;}

.subscription-con .card-deck .card-body p.card-text.orange_text {margin: 0;}

.subscription-con .card-deck .checkbox label span, .subscription-con .card-deck .checkbox label small {padding: 4px 0;display: inline-block;}

.subscription-con .subscription_options .card-deck .checkbox input#rp {height: 40px;padding: 5px 10px;border-radius: 7px;}

.subscription-con .subscription_options .paynowBtn a {background: #f0754f;color: #fff;padding: 15px 90px;display: inline-block;border-radius: 6px;}

.subscription-con .subscription_options .paynowBtn a:hover {text-decoration: none;}

.card:hover {cursor: pointer;}

#login-2 {max-width: 800px;margin: 0 auto;background: #fff;}

#login-2 .content {margin-top: 0 !important;}

.modal.show .receipe-description {display: block;}

#openIngredientsMeal .receipe-description {display: block;}

.modal.show .receipe-description:before{display: none;}

.modal.show .receipe-description p {color: #555555;font-size: 16px;}

.modal.show .rcp-name {padding: 10px 20px;}

.modal.show .modal-content .modal-header h4.modal-title {margin: 0;}

.modal.show .modal-content .modal-header {position: relative;}

.modal.show .modal-content .modal-header button.close {position: absolute;right: 20px;font-size: 32px;opacity: 1;}

.food_preferences_div .meal-type_update, .food_preferences_div input.dislike_update,.drag-area button ,.bm-save,input#img-upload-btn ,button.remove-preview ,button.save-meal,.bm-form #bm-show-video,#rt-show-video,#tw-show-video{background-color: #f8fcf5 !important;color: #fff;border: none;padding: 10px 20px;font-size: 16px;letter-spacing: 0.05em;cursor: pointer;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;}

.food_preferences_div .meal-type_update:focus, .food_preferences_div input.dislike_update, .body-measurement-save .bm-save, input#img-upload-btn,button.remove-preview ,button.save-meal:focus,.bm-form #bm-show-video,#rt-show-video,#tw-show-video {outline: none;}

#dislike_preferences_form .helper-text {margin-bottom: 1rem;}

.nutrition_profiles_div #nutrition_profile .nutrition_profile_row {display: inline-block;width: 100%;}

.nutrition_profiles_div #nutrition_profile .nutrition_profile_row br {display: none;}

.page-template-paypalsuccess .choosePlan-layout {max-width: 800px;margin: 0 auto;padding: 20px;background: #fff;float: none;margin-top: 20px;text-align: center;}

.page-template-paypalsuccess .choosePlan-layout a.btn-link {background: #e74c3c;color: #fff;border: none;padding: 15px 20px;font-size: 16px;letter-spacing: 0.05em;cursor: pointer;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;display: inline-block;margin-bottom: 20px;}

.page-template-paypalsuccess .choosePlan-layout h1.success {line-height: 31px;margin: 0 90px;text-transform: capitalize;}

.page-template-paypalsuccess .choosePlan-layout br {display: none;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap button {background-color: #fff;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;min-height: 46px;border: 1px solid #ced4da !important;font-size: 20px;padding: 0 15px;color: #555555;width: 100%;font-weight: 400;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap button:focus {outline: none;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap .ms-options {border: 1px solid #ced4da !important;border-radius: 0.25rem;border-top: 0 !important;background: #fff;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap .ms-search {border-bottom: 1px solid #ced4da !important;margin-bottom: 3px;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap .ms-search input[type="text"] {border: 0; padding: 10px;width: 100%;font-size: 18px;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap .ms-options ul li {width: 100%;display: inline-block;font-size: 16px;}

.createFreeProfile #fbuilder .dfield .ms-options-wrap li label {width: 100%;}

.createFreeProfile #fbuilder .fields .dfield input[type="checkbox"] {height: 16px;}

.workspace_area .workspace_area_right .micro_day_stats #list_result span.calorie_title {font-weight: bolder;line-height: 18px;}

.workspace_area .workspace_area_right div#target,#openWeekFoodPlan .workspace_area_con.workspace_area_right div#target {display: inline-block;position: absolute;top: 0;right: 0;  font-size: 16px;line-height: 25px;text-align: center;font-weight: 700;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan {padding: 0;background: transparent;box-shadow: none;display: inline-block;width: 100%;position: relative;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right {position: relative;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .micro_expandable {box-shadow: none;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .micro_expandable:hover{color: #fff;  background-color: #6c757d;border-color: #6c757d;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .micro_day_stats {margin-top: 5px; font-size: 18px;margin-bottom: 15px;letter-spacing: 0.3px;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .micro_day_stats .micro_details_header {

    padding-bottom: 10px;padding-top: 10px;font-weight: bold;font-size: 18px;}

#openWeekFoodPlan .workspace_area_con.workspace_area_right .micro_day_stats span.calorie_title { font-weight: bolder;line-height: 26px;}



/*** added css for weekly shopping list ****/



#weekly_shopping_list_modal  .micro_expandable { box-shadow: none;}

#weekly_shopping_list_modal .micro_expandable:hover{color: #fff;background-color: #6c757d;border-color: #6c757d;}

#weekly_shopping_list_modal .micro_day_stats {margin-top: 5px;font-size: 18px;margin-bottom: 15px;letter-spacing: 0.3px;}

#weekly_shopping_list_modal .micro_details_header {padding-bottom: 10px;padding-top: 10px;  font-weight: bold;font-size: 18px;}

#weekly_shopping_list_modal .micro_day_stats span.calorie_title {font-weight: bolder;line-height: 26px;}

/*** added css for weekly shopping list ****/

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie,.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg  .protien,.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg  .carbohydrate,.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg  .fats,.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg  .fibre,.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg  .price,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg  .protien,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg  .carbohydrate,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg  .fats,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .fibre,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg  .price {width: 15%;float: left;text-align: right;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie-col,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie-col {color: #FCB524;margin-top: 8px;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .protien-col,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .protien-col {color: #976fe8;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .fat-col,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .fat-col {color: #52C0BC;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span {    font-weight: 700;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie-col,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .calorie-col {color: #000;font-weight: 700;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg .carbohydrate-col,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg .carbohydrate-col {color: #FCB524;}

.workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg > span,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg > span {    text-align: center;width: 70%;display: inline-block;margin-bottom: 10px;text-transform: uppercase;}

.workspace_area .workspace_area_right div#target > span:first-child,#openWeekFoodPlan .workspace_area_con.workspace_area_right div#target > span:first-child {text-align: center;   display: inline-block;margin-bottom: 7px;text-transform: uppercase;}

.workspace_area .workspace_area_right .micro_expandable:hover {color: #fff;background-color: #6c757d;

    border-color: #6c757d;}

.workspace_area .workspace_area_right .micro_day_stats {margin-top: 5px;font-size: 12px;overflow-y: auto;height: 373px;margin-bottom: 15px;letter-spacing: 0.3px;}

.workspace_area .workspace_area_right .micro_day_stats .micro_details_header {padding-bottom: 10px;  padding-top: 10px;font-weight: bold;font-size: 12px;}

.weekly .single-week {margin-top: 1rem !important;display: inline-block;width: 100%;}

.weekly .single-week .show-d {display: inline-block;}



/******************************** Weekly selection view css *****************************************/

#weekly-day .single-week h3 {color: #212529;font-size: 24px;font-weight: 200;vertical-align: middle;  display: inline-block;text-transform: capitalize;line-height: 36px;padding: 0 15px;letter-spacing: 0;}

#weekly-day .single-week h3.active {color: #e74c3c;}

#openIngredientsMeal .ingre-detail { line-height:22px;}

/*#weekly-day .single-week:nth-child(odd) h3 {

    color: #f0754f;

}*/

.weekly .single-week .s-plan {margin-top: 0;padding-bottom: 15px;border-top: 1px solid rgba(0, 0, 0, 0.06);text-align: center;padding-top: 15px;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);border-radius: 5px;transition: box-shadow 0.15s ease-in-out;margin-bottom: 10px;background: #FFFFFF;}

.weekly .single-week .s-plan button.generate_day_btn {margin-top: 15px;}

.weekly .single-week .s-plan span.template_info.text-small {margin-top: 15px;line-height: 20px;}

#weekly-day .s-plan h4 {font-size: 22px;font-weight: 200;letter-spacing: 0;margin: 0 0 8px 0; text-align: center;text-transform: capitalize;}

.weekly .single-week .a-meal {float: left;width: 100%;border: 0 !important;}

.weekly .single-week .m-d {float: left;width: 50%;margin-bottom: 5px;}

.weekly .single-week .m-reg-1 {float: right;padding-right: 15px;}

#weekly-day .template_info {display: block;}

#weekly-day .a-meal {position:relative;display: inline-block;border-left: 3px solid transparent;    border-top: 1px solid rgba(0, 0, 0, 0.04);margin-left:20px;}

#weekly-day .all-meal {position: relative;background: #FFFFFF;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);border-radius: 0px;transition: box-shadow 0.15s ease-in-out;margin-bottom: 10px;width: 23%;  float:left;background: #FFFFFF;border-left: 1px solid #EEEEEE;z-index: 10;height:235px;  margin-right:20px;}

#weekly-day .meal-details {display: flex;align-items: center;justify-content: space-between;}

#weekly-day .meal-details .m-name h3 {font-size: 18px;padding-left: 0;font-weight: 600;line-height: 30px;}

#weekly-day .meal-ad {display: flex;align-items: center;background-color: #FFFFFF;transition: border 0.15s ease-in-out;cursor: move;cursor: grab;cursor: -moz-grab;cursor: -webkit-grab;border: solid 2px rgba(0, 0, 0, 0);border-radius: 5px;padding: 5px;position: relative;}

#weekly-day .meal-img img {width: 50px;height: 50px;object-fit: cover;border-radius: 10px;}

#weekly-day .meal-img-txt {margin-left: 15px;width: 55%;}

#weekly-day .meal-ad .meal-img-txt h4 {font-size: 12px;line-height: 14px;}

#weekly-day .meal-ad .m-reg {display: flex;visibility: hidden;align-items: center;justify-content: space-between;}

#weekly-day .meal-ad:hover .m-reg {display: flex;visibility : visible;}

#weekly-day .meal-ad .m-reg .mealpopup {display: inline-block;margin-left: 10px;}

#weekly-day .meal-ad .m-reg img {width: 25px !important;height: 25px !important;}

#weekly-day .m-d {display: flex;align-items: center;}

#weekly-day .m-d h3 {margin: 0 20px 0 0;}

#weekly-day .show-d .workspace_area_con {display: none;}

#weekly-day .show-d:hover .workspace_area_con {display: block;}

#weekly-day .workspace_area_con {padding: 15px 20px;margin-bottom: 10px;}

#weekly-day .single-week .show-d button.btn {margin: 0;padding: 0;border: 0;position: relative;  padding-right: 20px;box-shadow: none;}

#weekly-day .single-week .show-d button.btn:focus {outline: none;}

#weekly-day .single-week .show-d button.btn:after {content: "\f05a";font: normal normal normal 14px/1 FontAwesome;color: #999999;font-size: 16px;padding-left: 10px;position: absolute;right: 0;top: 50%;margin-top: -9px;}

#weekly-day .today_meals_plan_msg {font-size: 18px;line-height: 36px;}

#weekly-day .slide-arrow {text-align: center;justify-content: center;margin: 50px 0px;display: flex;}

#weekly-day .slide-arrow a.btn-lg {background-color: transparent;background-image: none;   border-color: rgba(0, 0, 0, 0.13);color: #2d303c;box-shadow: none;line-height: 37px;height: 45px;}

#weekly-day .btn-1,.btn-2{position: relative;}

#weekly-day .current_date_range {color: #000;font-size: 16px;line-height: 45px;padding: 0 20px;}

#weekly-day .btn-lg { font-size: 18px;padding: 4px 16px;line-height: 28px;float: left;border-color: rgba(0, 0, 0, 0.13);color: #2d303c;background: transparent;margin: 0 2px;}

.day_icons .day_refresh_button span.dayregenerate_plan img {width: 32px !important;height: 32px;   padding: 0;opacity: 1;}

#weekly-day .weekly_list{background: #e74c3c !important;color: #fff;border: none;padding: 10px 20px;

font-size: 16px;letter-spacing: 0.05em;cursor: pointer;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);border-radius: 5px;}

/********************************* Body Measurements ***************************/

#menu-sidebar-menu li.menu-item-has-children {border: 0px;}

#sidebar-prefrence {overflow-y: auto;-ms-overflow-style: none;scrollbar-width: none;}

#sidebar-prefrence::-webkit-scrollbar {display: none;}

#sidebar-prefrence ul#menu-sidebar-menu li.menu-item-has-children {padding-left: 0;}

#sidebar-prefrence ul#menu-sidebar-menu li.menu-item-has-children > a {padding-left: 30px;margin-bottom: 20px;}



#menu-sidebar-menu li.menu-item-has-children a {font-weight: bold;}

#measure-table .measure-table table, #measure-table .measure-table th, #measure-table .measure-table td, table.bodymeas-table, th.bm-head, td.bodymeas-td {border: 0;}

#measure-table .measure-table tr:hover ,tr.bodymeas-row:hover{background: transparent;}

#measure-table .measure-table tr:hover {background: transparent;}

#measure-table .measure-table td, td.bodymeas-td{border-bottom: 1px solid #ddd;}

#measure-table .measure-table th , th.bm-head{border-bottom: 3px solid #000;}

/*********************************** Packages Page style ******************************************/

.packages-slider .owl-nav button {color: #e74c3c !IMPORTANT;background: transparent !important;   box-shadow: none !important;border: 0 !important;opacity: 1 !important;}

.packages-slider .owl-nav button::before {background: transparent;}

.packages-slider .owl-nav button span {font-size: 66px;}

.packages-slider #packages-data .owl-nav {margin: 0;}

.packages-slider .owl-nav button.owl-next {right: 20px;}

.packages-slider #packages-data .owl-nav button.owl-prev {left: 20px;}

.package_image img {width: 100%;}

.package-details.mealplan-sections {margin-top: 40px;}

.package_DescriptionShow a,#editWorkout .modal-footer button.btn,.workout-content .modal-dialog .modal-footer #workout-complete,.package-details .package_content .package_date button.btn,button.save-meal {background-color: #e74c3c !important;color: #fff;border: none;padding: 10px 20px;font-size: 16px;

    letter-spacing: 0.05em;cursor: pointer;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);border-radius: 5px;background-image: url(https://shape-changers.co.uk/wp-content/plugins/designthemes-core-features/shortcodes/images/button-bg-medium.png);background-repeat: no-repeat;text-decoration: none;}



.package_image button#subscribe_plan{color: #fff;border: none;padding: 10px 20px;font-size: 16px;

    letter-spacing: 0.05em;cursor: pointer;box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);border-radius: 5px;background-image: url(https://shape-changers.co.uk/wp-content/plugins/designthemes-core-features/shortcodes/images/button-bg-medium.png);background-repeat: no-repeat;text-decoration: none;}







.workout-content .modal-dialog .modal-footer #workout-complete {margin-top: 0;}

.package_DescriptionShow a {display: inline-block;margin-bottom: 30px;}

.package_DescriptionShow {text-align: center;}

.package_DescriptionShow #package_Description {text-align: left; line-height:1.5em;}

.package_DescriptionShow #package_Description p,b,strong {display:flex;} 

.package-details .package_image {text-align: center;}

.package-details .package_content h2 {font-size: 28px;font-weight: 600;margin-bottom: 20px;}

.package-details .package_content .workout-list {float: left;width: 100%;margin-top: 30px;}

.package-details .package_content .workout-list .workout-listing {display: inline-block;width: 100%;margin-bottom: 25px;padding: 15px 20px;background: #fff;border-radius: 5px;cursor: pointer;}

.sidebar-div .widget_nav_menu ul li span.notification-icon:before {content: "\f0f3";font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 0;font-size: 20px;color: #ff0000;top: 50%;   transform: translate(0, -50%);}

.sidebar-div .widget_nav_menu ul li span.notification-icon:before {content: "\f0f3";font: normal normal normal 14px/1 FontAwesome;font-size: 20px;color: #ff0000;position: relative;}

.sidebar-div .widget_nav_menu ul li span.notification-icon {position: absolute;top: 50%;margin-top: -15px;right: 20px;}

.workout-list .workout-listing .workout-content .form-check input {width: 18px;height: 18px;}

.workout-list .workout-listing .workout-content .form-check {margin-right: 20px;}

.package-details .package_content .workout-list .workout-listing > div {padding: 0;}

/*.package-details .package_content .workout-list .workout-listing img {width: 80px;}*/

.work-shape {width: 80px;}

.workout-list .workout-listing .workout-content {display: flex;vertical-align: middle;align-items: center;}

.workout-list .workout-listing .workout-content h2 {font-size: 16px;margin: 0;vertical-align: middle;

    text-transform: capitalize;}

#workoutPop a#openAccordion svg,#workoutPop a#closeAccordion svg {width: 22px;height: 22px;}

a#closeAccordion.disable,a#openAccordion.disable {display: none;}

.workout-content .panel {border: 0;margin: 15px 0px;box-shadow: none;}

.workout-content .panel .panel-heading {padding: 0;background: transparent;display: flex;   align-items: center;cursor: pointer;}

.workout-content .panel .panel-heading img {width: 55px;height: 55px;border-radius: 5px;}

.workout-content .panel .panel-heading h4.panel-title {margin-left: 20px;width: 100%;}

.workout-content .panel .panel-body {border: 0 !important;padding: 15px 0px !important;}

/*.modal-backdrop.fade.show{z-index: 9999;}*/

#workoutDetails.fade.show {z-index: 99999;}

.workout-content .modal-dialog {width: 850px;}

.workout-content .panel .panel-body .discrete-half {display: -webkit-box;display: -webkit-flex;    display: -ms-flexbox;display: flex;}

.workout-content .panel .panel-body .discrete-half > div {padding: 12px;border: 1px solid #f0f0f0;    width: 50%;min-width: 100px;flex-direction: column;border-radius: 5px;}

.workout-content .panel .panel-body .discrete-half > div:last-child {margin-left: 1rem;}

.workout-content .panel .panel-body .discrete-half > div > div {display: inline-block;}

.workout-content .panel .panel-body .discrete-half > div .leftcon, .workout-content .panel .panel-body .discrete-half > div .rightcon {display: inline-block;}

.workout-content .panel .panel-body table, .workout-content .panel .panel-body th, .workout-content .panel .panel-body td {border: 0;}

.workout-content .panel .panel-body thead.pica th {padding: 6px !important;}

.workout-content .panel .panel-body thead.pica th div {padding: 10px;border: 1px solid #f0f0f0;border-radius: 5px;}

.workout-content .panel .panel-body td:first-child {padding: 16px;}

.workout-content .panel .panel-body thead.pica th:first-child div,.workout-content .panel .panel-body .discrete-half > div .rightcon input {border: 0;}

.workout-content .panel .panel-body .discrete-half > div .rightcon {float: right;}

.workout-description .description-list span.catTitle {float: left;}

.workout-description .description-list span.catItem {float: right;}

.workout-description .description-list {display: inline-block;width: 100%;margin: 10px 0px;}

.workout-description {margin-top: 20px;}

#openAccordion, #closeAccordion {float: right;}

.package_DescriptionShow #package_Description h2 {font-size: 20px;text-transform: capitalize;   margin-bottom: 25px;}

.package_DescriptionShow #package_Description p {margin: 0 16px 20px;}

.package_DescriptionShow #package_Description h5 {text-transform: capitalize;margin-bottom: 20px;   font-weight: 400;}

.package_DescriptionShow #package_Description h5 strong {margin-right: 10px;}

.package_DescriptionShow #package_Description h3 {text-transform: capitalize;

    margin-bottom: 15px;}

.package_DescriptionShow #package_Description span {margin-bottom: 40px;display: inline-block;    width: 100%;}

/*#workoutDetails .modal-dialog {width: 870px;}

#workoutDetails .modal-content .modal-body {padding: 0;}

#workoutDetails .modal-content .modal-body .workout-description,#workoutDetails .modal-content .modal-body .package_DescriptionShow {padding: 0 32px;}*/

.packages-slider #packages-data .owl-nav button span {top: 50%;margin-top: -33px;}

.modal.show#editWorkout {z-index: 99999;}

#editWorkout .modal-header h5#editWorkoutLabel {font-size: 20px;}

.workoutList {display: flex;flex-direction: row;align-items: center;margin-bottom: 20px;}

.workoutList .editWorkoutLeft {ustify-content: flex-start;display: flex;align-items: center;   overflow: hidden;min-width: -webkit-min-content;min-width: -moz-min-content;min-width: min-content;min-height: 3.375rem;justify-items: flex-start;flex-shrink: 0;}

.workoutList .editWorkoutLeft img {width: 60px;border-radius: 4px;}

.editWorkoutMiddle {width: 100%;}

.editWorkoutMiddle, .editWorkoutRight {flex-grow: 1;margin-left: 1rem;}

.editWorkoutMiddle h2 {display: flex!important;flex: 1 1 auto!important;line-height: 19px;   font-weight: 600;font-size: 16px;}

.editWorkoutRight {margin-right: 8px;}

.editWorkoutRight input#flexCheckDefault {width: 16px;height: 16px;}

#editWorkout .modal-footer {text-align: center;padding: 30px;}

#editWorkout .modal-footer button.btn {margin: 0;}

#editWorkout .modal-dialog {width: 800px;}

#editWorkout .modal-body span.input-group-append {z-index: 99;}

#editWorkout .modal-body span.input-group-append {z-index: 99;right: inherit;left: 0;top: 50%;    margin-top: -20px !important;}

#editWorkout .modal-body span.input-group-append button.btn {border: 0;font-size: 18px;}

#editWorkout .modal-body .input-group {padding-left: 30px;margin-bottom: 30px;}

.uploadPhoto {display: inline-block;margin-left: 20px;margin-top: 20px;}

.uploadPotosSec .photoLeft, .uploadPotosSec .photoright {padding: 10px 20px;}

/*#tinymce .uploadPotosSec .photoLeft p {line-height: 21px;text-transform: capitalize;}*/

.uploadPotosSec .photoLeft p {line-height: 21px;text-transform: capitalize;margin: 0;}

.uploadPotosSec .photoLeft {padding-right: 0;}

.uploadPotosSec {display: flex;background: #e74c3c;color: #fff;border-radius: 8px;} 

.uploadPotosSec .photoright a.dropdown-toggle {padding: 0;color: #fff;cursor: pointer;}

.uploadPotosSec .photoright a.dropdown-item {padding: 8px 25px;}

.uploadPotosSec .photoright .dropdown-menu {min-width: 180px; color:#000000 !important; text-align:center !important;}

.uploadPhoto .uploadPotosSec .photoright > p {background: url(images/dots.png) no-repeat center top / 100% 100%;position: absolute;width: 5px;height: 15px;margin: 0;top: 50%;margin-top: -8px;}

.uploadPhoto .photoright {position: relative;}

.uploadPhoto .uploadPotosSec .photoright:hover .dropdown-menu {display: block;padding: 12px 0px;}

.package-details .package_content input.date_range_selector {width: auto;display: inline-block;   margin-top: 30px;}

.package-details .package_content .package_date {position: relative;}

.package-details .package_content .package_date span#cal-icon {top: 50% !important;margin-top: -9px;color: #000 !important;}

.package-details .package_content .package_date input.date_range_selector {width: 100%;display: inline-block;margin-right: 20px;margin-top: 0;background-color: #fff !important;border: 1px solid #ced4da !important;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;padding: 10px !important;height: 46px;}

.package-details .package_content .package_date .dateSelector {width: 40%;display: inline-block;position: relative;margin-right: 30px;margin-top: 30px;float: left;}

.package-details .package_content .package_date button.btn {margin-top: 30px;}



   

/*********************************** Packages Page style END  *********************************/

/*********************************** Todays Workout style Start  *********************************/

.page-id-7327 .mealplan-sections h4 {font-size: 18px;margin: 20px 20px;}

.page-id-7327 .mealplan-sections .packages-slider {margin: 0 20px;}

.page-id-7327 .mealplan-sections h4 a {margin-left: 5px;}

/*********************************** Todays Workout style END  *********************************/

/*********************************** 27-08-21 Start  *********************************/

.workspace_area .meal-details .m-reg span {

    display: inline-block;

    margin-left: 10px;

}

.workspace_area .meal-details .m-reg span:first-child {

    margin-left: 0;

}

.workspace_area .meal-details .m-reg i.fa.fa-lock {

    width: 20px;

    height: 20px;

    text-align: center;

    font-size: 24px;

}

.workspace_area .meal-details .m-reg span img {

    width: 20px !important;

    height: 20px;

}

/*********************************** 27-08-21 END  *********************************/

/*********************************** 02-09-21 Start  *********************************/



form#body_measurements .WeightCircumference span {

    font-size: 16px;

    line-height: 1.4;

    font-weight: 400;

    margin-bottom: 0px !important;

    display: block;

}

form#body_measurements .WeightCircumference input.measurement {

    margin: 0 10px;

}

.int-bd {

    display: flex;

}

form#body_measurements .WeightCircumference input.measurement.first {

    margin-left: 0;

}

.page-template .PackagesDeatils {

    padding: 10px 20px;

}

.PackagesDeatils strong {

    margin: 10px 0px;

    font-size: 18px;

    text-transform: uppercase;

}

.mealplan-sections strong {

    margin: 10px 0px;

    font-size: 18px;

    text-transform: uppercase;

}

.mealplan-sections strong.package-all-txt {

    margin: 10px 0px 10px 18px;

}

.receipe-description #loader{

    text-align: center; 

    margin-top: -23px; 

    display: none; 

    width:15px;

    height:15px;

    margin-left:43%;

}











/*********************************** 02-09-21 END  *********************************/



/******************************** MEDIA QUERY *******************************/

@media only screen 

    and (device-width: 390px) 

    and (device-height: 844px) 

    and (-webkit-device-pixel-ratio: 3) { 

        .packages-data img{

            width: auto;

            margin: 0 auto;

        }

    }

@media screen and (max-width: 1500px) {

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {padding: 6px 10px;}

}

@media screen and (max-width: 1410px) {

    .subscription-con .subscription_options {width: 60%;}

}

@media screen and (max-width: 1370px) {

    .weekly .single-week .m-d {width: 70%;}

}

@media screen and (max-width: 1366px) {

    .mealplan-sections .carousel_container .owl-item .single_day_view_container {padding-left: 100px;}

}

@media screen and (max-width: 1300px) {

    .choosePlan-layout .choosePlan-con {width: 75%;}

}

@media screen and (max-width: 1150px) {

    #weekly-day .meal-ad .meal-img-txt h4 {font-size: 10px;line-height: 12px;}

    #weekly-day .meal-img-txt {width: 40%;}

    #weekly-day .meal-details .m-reg img {width: 25px;height: 25px;}

     .checked-meal {

margin-left: -20px !important;

margin-top: 0px !important;

}

.checked-meal input.checked_cat {

    width: 20px !important;

    height: 20px !important;

}

}

@media screen and (max-width: 1199px) {

    .nutrition_profile_description,.meal_type_description{font-size: 14px;}

    #week_layout_settings .meal_types_div #meal_type_settings .content_container {display: inline-block;}

    .sidebar-div {width: 22%;}

    .primary-div {width: 78%;}

    .preferences-layout ul.nav-tabs a {font-size: 24px;}

    .sidebar-div .phpeverywherewidget h2 {font-size: 20px !important;}

    .sidebar-div .widget_nav_menu li a {font-size: 20px;}

    .sidebar-div .phpeverywherewidget .logout-btn a, .sidebar-div .phpeverywherewidget .trainer_btn_logout a{font-size: 20px;}

    .sidebar-div .phpeverywherewidget .logout-btn, .sidebar-div .phpeverywherewidget .trainer_btn_logout {margin-top: 40px;}

    .sidebar-div .phpeverywherewidget h2 {margin-bottom: 40px;}

    .content_container .dfield {width: 65%;}

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 14px;margin-right: 10px !important;}

    .mealplan-header-top .calendar_actions .btn-lg {font-size: 14px;padding: 4px 12px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {font-size: 14px;padding: 4px 12px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 14px;}

    .subscription-con .subscription_options > div {padding: 0;}

    .subscription-con .subscription_options {width: 65%;}

    .subscription-con .subscription_options .paynowBtn {padding-left: 15px;}

    .box-right {

    width: 250px!important;

    margin-left: 25px;

}

}

@media screen and (max-width: 1140px) {

    .choosePlan-layout .choosePlan-con {width: 85%;}

}

@media screen and (max-width: 1150px) {

    .subscription-con .subscription_options {width: 75%;}

    .mealplan-sections .carousel_container .owl-item .single_day_view_container {padding-left: 0px;}

}

@media screen and (max-width: 1100px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 12px;padding: 6px;}

    .mealplan-header-top .calendar_actions .btn-lg {font-size: 12px;padding: 4px 9px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 12px;}

}

@media screen and (max-width: 1025px) {

    .workspace_area .workspace_area_con {float: left;width: 100%;}

    .workspace_area .workspace_area_left {margin-bottom: 30px;}

    .workspace_area .workspace_area_right {padding-left: 0px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title {width: 70%;}

    .workspace_area .workspace_area_right .today_meals_plan {margin: 0 -15px;}

    #weekly-day .all-meal {padding: 10px 5px;}

    .weekly-checked-meal{margin-left: -23px !important;}

    .package-details .package_content .package_date .dateSelector {width: 60%;}

    .box-right {width: 235px!important;

    margin-left: 10px;}

   

}

@media screen and (max-width: 1000px) {

    #weekly-day .single-week h3 {font-size: 20px;}

    #weekly-day .btn-lg {font-size: 16px;}

    .box-right {

    width: 240px!important;

    margin-left: 35px;

}

.workout-listing .workout-content .box-left .box-left-heading {

    padding-left: 10px!important;

}

.workout-list .workout-listing .workout-content h2 {

    font-size: 14px;

}

.package-details .package_content .workout-list .workout-listing{

    padding: 15px 10px;

}

.heading-images i {

    font-size: 20px;

}

.heading-images img {

    width: 20px!important;

}

.right-icon i {

    font-size: 20px;

}

}

@media screen and (max-width: 992px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 16px;padding: 6px 16px;width: auto;}

    .mealplan-header-top .calendar_actions .btn-lg {font-size: 16px;padding: 4px 16px;margin: 0 10px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {font-size: 16px;padding: 4px 16px;}

    .mealplan-header-top .calendar_actions {padding-right: 0px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons {text-align: left;float: left;width: 100%;padding: 0 15px;margin-top: 20px;}

    .tablet-right {float: right;}

    .mealplan-header-top .calendar_actions .tablet-right a.next_plan_button { margin-right: 0;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto {width: 33.33%;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 16px;width: 100%;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.regenerate_weeks_meals_btn { margin: 0;}

    #weekly-day .meal-img img {width: 40px; height: 40px;}

    .weekly .single-week .a-meal {display: inline-block !important;padding: 0 15px;}

    #weekly-day .single-week .a-meal img {width: 50px;height: 50px;}

    #weekly-day .meal-ad .meal-img-txt h4 {font-size: 20px;line-height: 30px;}

    #weekly-day .meal-img-txt {width: 100%;}

    #weekly-day .single-week .meal-details .m-reg img {width: 25px;height: 25px;}

    #weekly-day .all-meal {width: 100%; height: auto;}

    #weekly-day .a-meal {margin-left: 8px;}

    .modal.show#editWorkout { padding: 0 20px; }

    #editWorkout .modal-dialog {width: 100%;margin: 60px 0 0;}

}

@media screen and (max-width: 990px) {

    .week_layout_div .template_diet_list {margin-top: 20px;}

    .sidebar-div {width: 25%;}

    .primary-div {width: 75%;}

    .preferences-layout ul.nav-tabs a {font-size: 20px;}

    .settings_section_header h2 {font-size: 24px;}

    .choosePlan-layout h2 {font-size: 40px;}

    .choosePlan-layout .choosePlan-con {width: 100%;display: block;float: left;}

    .box-right {

    width: 240px!important;

    margin-left: 20px;

}

}

@media screen and (max-width: 945px) {

    .registration-form .um-register .um-form .um-field .um-field-label {width: 30%;}

    .registration-form .um-register .um-form .um-field .um-field-area{float: left;width: 65%  !important;}

    .um-field-error {width: 65%  !important;}

    .registration-form .um-register .um-form .um-field.um-field-tearm .um-field-area {width: 66%;}

    .registration-form .um-register .um-form .um-field.um-field-block {width: 65%;padding: 5px 5px 20px;}

    .registration-form .um.um-register .um-col-alt:before {width: 30% !important;}

    .subscription-con .subscription_options {width: 100%;}

    .box-right {

    width: 180px!important;

    margin-left: 20px;

}

    

}

@media screen and (max-width: 901px) {

    .cal-sidebar .side-social a {width: 50%;}

    .edit_meal_type_buttons a {font-size: 14px;}

    .preferences-layout ul.nav-tabs a {font-size: 18px;}

    .settings_section_header h2 {font-size: 24px;}

    .preferences_content #saved_plans_settings .content_container .backgrid tbody tr td {font-size: 13px;}

    .saved_plans_div .content_container th label {font-size: 12px;}

    .preferences-layout ul.nav-tabs {padding-left: 20px;padding-right: 20px;}

    .preferences_content .tab-pane {padding-left: 20px;padding-right: 20px;}

    .content_container .dfield {width: 75%;}

    .mealplan-sections .carousel_container .owl-item .single_day_view_container {padding-left: 0px;}

    .choosePlan-layout .choosePlan-con .feature_column .feature_row h2 {font-size: 14px;}

    .workout-list .workout-listing .workout-content h2 {

    line-height: 23px;

}

}

@media screen and (max-width: 855px) {

    .weekly .single-week .m-d {width: 80%;}

}

@media screen and (max-width: 840px) {

    .registration-form .um-register .um-form .um-field.um-field-tearms_6 .um-field-area label {height: 37px;}

    .content_container .dfield {width: 100%;margin-top: 20px;}

    .sidebar-div {width: 30%;}

    .primary-div {width: 70%;}

}

@media screen and (max-width: 830px) {

    .registration-form .um-register .um-form .um-field .um-field-area{width: 64%  !important;}

    .um-field-error {width: 64%  !important;}

    .registration-form .um.um-register .um-col-alt:before {width: 29% !important;}

    .package-details .package_content .workout-list .workout-listing img {

    width: 55px;

}

.box-right {

    width: 140px!important;}

    .right-icon i {

    font-size: 20px;

}

}

@media screen and (max-width: 815px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {width: 33%;}

    .mealplan-header-top .calendar_actions .btn-lg {margin: 0 5px;}

}

@media screen and (max-width: 810px) {

    .preferences-layout ul.nav-tabs a {font-size: 16px;padding: 15px 10px;}

    .settings_section_header h2 {font-size: 20px;margin-top: 30px;margin-bottom: 15px;}

    .choosePlan-layout .choosePlan-con .feature_column {padding: 15px;}

    .choosePlan-layout h2 {font-size: 36px;}

    .choosePlan-layout a.alert-share-box {padding: 15px 80px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title, #openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title { width: 60%;}

}

@media screen and (max-width: 790px) {

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 14px;}

}

@media screen and (max-width: 780px) {

    .cal-sidebar .side-social {display: inline-block;width: 100%;}

    .cal-sidebar .side-social a {width: 49%;display: inline-block;font-size: 14px;text-align: center;}

    .cal-sidebar .side-social a#fbLink {background-color: #007bff;border-color: #007bff;margin-right: 0;}

}

@media screen and (max-width: 770px) {

    .choosePlan-layout .choosePlan-con .feature_column .feature_row h2 {font-size: 12px;}

    .feature_column_header .text-orange {font-size: 32px;}

    .header-medium {font-size: 22px;}

    .weekly .single-week .m-d {display: inline-block !important;margin-bottom: 12px;}

    #weekly-day .single-week h3 {font-size: 20px;display: inline-block;width: 100%;margin: 0;}

    .weekly .single-week .show-d {width: 100%;padding: 0 15px;}

    .weekly .single-week .m-reg-1 {margin-top: 15px;}

}

@media screen and (max-width: 768px) {

    .page-id-6554 .wtrInner,.page-id-6875  .wtrInner {width: 80%;position: relative;}

     .meal_type_row, .nutrition_profile_row {text-align: center;}

    .meal_title {display: inherit;text-align: center;margin-bottom: 6px;}

    .text-right {text-align: center;margin-top: 60px;}

    .choosePlan-layout .choosePlan-con .feature_column .feature_row h2 {font-size: 16px;}

    .choosePlan-layout .choosePlan-con .feature_column {margin-bottom: 40px;}

    .choosePlan-layout {margin-bottom: 0px;}

    .card.monthly_card {margin-bottom: 30px;} 

    .card.six_month_card {margin-bottom: 20px;} /*update_10*/

    .card-body {min-height: auto;}

    .createFreeProfile #fbuilder .fields .dfield {width: 100%;padding-left: 0px;}

    .package-details .package_content .package_date .dateSelector {width: 100%;margin-right: 0px;}

    .package-details .package_content .package_date {margin-bottom: 50px;}

    .box-right .text-right {

    margin: 0px;

    text-align: inherit;

}

.box-right {

    width: 162px!important;

    margin-left: 0px;

}

.right-icon i {

    font-size: 20px!important;

}

.package-details .package_content .workout-list .workout-listing img {

    width: 40px;

}

.heading-images i {

    font-size: 20px!important;

}

}

@media screen and (max-width: 768px) and (min-width: 320px) {

    .diat-form .diat-plan label {line-height: inherit;text-align: left;padding-left: 0;padding-bottom: 5px;}

    .heading-images i {

    font-size: 20px;

}

.workout-listing .workout-content .box-left .heading-images img {

    width: 25px!important;

}

}

@media screen and (max-width: 767px) {

    .diat-form .diat-plan {float: left;width: 100%;}

    .diat-form .diat-plan .calories input#cal_input {width: 70%;}

    .diat-form .calories a.not_sure_btn {float: right;line-height: 46px;}

    .diat-form label#select_error {padding-bottom: 10px;margin-top: 5px;}

    .diat-plan.btns label {display: none;}

    .registration-form .um-register .um-form .um-field .um-field-label {width: 100%;padding: 0;text-align: left;line-height: inherit;padding-bottom: 5px;}

    .registration-form .um-register .um-form .um-field .um-field-area{width:100% !important;}

    .um-field-error {width:100% !important;}

    .registration-form .um-register .um-form .um-field.um-field-tearm .um-field-area {width: 100%;padding: 0px;}

    .registration-form .um.um-register .um-col-alt:before{display:none;}

    .registration-form .um-register .um-form .um-field.um-field-block {width: 100%;padding: 0px;margin-bottom: 15px;}

    .wizard-content-left {height: auto;}

    .createFreeProfile #fbuilder .dfield h2,.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields h2 {font-size: 30px;}

    .createFreeProfile #fbuilder .fields label {width: 100%;padding-bottom: 10px;}

    .preferences-layout ul.nav-tabs li {display: inline-block;width: 100%;text-align: center;}

    .preferences-layout ul.nav-tabs:after {left: 0;}

   .preferences-layout ul.nav-tabs {padding-left: 20px;padding-right: 20px;}

   .preferences_content .tab-pane {padding-left: 20px;padding-right: 20px;}

   .week_layout_div p {font-size: 16px;}

   .week_layout_div .badge {padding: 4px 7px;}

   .week_layout_div .meal_types_div .meal_type_list .text-right {margin-top: 15px;}

   .workspace_area .meal-ad .meal-img-txt h4 {font-size: 12px;}

   .box-right {

    width: 280px!important;

    margin-left: 15px;

}



}

@media screen and (max-width: 741px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 14px;padding: 6px 12px;}

    .mealplan-header-top .calendar_actions .btn-lg {font-size: 14px; margin: 0 3px;}

    .mealplan-header-top {padding: 15px 0px;}

}

@media screen and (max-width: 700px) {

    .nutrition_profile_description, .meal_type_description {font-size: 14px;line-height: 20px;}

}

@media screen and (max-width: 685px) {

    .cal-sidebar .side-social a#fbLink {margin-right: auto;margin-bottom: 20px;}

    .cal-sidebar .side-social a {width: 70%;display: block;font-size: 16px;text-align: center;margin: 0 auto;}

    .sidebar-div {width: 35%;padding-left: 20px;}

    .primary-div {width: 65%;}

    .text-right {margin-top: 95px;}

    .mealplan-header-top .calendar_actions select.carousel_view_selector { width: 30%;}

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 12px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 12px;padding: 6px;}

    .mealplan-sections .carousel_container .blank_diet .blank_day_body h4 {font-size: 16px;padding: 0 10px;}

    #weekly-day .meal-ad .meal-img-txt h4 {font-size: 18px;line-height: 26px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg {font-size: 12px;}

    .workspace_area .workspace_area_right div#target,#openWeekFoodPlan .workspace_area_con.workspace_area_right div#target {font-size: 12px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title {width: 55%;}

    .box-right {

    width: 240px!important;

    margin-left: 15px;

}

}



@media screen and (max-width: 630px) {

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto {width: 100%;margin-bottom: 10px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 16px;padding: 6px;margin: 0;}

    .mealplan-header-top .calendar_actions .right_planner_buttons div:nth-child(2) {padding: 0px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto .dropdown-menu {width: 100%;}

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 10px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {padding: 4px 10px;}

    .mealplan-header-top .calendar_actions select.carousel_view_selector {width: 32%;}

    .box-right {

    width: 220px!important;

}

}

@media screen and (max-width: 600px) {

    .content_container .dfield {width: 100%;margin-top: 15px;}

    .sidebar-div {width: 100%;padding: 10px;position: relative;text-align: center;}

    .sidebar-div .widget_media_image {margin-top: 0px;}

    .sidebar-div .widget_media_image a img {width: 30%;margin-left: auto;display: block;margin-right: auto;}

    .sidebar-div .phpeverywherewidget {padding-left: 0px;}

    .sidebar-div .widget_nav_menu li a {font-size: 20px;padding: 0;}

    .sidebar-div .widget_nav_menu li {padding-left: 0px;}

    .sidebar-div .phpeverywherewidget h2 {font-size: 20px !important;margin-bottom: 20px;margin-top: 30px;}

    .sidebar-div .phpeverywherewidget .logout-btn, .sidebar-div .phpeverywherewidget .trainer_btn_logout {margin-top: 20px;margin-bottom: 20px;}

    .sidebar-div .phpeverywherewidget .logout-btn a, .sidebar-div .phpeverywherewidget .trainer_btn_logout a {font-size: 22px;}

    .sidebar-div .widget_nav_menu li:before {left: 50px;}

    .sidebar-div .phpeverywherewidget h2:before {left: 50px;}

    .primary-div {width: 100%;}

    .choosePlan-layout h2 {font-size: 30px;}

    .choosePlan-layout a.alert-share-box {padding: 15px 20px;}

    .subscription-con h2.display-6 {font-size: 32px;}

    .workspace_area .meal-ad .meal-img-txt h4 {font-size: 16px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg {font-size: 16px;}

    .workspace_area .workspace_area_right div#target,#openWeekFoodPlan .workspace_area_con.workspace_area_right div#target {font-size: 16px;}

    .result-tracker {padding-left: 0px !important; }

    .editWorkoutMiddle h2 {font-size: 14px;}

    .receipe-description #loader{text-align: center; margin-top: -23px; display: none; width:15px; height:15px; margin-left:85%;}

    .box-right {

    width: 340px!important;

    margin-left: 20px;

}

   

}

@media screen and (max-width: 590px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 14px;padding: 6px 2px;}

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 8px;}

    .mealplan-sections strong center {text-align: center; margin: 0 auto!important;}

    .mealplan-sections strong.package-all-txt {text-align: center; margin: 0 auto!important;}



}

@media screen and (max-width: 560px) {

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 16px;padding: 6px 2px;width: 100%;margin-bottom: 10px;}

    .tablet-right {float: right;width: 100%;} 

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 15px;font-size: 16px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {padding: 4px 15px;}

    .choosePlan-layout .choosePlan-con {padding: 0;}

    .int-bd {display: block;}

    form#body_measurements .WeightCircumference input.measurement {margin: 0px 10px 15px 0px;}

    .calendar_actions div.tablet-right {display: flex;justify-content: center;} /*update_4*/

}

@media screen and (max-width: 550px) {

    .cal-sidebar .side-social a {width: 100%;}

    .registration-form .um-register .um-form .um-field.um-field-tearm {height: 30px;}

    .createFreeProfile #fbuilder .dfield h2,.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields h2 {font-size: 25px;}

    .createFreeProfile #fbuilder .dfield h5,.createFreeProfile #fbuilder .pb2.pbreak fieldset .fields p {font-size: 14px;}

    .createFreeProfile #fbuilder .dfield .yourProfile h3 {font-size: 24px;margin-top: 20px;margin-bottom: 10px;}

    .createFreeProfile #fbuilder fieldset .pbNext, .createFreeProfile #fbuilder fieldset .pbPrevious {width: 100%;margin: 0 0 10px;text-align: center;}

    .cp_cff_13 #fbuilder .pb3.pbreak .pbPrevious {margin-bottom: 55px;}

    .createFreeProfile #fbuilder .pb3.pbreak .continue-btn {width: 100%;padding: 10px;right: 0px;}

    .createFreeProfile #fbuilder .pb3.pbreak .continue-btn input {width: 100% !important;}

    .nutrition_profile_description, .meal_type_description {line-height: 20px;}

    .create_new_profile, .add_meal_type {font-size: 14px;}

    .sidebar-div .phpeverywherewidget .logout-btn a {font-size: 20px;}

    .meal_title {font-size: 14px;line-height: 20px;}

    .signUpdiv #signUp {width: 100%;}

    .diat-form .diat-plan .diat-btn #searchsubmit {width: 100% !important;}

    .diat-form .diat-plan {padding-bottom: 0;}

    .cal-sidebar .side-social a#fbLink {margin-bottom: 10px;}

}

@media screen and (max-width: 520px) {

    .registration-form .um.um-register .um-half {width: 100%;}

    .registration-form .um.um-register .um-left.um-half {margin-bottom: 20px;}

    .registration-form .um.um-register .um-left.um-half input {padding: 12px 30px !important;width: 100% !important;}

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 12px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {padding: 4px 12px;}

    .workspace_area .meal-ad .meal-img-txt h4 {font-size: 12px;line-height: 18px;}

    .workspace_area .meal-details h3 {font-size: 14px;}

    div#upload-tab-content, div#upload-tab-content2, div#upload-tab-content3 {text-align: center;}

    .box-right {

    width: 256px!important;

    margin-left: 20px;

}

.heading-images i {

    font-size: 20px;

}

.workout-listing .workout-content .box-left .heading-images img {

    width: 20px!important;

}

}

@media screen and (max-width: 500px) {

    .diat-form .diat-plan .calories input#cal_input {width: 100%;}

    .diat-form .calories a.not_sure_btn {float: left;}

    .createFreeProfile #fbuilder .pb3.pbreak .dfield .congratulations-tab p {font-size: 16px;}

    .page-id-6554 .wtrInner,.page-id-6875  .wtrInner {width: 100}

    .content_container .dfield select {font-size: 16px;}

    .mealplan-header-top .calendar_actions .open_calendar_preview .input-group-addon {font-size: 14px;}

    .mealplan-header-top .calendar_actions .btn-lg {padding: 4px 12px;font-size: 14px;}

    .mealplan-header-top .calendar_actions select.carousel_view_selector {font-size: 14px;}

    .mealplan-header-top .calendar_actions .right_planner_buttons .col-auto button.btn {font-size: 14px;}

    #weekly-day .meal-ad .meal-img-txt h4 {font-size: 14px;line-height: 18px;}

    .box-right {

    width: 280px!important;

    margin-left: 15px;

}

    

}

@media screen and (max-width: 450px) {

    .meal_type_row div, .nutrition_profile_row div {padding: 0;}

    .settings_section_header h2 {font-size: 18px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg {font-size: 12px;}

    .workspace_area .workspace_area_right div#target,#openWeekFoodPlan .workspace_area_con.workspace_area_right div#target {font-size: 12px;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title {width: 52%;}

    .box-right {

    width: 170px!important;}

}



@media screen and (max-width: 430px) {

    .text-right {margin-top: 100px;}

    .nutrition_profile_row .edit_nutrition_profile, .nutrition_profile_row .delete_nutrition_profile {padding: 10px 0px;}

    .text-right {margin-top: 110px;}

    .checked-meal input.checked_cat {

    width: 20px !important;

    height: 20px !important; }

.checked-meal {

margin-left: -20px !important;

margin-top: 0px !important;

}

.int-bd {

    line-height: 25px;

}

.box-right {

    width: 205px!important;

    margin-left: 20px;

}

}



@media screen and (max-width: 400px) {

    .cal-sidebar .side-social a {padding: 12px 10px;}

    .settings_section_header h2 {font-size: 18px;margin-top: 20px;}

    .content_container .dfield select {font-size: 18px;}

    .text-right {margin-top: 75px;}

    .subscription-con h2.display-6 {font-size: 26px;}

    .subscription-con .card-deck .card-body strong#per_month {display: inline-block;font-size: 20px !important;}

    .workspace_area .workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title,#openWeekFoodPlan .workspace_area_con.workspace_area_right .today_meals_plan .today_meals_plan_msg span.calorie_title {width: 60%;}

}

@media screen and (max-width: 380px) {

    .registration-form .um-register .um-form .um-field.um-field-tearm {height: 50px;}

    .week_layout_div .text-center a.apply_changes_to_plans {font-size: 12px;}

    .feature_column_header .text-orange {font-size: 28px;}

    .box-right {

    width: 185px!important;

    margin-left: 5px;

}

.package-details .package_content .workout-list .workout-listing {

    padding: 15px 10px;

}



}

@media all and (max-width: 1000px) and (min-width: 700px){

.progress_photos_row {

    width: 33% !important;

 }

} 

@media all and (max-width: 700px) and (min-width: 375px) {

 .progress_photos_row {

    width: 50% !important;

 }



}

    

@media screen and (max-width: 375px){

    #weekly-day .weekly_list {

    background: #e74c3c !important;

    color: #fff;

    padding: 12px 4px;

    margin-right: 2px;

    font-size: 14px;

    letter-spacing: 0.05em;

    cursor: pointer;

    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%);

    border-radius: 5px;

}

    #weekly-day .current_date_range {

    color: #000;

    font-size: 15px;

    line-height: 33px;

    padding: 0px 0px;

}

 .progress_photos_row {

    width: 100% !important;

}

}

@media screen and (max-width: 320px){

    .box-right {

    width: 152px!important;

    margin-left: 0px;

}

}



/*body-measurement section style*/

.bm-form{

    float: right;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

    padding-left: 50px;

    padding-right: 30px;

    /*padding-top: 30px;*/

}

h3.form-title {

    font-size: 28px;

    font-weight: 600;

    margin-top: 50px;

    margin-bottom: 20px;

}

p .para-bm ,p .para-rt{

/*margin-bottom: 1rem !important;*/

font-size: 16px;

line-height: 1.4;

font-weight: 400;

}

p.para-bm ,p .para-rt {

    margin-bottom: 10px !important;

}

.input-group .form-control {

    background-color: #fff !important;

    border: none !important;

    box-shadow: none !important;

        font-size: 18px;

    line-height: 28px;

}

.input-group-addon {

    color: #337ab7 !important;

}

.input-group-append {

    position: absolute;

    right: 10px;

    top: 37%;

    color: #e74c3c;

}

span .input-group-append{

    color: #e74c3c !important;

}

.input-group-append span {

    color:  #ECDE0C;

    font-size:16px !important;

}

.form-control{

    padding-right: 30px !important;

}

input.form-control {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

}

.form-field{

    position: relative;

    display: table;

    border-collapse: separate;

    width: 100%;

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    padding: 8px;

}

.input-group {

    position: relative;

    display: table;

    border-collapse: separate;

    width: 100%;

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    padding: 8px;

}

span.input-group-addon {

    border: none !important;

    background-color: #fff !important;

}

.form-control {

    padding-right: 30px !important;

    background-color: #fff !important;

    border: none !important;

    box-shadow: none !important;

    font-size: 18px;

}

.form-sub-field{

    position: relative;

    display: table;

    border-collapse: separate;

    width:100%;

    background-color: #fff;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

    padding: 8px;

    margin-top:10px;

}

/*button style*/



.body-measurement-save .bm-save {

  float :right;

}

.col-md-12.body-measurement-save .bm-save,.bm-form #bm-show-video,#rt-show-video,#tw-show-video {

    outline: none !important;

}

.col-md-12.body-measurement-save {

    padding-right: 0px !important;

}



.mt{

    margin-top:10px !important;

}

.mb{

    margin-bottom:10 !important;

}

/*Table style*/

#measure-table .show, #upload-tab-content .show, #upload-tab-content2 .show, #upload-tab-content3 .show {

    opacity: 1;

}

/*right-left-tab-style*/

.measure-list ,.upload-tabs {

    border-bottom: none !important;

    display: flex;

    justify-content: center !important;

    margin-bottom: 20px;

}

.measure-list ul.nav-tabs a{

    font-size: 28px;

    color: #00000036 !important;

    border: 0;

    border-bottom: 5px solid rgba(0, 0, 0, 0);

    padding: 15px;

    display: block;

    border-radius: 4px;

    font-weight: 200;

    background: transparent !important;

}

    

.measure-list ul.nav-tabs a:hover {

    background: transparent;

    border: 0;

    outline: none;

}

.measure-list ul.tabs-container li a.active {

    color: #e74c3c;

    border-bottom: 5px solid #e74c3c;

}



/*responsive css*/

@media only screen and (max-width: 900px) and (min-width: 846px)  {

    .bm-form{

        width:75% !important;

    }

}



@media only screen and (max-width: 845px) and (min-width: 618px)  {

    .bm-form{

        width:67% !important;

    }

}

@media only screen and (max-width: 617px) and (min-width: 320px)  {

    .bm-form{

        width:100% !important;

    }

}

@media only screen and (max-width: 900px) {

.form-group.col-md-6.no-pad-left {

    padding-right: 0px !important;

}

.form-group.col-md-6.no-pad-right {

    padding-left: 0px !important;

}

}

/*uploas-photos popup style*/

.modal-header {

    border-bottom: none;

    display: flex;

    flex-direction: row;

    align-items: center;
    justify-content: center;

}

/*upload-photos style*/

.upload-title, .upload-image-content,.drag-area{

    padding-left: 50px;

    padding-right: 50px;

}

#upload-content .show {

    opacity: 1;

}

.drag-area{

  border: 2px dashed #fff;

  height: 500px;

  width: 100%;

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

.drag-area.active{

  border: 2px solid #fff;

}

.drag-area .icon{

  font-size: 100px;

      color: #ccc;

}

.drag-area header{



  font-weight: 500;

      font-size: 28px;

    color: rgb(45, 48, 60);

}

.drag-area span{

  font-size: 25px;

  font-weight: 500;

    color: rgb(45, 48, 60);

  margin: 10px 0 15px 0;

}



.drag-area img{

  height: 100%;

  width: 100%;

  object-fit: cover;

  border-radius: 5px;

}

.upload-image-area{

    background-color:#fff;

}



/*image style*/

.front-image,.rear-image ,.left-image, .right-image{

    padding: 20px 50px;

}

/*end upload-photos style*/



/*start style of Result Tracker*/



.result-tracker {

    padding-left: 25px;

}

span#cal-icon {

    top: 62% !important;

    right: 24px !important;

    color: #bdbdbd !important;

}

p.para-rt {

    margin-top: 10px !important;

    margin-bottom: 10px;

}

div.result-section-2 {

    width: 100%;

    height: 300px;

    display: flex;

    margin: auto;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

span.result-icon i.fa.fa-calendar {

    background: #ECDE0C;

    height: 2rem;

    width: 2rem;

    max-width: 350px;

    transition: all .4s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    width: 3.75rem;

    height: 3.75rem;

    font-size: 28px;

    color: #f8fcf5;

}

.nselect-box , .rselect-box{

  display: flex;

  flex-direction: column;

}



.nselect-box .noptions-container, .rselect-box .roptions-container{

    background: #fff;

    color: #333;

    max-height: 0;

    width: 100%;

    opacity: 0;

    transition: all 0.4s;

    overflow: hidden;

    order: 1;

}



.nselected, .rselected{

  background: #fff;

  border-radius: 0px;

  margin-bottom: 8px;

  color: #333;

  position: relative;

  order: 0;

}



.nselected::after,.rselected::after {

    content: "";

    background: url(images/arrow-down.png);

    background-size: contain;

    background-repeat: no-repeat;

    position: absolute;

    height: 40%;

    width: 27px;

    right: 0px;

    top: 11px;

    transition: all 0.4s;

}



.nselect-box .noptions-container.active {

  max-height: 240px;

  opacity: 1;

}



.nselect-box .noptions-container.active + .nselected::after, .rselect-box .roptions-container.active + .rselected::after {

  transform: rotateX(180deg);

  top: 10px;

}





.nselect-box .noption,

.nselected, .rselect-box .roption,

.rselected {

  padding: 10px 12px;

  cursor: pointer;

}



.nselect-box .noption:hover,.rselect-box .roption:hover {

  background: #eee;

}



.nselect-box label, .rselect-box label{

  cursor: pointer;

}



.nselect-box .noption .radio ,.rselect-box .roption .radio{

  display: none;

}

span.result-arrow-icon,span.ricon{

    position: absolute;

    right: 1%;

    font-size: 20px;

    font-weight: 500;

    color: #333;

}

.result-section-1 {

    position: relative;

    width: 100%;

    overflow: hidden;

    margin-top: 50px;

}

.result-section-1, .result-bm {

    position: relative;

    width: 100%;

    overflow: hidden;

    margin-top: 50px;

}







span.ricon {

    right: 4% !important;

}

/*table list style*/

div#measurement {

    margin-top: 25px;

}



/*end style of Result Tracker*/



/*upload-photos style*/

.box,.single-box {

  position: relative;

  background: #ffffff;

  width: 100%;

}



.box-header,.single-box-header {

  color: #444;

  display: block;

  padding: 10px;

  position: relative;

  border-bottom: 1px solid #f4f4f4;

  margin-bottom: 10px;

  width : 100%;

}

.single-box-body img {

    margin-top: 20px;

}

.box-tools,.single-box-tools{

  position: absolute;

  right: 0px;

  left:0px;

  top: 0px;

}



.dropzone-wrapper,.single-dropzone-wrapper {

  background:#fff;

  color: #92b0b3;

  position: relative;

  height: 150px;

}



.dropzone-desc,.single-dropzone-desc{

  position: absolute;

  margin: 0 auto;

  left: 0;

  right: 0;

  text-align: center;

  width: 40%;

  top: 50px;

  font-size: 16px;

}



.dropzone,.single-dropzone,

.dropzone:focus{

  position: absolute;

  outline: none !important;

  width: 100%;

  height: 150px;

  cursor: pointer;

  opacity: 0;

}



.dropzone-wrapper:hover,.single-dropzone-wrapper:hover,

.dropzone-wrapper.dragover {

  background: #ecf0f5;

}



.preview-zone, .single-preview-zone{

  text-align: center;

}

.preview-zone .box ,.single-preview-zone .single-box{

  box-shadow: none;

  border-radius: 0;

  margin-bottom: 0;

}

.image-upload,.single-image-upload{

    width: 100%;

    height: auto;

    /*display: flex;*/

    justify-content: center;

    align-items: center;

    flex-direction:column;

}



div#upload-tab-content,div#upload-tab-content2,div#upload-tab-content3 {

    width: 100%;

    height: auto;

    /*display: flex;*/

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 100px;

}

div.common-upload-btn,div.single-common-upload-btn{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom:15px;

}

.image-upload-container {

    margin-left: 10px;

}

/*remove btn style*/

button.remove-preview{

    padding:5px 10px !important;

}

/*photos style */

.col-md-6.upload-photo-1 img, .col-md-6.upload-photo-2 img{

    width:400px;

}

p.upload-para {

    line-height: 1.5;

    padding-left: 25px;

    padding-top: 14px;

}

ul.photos-list {

    list-style: inside;

    line-height: 1.5;

    padding-left: 30px;

    padding-top: 5px;

}

.col-md-6.upload-photo-1, .col-md-6.upload-photo-2 {

    display: flex;

    justify-content: center;

    align-items: center;

}

    



.progress_photos_row {

    text-align:center;

    font-weight: bold;

    padding: 1rem;

    border-radius: 8px;

    margin-bottom: 50px;

    font-weight: bold;

    padding: 1rem;

    margin-bottom: 50px;

    width: 20%;

    float: left;

    position:relative;

}

.progress_photos_row img#dynamic_front_image,

.progress_photos_row img#dynamic_rear_image,

.progress_photos_row img#dynamic_left_image,

.progress_photos_row img#dynamic_right_image{

    width: 100% !important;

    height: 150px;

}

 

@media screen and (max-width: 992px) {

    .col-md-4.single-img-div{

        width: 100%;

        align-items: center;

        justify-content: center;

        display: flex;

        flex-direction: column;

        margin-bottom: 20px;

    }

    .col-md-4.single-upload-btn-div {

    width: 100%;

    align-items: center;

    justify-content: center;

    display: flex;

    }

}

@media only screen and (max-width: 768px){

.upload-layout.container {

    margin-left: 0px !important;

    margin-right: 0px !important;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

div#upload-tab-content,div#upload-tab-content2,div#upload-tab-content3{

    margin-top:25px;

}

.progress_photos_row img#dynamic_front_image,

.progress_photos_row img#dynamic_rear_image,

.progress_photos_row img#dynamic_left_image,

.progress_photos_row img#dynamic_right_image{

    width: 100px !important;

    height:100px !important;

}

}



/*single front image style*/

.col-md-4.single-upload-img-div,.col-md-4.single-img-div{

    margin-top: 20px;

}

.col-md-4.single-upload-btn-div {

    margin-top: 75px;

}



span.single-close {

 position: absolute;

    right: 5px;

    margin-top: -10px !important;

    background: #E74C3C;

    border-radius: 50%;

    padding: 3.5px 5px;

    margin-left: 0px;

}

/*end upload-photos style*/



/*custom-edit-meal-plan css*/

.meal-layout {

    padding: 15px 20px;

}

input.meal-name,input.calories,select#meal-select {

    font-size: 1rem;

}

span.edit-meal i {

    padding-right: 5px;

    font-size: 16px;

    color: #F0754F;

}

span.edit-meal i:hover {

    color:#333;

}

.edit-meal-plan {

    padding-top:5px;

}

.edit-meal-plan i,i.fa.fa-pencil{

    padding-right: 5px;

    color: black;

}

div#custom-edit-meal-body {

    padding: 15px 15px 0px !important;

}

button#custom-meal-popup-save i {

    padding-right: 5px !important;

}

button#custom-meal-popup-save:focus{

    outline:none;

}

div#edit-meal-header,form#mealplan_form {

    padding: 15px 30px !important;

    border : none !important;

    margin-right:0 !important;

    margin-left:0 !important;

}



div#edit-meal-layout {

    padding: 15px 0px 15px !important;

}

div#edit-meal-footer {

    padding-top: 15px !important;

    padding-bottom: 15px !important;

    border-top: 1px solid #e5e5e5 !important;

    padding-right: 0px !important;

}

div#edit-meal-content {

    margin-top: 50px !important;

}

div#edit-meal-header .close {

    right: 15px !important;

}

.form-group.row.edit_meal_selector_div {

    display: flex;

}



/*end custom-edit-meal-plan css*/



/* photp popup close button css start */

#popupphoto .modal-content .modal-header button.close {

    padding: 1rem;

    position: absolute;

    right: 5px;

    top: 2px;

    opacity: 0.5;

    font-size: 26px;

}

.progress_photos_row img:hover{

    cursor:pointer;

}

.single-close:hover{ cursor:pointer; }

/* photp popup close button css end */

/*meal-plan checkbox design*/

.checked-meal {

    position: absolute;

    left: 0;

    margin-left: -50px;

    margin-top: 50px;

}



.checked-meal input.checked_cat {

    width: 30px;

    height: 30px;

    display:none;

}

.weekly-checked-meal input.weekly_checked_cat {

    width: 15px;

    height: 15px;

    display:none;

}

.weekly-checked-meal {

    position: absolute;

    margin-left: -37px;

    top: -3px;

}



#cemp-popup .modal-content .modal-header button.close {

    padding: 1rem;

    position: absolute;

    right: 30px;

    top: 2px;

    opacity: 0.5;

    font-size: 26px;

}

#nutrition_profile_modal .modal-content .modal-header button.close {

   padding: 1rem;

    position: absolute;

    right: 30px;

    top: 2px;

    opacity: 0.5;

    font-size: 26px; 

}

#openWeekFoodPlan .modal-content .modal-header button.close {

    padding: 1rem;

    position: absolute;

    right: 30px;

    top: 2px;

    opacity: 0.5;

    font-size: 26px;

}

.modal-content .modal-header button.close {

   padding: 1rem;

    position: absolute;

    right: 30px;

    top: 2px;

    opacity: 0.5;

    font-size: 26px; 

}

/*Pop-up button style */

button#custom-meal-popup-save,button#custom-meal-popup-update{

    float:right;

}

.footer_buttons i.fa.fa-save {

    padding-right: 3px;

}

.meal-layout .form-group.row {

    display: flex;

}

/*Code date:22-10-21 by kishan*/

input#calory, input#mealname, 

input#spm_calory, input#spm_mealname,input#spm_serving_size,input#spm_protein_amount,input#spm_carbohydrate_amount,input#spm_fats_amount,

input#spm_calory_update, input#spm_mealname_update,input#spm_serving_size_update,input#spm_protein_amount_update,input#spm_carbohydrate_amount_update,input#spm_fats_amount_update,

input#acm_calory, input#acm_mealname,input#acm_serving_size,

input#acm_calory_update, input#acm_mealname_update,input#acm_serving_size_update,

input#cefs_mealname, input#cefs_serving_size,

input#acm_protein,input#acm_carbohydrates,input#acm_fat,input#acm_protein_update,input#acm_carbohydrates_update,input#acm_fat_update,

input.date_range_selector,input.date_range_selector_2,#diet-select,input#datetimepicker1,input#diet_title

{

    border: 1px solid #8080802e !important;

    box-shadow: 0px 0px 13px rgb(0 0 0 / 10%) !important;

    height: 40px;

}

td.dateHighlight

{

    background-color: #5FBA7D !important;

    color: #ffffff !important;

    border-radius:50%;

}

td.removedateHighlight

{

    color: #ffffff !important;

    border-radius:0%;

}

ul.sub-menu {

    margin-top: 10px;

}





@media only screen and (max-width: 320px){div#upload-front-content .col.col-lg-3.focus-input {margin-left: 0% !important;} }

@media all and (max-width:400px) and (min-width: 321px){div#upload-front-content .col.col-lg-3.focus-input {margin-left: 5% !important;}}

@media all and (max-width:430px) and (min-width: 400px){div#upload-front-content .col.col-lg-3.focus-input{margin-left: 12% !important;}}



@media only screen and (max-width: 900px){

    .package-details .package_content h2 {

        font-size: 20px;

    }

    .package-details.mealplan-sections .package_content p {

        font-size: 14px;

    }

    .workout-list .workout-listing .workout-content h2 {

        font-size: 14px;

    }

    #workoutPop .modal-header {

        display: inline-block;

        width: 100%;

    }

    #workoutPop .modal-header button.close {

        opacity: 1;

        font-size: 32px;

    }

    .workout-content .modal-dialog {

        width: 700px;

    }

    .workout-content .panel .panel-body .discrete-half > div {

        padding: 5px;

    }

}

@media only screen and (max-width: 768px){

    .package-details.mealplan-sections .package_content {

        margin-top: 30px;

    }

    .workout-content .modal-dialog {

        width: 97%;

    }

    .workout-content .panel .panel-body {

        overflow: auto;

    }

}



/* css for video responsive for mobile layout */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0;}

/* css for video responsive for mobile layout */



/* 3-9-2021 shikha */





.workout-listing .workout-content .box-left{

		display: flex;

		align-items: center;

	}

	.workout-listing .workout-content .box-left .box-left-heading{

		padding-left: 30px;

	}

	.head h2 {

    font-size: 16px;

    vertical-align: middle;

    text-transform: capitalize;

    font-family: Montserrat;

    font-weight: bold;

}

.box-left .heading-images img{width: 30px;}

.box-right .contant-right{

	text-align: right;

}

    

    .right-icon i {

    font-size: 25px;

}

.text-right p {

    color: #e74c3c;

    font-size: 18px;

}

.box-right {

    width: 420px;

}

.heading-images i {

    margin-left: 10px;

    font-size: 25px;

}





/*Code date:25-10-21 by kishan*/

#custom-meal-popup-add{

    margin-left:5px;

}





/*Code date:11-11-21 by kishan*/

#custom-meal-popup-cef{

    margin-left:5px;

}





/*Code date:12-11-21 by kishan*/

.cef_select{

      text-decoration: none !important;

}





/*Code date:15-11-21 by kishan*/

.a_v_middle{

     vertical-align: middle !important;

}







/*Code date:15-11-21 by kishan*/

.md_dn{

        display: none !important;

    }

    

    

/*Code date:16-11-21 by kishan*/

#mealplan_form{

        font-size: 14px !important;

    }

#cemp-popup #custom-edit-meal-body{

    padding:0px !important;

}

#acm-popup #mealplan_form .modal-body{

    padding:0px !important;

}

#cef-popup #mealplan_form .modal-body{

    padding:0px !important;

}

#cefs-popup #mealplan_form .modal-body{

    padding:0px !important;

}

    

/*Code date:9-12-21 by kishan*/

.table_mobile{

  display:none !important;

}

.table_desktop{

    display:block !important;

}

.display_none{

  display:none;

}



/*Code date:10-12-21 by kishan*/

#cemp-popup{

    overflow: auto !important;

}







#data_loading {

    background: rgba(0,0,0,.6) none repeat scroll 0 0;

    bottom: 0;

    content: "";

    display: block;

    height: 100%;

    left: 0;

    position: fixed;

    right: 0;

    text-align: center;

    top: 0;

    width: 100%;

    z-index: 999999;

}







@media print {

    .noPrint{

        display:none;

    }

}











/*referral start*/



#referral_modal .fa {

  padding: 20px;

  font-size: 30px;

  width: 30px;

  text-align: center;

  text-decoration: none;

  margin: 5px 2px;

  border-radius: 50%;

}



#referral_modal .fa:hover {

    opacity: 0.7;

}



#referral_modal .fa-facebook {

  background: #3B5998;

  color: white;

}



#referral_modal .fa-twitter {

  background: #55ACEE;

  color: white;

}







/*referral end*/





/*star rating system start*/



.srs_checked {

  color: orange;

  

  color: #f70;

text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);

}

.srs_not_checked{

text-shadow: 1px 1px #000, 2px 2px #000, .1em .1em .2em rgba(0,0,0,0);

}

/*star rating system end*/



/*Product-itself-option start*/

#ingredient_select {

  margin-bottom: 6px;

}

#getChartModal{

    width:480px !important;

}

/*Product-itself-option end*/





/*login page start*/



#login-logo{

    margin-bottom: 0px !important;   

}



#login-logo img{

    margin-top: 0px !important;margin-bottom: 0px !important;

}



.um-login.um-6975 #um_field_6975_username{

    padding-top: 0px !important;

}

/*login page end*/

/* Css for registration page checkbox field starts */checkbox.um-field-half {    width: 100%;    max-width: 100%;    text-align: justify;}span.um-field-checkbox-option {    width: 100%;    max-width: 100%;}label.um-field-checkbox.um-field-half {    margin-left: 60%;}@media(max-width: 767px){label.um-field-checkbox.um-field-half {    margin-left: 0%;}}/* Css for registration page checkbox field ends */













/*Code date:15-11-21 by kishan*/

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {

    /*.md_dn{*/

    /*    display: block !important;*/

    /*}*/

    

    #custom-meal-popup-cef{

        margin-left: 0px !important;

        margin-bottom: 4px !important;

        font-size:12px;

        float: none !important;

        margin-bottom: 0px !important;

        padding-inline: 8px !important;

        line-height: 17px !important;

        }

    #custom-meal-popup-add {

        margin-left: 0px !important;

        margin-bottom: 4px !important;

        font-size:12px;

        float: none !important;

        margin-bottom: 0px !important;

        padding-inline: 8px !important;

        line-height: 17px !important;

    }

    

    #custom-meal-popup-scan{

        /*padding-inline: 7px;*/

        /*margin-inline: 4px;*/

        font-size:12px;

        float: none !important;

        padding-inline: 8px !important;

        line-height: 17px !important;

    }

    #custom-meal-popup-scan img{

        display:none !important;

    }

    #form_btns{

        text-align: center !important;

        display: block !important;

    }

  

  /*.mobile-display-show-hide{*/

  /*    display:none !important;*/

  /*}*/

  

  

/*Code date:9-12-21 by kishan*/

.table_mobile{

        display:block !important;

}

.table_desktop{

    display:none !important;

}





/*logo in site start*/



#sidebar-prefrence #media_image-3 a img{

    width: 35%;

}



#phpeverywherewidget-4 h2{

    margin-top: 12px;

}



/*logo in site end*/



} /*Hide age field */

#readmorenutrition{

    font-size: inherit !important;

    color: #fff !important;

 	background: black !important;

}

}

 

#readmorenutritiontext {

    display: none;

    

}

/*.createFreeProfile #fbuilder #field_1-4 {

	display: none !important;

}*/



.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type="radio"]:checked::before {

	background-color: #e74c3c !important;

}



.cp_cff_13 #fbuilder .fields:not(.cff-switch-container) input[type="radio"]:focus {

	border-color: #e74c3c !important;

	box-shadow: 0 0 0 1px #e74c3c !important;

}



/* Question mark css */

form#cp_calculatedfieldsf_pform_1 .cff-html-field h2 a ,

form#cp_calculatedfieldsf_pform_1 .cff-summary-field h2 a{

	 color: none !important;

     text-decoration: none !important;

	 background: lightblue;

    border-radius: 100%;

    width: 30px;

    display: inline-block;

    margin-left: 10px;

    vertical-align: middle;

    margin-bottom: 10px;

    font-size: 25px;

    height: auto;

}

form#cp_calculatedfieldsf_pform_1 .cff-summary-field h2 a{

	 font-size: 24px !important;

}

form#cp_calculatedfieldsf_pform_1 .cff-html-field h2 a:focus,

form#cp_calculatedfieldsf_pform_1 .cff-html-field h2 a:hover{	

	text-decoration: none !important;

}



/* Confirmation popup css */

#confirmationModal .modal-content>div:not(.modal-footer, .modal-header) {

	padding: 15px !important;

}



#confirmationModal .modal-header {

	padding: 30px 15px 15px 15px !important;

}



#confirmationModal .modal-footer button {

	padding: 10px 50px !important;

	font-size: 15px !important;

	background: #e74c3c !important;

	color: #fff !important;

	letter-spacing: 0.05em;

	cursor: pointer !important;

	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);

	border-radius: 5px !important;

	line-height: 27px !important;

	border: 0 !important;

}



#confirmationModal .modal-footer {

	margin: auto;

	text-align: center;

	padding: 25px 15px !important

}



#confirmationModal div ul li {

	display: grid;

	gap: 30px;

	grid-template-columns: 0.5fr 3fr;

}



#confirmationModal .modal-body p {

	margin-bottom: 0 !important;

}





div.section_padding.left-container p .meal-type_update, #dislike_preferences_form .dislike_update{

  color: #f8fcf5 !important;

  background-color: #ECDE0C !important;

}



select#nutrition_target{



  width: 100% !important;

  text-align: center !important;

  height: 37px !important;

  line-height: 37px !important;

  background-color: black !important;

  color: #f8fcf5 !important;

  border: none !important;

  border-radius: 12px; !important



}



button.add_meal{

  background-color: #f8fcf5 !important;

  border-radius: 12px !important;

}



a.apply_changes_to_plans{

  border-radius: 12px !important;

  color: black !important;

  background-color: #ECDE0C !important;

  border: none !important;

  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important;

}





ul.template_meals.collection-list li{

border-radius: 12px !important;

color: black !important;

background-color: #f8fcf5 !important;

border: 1.5px solid #ECDE0C !important;

}



.saved_mealplan_delete{

border-radius: 10px !important;

background-color:black !important;

}



.edit_saved_mealplan{

  border-radius: 10px;

  background-color: #ECDE0C;

  border: none !important;

  color: black !important;

}



button#subscribe_plan, .body-measurement-save button.bm-save, .bm-form #bm-show-video,#rt-show-video,#tw-show-video{

  background-color: #ECDE0C !important;

  color: black !important;

  border-radius: 12px !important;

  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important;

}



#nav_menu-3,#phpeverywherewidget-4 h2{

	/* font-family: "Trirong", serif, Times; */

    font-family: "Montserrat", serif, Times;    

}



.measure-list ul.nav-tabs a.active {

    color: black !important;

}



.int-bd .int-bd-1, .int-bd .int-bd-2, .int-bd .int-bd-3{

    color: #00000036 ;

    accent-color: #00000036 ;

}

.int-bd-active{    

    color: black !important;

    accent-color: black !important;

}



#btn-custom-meal-popup-save, #print-single-btn, #livestream_scanner .modal-footer label,

#acm-popup-add, #btn_cta, #ai_popup_btn_add,#srs_popup_btn_save, #iwa_btn_cta,#fd-popup-add,

.add_meal_btn,.update_plans_submit, .btn_cs_submit, #update_new_weight,

.workout-content .modal-dialog .modal-footer #workout-complete,.save_plans_submit,

#update_nutrition_target,#save_nutrition_target, #btn_re_calculate,#btn-acm-popup-update,

#btn_re_calculate_w{

    border-radius: 12px !important;

    color: black !important;

    background-color: #ECDE0C !important;

    border: none !important;

    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12) !important;

}



#add_meal .modal-footer .btn-default,#edit_save_plans_modal .footer_buttons .btn-default,

#cs_modal .footer_buttons .btn-default, #nutrition_profile_modal .modal-footer .btn-default,

#workoutPop .modal-footer .btn-default,#save_plans_modal .modal-footer .btn-default,

#openWeekFoodPlan .modal-footer .btn-default, #openIngredientsMeal .modal-footer .btn-default{

    border-radius: 12px !important;

}



#openIngredientsMeal .modal-footer button,#btn-acm-popup-update,#btn_re_calculate_w{

    margin-top: 0px;

}



#custom-meal-popup-scan,#custom-meal-popup-add,#custom-meal-popup-cef,#fd_btn_ani,#custom-meal-popup-group{

    border-radius: 12px;

    color: black;

    background-color: #f8fcf5;

    background-image: none;

    border: 1.5px solid #ECDE0C;

    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.12);

}



#ssa_range, #iwa_range{

    accent-color: yellow;

}



#workout-complete{

    padding: 6px 12px !important;

}



#edit-meal-layout div label input[type="radio"],#field_1-2 input[type="radio"],

#field_1-7 input[type="radio"]{

    accent-color: black;

}







.save_plans_submit{

    margin-top: 0px;

}



#phpeverywherewidget-5 div.logout-btn a::before{

    font-family: "Font Awesome 5 Free";

    content: "\f2f5";

    font-weight: 900;

    margin-right: 14px !important;

    font-size: 16px;

}



#phpeverywherewidget-5{

    padding-left: 0px !important;

	font-family: "Montserrat", serif, Times, Trirong;

    font-weight: bold;

    font-size: 22px !important;

    margin-bottom: 32px;

}


#upload-tab-content3 div.progress{
    height: 6px !important;
}



@media (max-width:767px) {


#subscriber-popup p {
    font-size: 20px important;
}

  #fieldname61_1 h3 {
    font-size: 16px !important;
}

.congratulations-tab h3 {
    font-size: 16px !important;
}

  #reportModal li {
    font-size: 13px !important;
  }

  div#field_1-36 {
    margin: 12px 0px !important;
}

  #reportModal{
  position: fixed !important;
}

#reportModal {
    background: #000000ab;
}

.congratulations-tab p {
    font-size: 13px !important;
}
#fieldname61_1 li {
    font-size: 13px !important;
}

  .fieldname62_1:after {
    left: 35px !important;
}

	#confirmationModal .modal-dialog {

		width: unset !important;

		max-width: 100%;

		margin: 30px !important;

	}



	#confirmationModal .modal-footer button {

		font-size: 15px !important;

	}



	#confirmationModal .modal-footer button:first-child {

		margin-bottom: 10px !important;

	}

	form#cp_calculatedfieldsf_pform_1 .cff-html-field h2 a {

		width: 24px;

		margin-bottom: 5px;

		font-size: 19px;

	}



    #text-or{ display: inline-block !important;text-align: center !important;width: inherit !important;line-height: normal !important; }

    .um-register .um-form form .um-col-alt .um-left { margin-bottom: 10px !important; }#confirmationModal .modal-body {	    text-align: center;	}#confirmationModal .modal-header {	    text-align: center;	    display: block!important;}

    /*.main-modalbody h6{		text-align: center;   margin-right: 50px !important;}.main-modalbody ul{		text-align: center;    margin-left: 52px;   }*/



    #phpeverywherewidget-5 div.logout-btn a::before{

        position: absolute;

        left: 50px;

        top: 20%;

    }





    #menu-sidebar-menu #menu-item-7093 a{

        margin-left: 8% !important;

    }

    #menu-sidebar-menu #menu-item-7096 a{

        padding-left: 2% !important;

    }

    #menu-sidebar-menu #menu-item-7095 a, #menu-sidebar-menu #menu-item-7094 a{

        padding-left: 3% !important;

    }

    #menu-sidebar-menu #menu-item-7329 a{

        padding-left: 5% !important;

    }









}



/*css added by bh at 28-mar-2024*/


.fieldname9_1 span {
    font-size: 15px;
}

.wtrInner {
    width: 1200px;
}

#reportModal{
  position: absolute;
}
.pbEnd .pbPrevious {
    display: none !important;
}

.modal-content h6 {
    text-align: center;
}
#confirmationModal div ul li {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}


.congratulations-tab {
    text-align: center;
}
.congratulations-tab p {
    font-weight: 600 !important;
}
.congratulations-tab h3 {
    margin-bottom: 16px !important;
}

.center-btn {
    text-align: center;
}

#fieldname60_1 , #fieldname62_1{
    padding: 10px 34px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    background: #eeec29 !important;
    color: #000 !important;
    letter-spacing: 0.05em;
    cursor: pointer !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px !important;
    line-height: 27px !important;
    border: 0 !important;
}


div#field_1-36 {
    margin: 29px 0px;
}

#fieldname61_1 h3 {
    text-align: center;
    margin-bottom: 16px !important;
}

#fieldname61_1 ul {
    display: grid;
    justify-content: center;
    padding: 0px 0px;
}

#fieldname61_1 li {
    font-size: 16px;
    text-transform: capitalize !important;
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    padding-left: 35px;
}

#fieldname61_1 li:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/03/padlock-1.png);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 100%;
    height: 20px;
}

input#fieldname62_1 {
    padding-left: 50px !important;
}

.fieldname62_1 {
    position: relative;
}


.fieldname62_1:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/03/trophy-1.png);
    position: absolute;
    left: 39.2%;
    top: 10px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 30px;
    height: 28px;
    z-index: 111;
}


.page-id-6903 .modal-body {
    text-align: center !important;
}



.report-data .cff-summary-item {
    display: flex;
    justify-content: space-between;
    padding: 0px 30px;
}


#reportModal span {
    font-size: 16px !important;
    font-weight: 600;
}


#reportModal ul {
    display: grid;
    justify-content: center;
    padding: 0px 15px;
}

#reportModal li {
    font-size: 16px;
    text-transform: capitalize !important;
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    padding-left: 35px;
}

.prem-btn {
    text-align: center;
    padding: 20px 0px;
}

a.premium-btn {
    padding: 15px 34px !important;
    font-size: 18px !important;
    background: #eeec29 !important;
    color: #000 !important;
    letter-spacing: 0.05em;
    cursor: pointer !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px !important;
    line-height: 27px !important;
    border: 0 !important;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: fit-content;
    text-align: center;
    margin: 0px auto;
    text-transform: uppercase;
}


#reportModal li:after {
    content: '';
    background-image: url(https://autoplanner.shapechangers.co.uk/wp-content/uploads/2024/03/padlock.png);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 100%;
    height: 20px;
}

/*
#reportModal {
    background: #000000ab;
}*/



/*29-mar-2024*/


div#subscriber-popup {
    top: 25%;
}

#subscriber-popup p {
    padding: 0px 24px;
}

.d-none{
    display: none;
}