
            .lh40{line-height: 40px;}
            #user_metodeman_profile{
                width:100%;
                min-width: 1200px;
                background-color: transparent;
                padding-top:0px;
                padding-bottom:0px;
                margin-top:0px;
                margin-bottom:0px;
                font-size:16px;
                color:#333333;
                position: relative;
                z-index: 999;
            }
            #user_metodeman_profile > div{
                background-color: transparent;
            }
        
            .mr21{margin-right:21px;}
            .dtr{display:table-row}
            /*-------------CHECK LOGIN-----------------*/
            #user_metodeman_profile a{color:inherit;}
            .no-login-box{
                position:fixed;
                top:0;
                right:0;
                width:100%;
                background-color: rgba(0,0,0,0.3);
                flex-direction:column;
                justify-content: center;
                text-align:center;
                z-index:999;
                display:flex;
                visibility: hidden;
                height:100%;
            }
            .no-login-box > div{
                width: 450px;
                border-radius: 5px;
                margin: auto;
                margin-top:8%;
                background-color: white;
                max-height: 80%;
                padding: 30px;
                border: 1px solid #a9a6a6;
                box-shadow: 1px 1px 1px #a29e9e;
                position: relative;
                overflow:hidden;
                height: 270px;
                color:#403e3e;
                opacity: 0;
            }
            .show-box-login > div{
                margin-top:10% !important;
                opacity: 1 !important;
                -webkit-transition:  opacity .2s, margin .3s  ease-in-out;-moz-transition:  opacity .2s, margin .3s ease-in-out;-ms-transition:  opacity .2s, margin .3s ease-in-out;-o-transition:  opacity .2s, margin .3s ease-in-out;transition:  opacity .2s, margin .3s ease-in-out;
            }
            #header_login{
                text-align: right;
                border-bottom: 1px solid #cac8c8;
                color: #5d5b5b;
                padding: 1px 0 19px 0;
                line-height: 1;
            }
            #enter_mobile,#enter_code{
                display:flex;
                justify-content: space-between;
                flex-direction: column;
                position:absolute;
                padding: 30px;
                top:45px;
                width:100%;
                -webkit-transition: .5s;-moz-transition:  .5s;-ms-transition:  .5s;-o-transition:  .5s;transition:  .5s;
                -webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%);
            }
            #enter_mobile{right: 50%;}
            #enter_code{right: -150%;}
            .send-code #enter_mobile{right: 150% !important; }
            .send-code #enter_code{right: 50% !important;}
            .no-login-box label{
                color: #403e3e;
            }
            .no-login-box input{
                border-radius: 3px;
                padding: 5px;
                margin: 10px;
                text-align: center;
                border-bottom:2px solid #4aaaae;
            }
            .no-login-box button{
                padding: 10px 50px;
                border: none;
                background-color: #229c84;
                color: white;
                border-radius: 3px;
                cursor: pointer;
            }
            .profile_img_style{ 
                max-height: 66px;
            }
            .close-page-login{
                width: 18px;
                height: 18px;
                border: none;
                background: #fff;
                cursor: pointer;
                line-height: 1;
                position: relative;
                border-radius: 2px;
                padding: 0;
                float: left;
                top: 2px;
            }
            .holdover_btn{ 
                background-color:#1bcaca;
                padding:20px 34px;
            }
            .holdover_btn span { 
                box-shadow: 0px 0px 10px 10px #ffffff;
                font-size: 18px;
                width: 150px;
                display: block;
                border-radius: 25px;
                color:#ffffff;
                cursor:pointer;
             }
             .diet_links a{ 
                text-decoration:underline solid #1bcaca !important;
                color:#1bcaca !important;
             }
            .mb75{margin-bottom:75px;}
            .mb85{margin-bottom:85px;}
            .show-box-login.no-login-box{
                visibility: visible !important;
            }
            .no-login-box > div::-webkit-scrollbar{
                width: 5px;
            }
            .no-login-box > div::-webkit-scrollbar-thumb{
                background-color: #afafaf;
            }
            /*-------------PROFILE IF LOGIN-----------------*/
            #container_user_profile{
                background-color: #dddddd;
                position:relative;
            }
            /*-------------right plan-----------------*/
            #right_plan_cup{
                width: 250px;
                color: white;
                height: 100%;
                padding: 10px;
                /*min-height:100vh;*/
                position:sticky;
                top:0;
            }
            .right_plan_cup_con{ 
                min-height:100vh;
            }
            #right_plan_cup .logo img{ 
                width:100%;
            }
            #info_user_cup{
                height: 170px;
                background-color:black;
            }
            #info_user_cup img{
                width: 100px;
                height: 100px;
                object-fit: cover;
                border-radius: 50%;
                margin: 10px;
                display: block;
            }
            .mr27{margin-right:27px;}
            .text.black{color:black;}
            #info_user_cup .img_container{ 
                width: fit-content;
                display: inline-block;
                vertical-align: middle;

            }
            #info_user_cup > div > span{
                margin: 30px 10px;
                display: inline-flex;
                color: #777;
                vertical-align: middle;
            }
            #info_user_cup .msg-img-iuc{
                background-color: #fff;
                color: #aa46bb;
                text-align: center;
                font-size: 12px;
            }
            #menu_profile_cup{
                padding: 5px;
                color: #999;
                background-color:black;
            }
            #menu_profile_cup > div{
                padding: 10px 5px;
                cursor: pointer;
                border-radius: 3px;
                background-color: transparent;
            }
            #menu_profile_cup > div:hover{
                background-color: #555;
                -webkit-transition: background .5s ease;-moz-transition: background .5s ease;-ms-transition: background .5s ease;-o-transition: background .5s ease;transition: background .5s ease;
            }
            #menu_profile_cup > div:hover i{
                cursor: pointer;
                color: #FF6C60;
            }
            #menu_profile_cup > div:hover span{
                cursor: pointer;
                color: #eee;
            }
            #menu_profile_cup .parent_menu_slide:hover{
                background-color: transparent;
                -webkit-transition: none;-moz-transition: none ;-ms-transition: none ;-o-transition: none ;transition: none ;
            }
            #menu_profile_cup .menu_slide > div{
                display: block;
                padding: 5px 3px;
                border: 1px solid #656565;
                border-radius: 1px;
                margin-top: 5px;
            }
            #menu_profile_cup .menu_slide > div > div{
                padding: 5px;
                margin: 5px 0;
                color: #2b2b2b;
                border-radius: 3px;
                font-size: 14px;
                background: #dcdcdc;
                font-weight: 400;
                border-bottom: 1px solid #ccc;
                -webkit-transition: .35s;-moz-transition:  .35s;-ms-transition:  .35s;-o-transition:  .35s;transition:  .35s;
                -webkit-transform: scale(.9);-moz-transform: scale(.9);-ms-transform: scale(.9);-o-transform: scale(.9);transform: scale(.9);
            }
            #menu_profile_cup .menu_slide > div > div:hover{
                font-weight: 700;
                -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
            }
            #menu_profile_cup .menu_slide > div > div:last-child{
                border: none;
            }
            #menu_profile_cup .hr-mpp{
                background-color:  #8b8b8b;
                width: 100%;
                height: 1px;
                display: block;

            }




            /*-------------left plan-----------------*/
            #left_plan_cup{
                width: 900px;
                padding: 20px;
                overflow:auto;
                height:100%;
            }
           /* #left_plan_cup::-webkit-scrollbar{
                width:0;
            }*/
             
            /*-------------PROFILE VIEW-----------------*/
             .box_main_information{
                color: #89817e;
                background-color: #fff;
                border-radius: 4px;
                box-shadow: 0 1px #aaa;
                font-size: 14px;
                border: 1px solid #cecece;
                margin-bottom: 80px;
             }
             #left_plan_cup .title-bmi span:nth-child(1){ 
                margin-left: 205px;
             }
             #left_plan_cup .title-bmi a:nth-child(2){ 
                font-size: 15px;
                border-radius: 6px;
                background: #12c512;
                padding: 3px;
             }
             #left_plan_cup .title-bmi{
                color: rgb(255, 255, 255);
                text-align: center;
                font-size: 24px;
                background: rgb(65, 202, 192);
                padding: 40px 110px;
                border-radius: 4px 4px 0 0;
             }
             .box_main_information > div > div{
                padding: 0 20px;
                margin: 10px 0;
                text-align: right;
             }
             .box_main_information > div > div:nth-child(2){
                border-right: 1px solid #aaa;
             }
             .box_main_information .ist{
                border: 1px solid rgba(0,0,0,0.2);
                border-radius: 4px;
                padding: 0 10px;
                width: 100%;
                height: 36px;
                line-height: 1.5;
                color: #555555;
             }
             .box_main_information .ist.error{
                border-color: red;
             }
             .box_main_information input.ist[type=number]{
                text-align: center;
             }
             .box_main_information textarea.ist{
                min-height: 100px;
                padding: 10px;
             }
            .box_main_information button{
                width: 300px;
                height: 45px;
                margin: 10px auto;
                border-radius: 4px;
                color: #ffffff;
                background-color: #39b3d7;
                border-color: #269abc;
                border: none;
            }
            /*-------------INFO DIET -----------------*/
            .diet_top_box{
                padding: 20px;
                margin: 20px;
            }
            .title_replacement{
                height: 45px;
                line-height: 45px;
                text-align: center;
                margin: 10px 0;
                font-size: 18px;
                font-weight: 800;
            }
            .diet_top_box,.title_replacement{
                background-color: #01c171;
                border-radius: 5px;
                padding:20px;
                color: #432d2d;
                line-height: 2;
            }
            .diet_top_box select{
                border: none;
                background-color: transparent;
            }
            .diet_top_box .pay_diet{
                color: #aeffd5;
                font-weight: 500;
            }
            .title-main{
                font-weight: 800;
            }
            .toggleiyan{
                margin: 20px;
            }
            .not_completed {
                text-align: right !important;
            }
            .not_completed span{
                text-align: right !important;
                font-size: 1.1rem;
                
            }
            .diet-desc,
            .diet-file{
                width: 100%;
                line-height: 2;
                padding: 20px;
                background-color: #fff;
                border-radius : 5px;
                text-align: justify;
                margin: 10px 0;
                overflow: auto;
                overflow-wrap: break-word;
            }
            .pdf-file{
                text-align: center;
            }
            .title-p{
                width: 100%;
                padding: 5px;
                background-color : #2DFDFF;
                border-radius: 5px;
                text-align: center;
                font-weight: bold;
            }
            /*-------------PROCESS DIET BOX -----------------*/
            #process_diet_box .parent_week_sdb{
                background-color: #fff;
                margin: 10px auto 0;
                color: #999;
                border-radius: 5px;
                height: 70px;
                line-height: 70px;

            }
            #process_diet_box .week_sdb{
                color: #999;
                white-space: nowrap;
                margin: 0 15px;
            }
            #process_diet_box .week_sdb.active_ha{
                color:#01c171;
            }
            #process_diet_box .week_sdb > div{
                margin-right: 5px;
            }
            #process_diet_box .animate-sdb{
                width: 0;
                overflow: hidden;
                visibility: hidden;
                -webkit-transition: width .3s ease;-moz-transition: width .3s ease;-ms-transition: width .3s ease;-o-transition: width .3s ease;transition: width .5s ease;
            }
            #process_diet_box .animate-sdb span{
                border-bottom: 4px solid #01c171;
                border-radius: 0 0 3px 3px;
                line-height: 30px;
                overflow: hidden;
                height: 4px;
                -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .4s .3s;
            }
            #process_diet_box .active_ha .animate-sdb span{
                height: 30px;

            }
            #process_diet_box .active_ha .animate-sdb{
                visibility: visible;
                width: 80px;
            }
            /*-------------SHOW DIET BOX -----------------*/
            #show_diet_box,#week_show,#replacement_list, #recommendation_list, #details_recipe_box{
                background: #fff;
                margin: 10px 0;
                padding: 0 10px;
                width: 100%;
                border-radius: 4px;
            }
            #show_diet_box .top_diet_box, #week_show .top_diet_box, #replacement_list .replacement_top_box,#recommendation_list .replacement_top_box, #details_recipe_box .replacement_top_box{
                border-bottom:1px solid #eee;
            }
            #show_diet_box .day_row,#week_show .day_row,#replacement_list .replacement_row, #recommendation_list .replacement_row, #details_recipe_box .replacement_row{
                width:100%;
                margin:2px;
                text-align:center;
                padding:8px 0;
                height:100%;
                position:relative;
            }
            #show_diet_box .day_row .animate_bb,#week_show .day_row .animate_bb,#replacement_list .animate_bb{
                position:absolute;
                right:50%;
                bottom:0;
                height:4px;
                border-radius:50%;
                width:0;
                transition:width .25s;
                transform: translateX(50%);
                background-color:transparent;
            }
            #show_diet_box .active_ha .animate_bb,#week_show .active_ha .animate_bb,#replacement_list .active_ha .animate_bb{
                width:80px;
                background-color:red;
            }
            
            #details_diet_program,#details_replacement_box{
                position:relative;
                overflow:hidden;
                height:0;
                -webkit-transition: height .5s;-moz-transition: height .5s;-ms-transition: height .5s;-o-transition: height .5s;transition: height .5s;
            }
            #details_diet_program .day_detail,#details_replacement_box .detail_replacement{
                width:100%;
                background-color:#fff;
                right:0;
                left:0;
                position:absolute;
                top:100%;
                transition:top .5s;
            }
            #details_diet_program .day_detail.show,#details_replacement_box .detail_replacement.show{
                top:0;
            }
            #details_diet_program .day_detail:nth-child(1){
                z-index:10;
            }
            #details_diet_program .day_detail:nth-child(2){
                z-index:9;
            }
            #details_diet_program .day_detail:nth-child(3){
                z-index:8;
            }
            #details_diet_program .day_detail:nth-child(4){
                z-index:7;
            }
            #details_diet_program .day_detail:nth-child(5){
                z-index:6;
            }
            #details_diet_program .day_detail:nth-child(6){
                z-index:5;
            }
            #details_diet_program .day_detail:nth-child(7){
                z-index:4;
            }
            #details_diet_program .day_detail .dtc:first-child{
                border-radius: 0 5px 5px 0;
                border-left:none;
            }
            #details_diet_program .day_detail .dtc:last-child{
                border-radius: 5px 0 0 5px;
                border-right:none;
            }
            #details_diet_program .day_detail .dtr:nth-child(2n) .dtc{
                background-color:#caaaaa;
            }
            .title-rb{
                margin-top: 5px;
                font-weight: 600;
            }
            .description-rb{
                padding: 10px 20px 15px;
                font-size: 15px;
                text-align: justify;
            }
            .descript_flex{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                padding: 5px 0;
            }
            .descript_flex > .num_row_descript{
                flex: 0 0 50px;
                max-width: 50px;
                width: 100%;
                font-size: 14px;
            }
            .descript_flex > .title_descript{
                width: calc(100% - 50px);
                font-size: 14px;
            }
            .item_replacement{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
            }
            .item_replacement > div{
                flex: 0 0 33.3333%;
                max-width: 33.3333%;
                width: 100%;
                padding: 5px 0;
            }
            
            
            /*-----------SHOPPING DIET -----------------*/
            .shb_description{
                margin: 20px 0;
                padding: 0 10px;
                font-size: 14px;
                text-align: justify;
            }
            .shopping_btn{
                text-align: center;
            }
            .shopping_btn button{
                padding: 10px 50px;
                border: none;
                background-color: #008000;
                color: white;
                border-radius: 3px;
                cursor: pointer;
                -webkit-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
                -moz-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
                box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
            }
            .shopping_btn2{ 
                text-align:center;
                margin-top:20px;
            }
            .shopping_btn2 button{
                padding: 3px 28px;
                border: none;
                background-color: #008000;
                color: white;
                border-radius: 3px;
                cursor: pointer;
                -webkit-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
                -moz-box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
                box-shadow:0 14px 26px -12px #afafaf, 0 4px 23px 0 #f7fff7, 0 8px 10px -5px #003700;
            }
            .shopping_btn button:hover{
                -webkit-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
                -moz-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
                box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
            }
            .shopping_btn2 button:hover{
                -webkit-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
                -moz-box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
                box-shadow: 0 14px 26px -12px #417a41, 0 4px 23px 0 #ffffff, 0 8px 10px -5px #0c510a;
            }
            /*-----------NOT LOGIN -----------------*/
            #login_taghzie_profile{
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            #bg_img_taghzie_profile{
                position: fixed;
                top: 0;
                bottom: 0;
                right: -10px;
                left: -10px;
                background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTLp8PgNXsslJFBAixIG9CgqA_P_m_xC96gSc1jSdP1QVhg8cgU");
                background-size: 100% 100%;
                z-index: -1;
                -webkit-filter: blur(10px);
                filter: blur(10px);
            }
            #container_taghzie_profile{
                width: 1000px;
                margin: auto;
                display: flex;
                font-weight: 500;
                color: #777;
            }
            #container_taghzie_profile .box-ctp{
                width: 500px;
                padding: 40px;
                overflow:hidden;
            }
            .animaation_right{ 
                position: absolute;
                right: -367px;
                bottom: 4px;
                width:100%;
                transition:right 0.8s ease; 
            }
            .non_animaation_right{ 
                position: absolute;
                bottom: 4px;
                left:0;
                transition:left 0.8s ease;
            }
            .animaation_left input{ 
                width: 80%;
                padding: 5px;
                border-radius: 6px;
                text-align: center;
                border: 1px solid #c5c0c0;
                margin: 5px 10% 7px;
                transition: border 0.5s ease;
            }
            .non_animaation_left{ 
                position: absolute;
                width: 100%;
                left: 3px;
                transition: left 0.8s ease;
            }
            .animaation_left{ 
                left: -422px;
                position: absolute;
                width: 85%;
                transition:left 0.8s ease;
            }
            #container_taghzie_profile .box-ctp > div{
                height: 362px;
            }
            #container_taghzie_profile .box-ctp:first-child{
                background-color: #ddd;
                border-radius: 0 10px 10px 0;
            }
            #container_taghzie_profile .box-ctp:last-child{
                background-color: #fff;
                border-radius:10px 0 0 10px;
            }
            #msg_edit_taghzie_profile > div{
                border: none;
                text-align: center;
                margin: 10px 0;
                font-weight: 600;
            }
            #container_taghzie_profile .title-ctp{
                font-size: 30px;
                margin: 40px 0;
                text-align: center;
                color: #555;
            }
            #container_taghzie_profile .list-box-ctp{
                font-size: 12px;
            }
            #container_taghzie_profile .btn-box-ctp{
                
            } 
            #container_taghzie_profile .btn-box-ctp input:focus{ 
                border:1px solid #2b2b2b;
            } 
            .btn-box-ctp.pre{ 
                width: 100%;
                height: 269px;
                overflow: hidden;
            } 
            #container_taghzie_profile .btn-box-ctp input{  
                width: 80%;
                padding: 5px;
                border-radius: 6px;
                text-align: center;
                border: 1px solid #c5c0c0;
                margin: 5px 10% 7px;
                transition: border 0.5s ease;
            }
            #container_taghzie_profile .btn-box-ctp button{
                width: 80%;
                border: none;
                padding: 4px;
                margin: 0 10%;
                font-size: 18px;
                border-radius: 6px;
                text-align: center;
                background: #f67a6e;
                color: #fff;
                box-shadow: 0 4px #e56b60;
                cursor: pointer;
            }
            #container_taghzie_profile .tell-ctp{
                background-color: #d9edf7;
                color: #3a87ad;
                padding: 15px;
                font-size: 12px;
                margin: 22px 0;
                border: 1px solid #bce8f1;
                border-radius: 4px;
                height: auto !important;
            }
        
            .data_b_d{
                display:none;
                padding: 5px;
                margin-bottom: 0px;
                margin-top: 0px;
                background-color:;
                color:;
            }
            .user_metodeman_profile_main .user_metodeman_profile_tiltle:first-child .data_b_d{display:block;}
            .product-center {
                width:1200px;
                margin:0px auto;
            }
            #product-properties {
                width:570px;
                padding-left:40px;
            }
            #left_plan_cup>#r_product>h2{
                font-size: 20px;
                font-weight: bold;
                color:red;
            }
            #user_metodeman_profile_main{
            }
            .de_text{color: ;}
            #left_plan_cup .user_metodeman_profile_tiltle {
                border:solid 1px ;
                border-radius:2px;
                padding:0px 15px 0px;
                margin-bottom: 0px;
                background-color:;
                color:;
            }
            .user_metodeman_profile_tiltle > img {
                margin-left:5px;
                height:20px;
                object-fit:contain;

            }
             #left_plan_cup .user_metodeman_profile_tiltle_h {
                display:inline-block;
                cursor: pointer;
                font-size: 1.2em;
                line-height: 2em;
                font-weight: 500;
                color:;
                position:relative;

            }
            #left_plan_cup .user_metodeman_profile_tiltle_h:hover,#left_plan_cup .user_metodeman_profile_tiltle_h.sel_d{
                color:  !important;
            }
            .user_metodeman_profile_tiltle_h:after {
                position: absolute;
                content: "";
                height: 4px;
                bottom: -3px;
                margin: 0 auto;
                left: 0;
                right: 0;
                width: 100%;
                -o-transition:.5s;
                -ms-transition:.5s;
                -moz-transition:.5s;
                -webkit-transition:.5s;
                transition:.5s;
            }
            #left_plan_cup .user_metodeman_profile_tiltle_h.sel_d:after{background: ;}
            #left_plan_cup .user_metodeman_profile_tiltle_h:hover:after {
                  width: 100%;
                  background: ;
            }
            #user_metodeman_profile_body{
                padding: 20px;
                text-align: right;
            }
            #user_metodeman_profile_body li:before {
                content: " ";
                display: inline-block;
                width: 7px;
                height: 7px;
                margin-left: 5px;
                background-color: #656667;
                border-radius: 50%;
            }
            .la_details{
                display:inline-block;
                font-weight:700;
                padding: 3px 8px;
                vertical-align:middle;
            }
            .la_text_details, .la_text_details2{
               padding: 3px 8px;
               font-weight:300;
               display: inline-block;
               vertical-align:middle;
            }
        
                #user_metodeman_profile_2_1>div{display:flex;}
                #user_metodeman_profile_2_1>div>.la_details{width:20% !important;}
                #user_metodeman_profile_2_1>div>.la_text_details{width:15% !important;}
                #user_metodeman_profile_2_1 .trmb{line-height:2;}

                .color-red{color:red;}
            
                #user_metodeman_profile_1>ul>li{
                    line-height:1.75;
                }
            
               .details_main.has_border .trmb{
                    border-bottom: 1px solid #d4cfcf;
                    border-left: 1px solid #d4cfcf;
                    border-right: 1px solid #d4cfcf;
                }
                .details_main.has_border .trmb_border_top{
                    border-top: 1px solid #d4cfcf;
                }
               .details_main.has_border .la_details{border-left:solid 1px #d4cfcf;}
               .details_main.has_border .la_text_details2{
                    border-left:solid 1px #d4cfcf;
                }
            
                 #left_plan_cup .set_colors .trb2>.la_details,
                 #left_plan_cup .set_colors .trb2>.la_text_details2{
                    background-color: ;
                    color: ;
                    }
                 #left_plan_cup .set_colors .trb2>.la_text_details{
                    background-color: ;
                    color: ;
                 }
                #left_plan_cup .set_colors .trb1>.la_details,
                #left_plan_cup .set_colors .trb1>.la_text_details2{
                    background-color: ;
                    color: ;
                }
                #left_plan_cup .set_colors .trb1>.la_text_details{
                    background-color: ;
                    color: ;
                }
            
                #popup_change_user{
                    position:fixed;
                    display:flex;
                    background:rgba(0,0,0,0.5);
                    width:auto;
                    height:auto;
                    -webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0;transition:0;
                    text-align:center;
                    top:0;
                    bottom:0;
                    right:0;
                    left:0;
                    z-index:99999;
                    visibility:hidden;
                    
                    flex-direction:column;
                    justify-content:center;
                
                }
                #popup_change_user.show_popup{
                    visibility:visible;
                    
                }
                #popup_change_user > div{
                    display:block;
                    background:#fff;
                    width:auto;
                    height:auto;
                    padding:10px;
                    margin:auto;
                    transform:translateY(-150px);
                    -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                    text-align:center;
                    border-radius:10px;
                    ;
                    position:relative;
                    z-index:999999;
                }
                #popup_change_user.show_popup > div{
                    transform:translateY(0);
                    
                }
                #popup_change_user .icon-close-popup{
                    position:absolute;
                    font-size:30px;
                    height:30px;
                    width:30px;
                    border-radius:50%;
                    color:red;
                    top:-10px;
                    right:-10px;
                    background-color:#fff;
                    z-index:9999;
                }
                #popup_change_user .icon-close-popup i{
                    position:absolute;
                    top:0;
                    right:0;
                }
                #popup_change_user .container-html{
                    height:100%;
                    overflow:auto;
                    max-height:90vh;
                }
                #popup_change_user .container-html::-webkit-scrollbar{
                    width:5px;
                    height:100%;
                }
                #popup_change_user .container-html::-webkit-scrollbar-track{
                    background-color:transparent;
                }
                #popup_change_user .container-html::-webkit-scrollbar-thumb{
                    background-color:#777;
                    border-radius:20%;
                }
            
                #popup_complete_diet{
                    position:fixed;
                    display:flex;
                    background:rgba(0,0,0,0.5);
                    width:auto;
                    height:auto;
                    -webkit-transition:0;-moz-transition:0;-ms-transition:0;-o-transition:0;transition:0;
                    text-align:center;
                    top:0;
                    bottom:0;
                    right:0;
                    left:0;
                    z-index:99999;
                    visibility:hidden;
                    
                    flex-direction:column;
                    justify-content:center;
                
                }
                #popup_complete_diet.show_popup{
                    visibility:visible;
                    
                }
                #popup_complete_diet > div{
                    display:block;
                    background:#fff;
                    width:auto;
                    height:auto;
                    padding:10px;
                    margin:auto;
                    transform:translateY(-150px);
                    -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                    text-align:center;
                    border-radius:10px;
                    ;
                    position:relative;
                    z-index:999999;
                }
                #popup_complete_diet.show_popup > div{
                    transform:translateY(0);
                    
                }
                #popup_complete_diet .icon-close-popup{
                    position:absolute;
                    font-size:30px;
                    height:30px;
                    width:30px;
                    border-radius:50%;
                    color:red;
                    top:-10px;
                    right:-10px;
                    background-color:#fff;
                    z-index:9999;
                }
                #popup_complete_diet .icon-close-popup i{
                    position:absolute;
                    top:0;
                    right:0;
                }
                #popup_complete_diet .container-html{
                    height:100%;
                    overflow:auto;
                    max-height:90vh;
                }
                #popup_complete_diet .container-html::-webkit-scrollbar{
                    width:5px;
                    height:100%;
                }
                #popup_complete_diet .container-html::-webkit-scrollbar-track{
                    background-color:transparent;
                }
                #popup_complete_diet .container-html::-webkit-scrollbar-thumb{
                    background-color:#777;
                    border-radius:20%;
                }
            
            #popup_change_user > div,#popup_complete_diet > div{
                width: 500px !important;
                overflow: auto;
            }
            #popup_change_user > div::-webkit-scrollbar,#popup_complete_diet > div::-webkit-scrollbar{
                width: 0;
                display: none;
            }
            .diet-button{
                  display: block;
                  background-color: rgb(141, 164, 165);
                  width: 200px;
                  text-align:center;
                  border: 2px dotted rgba(255, 255, 255, 1);
                  border-radius:10px;
                  overflow:hidden;
                  height: 45px;
                  line-height: 40px;
                  color: #fff;
                  cursor: not-allowed;
                 -webkit-transition: .3s;-moz-transition:  .3s;-ms-transition:  .3s;-o-transition:  .3s;transition:  .3s;
            }
            .diet-button.active_ha{
                  background-color: rgba(10, 180, 200, 1);
                  cursor: pointer;
            }
            .diet-button.active_ha:active{
                border-style: solid;
            }
            .descript_active{
                display: none;
            }
            
            .active_description{
                display: block !important;
            }
            #complete_diet_user.animate_scale{
                -webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);
            }
            .title-pu{
                height: 55px;
                line-height: 45px;
                font-size: 20px;
                text-align: center;
                font-weight: 500;
                border-bottom: 1px solid #eee;
                color: #081c09;
            }
            .form-box > div{
                width: 100%;
                padding: 10px 0;
                font-size: 14px;
            }
            .form-box button{
                white-space: nowrap;
                display: inline-block;
                padding: 10px 50px;
                border: none;
                height: 42px;
                background-color: #2c81ba;
                color: white;
                border-radius: 3px;
                cursor: pointer;
            }
            .form-box .btn-cancel button{
                background-color: #b44b4b;
            }
            .form-box .btn-cancel button:hover{
                -webkit-box-shadow:0 14px 26px -12px rgba(255, 87, 81, 0.42), 0 4px 23px 0 rgba(255, 113, 113, 0.12), 0 8px 10px -5px rgba(255, 87, 81, 0.2);
                -moz-box-shadow:0 14px 26px -12px rgba(255, 87, 81, 0.42), 0 4px 23px 0 rgba(225, 91, 85, 0.12), 0 8px 10px -5px rgba(255, 87, 81, 0.2);
                box-shadow:0 14px 26px -12px rgba(255, 113, 113, 0.42), 0 4px 23px 0 rgba(225, 91, 85, 0.12), 0 8px 10px -5px rgba(255, 87, 81, 0.2);
            }
            .form-box .btn-send button{
                background-color: #44b45c;
            }
            .form-box .btn-send button:hover{
                -webkit-box-shadow:0 14px 26px -12px rgba(0, 200, 0, 0.42), 0 4px 23px 0 rgba(0, 200, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 0, 0.2);
                -moz-box-shadow:0 14px 26px -12px rgba(0, 200, 0, 0.42), 0 4px 23px 0 rgba(0, 200, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 0, 0.2);
                box-shadow:0 14px 26px -12px rgba(0, 200, 0, 0.42), 0 4px 23px 0 rgba(0, 200, 0, 0.12), 0 8px 10px -5px rgba(0, 200, 0, 0.2);
            }
            #parent_box_input .ist{
                height: 40px;
                line-height: 40px;
                width:300px;
                border:1px solid #e5dddd;
                border-radius:5px;
                padding:0 5px;
                font-size: 14px;
            }
            #parent_box_input .box_input{
                padding: 6px;
                border-radius: 3px;
            }
            #parent_box_input .box_input:nth-child(2n){
                background-color: #f5f5f5;
            }
            #parent_box_input .box_input label{
                height: 40px;
                line-height: 40px;
                white-space:nowrap;
            }
            #parent_box_input .ist.warning {
                border-color:red;
            }
            #parent_box_input textarea.ist {
                min-height: 100px !important;
                line-height: 2;
                text-align: justify;
            }
            #parent_box_input textarea{
                resize:vertical;
                min-height:42px;
            }
            #parent_box_input span{
                color:red;
                margin-left:5px;
            }
            #msg_form_warning li{
                color:red;
                list-style: inside;
                margin-right: 50px;
            }
        
                        #social_background_image_2{
                            -webkit-background-image: url("https://metodeman.ir/files/icon/social/1651477768_instagram.png");
                            background-image: url("https://metodeman.ir/files/icon/social/1651477768_instagram.png");
                        }
                    
                        #social_background_image_3{
                            -webkit-background-image: url("https://metodeman.ir/files/icon/social/1651477769_telegram.png");
                            background-image: url("https://metodeman.ir/files/icon/social/1651477769_telegram.png");
                        }
                    
                        #social_background_image_4{
                            -webkit-background-image: url("https://metodeman.ir/files/icon/social/1651477861_whatsapp.png");
                            background-image: url("https://metodeman.ir/files/icon/social/1651477861_whatsapp.png");
                        }
                    
                        #social_background_image_5{
                            -webkit-background-image: url("https://metodeman.ir/files/1649156555_cons8-aparat-48.png");
                            background-image: url("https://metodeman.ir/files/1649156555_cons8-aparat-48.png");
                        }
                    
                    #parent_social_box .social-box a{
                        -webkit-background-size:100% 100%;
                        background-size:100% 100%;
                        -webkit-background-repeat:no-repeat;
                        background-repeat:no-repeat;
                        height:2px;
                        width:2px;
                    }
                
                #header_top_bg{
                    height: 2px;
                    line-height: 2px;
                    width:100%;
                    display:flex;
                    background-color:#1234;
                    padding-top: px;
                    padding-bottom: px;
                }
                #header_top_bg > div{
                    display:flex;
                    justify-content:space-between;
                    height:100%;
                }
                #parent_social_box .social-box{
                    height:2px;
                    margin-right: 5px;
                    vertical-align:middle;
                    z-index:99999;
                }
                #parent_social_box .social-box.show-search{
                    z-index:9;
                }
                #parent_social_box .social-box:first-child{
                    margin-right: 0;
                }
                #parent_social_box .social-box:hover a{
                    background-color:#fff;
                }
                #parent_social_box img{
                    height:100%;
                    object-fit:contain;
                }
                #parent_info_box .info-box{
                    height:2px;
                    margin-right: 5px;
                    vertical-align:middle;
                }
                #parent_info_box .info-box:first-child{
                    margin-right: 0;
                }
                #parent_info_box .info-box .info-box-span{
                    color:#777;
                    font-size:14px;
                    line-height:2px;
                    margin:0 10px;
                }
                #parent_info_box .info-box:hover .info-box-span{
                    color:#777;
                }
                #parent_info_box img{
                    height:100%;
                    object-fit:contain;
                }
                
                .menu_items a{
                    display: block;
                }
            
                    #fixed_menu_header .popup-details-phi{
                        line-height: 2;
                    }
                    #header .box-header-icon .search-phi{
                        position: fixed;
                        top: -100%;
                        right: 0;
                        left: 0;
                        min-height: 170px;
                        min-width: 1200px;
                        width: 100vw;
                        transition: none;
                    }
                    #header .box-header-icon.active-bhi .search-phi{
                        top: 0;
                        transition: .4s ease;
                    }
                    #header .top-row-search{
                        height: 70px;
                        line-height: 70px;
                        font-weight: 400;
                        font-size: 14px;
                        cursor: default;
                    }
                    #header .input-search{
                        font-size: 24px;
                        font-weight: bold;
                        padding: 10px 0;
                        border-bottom: 2px solid #000;
                        color: #000;
                        margin-top: auto;
                        margin-bottom: 20px;
                        cursor: default;
                    }
                    #header .input-search input{
                        font-size: 22px;
                        width: 100%;
                        background-color: transparent;
                        color: #000;
                    }
                    #header .list_proposal .input_search{
                        font-size: 20px;
                        font-weight: bold;
                        padding: 10px;
                        color: #000;
                        margin-top: auto;
                        margin-bottom: 20px;
                        cursor: default;
                    }
                    #header .pos_relative{
                        position: relative;
                    }
                    #header .list_proposal{
                        position: absolute;
                        width: 100%;
                        max-height: 307px;
                        background-color: #fff;
                        top: 70px;
                        left: 0;
                        z-index: 99999;
                        border-top: 0;
                        border-radius: 5px;
                        overflow-y: hidden;
                        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
                    }
                
                #fixed_menu_header{
                    position: fixed !important;
                    top: 0;
                    right: 0;
                    width: 100%;
                    z-index: 1500!important;
                    background-color: #fff;
                    height:80px;
                    line-height:80px;
                    color:;
                    display:none;
                    box-shadow: 0 0 8px 0 #ddd;
                }
                #fixed_menu_header .logo2{
                    height:80px;
                }
                #fixed_menu_header a{
                    color:inherit;
                }
                #fixed_menu_header .public-header-icon i{
                    color:inherit;
                }
            
                        #button_go_to_up{
                            transform: rotate(90deg);
                            bottom: 82px;
                            right:-51px;
                            visibility:hidden;
                        }
                        #button_go_to_up.show-go-up{
                            transform: rotate(0);
                            right:25px;
                            visibility:visible;
                        }
                    
                #button_go_to_up{
                    position: fixed;
                    background-color: #f5222d;
                    color: #efdbff;
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    border-width: 1px;
                    border-color: #000;
                    font-size: 20px;
                    transition:600ms;
                    text-align:center;
                    cursor:pointer;
                }
            
                #img-logo{
                    margin-left:20px;
                }
                #header_menu_container{
                    width:max-content !important;
                }
                #header .dcn{
                    display: contents;
                }
            
            #header{
                background-color: #fff;
                width:100%;
                position:relative;
                z-index:100;
            }
            #header_center_container{
                height: 80px;
                padding-top: px;
                padding-bottom: px;
                background-color:transparent;
                width:1200px;
                margin:auto;
                position:relative;
                z-index:10000;
            }
            #header_menu_container{
                background-color: #fff;
                width:100%;
                position: relative;
                z-index: 10;
                height:max-content;
            }
            #header_menu_container a{
                color:inherit;
            }
            #header .menu_items,#fixed_menu_header .menu_items{
                color: #000;
                display: flex;
                justify-content: center;
                height: 80px;
                line-height: 80px;
                text-align: center;
                position: relative;
                padding:0 10px;
                font-size:12px;
                font-weight:bold;
                border:1.6px solid #eeeeee;
            }
            #header .menu_items{
                background-color:#fff;
            }
            #navigation_main{ 
            }
            #header .menu_items:hover,#fixed_menu_header .menu_items:hover{
                color: #08979c;
                background-color: #fff;
            }
            #header .active_g,#fixed_menu_header .active_g{
                color: #000;
                background-color: #e6e6e6;
            }
            #header li ul,.popup-details-phi,.popup-details-phi .pdp-span,.popup-details-phi i,#fixed_menu_header li ul{
                color: #000 !important;
                background-color: #ffff !important;
            }
            #header li ul li:hover,#fixed_menu_header li ul li:hover,.popup-details-phi .active-item{
                color: #08979c !important;
                background-color: #ffff !important;
            }
            #s_breadcrumb{
                width: 1200px;
                margin: auto;
                height: 60px;
                line-height:60px;
            }
            #s_breadcrumb > span,#s_breadcrumb a{display:inline-block;padding: 0px 10px;}
            #div_profile_picture{vertical-align:middle;width: 75px !important;}
            #fixed_header_menu_container{
                width:100%;
                border: .5px solid #eeeeee;
                position:fixed;
                top:-100px;
                z-index: 1000;
                background: #fff;
                opacity:0;
            }
            
            #div_profile_picture span{
                cursor: pointer;
            }
            .public-header-icon i{
                font-size: 20px;
                color: ;
                margin: 0 5px;
            }
            .public-header-icon:hover i{
                color: ;
            }
            .sub-nav,.popup-details-phi{
                width: max-content;
                visibility: hidden;
                opacity: 0;
                position: absolute;
                z-index: 9999;
                 -webkit-transition: opacity,.3s ease-in-out;
                 -moz-transition: opacity,.3s ease-in-out;
                 -o-transition: opacity,.3s ease-in-out;
                 transition: opacity,.3s ease-in-out;
                cursor:pointer;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
                min-width:120%;
            }
            .sub-nav{
                right: 0;
                top: 100%;
            }
            .popup-details-phi{
                left: 0;
                top: 25px;
                padding:10px 20px;
                border-radius:2px;
            }
            .s_sub_title {
                
                font-size:16px;
                font-weight:normal !important;
                white-space:nowrap;
                cursor:pointer;
            }
            
            .sub-nav li {
                position: relative;
                display: block;
                padding: 5px 10px 0;
                box-sizing: border-box;
                line-height: 28px;
                z-index:100000;
                text-align:right;
            }
            .box-header-icon{
                height:max-content;
                margin:10px 3px;
            }
            #fixed_menu_header .box-header-icon{
                margin:auto 3px;
            }
            .menu_items:hover .sub-nav,.box-header-icon.active-bhi .popup-details-phi{
                visibility: visible;
                opacity:1;
            }
            #fixed_navigation_main{
                width:1200px;
                margin:auto;
            }
            #img-logo{
                height:100%;
                object-fit: cover;
                max-width:100%;
            }
            .btn-lang{
                margin:5px 0;
                padding:3px 10px;
                border:none;
                font-size: 14px;
                cursor:pointer;
                display:block;
                text-align:left;
                direction:ltr;
            }
            .btn-lang .img-box{
                height:30px;
                width:30px;
                margin-right:10px;
                display:inline-flex;
                vertical-align:middle;
            }
            .btn-lang .img-box img{
                width:100%;
                height:100%;
                object-fit:cover;
                border-radius:50%;
            }
            .sub_sub_menu{
                right: 100%;
                display:none;
                position:absolute;
                padding:0;
                background: #ffffff;
                z-index: 1000;
                top: 0;
                 -webkit-transition: opacity,.3s ease-in-out;
                -moz-transition: opacity,.3s ease-in-out;
                -o-transition: opacity,.3s ease-in-out;
                transition: opacity,.3s ease-in-out;
                min-width: 120%;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.32);
                cursor: pointer;
            }
            .s_sub_sub_title {font-size:16px !important;font-weight:normal !important;white-space: nowrap;}
            .sub-nav li:hover .sub_sub_menu,.sub-nav li ul li:hover .sub_sub_menu{
                display:block;
            }
            .sub_sub_menu li:hover .s_sub_sub_title, .sub_sub_menuEn li:hover .s_sub_sub_title{
                 color: !important;
            }
            .sub-nav li:hover .s_sub_title, .sub-navEn li:hover .s_sub_title{
                color: !important;
            }
            .s_sub_title{display:inline-block;}

            .m_title{width:92%;}
            #parent_social_box .social-box label,.box-header-icon > label{
                position: absolute;
                left:0;
                bottom: -55px;
                opacity: 0;
                display: block;
                height: 30px;
                line-height: 30px;
                color: #777;
                font-size: 14px;
                font-weight: 300;
                background-color: #fff;
                min-width: 50px;
                white-space: nowrap;
                text-align: center;
                visibility: hidden;
                padding:0 10px;
                -webkit-transition: .5s;-moz-transition:  .5s;-ms-transition:  .5s;-o-transition:  .5s;transition:  .5s;
                -webkit-box-shadow: 0 0 5px #f7f8fa;-moz-box-shadow: 0 0 5px #f7f8fa;box-shadow: 0 0 5px #f7f8fa;
                border: 1px solid #efefef;
                z-index:9999;
            }
            .box-header-icon.active-bhi > label{
                display:none;
            }
            #parent_social_box .social-box:hover label,.box-header-icon:hover > label{
                opacity: 1;
                bottom: -45px;
                visibility: visible;
            }
            #parent_social_box .social-box label:after,.box-header-icon > label:after{
                content:"";
                border: 7px solid;
                left:5px;
                border-color: transparent transparent #efefef transparent;
                position: absolute;
                bottom: 100%;
            }
        
            #body_popup_1,#body_popup_2{
                position:fixed;
                display:flex;
                text-align:center;
                top:0;
                bottom:0;
                right:0;
                left:0;
                z-index:99999;
                visibility:hidden;
                opacity: 0;
                background:rgba(0,0,0,0.5);
            }
            #body_popup_1.open-popup,#body_popup_2.open-popup{
                visibility:visible;
                opacity: 1;
            }
            #body_popup_1 > div,#body_popup_2 > div{
                display:block;
                background:#fff;
                padding:10px;
                margin:auto;
                transform:translateY(-150px);
                -webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;
                text-align:center;
                border-radius:10px;
                position:relative;
                z-index:999999;
            }
            #body_popup_1.open-popup > div,#body_popup_1.open-popup > div{
                transform:translateY(0);
            }
            #body_popup_1 .icon-close-popup{
                position:absolute;
                font-size:30px;
                height:30px;
                width:30px;
                border-radius:50%;
                color:red;
                top:-10px;
                right:-10px;
                background-color:transparent;
                z-index:9999;
            }
            #body_popup_1 .icon-close-popup i{
                position:absolute;
                top:0;
                right:0;
            }
            #body_popup_1 .container-html{
                height:100%;
                overflow:auto;
                max-height:90vh;
            }
            #body_popup_1 .container-html::-webkit-scrollbar{
                width:5px;
                height:100%;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-track{
                background-color:transparent;
            }
            #body_popup_1 .container-html::-webkit-scrollbar-thumb{
                background-color:#777;
                border-radius:20%;
            }
            #body_popup_1 .icon-close-popup{
                color:#fff;
                top:0;
                right:0;
            }
            #module_waiting_box{
                position:fixed;
                background:rgba(256,256,256,0.8);
                width:100%;
                height:100%;
                -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
                top:0;
                right:0;
                opacity:0;
                z-index:9999999999999;
                visibility:hidden;
            }
            #module_waiting_box.show-waiting{
                visibility:visible;
                opacity:1;
            }
            #module_waiting_box .spinner {
              margin: 100px auto 0;
              width: 70px;
              text-align: center;
            }
            
            #module_waiting_box .spinner > div {
              width: 18px;
              height: 18px;
              background-color: #333;
              border-radius: 100%;
              display: inline-block;
              -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
              animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            }
            
            #module_waiting_box .spinner .bounce1 {
              -webkit-animation-delay: -0.35s;
              animation-delay: -0.35s;
            }
            
            #module_waiting_box .spinner .bounce2 {
              -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
            }
            
            @-webkit-keyframes sk-bouncedelay {
              0%, 95%, 100% { -webkit-transform: scale(0) }
              50% { -webkit-transform: scale(1.0) }
            }
            
            @keyframes sk-bouncedelay {
              0%, 95%, 100% { 
                -webkit-transform: scale(0);
                transform: scale(0);
              } 50% { 
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
              }
            }
        body{direction: rtl;text-align: right;}