@import url('XHR_FileUploadProgressBar.css');
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ outline: none; }

body { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-user-select: none; /*background-color: #E4E4E4; background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); 
       background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); 
       background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4) );*/ background-attachment: fixed; font-family: 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif; font-size: 12px; height: 100%; margin: 0px; padding: 0px; text-transform: none; width: 100%; }

.bodyBg { background: -webkit-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); background: -o-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); /*
          */ background: -moz-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); background: linear-gradient(to right, #e0e0e0, #fff, #e0e0e0); height: 570px; background: #f3f3f3; }
.bodyBg1 { background-color: #f3f3f3; }

/* Portrait layout (default) */
.app { background: url(../img/logo.png) no-repeat center top; /* 170px x 200px */ position: absolute; /* position in the center of the screen */ left: 50%; top: 50%; height: 50px; /* text area height */ width: 225px; /* text area width */ text-align: center; padding: 180px 0px 0px 0px; /* image height is 200px (bottom 20px are overlapped with text) */ margin: -115px 0px 0px -112px; /* offset vertical: half of image height and text area height */ /* offset horizontal: half of text area width */ }

/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app { background-position: left center; padding: 75px 0px 75px 170px; /* padding-top + padding-bottom + text area = image height */ margin: -90px 0px 0px -198px; /* offset vertical: half of image height */ /* offset horizontal: half of image width and text area width */ }
}

h1 { font-size: 24px; font-weight: normal; margin: 0px; overflow: visible; padding: 0px; text-align: center; }

.event { border-radius: 4px; -webkit-border-radius: 4px; color: #FFFFFF; font-size: 12px; margin: 0px 30px; padding: 2px 0px; }

    .event.listening { background-color: #333333; display: block; }

    .event.received { background-color: #4B946A; display: none; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
    .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }






@keyframes fade {
    from { opacity: 1.0; }

    50% { opacity: 0.4; }

    to { opacity: 1.0; }
}

@-webkit-keyframes fade {
    from { opacity: 1.0; }

    50% { opacity: 0.4; }

    to { opacity: 1.0; }
}

@-webkit-keyframes fadeInOut {
    0% { opacity: 1; }
    25% { opacity: 0.6; }
    75% { opacity: 0; }
    100% { opacity: 0.6; }
}

@keyframes fadeInOut {
    0% { opacity: 1; }
    25% { opacity: 0.6; }
    75% { opacity: 0.3; }
    100% { opacity: 0.6; }
}

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
    100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

@keyframes tada {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); box-shadow: 0px 0px 7px #62cbed; }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
    100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}



.tada { -webkit-animation-name: tada; animation-name: tada; }


.fadeInOut { -webkit-animation-name: fadeInOut; animation-name: fadeInOut; animation: fade 1500ms infinite; -webkit-animation: fade 1500ms infinite; color: red; }

.blink { animation: fade 3000ms infinite; -webkit-animation: fade 3000ms infinite; }



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

.dm_PrescriptionDrug2Drug { position: absolute; width: 360px; height: 520px; top: 54px; }
    .dm_PrescriptionDrug2Drug .dm_drugUsageBtnsDiv { top: 56px; height: 23px; }
        .dm_PrescriptionDrug2Drug .dm_drugUsageBtnsDiv .dm_drugUsageInfoBtn { height: 23px; }
    .dm_PrescriptionDrug2Drug .dm_PresMainBtnCon { top: 7px; }


.dm_presDrugRelation { position: absolute; width: 333px; height: 379px; top: 55px; left: 14px; }

.dm_presDrgRel_row { position: relative; width: 332px; height: 12px; margin-bottom: 2px; }

.dm_PDR_rowName,
.dm_PDR_rowRelo { position: absolute; height: 14px; line-height: 15px; font-size: 7pt; color: #042E5A; }

.dm_PDR_rowName { width: 223px; text-indent: 5px; }
.dm_PDR_rowRelo { width: 107px; left: 225px; text-align: center; }


.dm_PrescriptionDrug2Drug .dm_dpi_drugAlarmBtns { top: 467px; }

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


.dm_PersonMessages { position: absolute; width: 360px; height: 558px; top: 60px; }
.dm_mesConDiv { position: absolute; width: 332px; height: 467px; top: 20px; left: 14px; }

.dm_MessagesShowDiv { position: absolute; width: 318px; height: 256px; top: 6px; left: 7px; overflow: hidden; }
.dm_messagesInput { position: absolute; width: 311px; height: 89px; top: 275px; left: 10px; line-height: 54px; border: none; text-indent: 4px; }
.dm_messagesSendBtn { position: absolute; width: 319px; height: 22px; top: 373px; left: 7px; }

.dm_messagesBtnCall { position: absolute; width: 103px; height: 56px; top: 403px; left: 115px; border-radius: 50px; }

.dm_PersonMessages .dm_dpi_drugAlarmBtns { top: 503px; }
.dm_mesageSendRow { position: relative; width: 318px; height: 35px; }

.dm_mesSendBtnImg { position: absolute; width: 35px; top: 358px; left: 285px; border: 1px solid #2B80D4; border-radius: 4px; }






/************************************************************************************************
         (_)   | |          | |         *********************************************************
__      ___  __| | __ _  ___| |_        *********************************************************
\ \ /\ / / |/ _` |/ _` |/ _ \ __|       *********************************************************
 \ V  V /| | (_| | (_| |  __/ |_        *********************************************************
  \_/\_/ |_|\__,_|\__, |\___|\__|       *********************************************************
                   __/ |                *********************************************************
                  |___/                 *********************************************************
************************************************************************************************/


.setupMenuCon,
.div_widget_main { position: absolute; width: 360px; height: 570px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; }

.widget_pres_con { position: absolute; width: 360px; height: 517px; top: 55px; }

.wid_BgBos { position: absolute; width: 360px; top: 50px; height: 565px; }

.wid_besCon,
.div_wid_allExercise,
.div_wid_all { position: absolute; width: 360px; height: 509px; }

.wid_besCon { top: -15px; }

.widget_bg_zemin { position: absolute; width: 360px; top: 0px; left: 0px; }
.widget_bg_Bigzemin { position: absolute; width: 344px; top: 0px; left: 8px; }

.widget_bg_BigzeminDmm { position: absolute; width: 294px; top: 0px; left: 35px; }

.widget_bgColorDivCon { position: absolute; width: 260px; top: 42px; left: 50px; height: 402px; }

.widget_bgColorDiv1 { position: absolute; width: 255px; top: 3px; left: 3px; height: 397px; border-radius: 25px; }
.widget_bgColorDiv2,
.widget_bgColorDiv3 { position: absolute; width: 29px; height: 296px; background-color: #efefef; top: 53px; border-top-right-radius: 26px; border-bottom-right-radius: 26px; border-bottom-left-radius: 26px; border-top-left-radius: 26px; }

.widget_bgColorDiv3 { right: -16px; box-shadow: -1px 0px 0px #c1bfbf; }
.widget_bgColorDiv2 { left: -16px; box-shadow: 1px 0px 0px #c1bfbf; }

.widget_bgColorDiv1 { /*background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    box-shadow: 0px 0px 7px #cacaca;*/ background-color: #f7f7f7; box-shadow: 0px 0px 6px #a9a9a9; }





.wid_besMainDiv,
.div_wid_top_conExercise,
.div_wid_top_con { position: absolute; width: 360px; height: 366px; top: 45%; left: 50%; transform: translate(-50%,-50%); }

.widget_drug_con { position: absolute; width: 246px; top: 57px; left: 57px; z-index: 2; }

.div_wid_btn1,
.div_wid_btn2,
.div_wid_btn3,
.div_wid_btn4,
.div_wid_btn3G { position: absolute; border-radius: 27px; }

.div_wid_btn1 { top: 132px; width: 50px; height: 96px; left: 4px; }
.div_wid_btn2 { top: 132px; width: 50px; height: 96px; left: 306px; }
.div_wid_btn3 { left: 132px; height: 50px; top: 4px; width: 97px; }
.div_wid_btn4 { left: 132px; height: 50px; top: 304px; width: 97px; }

.div_wid_btn3G { left: 76px; height: 50px; top: -52px; width: 97px; line-height: 50px; text-align: center; color: #F3B167; font-size: 11pt; }

.div_wid_btn2 img { position: absolute; width: 35px; top: 24px; left: 9px; }
.div_wid_btn2 .widImgM { position: absolute; width: 35px; top: 31px; left: 9px; }

.div_widget_presinfo { position: absolute; width: 249px; height: 250px; left: 56px; top: 56px; }
.div_drugImgCon { position: absolute; width: 137px; height: 143px; left: 56px; top: 47px; z-index: 0; }
.div_wid_drugName { position: absolute; width: 143px; height: 20px; top: 197px; left: 55px; line-height: 20px; font-size: 8pt; overflow: hidden; z-index: 3; }
.div_wid_drugMeal { position: absolute; width: 68px; height: 27px; line-height: 27px; font-size: 9pt; top: 105px; left: 193px; z-index: 3; }
.div_wid_drugAmount { position: absolute; width: 68px; height: 27px; line-height: 27px; font-size: 9pt; top: 104px; left: 3px; text-align: center; z-index: 3; }
.div_wid_drugX { position: absolute; width: 8px; height: 27px; line-height: 27px; font-size: 10pt; top: 104px; left: 50px; z-index: 3; }

.widget_drug_img { position: absolute; max-width: 137px; max-height: 145px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.widget_exercise_circle { position: absolute; width: 250px; top: 55px; left: 55px; }


.wid_sml_circle { position: absolute; width: 250px; top: 55px; height: 250px; left: 55px; z-index: 5; }

.wid_exerCircleBtn1,
.wid_exerCircleBtn2,
.wid_exerCircleImg,
.wid_exerCircleName { position: absolute; }

.wid_exerCircleBtn1 { top: 101px; left: 12px; height: 44px; width: 50px; }
.wid_exerCircleBtn2 { left: 187px; top: 106px; height: 39px; width: 50px; }
.wid_exerCircleImg { left: 66px; top: 25px; width: 116px; height: 160px; }
.wid_exerCircleName { left: 45px; top: 190px; width: 161px; height: 25px; line-height: 25px; font-size: 8pt; text-align: center; }

.wid_exerConDiv { position: absolute; width: 250px; top: 55px; height: 250px; left: 55px; z-index: 5; }

.wid_exerDataDiv { position: absolute; width: 127px; height: 127px; z-index: 5; top: 62px; left: 65px; border-radius: 65px; }

.wid_exerDataTxt { position: absolute; width: 107px; height: 43px; line-height: 43px; text-align: center; top: 27px; left: 9px; font-size: 28pt; }
.wid_exerDataCal { position: absolute; width: 107px; height: 25px; line-height: 25px; text-align: center; top: 70px; left: 9px; font-size: 10pt; }

.wid_drugPros { position: absolute; width: 149px; height: 192px; top: 29px; left: 50px; z-index: 5; }
.wid_drugProsDta { position: absolute; width: 149px; height: 192px; }
.wid_proseBg { position: absolute; width: 246px; top: -28px; left: -49px; }

.widFirstCanvas { opacity: 0.4; /*border: 1px solid #000;*/ }
.widSecCanvas { /*border: 1px solid #000;*/ position: absolute; top: 0px; }
#divExerciseDotCon { position: absolute; top: 0px; left: 0px; width: 248px; height: 248px; /*background-color: rgba(96, 172, 229, 0.46);*/ }
.wid_besMainAll { position: absolute; width: 358px; height: 359px; }

.wid_besBtn1,
.wid_besBtn2,
.wid_besBtn3,
.wid_besBtn4 { position: absolute; }

.wid_besBtn1 { top: 132px; width: 50px; left: 4px; height: 96px; }
.wid_besBtn2 { top: 132px; width: 50px; left: 306px; height: 96px; }
.wid_besBtn3 { top: 4px; width: 97px; left: 131px; height: 50px; }
.wid_besBtn4 { top: 306px; width: 97px; left: 131px; height: 50px; }

.wid_besDataConDiv { position: absolute; width: 252px; height: 253px; left: 54px; top: 54px; }
.wid_besDataListDiv { position: absolute; width: 122px; height: 192px; top: 31px; left: 66px; }
#wid_besMenuImage { overflow: scroll; }

.wid_besDataListDivIMG { position: absolute; max-width: 35px; max-height: 42px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.wid_besPicDiv1,
.wid_besPicDiv2,
.wid_besPicDiv3,
.wid_besPicDiv4 { position: absolute; width: 34px; height: 59px; }

.wid_besPicDiv1 { top: 55px; left: 25px; }
.wid_besPicDiv3 { top: 140px; left: 25px; }
.wid_besPicDiv4 { top: 139px; left: 193px; }
.wid_besPicDiv2 { top: 55px; left: 193px; }







.dmHeaderCell { position: absolute; width: 60px; height: 20px; line-height: 20px; white-space: nowrap; }
div#d_12583_1 { position: relative; width: 122px; top: 17px; }
.dmRowDiv { position: relative; width: 122px; height: 60px; white-space: nowrap; }

img.foodImg { width: 20px; }
input.dmCell04 { position: relative; width: 16px; height: 15px; line-height: 15px; background-color: transparent; border: none; font-size: 6pt; text-align: center; top: -33px; }

.dmCell07 { width: 16px; height: 15px; line-height: 15px; background-color: transparent; border: none; position: relative; font-size: 6pt; top: -51px; left: 88px; }

.divDP_FoodName_widget { position: relative; width: 122px; height: 32px; top: -19px; left: 23px; font-size: 5pt; }

.seqn { position: absolute; width: 128px; height: 15px; line-height: 15px; font-size: 6pt; top: 4px; left: 19px; }

.dmCell08 { position: absolute; width: 50px; height: 15px; line-height: 15px; font-size: 6pt; top: 34px; left: 105px; }


.wid_menuRowDef { position: absolute; width: 122px; height: 50px; }


.wid_BesRowDiv1,
.wid_BesRowDiv2,
.wid_BesRowDiv3,
.wid_BesRowDiv4,
.wid_BesRowDiv5,
.wid_BesRowDiv6 { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 6pt; background-color: red; opacity: 0.4; }

.wid_BesRowDiv1 { width: 25px; left: 0px; height: 27px; }
.wid_BesRowDiv2 { width: 98px; left: 26px; }
.wid_BesRowDiv3 { top: 16px; left: 26px; width: 16px; }
.wid_BesRowDiv4 { top: 16px; left: 43px; width: 50px; }
.wid_BesRowDiv5 { top: 16px; left: 94px; width: 14px; }
.wid_BesRowDiv6 { top: 16px; left: 109px; width: 14px; }


.wid_besMenuAllImgCon { position: absolute; width: 310px; height: 390px; left: 22px; top: 25px; }


.wid_besMenuImgConMenuName { position: absolute; width: 310px; height: 22px; background-color: #9ADCE5; left: 0px; line-height: 22px; font-size: 11px; text-align: center; color: #022d5a; top: -6px; overflow: hidden; white-space: nowrap; }

.wid_besMenuImgConMenuOTPic,
.wid_besMenuAllImgD1,
.wid_besMenuImgConMenuSize,
.wid_besMenuImgConMenuName { background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: linear-gradient(#cbf1fd, #d0f4ff, #b8eeff); }


.wid_besMenuImgConMenuSize { position: absolute; width: 310px; height: 128px; top: 25px; left: 0px; }

.wid_besMenuImgConMenuName2 { position: absolute; width: 290px; height: 22px; background-color: #9ADCE5; left: 0px; line-height: 23px; font-size: 11px; text-align: center; color: #022d5a; top: 8px; border-radius: 4px; background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: linear-gradient(#cbf1fd, #d0f4ff, #b8eeff); }
.wid_besMenuImgConMenuName3 { position: absolute; width: 304px; height: 22px; background-color: #9ADCE5; left: 6px; line-height: 22px; font-size: 11px; text-align: center; color: #022d5a; top: 6px; border-radius: 4px; background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: linear-gradient(#cbf1fd, #d0f4ff, #b8eeff); white-space: nowrap; overflow: hidden; }
.wid_besMenuImgConMenuName4 { position: absolute; width: 299px; height: 22px; background-color: #9ADCE5; left: 11px; line-height: 22px; font-size: 11px; text-align: center; color: #022d5a; top: 9px; border-radius: 4px; background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: linear-gradient(#cbf1fd, #d0f4ff, #b8eeff); }


.wid_besMenuAllImgF1,
.wid_besMenuAllImgF2,
.wid_besMenuAllImgD1 { position: absolute; width: 50px; height: 60px; }

    .wid_besMenuAllImgF1 img,
    .wid_besMenuAllImgF2 img { position: absolute; max-width: 128px; max-height: 86px; left: 8px; top: 23px; }



.wid_besMenuAllImgF1 { top: 1px; left: 1px; width: 152px; height: 125px; background-color: #fff; }
.wid_besMenuAllImgF2 { top: 1px; left: 156px; width: 152px; height: 125px; background-color: #fff; }
.wid_besMenuAllImgD1 { top: 1px; left: 140px; width: 30px; height: 22px; text-align: center; line-height: 22px; font-size: 7pt; color: #022d5a; }

.wid_besMenuImgConMenuOTPic { position: absolute; width: 311px; height: 239px; /* border: 1px solid #9ADCE5; */ top: 157px; left: 0px; overflow: hidden; }

.wid_besMenuAllImgHow { position: relative; width: 101px; height: 77px; background-color: #fff; float: left; margin-right: 2px; left: 2px; top: 2px; margin-bottom: 2px; }
    .wid_besMenuAllImgHow img { position: absolute; max-width: 68px; max-height: 64px; top: 50%; left: 50%; transform: translate(-50%,-50%); }


.wid_besMenuFootHowInf { position: absolute; width: 174px; height: 49px; background-color: #9ADCE5; top: 337px; left: 63px; }

.wid_besMenuFootHowInf { background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); background: linear-gradient(#cbf1fd, #d0f4ff, #b8eeff); }

.wid_besMenuFootHowInfRow1 { position: absolute; width: 167px; height: 20px; top: 3px; left: 3px; }
.wid_besMenuFootHowInfRow2 { position: absolute; width: 167px; height: 20px; top: 26px; left: 3px; }

.wid_besMenuFHIname,
.wid_besMenuFHImin,
.wid_besMenuFHIdak { position: absolute; width: 20px; font-size: 6pt; height: 20px; background-color: #fff; color: #022d5a; line-height: 21px; }

.wid_besMenuFHIname { width: 112px; text-indent: 5px; }
.wid_besMenuFHImin { left: 115px; width: 25px; text-align: center; }
.wid_besMenuFHIdak { left: 143px; width: 25px; text-align: center; }





.wid_besBigCon { position: absolute; width: 360px; height: 453px; top: 42%; left: 50%; transform: translate(-50%,-50%); }

.wid_besBigConDmm { position: absolute; width: 360px; height: 517px; top: 51%; left: 50%; transform: translate(-50%,-50%); }



.wid_besBigBtn1,
.wid_besBigBtn2,
.wid_besBigBtn3,
.wid_besBigBtn4 { position: absolute; }

.wid_besBigBtn1 { top: 166px; width: 62px; left: 6px; height: 121px; }
.wid_besBigBtn2 { top: 166px; width: 61px; left: 293px; height: 121px; }
.wid_besBigBtn3 { top: 6px; width: 119px; left: 120px; height: 62px; }
.wid_besBigBtn4 { top: 386px; width: 122px; left: 119px; height: 61px; }

.wid_besBigDataConDiv { position: absolute; width: 347px; height: 348px; left: 7px; top: 52px; }
.wid_besBigDataListDiv { position: absolute; width: 220px; height: 336px; top: 4px; left: 63px; overflow: scroll; }

.wid_besBigDataListDivMal { position: absolute; width: 220px; height: 336px; top: 4px; left: 63px; overflow: scroll; }

.wid_besBigDataListDivTar { position: absolute; width: 220px; height: 336px; top: 4px; left: 63px; overflow: scroll; }


.dietMenuMealHeader { position: relative; left: 85px; width: 152px; height: 24px; top: 4px; line-height: 24px; margin: 0px 0px; border-radius: 2px; border-top-left-radius: 15px; border-top-right-radius: 15px; background: -webkit-linear-gradient(#f3f3f3, #efefef, #ffffff); background: -o-linear-gradient(#f3f3f3, #efefef, #ffffff); background: -moz-linear-gradient(#f3f3f3, #efefef, #ffffff); background: linear-gradient(#f3f3f3, #efefef, #ffffff); box-shadow: 0px 0px 2px #e8e8e8; background: #52B4D5; }
    .dietMenuMealHeader .lbl,
    .dietMenuMealHeader .time { position: absolute; top: 0px; width: 153px; height: 24px; line-height: 25px; font-size: 10pt; font-weight: bold; color: #fff; }

        .dietMenuMealHeader .lbl span { font-size: 7pt; position: relative; margin-left: 2px; }

    .dietMenuMealHeader .lbl { left: 0px; text-align: center; }
    .dietMenuMealHeader .time { left: 91px; font-size: 8px; }

.dietMenuMealHeaderx { position: relative; left: 85px; width: 152px; height: 24px; top: 4px; line-height: 24px; margin: 0px 0px; border-radius: 2px; border-top-left-radius: 15px; border-top-right-radius: 15px; background: -webkit-linear-gradient(#fff, #fff, #fff); background: -o-linear-gradient(#fff, #fff, #fff); background: -moz-linear-gradient(#fff, #fff, #fff); background: linear-gradient(#fff, #fff, #fff); box-shadow: 0px 0px 2px #62cbed; }
    .dietMenuMealHeaderx .lbl,
    .dietMenuMealHeaderx .time { position: absolute; top: 0px; width: 153px; height: 24px; line-height: 25px; font-size: 12px; font-weight: bold; color: #62cbed; }

        .dietMenuMealHeaderx .lbl span { font-size: 6pt; }

    .dietMenuMealHeaderx .lbl { left: 0px; text-align: center; }
    .dietMenuMealHeaderx .time { left: 91px; font-size: 8px; }



#wid_besMenuSizeBigTarif2 { position: absolute; width: 290px; height: 294px; top: 40px; white-space: pre-wrap; overflow: hidden; }

.dietMenuMealHeaderSperator { position: relative; width: 262px; height: 24px; }

.wid_menuBigRowDef { position: relative; width: 215px; height: 47px; /*border-bottom: 1px solid #000;*/ }
    .wid_menuBigRowDef div { background: -webkit-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* Standard syntax (must be last) */ }


.wid_menuBigRowDefFF,
.wid_menuBigRowDefFFx { position: relative; width: 315px; min-height: 96px; top: 5px; left: 6px; margin-bottom: 9px; }

/*.wid_menuBigRowDefFF div { background: -webkit-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6);*/ /* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6);*/ /* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Firefox 3.6 to 15 */ /*background: linear-gradient(#F1F2F2, #DADCDC, #C3C5C6);*/ /* Standard syntax (must be last) */ /*}*/

.wid_menuBigRowDefFF0 { position: relative; width: 215px; height: 47px; }
    .wid_menuBigRowDefFF0 div { background: -webkit-linear-gradient(#F1F2F2, #c4c5c5, #919292); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F1F2F2, #c4c5c5, #919292); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F1F2F2, #c4c5c5, #919292); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F1F2F2, #c4c5c5, #919292); /* Standard syntax (must be last) */ }



/*.wid_menuBigRowDefFFx .wid_BesBigRowDivFf1,*/
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf2,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf3,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf4,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf5,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf6,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf7,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf8,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf9,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf9_1,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf9_2,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf9_3,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf1imagesCon1,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf1imagesCon2,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf1imagesCon3,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFfa1,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFfa2,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFfa3,
.wid_menuBigRowDefFFx .wid_BesBigRowDivFf9_4 { background: -webkit-linear-gradient(#fff, #fff, #fff); background: -o-linear-gradient(#fff, #fff, #fff); background: -moz-linear-gradient(#fff, #fff, #fff); background: linear-gradient(#fff, #fff, #fff); box-shadow: 0px 0px 1px 0px #62cbed; color: #62cbed; font-weight: bold; }


.wid_BesBigRowDiv1,
.wid_BesBigRowDiv2,
.wid_BesBigRowDiv3,
.wid_BesBigRowDiv4,
.wid_BesBigRowDiv5,
.wid_BesBigRowDiv6 { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 6pt; background-color: transparent; border-radius: 3px; overflow: hidden; white-space: nowrap; }

.wid_BesBigRowDiv1 { width: 35px; left: 0px; height: 42px; }
.wid_BesBigRowDiv2 { width: 174px; left: 37px; white-space: nowrap; overflow: hidden; text-indent: 5px; }
.wid_BesBigRowDiv3 { top: 22px; left: 37px; width: 22px; text-align: center; }
.wid_BesBigRowDiv4 { top: 22px; left: 61px; width: 112px; text-indent: 5px; }
.wid_BesBigRowDiv5 { top: 22px; left: 175px; width: 16px; text-align: center; }
.wid_BesBigRowDiv6 { top: 22px; left: 193px; width: 18px; text-align: center; }

wid_BesBigRowDivFf1imagesCon1,
wid_BesBigRowDivFf1imagesCon2,
wid_BesBigRowDivFf1imagesCon3 { position: absolute; width: 36px; height: 22px; left: 3px; }

.wid_BesBigRowDivFf1images1,
.wid_BesBigRowDivFf1images2,
.wid_BesBigRowDivFf1images3 { position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); max-width: 38px; max-height: 19px; width: 27px; }


.wid_BesBigRowDivFf1imagesCon1,
.wid_BesBigRowDivFf1imagesCon2,
.wid_BesBigRowDivFf1imagesCon3 { position: absolute; width: 35px; height: 20px; border-radius: 3px; }

.wid_BesBigRowDivFf1imagesCon1 { top: 0px; }
.wid_BesBigRowDivFf1imagesCon2 { top: 24px; }
.wid_BesBigRowDivFf1imagesCon3 { top: 48px; }

.wid_besBigPicDiv1,
.wid_besBigPicDiv2,
.wid_besBigPicDiv3,
.wid_besBigPicDiv4,
.wid_besBigPicDiv5,
.wid_besBigPicDiv6 { position: absolute; width: 47px; height: 78px; border-radius: 30px; cursor: pointer; }

.wid_besBigPicDiv1 { top: 70px; left: 2px; }
.wid_besBigPicDiv3 { top: 235px; left: 2px; }
.wid_besBigPicDiv4 { top: 235px; left: 295px; }
.wid_besBigPicDiv2 { top: 70px; left: 296px; }
.wid_besBigPicDiv5 { top: 175px; left: 295px; width: 49px; height: 34px; }
.wid_besBigPicDiv6 { left: 2px; top: 175px; width: 49px; height: 34px; }

.wid_besBigPicDiv1,
.wid_besBigPicDiv2,
.wid_besBigPicDiv3,
.wid_besBigPicDiv4,
.wid_besBigPicDiv5,
.wid_besBigPicDivXx,
.wid_besBigPicDiv6 { background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: linear-gradient(#fbfbfb, #F1F1F2, #dcdcdc); box-shadow: 0px 0px 4px #cacaca; }

.wid_besBigPicDivXx { position: relative; width: 47px; height: 78px; border-radius: 30px; cursor: pointer; top: 70px; left: 2px; }


.dmfs_disable { background-color: #000 !important; opacity: 0.5; pointer-events: none; }


.wid_besSpecialFoodConDiv { position: absolute; width: 235px; height: 31px; top: 409px; left: 53px; }

#wid_besSpecialFoodConDivDisabled { opacity: 0.5; }

.wid_besSpecialFood { position: relative; width: 31px; height: 30px; float: left; margin-left: 11px; top: -1px; left: 17px; border-radius: 11px; }

.wid_ffImg1 { position: absolute; height: 18px; top: 5px; left: 3px; border-radius: 5px; }
.wid_ffImg2 { position: absolute; height: 21px; top: 3px; left: 5px; border-radius: 5px; }
.wid_ffImg3 { position: absolute; height: 21px; top: 3px; left: 5px; border-radius: 5px; }
.wid_ffImg4 { position: absolute; height: 21px; top: 3px; left: 8px; border-radius: 5px; }
.wid_ffImg5 { position: absolute; width: 27px; top: 9px; left: 4px; border-radius: 5px; }


.wid_besSpecialFoodBtn3 { position: absolute; width: 57px; height: 30px; top: 7px; left: 238px; font-size: 10pt; color: #F3B167; text-align: center; line-height: 37px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; }
.wid_besSpecialFoodBtn4 { position: absolute; width: 77px; height: 36px; top: 1px; left: 140px; text-align: center; line-height: 41px; font-size: 10pt; color: #F3B167; border-top-left-radius: 37px 24px; border-top-right-radius: 37px 24px; }
.wid_besSpecialFoodBtn5 { position: absolute; width: 57px; height: 30px; top: 8px; left: 64px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; }

.wid_besSpecialFoodBtn3t { position: absolute; width: 57px; height: 30px; left: 238px; font-size: 10pt; color: #F3B167; text-align: center; line-height: 37px; border-bottom-left-radius: 21px 24px; border-bottom-right-radius: 21px 24px; }
.wid_besSpecialFoodBtn4t { position: absolute; width: 77px; height: 36px; left: 140px; text-align: center; line-height: 41px; font-size: 10pt; color: #F3B167; border-bottom-left-radius: 37px 24px; border-bottom-right-radius: 37px 24px; }
.wid_besSpecialFoodBtn5t { position: absolute; width: 57px; height: 30px; left: 64px; border-bottom-left-radius: 21px 24px; border-bottom-right-radius: 21px 24px; }

.wid_besSpecialFoodBtn3t,
.wid_besSpecialFoodBtn4t,
.wid_besSpecialFoodBtn5t { top: 450px; }


.wid_besSpecialFoodBtn3t,
.wid_besSpecialFoodBtn4t,
.wid_besSpecialFoodBtn5t { background: -webkit-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -o-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -moz-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: linear-gradient(#dcdcdc, #F1F1F2, #ececec); box-shadow: 0px 0px 7px #cacaca; }

.wid_besSpecialFood,
.wid_besSpecialFoodBtn3,
.wid_besSpecialFoodBtn4,
.wid_besSpecialFoodBtn5 { background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: linear-gradient(#ffffff, #F1F1F2, #dcdcdc); box-shadow: 0px 0px 7px #cacaca; }

    .wid_besSpecialFoodBtn5:active { background-color: rgba(0, 0, 0, 0.20); }

.wid_besSpecialDisableBtnsCon { position: absolute; width: 167px; top: -1px; left: 106px; z-index: 2; }

#wid_besSpecialDisableBtn1 { position: absolute; width: 53px; height: 32px; left: -1px; text-align: center; line-height: 11px; font-size: 8px; color: #000; padding-top: 7px; border-top-left-radius: 26px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; top: 3px; }
#wid_besSpecialDisableBtn2 { left: 57px; width: 53px; height: 32px; font-size: 8px; text-align: center; position: absolute; padding-top: 8px; line-height: 10px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; top: 4px; }
#wid_besSpecialDisableBtn3 { left: 116px; width: 52px; height: 33px; position: absolute; font-size: 8px; text-align: center; padding-top: 7px; line-height: 10px; border-top-left-radius: 7px; border-top-right-radius: 26px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; top: 3px; }
#wid_besSpecialDisableBtn4 { position: absolute; width: 55px; height: 26px; top: 8px; left: -73px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; cursor: pointer; font-size: 7pt; text-align: center; padding-top: 4px; }
#wid_besSpecialDisableBtn5 { position: absolute; width: 55px; height: 26px; top: 9px; left: 185px; font-size: 11px; color: #62CBED; text-align: center; line-height: 30px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; font-weight: bold; padding-right: 2px; cursor: pointer; }

#wid_besSpecialDisableBtn1,
#wid_besSpecialDisableBtn2,
#wid_besSpecialDisableBtn3,
#wid_besSpecialDisableBtn4,
#wid_besSpecialDisableBtn5 { background-color: #f3f3f3; opacity: 0.7; }




.wig_GetBigScreen { position: absolute; width: 58px; height: 19px; left: 150px; top: 62px; line-height: 19px; text-align: center; font-weight: bold; z-index: 3; }

#wid_besMenuSizeBig .wid_menuBigRowDef .wid_BesBigRowDiv1 img { position: absolute; max-width: 35px; max-height: 42px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#wid_besMenuSizeBig .wid_menuBigRowDefFF0 .wid_BesBigRowDiv1 img { position: absolute; max-width: 35px; max-height: 42px; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.divExerciseCircle { position: absolute; top: 0px; left: 0px; width: 10px; height: 10px; background-color: red; border-radius: 10px; transition: 200ms; }
    .divExerciseCircle:hover { background-color: blue; }

.wid_BesBigRowDivFf_PlaceHolder { position: relative; width: 300px; height: 71px; /*background-color: rgba(255, 0, 0, 0.38);*/ }
.wid_BesBigRowDivFf_RowCon { position: relative; width: 300px; height: 24px; /*background-color: rgba(0, 208, 255, 0.63);*/ }

/*.wid_BesBigRowDivFf1,*/
.wid_BesBigRowDivFf2,
.wid_BesBigRowDivFf3,
.wid_BesBigRowDivFf4,
.wid_BesBigRowDivFf5,
.wid_BesBigRowDivFf6,
.wid_BesBigRowDivFf7,
.wid_BesBigRowDivFf8,
.wid_BesBigRowDivFfa1,
.wid_BesBigRowDivFfa2,
.wid_BesBigRowDivFfa3,
.wid_BesBigRowDivFf9,
.wid_BesBigRowDivFf1imagesCon1,
.wid_BesBigRowDivFf1imagesCon2,
.wid_BesBigRowDivFf1imagesCon3 { background: -webkit-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F1F2F2, #DADCDC, #C3C5C6); /* Standard syntax (must be last) */ /* box-shadow: 0px 0px 2px #000; */ }



#wid_BesBigRowDivFfSelR1,
#wid_BesBigRowDivFfSelR2,
#wid_BesBigRowDivFfSelR3 { position: relative; height: 23px; width: 305px; left: 0px; white-space: nowrap; overflow: hidden; z-index: 2; }

#wid_BesBigRowDivFfSelR1 { top: 23px; }
#wid_BesBigRowDivFfSelR2 { top: 47px; }
#wid_BesBigRowDivFfSelR3 { top: 71px; }



.wid_BesBigRowDivFf1,
.wid_BesBigRowDivFf2,
.wid_BesBigRowDivFf3,
.wid_BesBigRowDivFf4,
.wid_BesBigRowDivFf5,
.wid_BesBigRowDivFf6,
.wid_BesBigRowDivFf7,
.wid_BesBigRowDivFf8,
.wid_BesBigRowDivFfa1,
.wid_BesBigRowDivFfa2,
.wid_BesBigRowDivFfa3,
.wid_BesBigRowDivFf9 { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 6pt; background-color: transparent; border-radius: 3px; }

.wid_BesBigRowDivFf1 { width: 35px; left: 0px; height: 64px; top: 24px; }
.wid_BesBigRowDivFf2 { width: 305px; left: 0px; white-space: nowrap; overflow: hidden; text-indent: 5px; }
.wid_BesBigRowDivFf3 { top: 25px; left: 37px; width: 26px; text-align: center; }
.wid_BesBigRowDivFf4 { top: 25px; left: 65px; width: 43px; text-indent: 0px; text-align: center; }
.wid_BesBigRowDivFf5 { top: 25px; left: 110px; width: 195px; text-align: left; text-indent: 4px; }
.wid_BesBigRowDivFf6 { top: 48px; left: 37px; width: 26px; text-align: center; }
.wid_BesBigRowDivFf7 { top: 48px; left: 65px; width: 43px; text-align: center; }
.wid_BesBigRowDivFf8 { top: 48px; left: 110px; width: 195px; text-align: left; text-indent: 4px; }
.wid_BesBigRowDivFf9 { position: relative; width: 305px; text-align: left; text-indent: 6px; color: #272020; font-weight: normal; /* top: 16px; */ }

.wid_BesBigRowDivFfa1 { top: 0px; left: 37px; width: 26px; text-align: center; }
.wid_BesBigRowDivFfa2 { top: 0px; left: 65px; width: 43px; text-align: center; }
.wid_BesBigRowDivFfa3 { top: 0px; left: 110px; width: 195px; text-align: left; text-indent: 4px; }


.wid_BesBigRowDivFf9_1,
.wid_BesBigRowDivFf9_2,
.wid_BesBigRowDivFf9_4,
.wid_BesBigRowDivFf9_3 { position: absolute; width: 32px; height: 20px; top: 0px; }

.wid_BesBigRowDivFf9_3 { left: 272px; }
.wid_BesBigRowDivFf9_2 { left: 170px; }
.wid_BesBigRowDivFf9_1 { left: 204px; color: #000; text-indent: 0px; text-align: center; }
.wid_BesBigRowDivFf9_4 { left: 238px; }

.wid_BesBigRowDivFf9_1,
.wid_BesBigRowDivFf9_2,
.wid_BesBigRowDivFf9_4,
.wid_BesBigRowDivFf9_3 { background: -webkit-linear-gradient(#d2d2d2, #f1f1f1, #e4e7e8); background: -o-linear-gradient(#d2d2d2, #f1f1f1, #e4e7e8); background: -moz-linear-gradient(#d2d2d2, #f1f1f1, #e4e7e8); background: linear-gradient(#d2d2d2, #f1f1f1, #e4e7e8); box-shadow: 0px 0px 2px #8a8a8a inset; border-radius: 4px; }

    .wid_BesBigRowDivFf9_3 img { position: absolute; width: 30px; top: -2px; left: 2px; }
    .wid_BesBigRowDivFf9_4 img { position: absolute; /* width: 29px; */ top: 2px; left: 10px; height: 16px; }

.fastfood_list_icon { position: absolute; top: 50%; left: 50%; max-width: 32px; max-height: 19px; transform: translate(-50%,-50%); }

.zz1 { background-color: #DBEEF3; }
.zz0 { background-color: #fff; }




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


.wid_besBigCon2 { position: absolute; width: 379px; height: 592px; top: 0px; left: 0px; transform: translate(0px,0px); }

    .wid_besBigCon2 .wid_besBigDataListDiv { position: absolute; width: 220px; height: 336px; top: 4px; left: 63px; overflow: scroll; }


    .wid_besBigCon2 .widget_bgColorDivCon { position: absolute; width: 380px; top: 42px; left: -4px; height: 491px; /* background: red; */ overflow: hidden; }

    .wid_besBigCon2 .widget_bgColorDiv1 { position: absolute; width: 363px; top: 2px; left: 11px; height: 486px; border-radius: 25px; }
    .wid_besBigCon2 .widget_bgColorDiv2,
    .wid_besBigCon2 .widget_bgColorDiv3 { position: absolute; width: 29px; height: 377px; background-color: #fff; top: 53px; border-top-right-radius: 26px; border-bottom-right-radius: 26px; border-bottom-left-radius: 26px; border-top-left-radius: 26px; }

    .wid_besBigCon2 .widget_bgColorDiv3 { right: -12px; box-shadow: -1px 0px 0px #a4dbed; }
    .wid_besBigCon2 .widget_bgColorDiv2 { left: -12px; box-shadow: 1px 0px 0px #a4dbed; }

    .wid_besBigCon2 .widget_bgColorDiv1 { /*background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    background: linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc);
    box-shadow: 0px 0px 7px #cacaca;*/ background-color: #fff; box-shadow: 0px 0px 6px #0db4d5; }

    .wid_besBigCon2 .wid_besMainAll { position: absolute; width: 358px; height: 359px; }

    .wid_besBigCon2 .wid_besBtn1,
    .wid_besBigCon2 .wid_besBtn2,
    .wid_besBigCon2 .wid_besBtn3,
    .wid_besBigCon2 .wid_besBtn4 { position: absolute; }

    .wid_besBigCon2 .wid_besBtn1 { top: 132px; width: 50px; left: 4px; height: 96px; }
    .wid_besBigCon2 .wid_besBtn2 { top: 132px; width: 50px; left: 306px; height: 96px; }
    .wid_besBigCon2 .wid_besBtn3 { top: 4px; width: 97px; left: 131px; height: 50px; }
    .wid_besBigCon2 .wid_besBtn4 { top: 306px; width: 97px; left: 131px; height: 50px; }

    .wid_besBigCon2 .wid_besDataConDiv { position: absolute; width: 252px; height: 253px; left: 54px; top: 54px; }
    .wid_besBigCon2 .wid_besDataListDiv { position: absolute; width: 122px; height: 192px; top: 31px; left: 66px; }
    .wid_besBigCon2 #wid_besMenuImage { overflow: scroll; }

    .wid_besBigCon2.wid_besDataListDivIMG { position: absolute; max-width: 35px; max-height: 42px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

    .wid_besBigCon2 .wid_besPicDiv1,
    .wid_besBigCon2 .wid_besPicDiv2,
    .wid_besBigCon2 .wid_besPicDiv3,
    .wid_besBigCon2 .wid_besPicDiv4 { position: absolute; width: 34px; height: 59px; }

    .wid_besBigCon2 .wid_besPicDiv1 { top: 55px; left: 25px; }
    .wid_besBigCon2 .wid_besPicDiv3 { top: 140px; left: 25px; }
    .wid_besBigCon2 .wid_besPicDiv4 { top: 139px; left: 193px; }
    .wid_besBigCon2 .wid_besPicDiv2 { top: 55px; left: 193px; }


    .wid_besBigCon2 .wid_besSpecialFoodBtn3 { position: absolute; width: 55px; height: 26px; top: 8px; left: 291px; font-size: 11px; color: #62CBED; text-align: center; line-height: 30px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; font-weight: bold; padding-right: 2px; cursor: pointer; }
    .wid_besBigCon2 .wid_besSpecialFoodBtn4 { position: absolute; width: 52px; height: 32px; top: 2px; left: 105px; text-align: center; line-height: 11px; font-size: 8px; color: #000; padding-top: 7px; border-top-left-radius: 26px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; cursor: pointer; }
    .wid_besBigCon2 .wid_besSpecialFoodBtn5 { position: absolute; width: 55px; height: 26px; top: 7px; left: 33px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; cursor: pointer; font-size: 7pt; text-align: center; padding-top: 4px; }

    .wid_besBigCon2 .wid_besSpecialFood,
    .wid_besBigCon2 .wid_besSpecialFoodBtn3,
    .wid_besBigCon2 .wid_besSpecialFoodBtn4,
    .wid_besBigCon2 .wid_besSpecialFoodBtn5 { background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: linear-gradient(#ffffff, #F1F1F2, #ffffff); box-shadow: 0px 0px 7px #d0cece; }

    .wid_besBigCon2 #Wid_ReturnMenulist img,
    .wid_besBigCon2 #Wid_ReturnMenuMain img { position: absolute; width: 21px; top: 4px; left: 14px; }
    .wid_besBigCon2 .wid_besSpecialFoodBtn4 img { position: absolute; width: 36px; top: 10px; left: 4px; }
    .wid_besBigCon2 .wid_besBigPicDiv6 img { position: absolute; width: 36px; top: 8px; left: 4px; }
    .wid_besBigCon2 .wid_besBigPicDiv5 img { position: absolute; width: 36px; top: 2px; left: 3px; }

    .wid_besBigCon2 .wid_besBigPicDiv1,
    .wid_besBigCon2 .wid_besBigPicDiv2,
    .wid_besBigCon2 .wid_besBigPicDiv3,
    .wid_besBigCon2 .wid_besBigPicDiv4,
    .wid_besBigCon2 .wid_besBigPicDiv5,
    .wid_besBigCon2 .wid_besBigPicDiv6 { position: absolute; width: 45px; height: 30px; border-radius: 30px; cursor: pointer; }

    .wid_besBigCon2 .wid_besBigPicDiv1 { top: 438px; left: 60px; }
    .wid_besBigCon2 .wid_besBigPicDiv3 { top: 438px; left: 178px; }
    .wid_besBigCon2 .wid_besBigPicDiv4 { top: 438px; left: 238px; }
    .wid_besBigCon2 .wid_besBigPicDiv2 { top: 438px; left: 119px; }
    .wid_besBigCon2 .wid_besBigPicDiv5 { top: -51px; left: 156px; width: 52px; height: 32px; font-size: 8px; text-align: center; padding-top: 8px; line-height: 10px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
    .wid_besBigCon2 .wid_besBigPicDiv6 { left: 215px; top: -51px; width: 52px; height: 32px; font-size: 8px; text-align: center; padding-top: 7px; line-height: 10px; border-top-left-radius: 7px; border-top-right-radius: 26px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

    .wid_besBigCon2 .wid_besBigPicDiv1,
    .wid_besBigCon2 .wid_besBigPicDiv2,
    .wid_besBigCon2 .wid_besBigPicDiv3,
    .wid_besBigCon2 .wid_besBigPicDiv4,
    .wid_besBigCon2 .wid_besBigPicDiv5,
    .wid_besBigCon2 .wid_besBigPicDiv6 { background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: linear-gradient(#fbfbfb, #F1F1F2, #ffffff); box-shadow: 0px 0px 4px #cacaca; }

        .wid_besBigCon2 .wid_besBigPicDiv1 img { position: absolute; max-height: 32px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 28px; }
        .wid_besBigCon2 .wid_besBigPicDiv2 img { position: absolute; max-height: 25px; top: 49%; left: 50%; transform: translate(-50%,-50%); width: 25px; }
        .wid_besBigCon2 .wid_besBigPicDiv3 img { position: absolute; max-height: 36px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 31px; }
        .wid_besBigCon2 .wid_besBigPicDiv4 img { position: absolute; max-height: 27px; top: 45%; left: 55%; transform: translate(-50%,-50%); width: 23px; }
    .wid_besBigCon2 .wid_besBigPicDivXx img { position: absolute; max-height: 30px; top: 48%; left: 50%; transform: translate(-50%,-50%); width: 27px; }


    .wid_besBigCon2 .wid_ffImg1 { position: absolute; height: 25px; top: 7px; left: 7px; border-radius: 5px; }
    .wid_besBigCon2 .wid_ffImg2 { position: absolute; height: 30px; top: 5px; left: 9px; border-radius: 5px; width: 30px; }
    .wid_besBigCon2 .wid_ffImg3 { position: absolute; height: 32px; top: 4px; left: 6px; border-radius: 5px; width: 34px; }
    .wid_besBigCon2 .wid_ffImg4 { position: absolute; height: 30px; top: 4px; left: 8px; border-radius: 5px; width: 30px; }
    .wid_besBigCon2 .wid_ffImg5 { position: absolute; width: 39px; top: 9px; left: 5px; border-radius: 5px; height: 22px; }


    .wid_besBigCon2 .widSelectedBtnsInf { background: -webkit-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -o-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: -moz-linear-gradient(#e8e6e6, #F1F1F2, #dcdcdc); background: linear-gradient(#fbfbfb, #F1F1F2, #ffffff); box-shadow: 0px 0px 4px 1px #1cb5e6; }

#Wid_ReturnMenuMain2 { z-index: 5; background: transparent; }

.docFoodDefMenuImg { position: absolute; width: 375px; top: 39px; left: 2px; z-index: 5; }

.docFoodDefMenuLoginAlert { position: absolute; width: 239px; height: 225px; background-color: #357c97; z-index: 6; top: 181px; left: 74px; opacity: 0.8; line-height: 19px; color: #fff; font-size: 12pt; text-align: center; text-shadow: -2px 2px 2px #000; padding-top: 136px; border-radius: 23px; }
    .docFoodDefMenuLoginAlert img { position: absolute; width: 60px; left: 90px; top: 46px; }
    .docFoodDefMenuLoginAlert span { cursor: pointer; }


.docPageDataCon .docFoodDefMenuLoginAlert { left: 163px; top: 69px; z-index: 1; }
#docPageAppo .docFoodDefMenuLoginAlert { left: 183px; top: 72px; }
#docPageMesaagesCon .docFoodDefMenuLoginAlert { left: 163px; top: 119px; }
#docPageAllNotesCon .docFoodDefMenuLoginAlert { left: 163px; top: 119px; }

#docPageMesaagesCon .docFoodDefMenuLoginAlerthide { position: absolute; width: 209px; height: 35px; left: -104px; top: -94px; }
#docPageAllNotesCon .docFoodDefMenuLoginAlerthide { position: absolute; width: 209px; height: 35px; left: -120px; top: -88px; }
#docPageAppo .docFoodDefMenuLoginAlerthide { position: absolute; width: 209px; height: 35px; left: -104px; top: -94px; display: none; }

#docPageMesaagesCon .docFoodDefMenuLoginAlerthide2 { position: absolute; width: 209px; height: 35px; background-color: red; left: -104px; top: -94px; }
#docPageAllNotesCon .docFoodDefMenuLoginAlerthide2 { position: absolute; width: 209px; height: 35px; background-color: red; left: -120px; top: -88px; }
#docPageAppo .docFoodDefMenuLoginAlerthide2 { position: absolute; width: 209px; height: 35px; background-color: red; left: -104px; top: -94px; display: none; }


#docPageNotifScreen .docFoodDefMenuLoginAlert { left: 98px; top: 57px; }
    #docPageNotifScreen .docFoodDefMenuLoginAlert img { position: absolute; width: 60px; left: 90px; top: 46px; }
    #docPageNotifScreen .docFoodDefMenuLoginAlert span { cursor: pointer; }
#docPageNotifScreen .docFoodDefMenuLoginAlerthide { position: absolute; width: 430px; height: 35px; left: -95px; top: -51px; }

/*.wid_besBigCon2 .wid_besSpecialFoodBtn4:focus,
    .wid_besBigCon2 .wid_besBigPicDiv5:focus,
    .wid_besBigCon2 .wid_besBigPicDiv6:focus { background-color: #C6D9F1; }*/


.wid_besBigCon2 .wid_besSpecialFoodConDiv { position: absolute; width: 316px; height: 31px; top: 539px; left: 37px; }

.wid_besBigCon2 .wid_besSpecialFood { position: relative; width: 47px; height: 39px; float: left; margin-left: 15px; top: -1px; left: -12px; border-radius: 11px; }
.wid_besBigCon2 .wid_besSpecialFoodx { position: relative; width: 43px; height: 37px; float: left; margin-left: 15px; top: -1px; left: -12px; border-radius: 11px; }


.wid_besBigCon2 .wid_besSpecialFoodx { background: -webkit-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -o-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -moz-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: linear-gradient(#dcdcdc, #F1F1F2, #ececec); box-shadow: 0px 0px 4px 1px #1cb5e6; }


.wid_besBigCon2 .wid_besSpecialFoodBtn3t { position: absolute; width: 57px; height: 30px; left: 238px; font-size: 10pt; color: #F3B167; text-align: center; line-height: 37px; border-bottom-left-radius: 21px 24px; border-bottom-right-radius: 21px 24px; }
.wid_besBigCon2 .wid_besSpecialFoodBtn4t { position: absolute; width: 77px; height: 36px; left: 140px; text-align: center; line-height: 41px; font-size: 10pt; color: #F3B167; border-bottom-left-radius: 37px 24px; border-bottom-right-radius: 37px 24px; }
.wid_besBigCon2 .wid_besSpecialFoodBtn5t { position: absolute; width: 57px; height: 30px; left: 64px; border-bottom-left-radius: 21px 24px; border-bottom-right-radius: 21px 24px; }

.wid_besBigCon2 .wid_besSpecialFoodBtn3t,
.wid_besBigCon2 .wid_besSpecialFoodBtn4t,
.wid_besBigCon2 .wid_besSpecialFoodBtn5t { top: 450px; display: none; }


.wid_besBigCon2 .wid_besBigDataListDivTar { position: absolute; width: 314px; height: 433px; top: 0px; left: 24px; overflow: hidden; }


.wid_besBigCon2 .wid_besSpecialFoodBtn3t,
.wid_besBigCon2 .wid_besSpecialFoodBtn4t,
.wid_besBigCon2 .wid_besSpecialFoodBtn5t { background: -webkit-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -o-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: -moz-linear-gradient(#dcdcdc, #F1F1F2, #ececec); background: linear-gradient(#dcdcdc, #F1F1F2, #ececec); box-shadow: 0px 0px 7px #cacaca; }

.wid_besBigCon2 .wid_besBigDataConDiv { position: absolute; width: 347px; height: 348px; left: 7px; top: 52px; }
.wid_besBigCon2 .wid_besBigDataListDiv { position: absolute; width: 333px; height: 430px; top: 0px; left: 15px; overflow: hidden; }

.wid_besBigCon2 .wid_besBigDataListDivNut { position: absolute; width: 349px; height: 432px; top: 0px; left: 11px; overflow: hidden; }

.wid_besBigCon2 .wid_besBigDataListDivMal { position: absolute; width: 349px; height: 426px; top: 0px; left: 11px; overflow: hidden; }

.wid_besBigCon2 #wid_besMenuSizeBigMal2 { position: absolute; width: 347px; height: 402px; top: 31px; left: 0px; overflow: hidden; }

.wid_besBigCon2 #wid_besMenuSizeBigNutri2 { position: absolute; width: 349px; height: 403px; top: 32px; left: 0px; overflow: scroll; }


.wid_besBigCon2 .wid_menuBigRowDef { position: relative; width: 215px; height: 54px; /*border-bottom: 1px solid #000;*/ top: 10px; left: 3px; }
    .wid_besBigCon2 .wid_menuBigRowDef div { background: -webkit-linear-gradient(#f3f3f3, #efefef, #ffffff); background: -o-linear-gradient(#f3f3f3, #efefef, #ffffff); background: -moz-linear-gradient(#f3f3f3, #efefef, #ffffff); background: linear-gradient(#f3f3f3, #efefef, #ffffff); box-shadow: 0px 0px 1px #d4d4d4; background: #daeff7; }

.wid_besBigCon2 .wid_menuBigRowDefFF0 { position: relative; width: 215px; height: 54px; /*border-bottom: 1px solid #000;*/ top: 10px; left: 3px; }

    .wid_besBigCon2 .wid_menuBigRowDefFF0 div { background: -webkit-linear-gradient(#fff, #fff, #fff); background: -o-linear-gradient(#fff, #fff, #fff); background: -moz-linear-gradient(#fff, #fff, #fff); background: linear-gradient(#fff, #fff, #fff); box-shadow: 0px 0px 1px 0px #0f5874; }
    .wid_besBigCon2 .wid_menuBigRowDefFF0 div { color: #0f5873; font-weight: bold; }

.wid_besBigCon2 .wid_BesBigRowDiv1,
.wid_besBigCon2 .wid_BesBigRowDiv2,
.wid_besBigCon2 .wid_BesBigRowDiv3,
.wid_besBigCon2 .wid_BesBigRowDiv4,
.wid_besBigCon2 .wid_BesBigRowDiv5,
.wid_besBigCon2 .wid_BesBigRowDiv6 { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 10px; background-color: transparent; border-radius: 3px; overflow: hidden; white-space: nowrap; }

.wid_besBigCon2 .wid_BesBigRowDiv1 { width: 45px; left: 0px; height: 44px; }
.wid_besBigCon2 .wid_BesBigRowDiv2 { width: 261px; left: 52px; white-space: nowrap; overflow: hidden; text-indent: 5px; line-height: 22px; }
.wid_besBigCon2 .wid_BesBigRowDiv3 { top: 24px; left: 51px; width: 22px; text-align: center; }
.wid_besBigCon2 .wid_BesBigRowDiv4 { top: 24px; left: 79px; width: 177px; text-indent: 5px; }
.wid_besBigCon2 .wid_BesBigRowDiv5 { top: 24px; left: 263px; width: 22px; text-align: center; }
.wid_besBigCon2 .wid_BesBigRowDiv6 { top: 24px; left: 291px; width: 22px; text-align: center; }


#wid_besBigBtns { position: absolute; top: 2px; }



.wid_MainNotMenuWarCon { position: absolute; width: 627px; height: 630px; top: -61px; left: -150px; font-size: 8pt; background-color: #ffffff; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; }
    .wid_MainNotMenuWarCon .wid_MainNotMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 315px; height: 150px; background: #e8f0f5; left: 159px; border-radius: 25px; text-align: center; line-height: 251px; }
    .wid_MainNotMenuWarCon .wid_MainNotMenuWarspn2 { position: absolute; top: 167px; font-size: 8pt; width: 315px; height: 250px; background: #e8f0f5; left: 159px; border-radius: 25px; padding-left: 14px; padding-top: 41px; line-height: 32px; }
    .wid_MainNotMenuWarCon img { position: absolute; top: 28px; width: 70px; left: 279px; z-index: 2; }




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







.dcSm_catHarfCon { position: absolute; width: 360px; height: 363px; top: 90px; left: 0px; }

.dcSm_catHarfMenuDivA,
.dcSm_catHarfMenuDivB,
.dcSm_catHarfMenuDivC,
.dcSm_catHarfMenuDivD,
.dcSm_catHarfMenuDivE,
.dcSm_catHarfMenuDivF,
.dcSm_catHarfMenuDivG,
.dcSm_catHarfMenuDivH,
.dcSm_catHarfMenuDivI,
.dcSm_catHarfMenuDivJ { position: absolute; width: 46px; height: 46px; cursor: pointer; border-radius: 30px; }

.dcSm_catHarfMenuDivA { left: 162px; top: 11px; }
.dcSm_catHarfMenuDivB { left: 233px; top: 35px; }
.dcSm_catHarfMenuDivC { left: 273px; top: 96px; }
.dcSm_catHarfMenuDivD { left: 273px; top: 164px; }
.dcSm_catHarfMenuDivE { left: 233px; top: 224px; }
.dcSm_catHarfMenuDivF { left: 162px; top: 245px; }
.dcSm_catHarfMenuDivG { left: 90px; top: 223px; }
.dcSm_catHarfMenuDivH { left: 48px; top: 164px; }
.dcSm_catHarfMenuDivI { left: 48px; top: 95px; }
.dcSm_catHarfMenuDivJ { left: 92px; top: 35px; }

.dcSm_catHarfMenuDivSecili { position: absolute; width: 163px; height: 163px; border-radius: 106px; cursor: pointer; top: 69px; left: 103px; line-height: 154px; text-align: center; font-size: 80pt; font-weight: bold; color: #7C7D7D; }

.dcSm_catHarfBigBg { width: 289px; position: absolute; top: 0px; left: 39px; }
.dcSm_catHarfBigBgM { width: 342px; position: absolute; top: 0px; left: 9px; }

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

.dcSm_catHarfAnime { width: 289px; max-width: 289px; margin: 0 auto; animation-name: stretch; animation-duration: 1.5s; animation-timing-function: ease-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; }

@keyframes stretch {
    0% { transform: scale(.3); /*background-color: red; border-radius: 100%;*/ }
    50% { /*background-color: orange;*/ }
    /*100% { transform: scale(1.5); }*/
}

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


.dcSm_catHarfBigBgG { width: 108px; position: absolute; top: 98px; left: 125px; height: 15px; font-size: 8px; border-radius: 5px; border: 1px solid #636565; text-align: center; line-height: 16px; }

.dcSm_catHarfBigBgBtm { width: 289px; position: absolute; top: 16px; left: 39px; }

.dcSm_catCreateMenuDiv { position: absolute; width: 360px; height: 84px; top: 423px; left: 0px; }

.dcSm_dateDataDiv .dgsRow, .dcSm_dateDataDiv .dgsRowX { position: relative; height: 19px; width: 129px; left: 5px; top: 0px; }
    .dcSm_dateDataDiv .dgsRow .date1, .dcSm_dateDataDiv .dgsRowX .date1 { position: absolute; left: 0px; width: 129px; height: 19px; line-height: 19px; color: #626364; /* background-color: rgba(123, 124, 124, 0.38); */ border-radius: 10px; text-align: center; cursor: pointer; white-space: nowrap; font-size: 8.5pt; }

    .dcSm_dateDataDiv .dgsRowX .date1 { color: #E24327; }

.btnDietDateListLeft,
.btnDietDateListRight,
.btnDietDateListLeftX,
.btnDietDateListRightX { position: absolute; top: 78px; width: 0px; height: 0px; }

.btnDietDateListLeft { left: 81px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 24px solid rgb(167, 168, 169); }
.btnDietDateListRight { right: 81px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 24px solid rgb(167, 168, 169); }

.btnDietDateListLeftX { left: 81px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 24px solid rgb(99, 100, 102); }
.btnDietDateListRightX { right: 81px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 24px solid rgb(99, 100, 102); }


.dcSm_DietistBtnsCon { width: 225px; position: absolute; top: 24px; left: 68px; height: 35px; font-size: 8px; border-radius: 5px; }

.dcSm_DietistCatBtns { position: relative; height: 35px; float: left; margin-right: 9px; }


.dcSm_catBttmBarCon { position: absolute; width: 326px; height: 59px; top: 0px; left: 20px; }

.dcSm_catBttmBarMessage { position: absolute; width: 169px; height: 46px; font-size: 7pt; left: 70px; text-align: center; top: -2px; color: #696A6A; }

.dcSm_catBttmBarMessageImg { position: absolute; width: 191px; left: 0px; top: 0px; }
.dcSm_catBttmBarMessageTxt { position: absolute; width: 228px; height: 46px; font-size: 8pt; top: 10px; left: 2px; line-height: 13px; }

.dcSm_catBttmBarBack,
.dcSm_catBttmBarInfo { position: absolute; width: 35px; height: 36px; top: 40px; }

.dcSm_catBttmBarInfo { left: 20px; }
.dcSm_catBttmBarBack { left: 272px; }

    .dcSm_catBttmBarBack img,
    .dcSm_catBttmBarInfo img { width: 35px; }


.dcSm_dateDivCon { position: absolute; width: 360px; height: 101px; top: -41px; left: 0px; }
.dcSm_dateDataDiv { position: absolute; top: 76px; width: 139px; height: 19px; overflow: hidden; left: 111px; /* background-color: rgba(255, 0, 0, 0.46); */ border-radius: 10px; border: 1px solid #636565; }

.dcSm_catHarfMenuSec { position: absolute; top: 50%; left: 50%; height: 77px; transform: translate(-50%, -50%); }

.wid_besBigNutriRow { position: relative; width: 207px; height: 18px; margin-bottom: 3px; top: 4px; left: 5px; }

.wid_besNutriDiv1,
.wid_besNutriDiv2,
.wid_besNutriDiv3,
.wid_besNutriDiv4 { position: absolute; width: 10px; height: 20px; line-height: 21px; font-size: 7pt; border-radius: 3px; color: #022d5a; }

.wid_besNutriDiv1 { width: 20px; text-align: center; }
.wid_besNutriDiv2 { width: 209px; left: 23px; text-indent: 5px; }
.wid_besNutriDiv3 { width: 36px; left: 235px; text-align: right; overflow: hidden; text-indent: 1px; }
.wid_besNutriDiv4 { width: 31px; left: 274px; text-align: center; }

.wid_besNutriDiv1,
.wid_besNutriDiv2,
.wid_besNutriDiv3,
.wid_besNutriDiv4 { background: -webkit-linear-gradient(#bceaf9, #b5eafb, #62cbed); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#bceaf9, #b5eafb, #62cbed); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#bceaf9, #b5eafb, #62cbed); /* For Firefox 3.6 to 15 */ background: linear-gradient(#d9f6ff, #ddf7ff, #f3fcff); /* Standard syntax (must be last) */ }













/************************************************************************************************   
         (_)   | |          | |         *********************************************************
__      ___  __| | __ _  ___| |_        *********************************************************
\ \ /\ / / |/ _` |/ _` |/ _ \ __|       *********************************************************
 \ V  V /| | (_| | (_| |  __/ |_        *********************************************************
  \_/\_/ |_|\__,_|\__, |\___|\__|       *********************************************************
                   __/ |                *********************************************************
                  |___/                 *********************************************************
************************************************************************************************/





.setupMenuMaindata { position: absolute; width: 360px; height: 573px; top: 0px; }
.setupMenuMaindataBg { position: absolute; width: 320px; height: 542px; z-index: 1; left: 19px; top: 18px; }

.allScreenGradiBg { position: absolute; width: 360px; height: 573px; top: 0px; }
.allScreenGradiBg { background: -webkit-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #e0e0e0, #fff, #e0e0e0); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #e0e0e0, #fff, #e0e0e0); /* Standard syntax (must be last) */ }

.allScreenGradiBgLeft { position: absolute; left: 4px; }
.allScreenGradiBgRight { position: absolute; right: 4px; }

.allScreenGradiBgLeft,
.allScreenGradiBgRight { height: 573px; width: 13px; }

.allScreenGradiBgLeft,
.allScreenGradiBgRight { background: -webkit-linear-gradient(left, #E7E8E7, #fff, #E7E8E7); background: -o-linear-gradient(left, #E7E8E7, #fff, #E7E8E7); background: -moz-linear-gradient(left, #E7E8E7, #fff, #E7E8E7); background: linear-gradient(to right, #E7E8E7, #fff, #E7E8E7); }




.sM_CatBtnsDiv { position: absolute; width: 225px; height: 89px; top: 88px; left: 80px; z-index: 6; }

.sM_CatBtnsRel { position: relative; width: 44px; height: 49px; float: left; margin-right: 7px; left: 0px; margin-bottom: -2px; }
    .sM_CatBtnsRel img { position: absolute; width: 46px; }

#divMainPaneMidBtn_8x .prsnImg { max-width: 20px; max-height: 28px; min-width: 20px; min-height: 28px; position: absolute; top: 10px; left: 13px; border-radius: 10px; }

/*#sM_CatBtnRel2,
#sM_CatBtnRel3,
#sM_CatBtnRel4,
#sM_CatBtnRel6,
#sM_CatBtnRel7,
#sM_CatBtnRel8 { background-color: #fff; border-radius: 39px; opacity: 0.7; }*/

.sM_slideBtnsConDiv { position: absolute; width: 338px; height: 277px; top: 169px; left: 11px; z-index: 5; }


.sM_InputDataConDiv { position: absolute; width: 301px; height: 277px; top: 163px; left: 30px; z-index: 3; }
.sM_PersonDataInputsDiv { position: absolute; width: 301px; height: 277px; }


.sM_PersonDataInput1,
.sM_PersonDataInput2,
.sM_PersonDataInput3,
.sM_PersonDataInput4,
.sM_PersonDataInput5,
.sM_PersonDataInput6 { position: absolute; width: 50px; height: 30px; background-color: transparent; border: none; text-align: center; line-height: 30px; font-size: 10pt; }

.sM_PersonDataInput1 { top: 40px; left: 21px; }
.sM_PersonDataInput2 { left: 233px; top: 39px; }
.sM_PersonDataInput3 { top: 112px; left: -1px; }
.sM_PersonDataInput4 { top: 113px; left: 257px; }
.sM_PersonDataInput5 { top: 187px; left: 22px; }
.sM_PersonDataInput6 { top: 187px; left: 233px; }

.sM_PersonDataInput2,
.sM_PersonDataInput4,
.sM_PersonDataInput6 { color: #F23300; }

.sM_PersonDataInput1,
.sM_PersonDataInput3,
.sM_PersonDataInput5 { color: #00ABEF; }


.sM_Person2DataInput1,
.sM_Person2DataInput2,
.sM_Person2DataInput3,
.sM_Person2DataInput4,
.sM_Person2DataInput5,
.sM_Person2DataInput6 { position: absolute; width: 50px; height: 30px; background-color: transparent; border: none; text-align: center; line-height: 30px; font-size: 10pt; z-index: 5; }

.sM_Person2DataInput1 { top: 41px; left: 19px; }
.sM_Person2DataInput2 { left: 228px; top: 41px; }
.sM_Person2DataInput3 { top: 112px; left: -3px; }
.sM_Person2DataInput4 { top: 112px; left: 251px; }
.sM_Person2DataInput5 { top: 184px; left: 18px; }
.sM_Person2DataInput6 { top: 183px; left: 227px; }

.sM_Person2DataInput2,
.sM_Person2DataInput4,
.sM_Person2DataInput6 { color: #F23300; }

.sM_Person2DataInput1,
.sM_Person2DataInput3,
.sM_Person2DataInput5 { color: #00ABEF; }

.sM_PErsonDataValCon1,
.sM_PErsonDataValCon2,
.sM_PErsonDataValCon3,
.sM_PErsonDataValCon4,
.sM_PErsonDataValCon5,
.sM_PErsonDataValCon6 { position: absolute; width: 48px; height: 41px; border-radius: 30px; }

.sM_PErsonDataValCon1,
.sM_PErsonDataValCon2,
.sM_PErsonDataValCon3,
.sM_PErsonDataValCon4,
.sM_PErsonDataValCon5,
.sM_PErsonDataValCon6 { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); box-shadow: 0px 0px 5px #929292; }


.sM_PErsonDataValCon1 { top: 39px; left: 20px; }
.sM_PErsonDataValCon2 { top: 39px; left: 228px; }
.sM_PErsonDataValCon3 { top: 110px; left: -2px; }
.sM_PErsonDataValCon5 { top: 182px; left: 20px; }
.sM_PErsonDataValCon4 { top: 110px; left: 252px; }
.sM_PErsonDataValCon6 { top: 182px; left: 228px; }

.sM_PErsonDataValGrpName { position: absolute; width: 48px; height: 22px; text-align: center; font-size: 6pt; top: 27px; line-height: 13px; color: #919395; }
    .sM_PErsonDataValGrpName span { font-size: 6pt; top: 14px; position: absolute; left: -1px; width: 48px; height: 12px; text-align: center; }



.sM_Scroll2DivCon { position: absolute; top: 45px; left: 62px; width: 173px; height: 173px; border-radius: 100px; }

.dietmenu_slider_touch_area { position: absolute; top: 0px; left: 0px; width: 173px; height: 173px; border-radius: 100px; z-index: 2; }

.dietmenu_slider_rotor { position: absolute; top: 84px; left: 29px; width: 115px; height: 4px; background-color: rgb(241, 241, 241); transform: rotateZ(90deg); }
    .dietmenu_slider_rotor .arrowl { position: absolute; left: -2px; top: 0px; width: 0; height: 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-right: 2px solid rgb(241, 241, 241); transition: 400ms; }
    .dietmenu_slider_rotor .arrowr { position: absolute; right: -2px; top: 0px; width: 0; height: 0; border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-left: 2px solid rgb(241, 241, 241); transition: 400ms; }

#divDietMenuSliderLblCon { position: absolute; top: 55.5px; left: 56.5px; width: 60px; height: 60px; background-color: #fff; border-radius: 50px; overflow: hidden; border: 2px solid #fff; padding: 0px; margin: 0px; }
#divDietMenuSliderLblGrmCon { position: absolute; top: 00px; left: 0px; width: 56px; height: 27px; background-color: rgb(137, 196, 65); padding: 0px; margin: 0px; }
#divDietMenuSliderLblDayCon { position: absolute; top: 29px; left: 0px; width: 56px; height: 27px; background-color: rgb(152, 73, 144); padding: 0px; margin: 0px; }

#divDietMenuSliderLblGrm,
#divDietMenuSliderLblDay { position: absolute; top: 14px; right: 21px; width: 56px; height: 12px; line-height: 12px; font-size: 12px; text-align: right; color: #fff; font-weight: bold; padding: 0px; margin: 0px; }
#divDietMenuSliderLblDay { top: 2px; }

#divDietMenuSliderLblGrmUnit,
#divDietMenuSliderLblDayUnit { position: absolute; top: 17px; left: 37px; width: 56px; height: 10px; font-size: 7px; text-align: left; color: #fff; font-weight: bold; padding: 0px; margin: 0px; }
#divDietMenuSliderLblDayUnit { top: 6px; }


.sM_DivControllerCirBgCon { position: absolute; width: 184px; height: 184px; overflow: hidden; top: -5px; left: -6px; border-radius: 104px; border: 10px solid #F6F6F6; box-shadow: 0px 0px 11px #d6d5d5; }
.sM_DivControllerCirBg1 { position: absolute; width: 184px; height: 92px; top: -11px; }
.sM_DivControllerCirBg2 { position: absolute; width: 184px; height: 92px; top: 81px; }
.sM_DivControllerCirBgImg { position: absolute; width: 172px; top: -5px; left: -3px; }

.sM_DivControllerCirBg1 { background: -webkit-linear-gradient(#40B549, #81C244, #89C342); background: -o-linear-gradient(#40B549, #81C244, #89C342); background: -moz-linear-gradient(#40B549, #81C244, #89C342); background: linear-gradient(#40B549, #81C244, #89C342); }

.sM_DivControllerCirBg2 { background: -webkit-linear-gradient(#7C2A7C, #984D8F, #CC84B7); background: -o-linear-gradient(#7C2A7C, #984D8F, #CC84B7); background: -moz-linear-gradient(#7C2A7C, #984D8F, #CC84B7); background: linear-gradient(#7C2A7C, #984D8F, #CC84B7); }

.sM_ScrollDivCon { position: absolute; width: 127px; height: 277px; left: 82px; }






.wid_menuMalRow { position: relative; width: 220px; height: 22px; margin-bottom: 2px; top: 5px; left: 10px; }

    .wid_menuMalRow .c1,
    .wid_menuMalRow .c2,
    .wid_menuMalRow .c3,
    .wid_menuMalRow .c4,
    .wid_menuMalRow .c5 { position: absolute; height: 21px; line-height: 22px; font-size: 8px; color: #022d5a; }

    .wid_menuMalRow .c1,
    .wid_menuMalRow .c2,
    .wid_menuMalRow .c3,
    .wid_menuMalRow .c4,
    .wid_menuMalRow .c5 { background: -webkit-linear-gradient(#d9f6ff, #ddf7ff, #f3fcff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#d9f6ff, #ddf7ff, #f3fcff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d9f6ff, #ddf7ff, #f3fcff); /* For Firefox 3.6 to 15 */ background: linear-gradient(#d9f6ff, #ddf7ff, #f3fcff); /* Standard syntax (must be last) */ border-radius: 2px; }


    .wid_menuMalRow .c5 { left: 42px; width: 21px; text-align: center; }
    .wid_menuMalRow .c4 { left: 0px; width: 39px; text-align: right; padding-right: 2px; }
    .wid_menuMalRow .c3 { left: 66px; width: 147px; white-space: nowrap; overflow: hidden; text-indent: 2px; }
    .wid_menuMalRow .c2 { left: 237px; width: 64px; white-space: nowrap; overflow: hidden; text-indent: 2px; }
    .wid_menuMalRow .c1 { width: 18px; text-align: center; left: 216px; }
















/*                      _                                        _        */
/*                     | |                                      | |       */
/*      _ __ ___  _   _| |__   __ _ _ __ ___  _ __ ___   ___  __| |       */
/*     | '_ ` _ \| | | | '_ \ / _` | '_ ` _ \| '_ ` _ \ / _ \/ _` |       */
/*     | | | | | | |_| | | | | (_| | | | | | | | | | | |  __/ (_| |       */
/*     |_| |_| |_|\__,_|_| |_|\__,_|_| |_| |_|_| |_| |_|\___|\__,_|       */
/*                                                                        */















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