@import url('XHR_FileUploadProgressBar.css');

@font-face { font-family: messagetext; src: url(helveticaneue.ttf); }

@font-face { font-family: emojifont; src: url(helveticaneue.ttf); src: url(NotoColorEmoji.ttf); /*src: url(NotoEmoji-Regular.ttf);*/ }

:root { --window-height: 100vh; --var_AppZoomFactor: 1; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; scrollbar-width: none; }

    *::-webkit-scrollbar { width: 0px; height: 0px; }

body { margin: 0px; font-family: Arial; /*font-size: 1px; text-align: center; line-height: 1px;*/ }

select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }

    select::-ms-expand { display: none; }


.ScreenWarningsContainer { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.85); z-index: 999999999; }



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.divDietsDocSetCon { position: absolute; width: 558px; height: 620px; background-color: #f3f3f3; top: 0px; left: 0px; z-index: 50; box-shadow: 0px 0px 0px 1px #000; }

.newDocSaveCon { position: absolute; width: 578px; height: 762px; background-color: #f3f3f3; top: 0px; left: 0px; }

.newDocSaveWrapper { position: absolute; width: 558px; height: 730px; top: 0px; left: 10px; }

.newDocSaveBanBtnsDiv { position: absolute; width: 519px; height: 32px; top: 00px; left: 28px; }

.newDocSaveBanBtn1,
.newDocSaveBanBtn2,
.newDocSaveBanBtn3,
.newDocSaveBanBtn4,
.newDocSaveBanBtn5,
.newDocSaveBanBtnCirc { position: absolute; }


.newDocSaveBanBtn1 { width: 57px; left: 123px; }

.newDocSaveBanBtn2 { width: 40px; left: 202px; }

.newDocSaveBanBtn3 { width: 40px; left: 281px; }

.newDocSaveBanBtn4 { width: 40px; left: 361px; }

.newDocSaveBanBtn5 { width: 40px; left: 440px; }

.newDocSaveBanBtnCirc { top: 9px; width: 57px; height: 57px; left: 24px; border-radius: 20px; }




.newDocSaveBanBtn1,
.newDocSaveBanBtn2,
.newDocSaveBanBtn3,
.newDocSaveBanBtn4,
.newDocSaveBanBtn5 { height: 57px; }

.newDocSaveBanBtnCirc img { position: absolute; width: 57px; /* top: 6px; */ /* left: 5px; */ }

.newDocSaveBanBtn1,
.newDocSaveBanBtn2,
.newDocSaveBanBtn3,
.newDocSaveBanBtn5,
.newDocSaveBanBtn4 { top: 0px; line-height: 10px; text-align: center; font-size: 8px; border-radius: 5px; color: #313131; padding-top: 9px; }

#newDocSaveBanImg1,
#newDocSaveBanImg2,
#newDocSaveBanImg3,
#newDocSaveBanImg4,
#newDocSaveBanImg5 { position: absolute; width: 57px; top: 0px; left: 0px; }

#newDocSaveBanBtnsMCBR { position: absolute; left: -5px; }


.newDocSaveDataListCon { position: absolute; width: 572px; height: 660px; top: 85px; overflow: scroll; }

.newDocSaveDataInptsRow { position: relative; width: 522px; height: 33px; left: 20px; margin-bottom: 4px; }

.newDocSaveDataInptsRow2 { position: relative; width: 122px; height: 33px; left: 20px; margin-bottom: 6px; }

.newDocSaveDataInptsRow3 { position: relative; width: 522px; height: 33px; left: 20px; margin-bottom: 4px; top: 16px; }

.newDocSaveDataInptsRow4 { position: relative; width: 522px; height: 33px; left: 20px; margin-bottom: 4px; top: 20px; }

.newDocSaveDataInptsRowValueX,
.newDocSaveDataInptsRowValue1a,
.newDocSaveDataInptsRowValue1b,
.newDocSaveDataInptsRowValue1,
.newDocSaveDataInptsRowInf,
.newDocSaveDataInptsRowInfn,
.newDocSaveDataInptsRowValue,
.newDocSaveDataInptsRowValue1x,
.newDocSaveDataInptsRowValue2x { position: absolute; height: 26px; border-radius: 5px; }

.newDocSaveDataInptsRowInf { width: 110px; text-align: left; line-height: 34px; font-size: 8pt; text-indent: 7px; color: #313131; }

.newDocSaveDataInptsRowInfn { width: 70px; text-align: left; line-height: 24px; font-size: 7pt; text-indent: 7px; color: #313131; cursor: pointer; }

.newDocSaveDataInptsRowValue { width: 284px; left: 116px; }

.newDocSaveDataInptsRowValue1x { width: 201px; left: 116px; }

.newDocSaveDataInptsRowValue2x { width: 198px; right: 3px; }

.newDocSaveDataInptsRowValue1 { width: 92px; left: 116px; }

.newDocSaveDataInptsRowValue1a { width: 140px; left: 116px; }

.newDocSaveDataInptsRowValue1b { width: 138px; left: 260px; }

.newDocSaveDataInptsRowValueX { width: 405px; left: 116px; }

#diyetistDoc_WrkAdress { width: 285px; }


.newDocSaveDataInptsRowInfn img { position: absolute; width: 120px; height: 75px; top: -19px; left: 7px; }

.newDocSaveDataInptsRowValueX,
.newDocSaveDataInptsRowValue1a,
.newDocSaveDataInptsRowValue1b,
.newDocSaveDataInptsRowValue1,
.newDocSaveDataInptsRowValue,
.newDocSaveDataInptsRowValue1x,
.newDocSaveDataInptsRowValue2x { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #292929; border: 1px solid #ccf1fd; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; }

.newDocSaveDataAddPriceRow { position: relative; width: 30px; height: 30px; background-color: #fff; border-radius: 30px; text-align: center; line-height: 25px; font-size: 22pt; color: #0db4d5; z-index: 5; cursor: pointer; left: 469px; margin-top: 12px; border: 2px solid #0db4d5; font-weight: bold; }



.diyetistDoc_BirthDayCon { position: absolute; width: 284px; left: 116px; height: 33px; top: -3px; }

.diyetistDoc_BirthDay1,
.diyetistDoc_BirthDay2,
.diyetistDoc_BirthDay3 { position: absolute; height: 31px; background-color: transparent; font-size: 9pt; line-height: 23px; border: none; color: #0db4d5; }

.diyetistDoc_BirthDay1 { width: 33px; text-align: right; left: 6px; }

.diyetistDoc_BirthDay2 { width: 16px; left: 43px; text-align: center; }

.diyetistDoc_BirthDay3 { width: 50px; left: 63px; }

.diyetistDoc_BirthDayCon .ddd2,
.diyetistDoc_BirthDayCon .ddd1 { position: absolute; width: 2px; height: 33px; line-height: 33px; font-size: 9pt; }

.diyetistDoc_BirthDayCon .ddd2 { left: 59px; }

.diyetistDoc_BirthDayCon .ddd1 { left: 39px; }

#diyetistDoc_BirthDayBg { width: 284px; }


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

#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX { left: 20px; width: 500px; top: 58px; height: 34px; }

#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 { left: 20px; width: 500px; }

#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x1,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x2,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x3,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x4,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x5,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x6,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2x7 { position: relative; width: 79px; height: 33px; font-size: 7pt; line-height: 34px; text-align: center; float: left; margin-right: 2px; }


#newDocTestsDataList .newDocTestsDataRow .docPageDataSubRowdiv3 { left: 20px; width: 500px; top: 34px; height: 34px; }

#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3XX { left: 20px; width: 500px; top: 92px; }

#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x1,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x2,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x3,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x4,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x5,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x6,
#newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x7 { position: relative; width: 79px; height: 20px; background-color: #fbfbfb; border: none; text-align: center; line-height: 33px; font-size: 9pt; margin-right: -1px; }




#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2XX { left: 10px; width: 513px; top: 58px; height: 34px; }

#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2 { left: 10px; width: 525px; }

#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x1,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x2,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x3,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x4,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x5,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x6,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv2x7 { position: relative; width: 83px; height: 33px; font-size: 7pt; line-height: 34px; text-align: center; float: left; margin-right: 2px; }


#docPageMainLabCon .newDocTestsDataRow .docPageDataSubRowdiv3 { left: 10px; width: 509px; top: 34px; height: 34px; }

#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3XX { left: 10px; width: 510px; top: 92px; }

#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x1,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x2,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x3,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x4,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x5,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x6,
#docPageMainLabCon .newDocTestsDataRow .docPageTestDataSubRowdiv3x7 { position: relative; width: 83px; height: 20px; background-color: #fbfbfb; border: none; text-align: center; line-height: 33px; font-size: 9pt; margin-right: -1px; }



#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x1,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x2,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x3,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x4,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x5,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x6,
#diyetist_DietistPersonPage .newDocTestsDataRow .docPageTestDataSubRowdiv2x7 { background: -webkit-linear-gradient(#B5DCE7, #88B7C6, #3D899F); background: -o-linear-gradient(#B5DCE7, #88B7C6, #3D899F); background: -moz-linear-gradient(#B5DCE7, #88B7C6, #3D899F); background: linear-gradient(#B5DCE7, #88B7C6, #3D899F); box-shadow: 0px 0px 0px 0px #fff; color: #fff; }


#divUserGraphDataList .docPageMiniLabRow { height: 23px; line-height: 24px; left: 2px; margin-bottom: 4px; }

#divUserGraphDataList .docPageMiniLabRow { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); color: #fff; }



#divUserGraphDataList .docPageMiniLabRowSelx { position: relative; width: 344px; height: 23px; text-align: left; text-indent: 15px; line-height: 25px; font-size: 8pt; margin-bottom: 4px; left: 27px; font-weight: normal; }

#divUserGraphDataList .docPageMiniLabRowSelx { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#ffffff, #ffffff, #e8e8e8); border-radius: 12px; box-shadow: 0px 1px 1px 0px #000; }

#divUserGraphDataList .docPageMiniLabRowx { left: 15px; width: 332px; margin-bottom: 6px; height: 22px; line-height: 21px; box-shadow: none; color: #0f5874; font-size: 7pt; }

#divUserGraphDataList .docPageMiniLabRow { width: 300px; left: 35px; }








/*******************************************************************/
/*******************************************************************/
.newDocSaveAppoSetDateBanDiv1,
.newDocSaveAppoSetDateBanDiv2,
.newDocSaveAppoSetDateBanDiv3,
.newDocSaveAppoSetDateBanDiv4,
.newDocSaveAppoSetDateBanDiv5,
.newDocSaveAppoSetTimeInf,
.newDocSaveDataChoseBtnsRowVl,
.newDocSaveDataChoseBtnsRowDMvl,
.newDocSaveDataChoseBtnsRowDMper,
.newDocSaveDataChoseBtnsRowDMperDm,
.newDocSaveDataFotoBan2,
.newDocSaveDataFotoBan,
.newDocSaveDataInptsRowInf { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: linear-gradient(#FBFBFB, #F1F1F2, #dddde0); }


.newDocSaveBanBtnxz { background: -webkit-linear-gradient(#656565, #c5c5c5, #656565); background: -o-linear-gradient(#656565, #c5c5c5, #656565); background: -moz-linear-gradient(#656565, #c5c5c5, #656565); background: linear-gradient(#fff, #d6d6d6, #fff); color: #444; box-shadow: 0px 2px 1px 2px #000000; }

/*.newDocSaveBanBtn1,
.newDocSaveBanBtn2,
.newDocSaveBanBtn3,
.newDocSaveBanBtn5,
.newDocSaveBanBtn4 { background: -webkit-linear-gradient(#fff, #fbfbfb, #e8e8e8); background: -o-linear-gradient(#fff, #fbfbfb, #e8e8e8); background: -moz-linear-gradient(#fff, #fbfbfb, #e8e8e8); background: linear-gradient(#fff, #fbfbfb, #e8e8e8); }*/

.newDocSaveDataFotoCon { position: absolute; width: 73px; height: 117px; left: 20px; top: 352px; }

.newDocSaveDataLogoCon { position: absolute; width: 405px; height: 107px; left: 135px; top: 425px; }

.newDocSaveDataFotoBan2,
.newDocSaveDataFotoVl2,
.newDocSaveDataFotoBan,
.newDocSaveDataFotoVl { position: absolute; border-radius: 5px; color: #313131; }

.newDocSaveDataFotoBan { width: 110px; height: 25px; line-height: 34px; font-size: 7pt; text-align: center; }

.newDocSaveDataFotoVl { width: 110px; height: 100px; font-size: 8px; background-color: #fff; top: 36px; border: 1px solid #ccf1fd; }

.newDocSaveDataFotoBan2 { width: 405px; height: 33px; line-height: 34px; font-size: 7pt; text-align: center; }

.newDocSaveDataFotoVl2 { width: 405px; height: 113px; font-size: 8px; background-color: #fff; top: 36px; border: 1px solid #ccf1fd; overflow: hidden; text-align: center; text-indent: 0px; }

.newDocSaveDataChoseBtnsRow { position: relative; width: 320px; height: 23px; left: 20px; margin-bottom: 5px; margin-top: 123px; display: none; }

.newDocSaveDataChoseBtnsRowx { position: relative; width: 320px; height: 23px; left: 20px; margin-bottom: 5px; display: none; }

.newDocSaveDataChoseBtnsRowVl,
.newDocSaveDataChoseBtnsRowBtn { position: absolute; }

.newDocSaveDataChoseBtnsRowVl { width: 281px; height: 25px; line-height: 34px; font-size: 7pt; text-indent: 7px; border-radius: 5px; color: #313131; }

.newDocSaveDataChoseBtnsRowBtn { width: 28px; height: 28px; background-color: #fff; right: 0px; border-radius: 20px; top: -4px; }

.newDocSaveDataChoseBtnsRowVl span { font-weight: bold; }

.newDocSaveDataForMeRow { position: relative; width: 521px; height: 106px; left: 154px; margin-bottom: 7px; margin-top: 169px; }

    .newDocSaveDataForMeRow .newDocSaveDataChoseBtnsRowVl { width: 125px !important; text-align: center; text-indent: 0px; }

    .newDocSaveDataForMeRow .newDocSaveDataChoseBtnsRowBtn { width: 405px; height: 105px; top: 40px; border-radius: 5px; font-size: 8pt; line-height: 14px; padding-left: 5px; padding-top: 5px; padding-right: 7px; max-width: 405px; border: 1px solid #ccf1fd; max-height: 105px; min-width: 405px; min-height: 115px; left: 0px !important; white-space: pre-wrap; overflow: hidden; }

.newDocSaveDataForMeRowPsy { position: relative; width: 520px; height: 34px; left: 8px; margin-bottom: 7px; /*margin-top: 59px;*/ top: 6px; }

    .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowVl { width: 70px; text-align: center; text-indent: 0px; }

    .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowBtn { width: 242px; height: 105px; border: none; top: 0px; border-radius: 5px; font-size: 8px; line-height: 10px; padding-left: 5px; padding-top: 5px; max-width: 242px; /* max-height: 54px; */ min-width: 242px; /* min-height: 54px; */ }

.newDocSaveDataForMeRowPsy2 { position: relative; width: 78px; height: 24px; left: 20px; margin-bottom: 7px; margin-top: 10px; }

    .newDocSaveDataForMeRowPsy2 .newDocSaveDataChoseBtnsRowVl { width: 70px; text-align: center; text-indent: 0px; height: 57px; line-height: 13px; padding-top: 6px; }

    .newDocSaveDataForMeRowPsy2 .newDocSaveDataChoseBtnsRowBtn { width: 242px; height: 105px; border: none; top: 0px; border-radius: 5px; font-size: 8px; line-height: 10px; padding-left: 5px; padding-top: 5px; max-width: 242px; /* max-height: 54px; */ min-width: 242px; /* min-height: 54px; */ }

    .newDocSaveDataForMeRowPsy2 .newDocSaveDataChoseBtnsRowVl input { position: absolute; width: 20px; height: 16px; line-height: 16px; font-size: 10px; border: none; left: 29px; top: 34px; border-radius: 5px; text-align: center; font-weight: bold; }

    .newDocSaveDataForMeRowPsy2 .newDocSaveDataChoseBtnsRowVl span { position: absolute; left: 14px; width: 10px; top: 36px; }


.newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1 { right: 52px; }

.newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { right: 176px; }

.newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1,
.newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { position: absolute; width: 10px; height: 23px; line-height: 29px; z-index: 1; font-size: 6pt; color: #0db4d5; }

.newDocSaveDataChoseBtnsRowDMExcon { position: absolute; width: 560px; height: 607px; left: 0px; top: 35px; overflow: hidden; }

.newDocSaveDataChoseBtnsRowDMExRow { position: relative; width: 553px; height: 34px; margin-bottom: 3px; }

.newDocSaveDataChoseBtnsRowDMExVl2dm,
.newDocSaveDataChoseBtnsRowDMExVl1,
.newDocSaveDataChoseBtnsRowDMExVl2 { position: absolute; height: 26px; line-height: 22px; border: none; border-radius: 5px; font-size: 11pt; border: 1px solid #A3D9EA; background: #fff; color: #0db4d5; }

.newDocSaveDataChoseBtnsRowDMExVl2 { width: 100px; right: 167px; text-align: right; padding-right: 33px; font-size: 9pt; }

.newDocSaveDataChoseBtnsRowDMExVl2dm { width: 116px; right: 12px; font-size: 9pt; text-align: right; padding-right: 30px; }

.newDocSaveDataChoseBtnsRowDMExVl1 { width: 282px; text-align: left; text-indent: 7px; font-size: 8.5pt; }

.newDocSaveWrapper .newDocSaveAppoSettings .newDocSaveDataChoseBtnsRowDMExcon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { right: 46px; }

.userProcessPriceDel { position: absolute; top: 1px; right: 15px; width: 26px; height: 26px; border-radius: 49px; text-align: center; text-indent: 0px; background-color: red; color: #fff; cursor: pointer; line-height: 21px; font-size: 24pt; display: none; }

.userProcessPricePatientMonitoringPrice { position: absolute; top: 1px; right: 15px; width: 26px; height: 26px; border-radius: 49px; text-align: center; text-indent: 0px; cursor: pointer; line-height: 21px; }

.newDocSaveDataChoseBtnsRowDMExRow:hover .userProcessPriceDel { display: block; }

.newDocSaveDataChoseBtnsRowDMvl { position: absolute; width: 282px; height: 26px; left: 0px; border-radius: 5px; line-height: 21px !important; font-size: 8pt; text-align: center; letter-spacing: 2px; }

.newDocSaveDataChoseBtnsRowDMper { position: absolute; width: 100px; height: 26px; left: 286px; border-radius: 5px; line-height: 21px !important; font-size: 8pt; text-align: center; text-transform: uppercase; }

.newDocSaveDataChoseBtnsRowDMperDm { position: absolute; width: 116px; height: 26px; right: 14px; border-radius: 5px; line-height: 21px !important; font-size: 8pt; text-align: center; }


.newDocSaveAppoSettings { position: absolute; width: 558px; height: 737px; top: 100px; }

.newDocSaveAppoSetTimeCon { position: absolute; width: 516px; height: 175px; left: 20px; }

.newDocSaveAppoSetTimeRow { position: relative; width: 325px; height: 34px; margin-bottom: 5px; }

.newDocSaveAppoSetTimeRow2 { position: relative; width: 500px; height: 34px; margin-bottom: 5px; top: 282px; }

.newDocSaveAppoSetTimeVlConX,
.newDocSaveAppoSetTimeInf,
.newDocSaveAppoSetTimeVlCon { position: absolute; height: 26px; color: #313131; }

.newDocSaveAppoSetTimeInf { width: 147px; line-height: 23px !important; font-size: 8pt; text-indent: 5px; border-radius: 5px; letter-spacing: 0px; background: #9fdbec; color: #fff; /* text-align: center; */ border: 3px solid #9fdbec; font-weight: bold; }

.newDocSaveAppoSetTimeVlCon { width: 386px; left: 156px; }

.newDocSaveAppoSetTimeVlConX { width: 212px; left: 156px; height: 80px; }

.newDocSaveAppoSetTimeVlSubRow { position: relative; width: 45px; height: 26px; border-radius: 4px; background-color: #fff; line-height: 26px; text-align: center; font-size: 8pt; float: left; margin-right: 4px; color: #0db4d5; }

.newDocSaveAppoSetTimeVlSubRowxz { position: relative; width: 45px; height: 26px; border-radius: 4px; background-color: #9fdbec; line-height: 23px; text-align: center; font-size: 8pt; float: left; margin-right: 4px; color: #fff; border: 2px solid #9fdbec; font-weight: bold; }

.newDocSaveAppoSetTimeVlSubRowx { position: relative; width: 94px; height: 26px; border-radius: 4px; /* background-color: #fff; */ line-height: 24px; text-align: center; font-size: 8pt; float: left; margin-right: 6px; margin-bottom: 4px; color: #0db4d5; }

    .newDocSaveAppoSetTimeVlSubRowx .newDocSaveAppoSetDateInpt1 { left: -1px; top: 0px; z-index: 2; text-align: center; font-size: 8pt; line-height: 27px; border: 3px solid #9fdbec; width: 94px; height: 26px; border-radius: 5px; }

    .newDocSaveAppoSetTimeVlSubRowx .newDocSaveAppoSetDateInpt2 { left: 29px; display: none; }

    .newDocSaveAppoSetTimeVlSubRowx .newDocSaveAppoSetDateInpt3 { left: 35px; display: none; }

    .newDocSaveAppoSetTimeVlSubRowx .newDocSaveAppoSetDateDot1 { left: 20px; line-height: 27px; display: none; }

    .newDocSaveAppoSetTimeVlSubRowx .newDocSaveAppoSetDateDot2 { left: 32px; line-height: 27px; display: none; }

.newDocSaveAppoSetDateCon { position: absolute; width: 516px; height: 250px; left: 20px; top: 131px; }

.newDocSaveAppoSetDateBan { position: absolute; width: 325px; height: 24px; }

    .newDocSaveAppoChoseDateInfRow .newDocSaveAppoSetDateBanDivCopy,
    .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDivCopy { background-color: transparent; top: 0px; display: none; }


.newDocSaveAppoSetDateBanDiv1 { position: absolute; height: 26px; line-height: 23px !important; font-size: 7pt; border-radius: 5px; text-align: center; /* text-indent: 5px; */ letter-spacing: 1px; }

.newDocSaveAppoSetDateBanDivCopy,
.newDocSaveAppoSetDateBanDiv2,
.newDocSaveAppoSetDateBanDiv3,
.newDocSaveAppoSetDateBanDiv4,
.newDocSaveAppoSetDateBanDiv5 { position: absolute; height: 26px; line-height: 23px !important; font-size: 7pt; border-radius: 5px; text-align: center; /* text-indent: 5px; */ letter-spacing: 1px; }

.newDocSaveAppoSetDateBanDiv1 { width: 147px; }
.newDocSaveAppoSetDateBanDiv2 { left: 155px; width: 74px; }
.newDocSaveAppoSetDateBanDiv4 { left: 235px; width: 74px; }
.newDocSaveAppoSetDateBanDiv3 { left: 315px; width: 74px; }
.newDocSaveAppoSetDateBanDiv5 { left: 395px; width: 74px; }

.newDocSaveAppoSetDateBanDivCopy { width: 30px; right: 3px; border-radius: 24px; height: 30px; top: 2px; line-height: 18px; left: 460px; background-color: #fff; }
    /*.newDocSaveAppoSetDateBanDivCopy { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#dcdcdc, #F1F1F2, #dcdcdc); }*/

    .newDocSaveAppoSetDateBanDivCopy img { position: absolute; width: 48px; left: 2px; /* height: 26px; */ top: 2px; top: 1px; }

    .newDocSaveAppoSetDateBanDivCopy span { position: absolute; width: 25px; top: 8px; left: 56px; font-size: 8pt; color: #fff; letter-spacing: 1px; }

    .newDocSaveAppoSetDateBanDivCopy .cppySpn1 { position: absolute; width: 25px; }

.newDocSaveAppoSetDateList { position: absolute; width: 533px; height: 225px; top: 31px; overflow: hidden; }

.newDocSaveAppoSetDateBan { position: absolute; width: 558px; height: 34px; }

.newDocSaveAppoSetDateRow { position: relative; width: 520px; height: 26px; margin-bottom: 6px; }

.newDocSaveAppoSetDateRowcX { position: relative; width: 490px; height: 34px; margin-bottom: -2px; border-radius: 7px; }

.newDocSaveAppoSetDateRowDivCopyxz,
.newDocSaveAppoSetDateRowDivCopyRed,
.newDocSaveAppoSetDateRowDivCopy,
.newDocSaveAppoSetDateRowDivDel,
.newDocSaveAppoSetDateRowDiv1,
.newDocSaveAppoSetDateRowDiv2,
.newDocSaveAppoSetDateRowDiv3,
.newDocSaveAppoSetDateRowDiv4,
.newDocSaveAppoSetDateRowDiv5 { position: absolute; height: 26px; line-height: 20px; font-size: 8pt; border-radius: 5px; text-align: center; background-color: #fff !important; border: 0px none; color: #0db4d5; border: 3px solid #9fdbec; }

.newDocSaveAppoSetDateRowDiv1 { width: 147px; text-align: left; text-indent: 22px; }
.newDocSaveAppoSetDateRowDiv2 { left: 155px; width: 74px; }
.newDocSaveAppoSetDateRowDiv4 { left: 235px; width: 74px; }
.newDocSaveAppoSetDateRowDiv3 { left: 315px; width: 74px; }
.newDocSaveAppoSetDateRowDiv5 { left: 395px; width: 74px; }

.newDocSaveAppoSetDateRowDivCopy { width: 30px; background-color: #fff; border-radius: 20px; left: 459px; height: 30px; top: 2px; display: none; }

.newDocSaveAppoSetDateRowDivCopyxz { width: 25px; right: 18px; border-radius: 20px; left: 266px; }

.newDocSaveAppoSetDateRowDivCopyRed { width: 25px; right: 18px; border-radius: 20px; left: 266px; background-color: #f15656; }

.newDocSaveAppoSetDateRowDivDel { width: 25px; height: 25px; border-radius: 20px; right: -34px; background-color: #fff; top: 4px; display: none; }

    .newDocSaveAppoSetDateRowDivDel img { position: absolute; width: 19px; top: 3px; left: 3px; display: none; }



.newDocSaveAppoSetAlldayDivDel,
.newDocSaveAppoSetDayoffDel { position: absolute; width: 26px; height: 26px; background-color: #ff0000; left: 475px; border-radius: 27px; top: 2px; line-height: 19px; text-align: center; text-indent: 1px; color: #fff; font-size: 27pt; cursor: pointer; display: none; }

.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetAlldayDivDel { position: absolute; width: 26px; height: 26px; background-color: #ff0000; left: 475px; border-radius: 27px; top: 2px; line-height: 26px; text-align: center; text-indent: 1px; color: #fff; font-size: 26pt; cursor: pointer; display: none; }

.newDocSaveAppoSetDateRow:hover .newDocSaveAppoSetAlldayDivDel { display: block; }

.newDocSaveAppoSetDateRowcX:hover .newDocSaveAppoSetAlldayDivDel { display: block; }

.newDocSaveAppoSetDayoffDel { display: block; top: -1px; left: 100px; }

.newDocSaveAppoSetAlldayDivDisableBreak { position: absolute; width: 26px; height: 26px; background-color: #ff0000; left: 400px; border-radius: 27px; top: 2px; line-height: 19px; text-align: center; text-indent: 1px; color: #fff; font-size: 27pt; cursor: pointer; display: none; }
.newDocSaveAppoSetDateRow:hover .newDocSaveAppoSetAlldayDivDisableBreak { display: block; }

.newDocSaveAppoSetDateRowcX:hover .newDocSaveAppoSetAlldayDivDisableBreak { display: block; }

.newDocSaveAppoSetDateRowcX,
.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetDateRowDiv1,
.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetDateRowDiv2,
.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetDateRowDiv3,
.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetDateRowDiv4,
.newDocSaveAppoSetDateRowcX .newDocSaveAppoSetDateRowDiv5 { background-color: #ecf8fb; }




.newDocSaveAppoSetDateBanDivCopyDS { top: -2px; width: 0px; left: -11px; position: absolute; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 13px solid rgb(128, 128, 128); }

.newDocSaveAppoSetDateRowDivCopyxz { background: -webkit-linear-gradient(#808080, #F1F1F2, #808080); background: -o-linear-gradient(#808080, #F1F1F2, #808080); background: -moz-linear-gradient(#808080, #F1F1F2, #808080); background: linear-gradient(#808080, #F1F1F2, #808080); }

.newDocSaveAppoSetDateRowDivCopyRed { background: -webkit-linear-gradient(#f10000, #fb7a7a, #fb0000); background: -o-linear-gradient(#f10000, #fb7a7a, #fb0000); background: -moz-linear-gradient(#f10000, #fb7a7a, #fb0000); background: linear-gradient(#f10000, #fb7a7a, #fb0000); }

.newDocSaveAppoChoseDateList { position: absolute; width: 516px; height: 70px; top: 202px; display: none; }

.newDocSaveAppoChoseDateInfRow { position: absolute; width: 516px; height: 30px; top: 267px; }

.newDocSaveAppoChoseDateInfRow1 { position: absolute; width: 82px; height: 18px; line-height: 18px; left: 0px; text-align: left; font-size: 8px; background-color: #fff; color: #101010; text-indent: 23px; top: 5px; }

.newDocSaveAppoChoseDateInfRowx { width: 0px; border-top: 10px solid #000; border-left: 88px solid transparent; border-right: 88px solid transparent; top: 18px; position: absolute; left: 55px; }

.newDocSaveAppoChoseDateInfRow1 span { position: absolute; width: 10px; font-size: 20pt; font-weight: bold; left: -4px; letter-spacing: 1px; }


.newDocSaveAppoSetDateRowBan { position: relative; width: 292px; height: 20px; margin-bottom: 3px; border-radius: 5px; text-align: left; text-indent: 10px; line-height: 20px; font-size: 8px; }

.newDocSaveAppoSetDateRowBan { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #dddde0); background: linear-gradient(#FBFBFB, #F1F1F2, #dddde0); }

.newDocSaveInfMessage { position: absolute; width: 360px; height: 570px; top: 0px; left: 0px; background-color: #f3f3f3; }

.newDocSaveInfMessBanWrap { position: absolute; width: 290px; height: 137px; top: 10px; left: 33px; }

.newDocSaveInfMessDocPic,
.newDocSaveInfMessDocLogo,
.newDocSaveInfMessDocAdress { position: absolute; border-radius: 5px; }

.newDocSaveInfMessDocPic { width: 70px; height: 77px; }

.newDocSaveInfMessDocLogo { left: 82px; width: 206px; height: 77px; }

.newDocSaveInfMessDocAdress { height: 51px; width: 286px; top: 83px; }

.newDocSaveInfMesslistDontShow,
.newDocSaveInfMessDocPic,
.newDocSaveInfMessDocLogo,
.newDocSaveInfMessDocAdress { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#dcdcdc, #F1F1F2, #dcdcdc); }

.newDocSaveAppoAlerCon { position: absolute; width: 531px; height: 68px; top: 384px; background-color: #ecf8fb; }

.newDocSaveAppoAlerBan1, .newDocSaveAppoAlerBan3 { position: absolute; height: 35px; line-height: 24px; border-radius: 7px; top: 93px; left: 56px; font-size: 9pt; text-align: center; background: #fff !important; border: 2px solid #5bc5e8 !important; }

.newDocSaveAppoAlerBan2 { position: absolute; height: 35px; line-height: 32px; border-radius: 7px; top: 93px; font-size: 11pt; text-align: center; font-weight: bold; }

.newDocSaveAppoAlerBanInfo { position: absolute; border: 3px solid #9fdbec; top: -13px; left: -5px; width: 520px; height: 93px; padding: 6px 5px 5px 9px; border-radius: 7px; color: #fff; background: #9fdbec; font-size: 11px; }

.newDocSaveAppoAlerBanInfoSb1 { margin-bottom: 2px; }

.newDocSaveAppoAlerBanInfoSb2 { margin-bottom: 2px; }

.newDocSaveAppoAlerBanInfoSb3 { }

.newDocSaveAppoAlerBanInfoSb4 { margin-bottom: 4px; }

.newDocSaveAppoAlerBanInfoSb5 { margin-bottom: 4px; }

.newDocSaveAppoAlerBan2 div { position: absolute; top: -2px; left: 55px; font-size: 12pt; font-weight: bold; }

.newDocSaveAppoAlerBan2 { /* box-shadow: 0px 0px 1px 2px #fff; */ left: 255px; width: 192px; color: #fff !important; cursor: pointer; background: #5bc5e8 !important; border: 2px solid #5bc5e8 !important; }

.newDocSaveAppoAlerBan1, .newDocSaveAppoAlerBan3 { width: 92px; background-color: #9fdbec; border: 2px solid #9fdbec; color: #5bc5e8; }
.newDocSaveAppoAlerBan3 { left: 156px; }

.newDocSaveAppoAlerVlCon { position: absolute; width: 449px; height: 28px; /* background-color: #fff; */ top: 138px; left: 0px; border-radius: 5px; font-size: 7pt; padding: 8px; color: #0989a2; text-indent: 50px; display: none; }

.newDocSaveInfMesslistWrap { position: absolute; width: 310px; height: 400px; left: 24px; top: 161px; }

.newDocSaveInfMesslistDiv,
.newDocSaveInfMesslistDontShow { position: absolute; }

.newDocSaveInfMesslistDiv { width: 310px; height: 368px; background-color: #dcdcdc; border-radius: 41px; white-space: pre-wrap; padding-top: 22px; padding-left: 18px; font-size: 10px; padding-right: 18px; color: #404040; line-height: 12px; }

.newDocSaveInfMesslistDontShow { top: 375px; width: 200px; height: 22px; line-height: 22px; text-align: center; left: 53px; border-radius: 5px; }

.newDocSaveInfMesslistDiv .ndcSpn1 { font-size: 12px; }

.newDocSaveInfMesslistDiv .ndcSpn2 { font-weight: bold; }

.newDocSaveInfMessDocAdressDiv1,
.newDocSaveInfMessDocAdressDiv2,
.newDocSaveInfMessDocAdressDiv3 { position: absolute; width: 286px; text-align: center; }

.newDocSaveInfMessDocAdressDiv1 { height: 20px; top: 6px; font-size: 10px; font-weight: bold; line-height: 20px; }

.newDocSaveInfMessDocAdressDiv2 { height: 15px; top: 22px; font-size: 9px; line-height: 15px; }

.newDocSaveInfMessDocAdressDiv3 { height: 15px; top: 34px; font-size: 9px; line-height: 15px; }

.newDocSaveAppoSetTimeInpt1,
.newDocSaveAppoSetTimeInpt2,
.newDocSaveAppoSetDateInpt1,
.newDocSaveAppoSetDateInpt2,
.newDocSaveAppoSetDateInpt3 { position: absolute; width: 17px; height: 21px; border: none; line-height: 20px; font-size: 8px; color: #0db4d5; }


.newDocSaveAppoSetDateInpt1 { left: 15px; top: 4px; text-align: left; }

.newDocSaveAppoSetDateInpt2 { left: 27px; top: 4px; text-align: left; }

.newDocSaveAppoSetDateInpt3 { left: 39px; top: 4px; text-align: left; width: 20px; }

.newDocSaveAppoSetTimeInpt1 { left: 17px; top: 4px; text-align: left; }

.newDocSaveAppoSetTimeInpt2 { left: 29px; top: 4px; text-align: left; }

.newDocSaveAppoSetTimeDot,
.newDocSaveAppoSetDateDot1,
.newDocSaveAppoSetDateDot2 { position: absolute; width: 2px; height: 20px; line-height: 26px; font-size: 8px; }

.newDocSaveAppoSetDateDot1 { left: 25px; }

.newDocSaveAppoSetDateDot2 { left: 37px; }

.newDocSaveAppoSetTimeDot { left: 27px; }


#newDocSaveAppoWarnCon { position: absolute; width: 577px; height: 761px; background-color: #9fdbec; top: -232px; left: -33px; z-index: 5; /* box-shadow: 0px 0px 4px 3px #ffffff; */ /* border-top: 12px solid #65b1d4; */ border-radius: 7px; }

.newDocSaveAppoWarnxRow_AppoMove { position: relative; width: 590px; height: 32px; margin-bottom: 12px; top: 14px; left: 30px; }
.newDocSaveAppoWarnxRvl1_AppoMove1,
.newDocSaveAppoWarnxRvl1_AppoMove2 { position: absolute; top: 0px; left: 250px; text-transform: none; font-family: Arial; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; height: 30px; float: left; margin-right: 7px; line-height: 28px; font-size: 8pt; border-radius: 10px; color: #0db4d5; background: #fff; width: 110px; text-align: center; margin-left: 6px; }
.newDocSaveAppoWarnxRvl1_AppoMove2 { left: 365px; }
.newDocSaveAppoWarnxRvl2_AppoMove { position: absolute; top: 0px; left: 30px; text-transform: none; font-family: Arial; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; height: 30px; float: left; margin-right: 7px; line-height: 28px; font-size: 8pt; border-radius: 10px; color: #0db4d5; background: #fff; width: 220px; text-align: left; text-indent: 9px; }

.newDocSaveAppoWarnxRvl1_AppoMove1 span,
.newDocSaveAppoWarnxRvl1_AppoMove2 span { font-weight: bold; color: #0db4d5; }

.newDocSaveAppoWarnxRow { position: relative; width: 590px; height: 32px; margin-bottom: 12px; top: 14px; left: 66px; }

.newDocSaveAppoAlerConExit { position: absolute; top: 15px; right: 35px; width: 40px; height: 40px; background: #9fdbec; border-radius: 50px; }

    .newDocSaveAppoAlerConExit img { position: absolute; top: -4px; left: 2px; width: 36px; }

#newDocSaveAppoWarList { position: absolute; width: 498px; height: 463px; top: 56px; left: 0px; }

#newDocSaveAppoWarTakList { position: absolute; width: 498px; height: 463px; top: 56px; left: 0px; }

.newDocSaveAppoWarnxRimg,
.newDocSaveAppoWarnxRvl1,
.newDocSaveAppoWarnxRvl2,
.newDocSaveAppoWarnxRvl3,
.newDocSaveAppoWarnxRvl4 { position: relative; height: 30px; float: left; margin-right: 7px; line-height: 28px; font-size: 8pt; border-radius: 10px; left: 32px; }

.newDocSaveAppoWarnxRimg { height: 40px; width: 40px; border-radius: 40px; position: absolute !important; left: -16px; object-fit: cover; object-position: 100% 15%; top: -5px; }

.newDocSaveAppoWarnxRvl1,
.newDocSaveAppoWarnxRvl2,
.newDocSaveAppoWarnxRvl3,
.newDocSaveAppoWarnxRvl4 { 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); color: #0db4d5; /* border: 1px solid #96D7EA; */ background: #fff; }

.newDocSaveAppoWarnxRvl1 { width: 120px; text-align: center; margin-left: 6px; }

.newDocSaveAppoWarnxRvl2 { width: 220px; text-align: left; text-indent: 9px; }

.newDocSaveAppoWarnxRvl3 { /* text-align: center; */ cursor: pointer; background: transparent; /* width: 25px; */ /* border-radius: 40px; */ /* color: #fff; */ font-size: 19pt; /* line-height: 20px; */ /* height: 25px; */ top: 1px; /* border: 2px solid #ff0000; */ font-family: emojifont; }

.newDocSaveAppoWarnxRvl4 { width: 30px; text-align: center; cursor: pointer; background: #0db4d5; border: 2px solid #0db4d5; border-radius: 20px; }

    .newDocSaveAppoWarnxRvl4 img { position: absolute; height: 20px; left: 3px; top: 3px; }

.newDocSaveAppoWarnxRvl1 span { font-weight: bold; color: #0db4d5; }

.newDocSaveAppoWarnxRow:hover .newDocSaveAppoWarnxRimg { /* transform: scale(1.9); */ /* z-index: 5; */ /* left: 2px; */ }

.divYouHaveNoAppointment { position: absolute; top: 100px; left: 90px; width: 400px; height: 150px; background-color: #fff; line-height: 141px; text-align: center; font-size: 20px; font-weight: bold; color: #0db4d5; border: 2px solid #0db4d5; border-radius: 20px; }

.newDocSaveAppoWarnxClose { position: absolute; width: 35px; height: 35px; background-color: #fff; right: 201px; top: 11px; border-radius: 25px; /* box-shadow: 0px 0px 5px 1px #2e637b; */ }

    .newDocSaveAppoWarnxClose img { position: absolute; width: 26px; top: 6px; left: 4px; }

/*#newDocSaveAppoWarnCon:hover .newDocSaveAppoWarnxClose { display: block; }*/

.newDocSaveAppoWarnxRBan { position: absolute; width: 40px; height: 40px; line-height: 20px; /*background-color: #0f5874;*/ left: 30px; top: 8px; border-radius: 11px; cursor: pointer; }

    .newDocSaveAppoWarnxRBan img { position: absolute; width: 36px; top: 7px; left: 7px; }

.newDocSaveAppoWarnxRBan2 { position: absolute; width: 40px; height: 40px; line-height: 20px; /*background-color: #0f5874;*/ left: 99px; top: 8px; border-radius: 11px; cursor: pointer; }

    .newDocSaveAppoWarnxRBan2 img { position: absolute; width: 36px; height: 31px; top: 7px; left: -1px; }


.docPageAppo .newDocSaveAppoWarnxRBan2 { position: absolute; width: 40px; height: 40px; line-height: 20px; background-color: #65b1d4; left: 483px; top: 2px; border-radius: 11px; cursor: pointer; z-index: 5; display: none; }

    .docPageAppo .newDocSaveAppoWarnxRBan2 img { position: absolute; width: 30px; top: 6px; left: 9px; cursor: pointer; }


.docPageAppo #newDocSaveAppoWarn2Con { position: absolute; width: 582px; height: 760px; background-color: #ECF8FB; top: -53px; left: 34px; z-index: 5; box-shadow: none; border-radius: 6px; border: 2px solid #CDEFF6; }

.docPageAppo #newDocSaveAppoWar2List { position: absolute; width: 580px; height: 625px; top: 92px; left: 0px; overflow: hidden; }

.docPageAppo .newDocSaveAppoWarnxRBan { position: absolute; width: 35px; height: 35px; border-radius: 20px; border: 2px solid #A3D9EA; background: #fff; z-index: 5; top: 38px; left: 214px; }

    .docPageAppo .newDocSaveAppoWarnxRBan img { position: absolute; width: 45px; top: -6px; left: -30px; }

    .docPageAppo .newDocSaveAppoWarnxRBan div { position: absolute; width: 10px; height: 10px; top: 10px; left: 10px; background: #A3D9EA; border-radius: 10px; }

    .docPageAppo .newDocSaveAppoWarnxRBan span { position: absolute; width: 33px; height: 15px; text-align: center; font-size: 8pt; color: #0db4d5; line-height: 15px; top: 33px; left: -2px; }


.docPageAppo .newDocSaveAppoWarnxClose { position: absolute; right: 215px; top: 38px; background-color: transparent; width: 35px; height: 35px; border-radius: 20px; border: 2px solid #A3D9EA; background: #fff; z-index: 5; cursor: pointer; }

    .docPageAppo .newDocSaveAppoWarnxClose img { position: absolute; width: 45px; top: -10px; left: -19px; }

    .docPageAppo .newDocSaveAppoWarnxClose div { position: absolute; width: 10px; height: 10px; top: 10px; left: 10px; background: #A3D9EA; border-radius: 10px; }

    .docPageAppo .newDocSaveAppoWarnxClose span { position: absolute; width: 33px; height: 15px; text-align: center; font-size: 8pt; color: #0db4d5; line-height: 15px; top: 33px; left: -1px; }

.docPageAppo .newDocSaveAppoBtnX div { position: absolute; width: 23px; height: 23px; top: 4px; left: 4px; border: 7px solid #00b4d5; background-color: #fff; border-radius: 25px; }


.docPageAppo .newDocSaveAppoWarnxBanner { position: absolute; width: 520px; margin-right: 13px; text-align: center; left: 28px; top: 0px; height: 58px; color: #7B7C7C; text-indent: 3px; line-height: 35px; font-size: 10pt; font-weight: normal; float: left; margin-right: 7px; border-radius: 5px; border: 2px solid #5ECFE4; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: none; }

.docPageAppo .newDocSaveAppoWarnxBanner { 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); background: #9FDBEC; }

    .docPageAppo .newDocSaveAppoWarnxBanner div { position: absolute; width: 299px; height: 30px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 111px; line-height: 30px; font-size: 12pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.docPageAppo .newDocSaveAppoWarBgHidr1 { position: absolute; width: 103px; height: 30px; background-color: #fff; top: 55px; left: -105px; }
.docPageAppo .newDocSaveAppoWarBgHidr2 { position: absolute; width: 103px; height: 30px; background-color: #fff; top: 55px; left: 580px; }


.docPageAppoDcrBgTh1 { width: 520px; height: 70px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: 28px; position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPageAppoDcrBgTh1Ban { position: absolute; width: 300px; height: 30px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 140px; line-height: 30px; font-size: 12pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.newDocSaveAppoWarnxExit { position: absolute; top: 10px; right: 63px; width: 35px; height: 35px; cursor: pointer; }

    .newDocSaveAppoWarnxExit img { position: absolute; width: 35px; height: 35px; transform: rotate(126deg); }

.newDocSaveConExit { position: absolute; top: 7px; right: 29px; width: 35px; height: 35px; z-index: 3; cursor: pointer; }

    .newDocSaveConExit img { position: absolute; width: 35px; height: 35px; transform: rotate(126deg); }




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



.docPageMiniLabRow { position: relative; width: 398px; height: 30px; text-align: left; text-indent: 15px; line-height: 32px; font-size: 8pt; margin-bottom: 3px; left: 53px; font-weight: normal; }

.docPageMiniLabRow { 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); border-radius: 12px; }

.docPageMiniLabRowx { position: relative; width: 300px; height: 30px; text-align: left; text-indent: 15px; line-height: 32px; font-size: 8pt; margin-bottom: 3px; left: 88px; font-weight: normal; }

.docPageMiniLabRowx { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#ffffff, #ffffff, #e8e8e8); border-radius: 12px; box-shadow: 0px 1px 1px 0px #000; }

.newDocMiniLabDataList { position: absolute; width: 503px; height: 693px; top: 38px; left: 33px; overflow: hidden; }

.newDocMiniLabDataInpt { position: absolute; width: 229px; height: 25px; line-height: 20px; border: none; left: 203px; top: 5px; border-radius: 21px; text-indent: 10px; font-size: 9px; }

.newDocMiniLabDataGroup { position: absolute; width: 45px; height: 25px; background-color: #fff; border: none; left: 141px; border-radius: 7px; top: 5px; }


.newDocTestsDataRow { position: relative; width: 520px; height: 140px; }


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


.docPageMiniLabRow { position: relative; width: 398px; height: 30px; text-align: left; text-indent: 15px; line-height: 32px; font-size: 8pt; margin-bottom: 3px; left: 53px; font-weight: normal; }

.docPageMiniLabRow { 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); border-radius: 12px; }

.docPageMiniLabRowx { position: relative; width: 365px; height: 25px; text-align: left; text-indent: 15px; line-height: 23px; font-size: 8pt; margin-bottom: 3px; left: 63px; font-weight: normal; }

.docPageMiniLabRowx { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: linear-gradient(#ffffff, #ffffff, #e8e8e8); border-radius: 12px; box-shadow: none; border: 2px solid #0db4d5; background: #fff; color: #0db4d5; font-weight: bold; }

.newDocMiniLabDataList { position: absolute; width: 503px; height: 693px; top: 38px; left: 33px; overflow: hidden; }

.newDocMiniLabDataInpt { position: absolute; width: 229px; height: 25px; line-height: 20px; border: none; left: 165px; top: 45px; border-radius: 21px; text-indent: 10px; font-size: 9px; border: 2px solid #a4dbed; }

.newDocMiniLabDataGroup { position: absolute; width: 160px; height: 25px; background-color: #0db4d5; border: none; left: 201px; border-radius: 7px; top: 6px; color: #fff; letter-spacing: 1px; font-size: 8pt; }


.newDocTestsDataRow { position: relative; width: 540px; height: 140px; top: 9px; display: none; }


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

.newDocMiniLabAddTestListBanner { position: absolute; width: 532px; height: 30px; top: 178px; }

.newDocMiniLabAddTestList { position: absolute; width: 532px; height: 548px; top: 247px; }

.newDocMiniLabAddTestRow { position: relative; width: 530px; height: 30px; margin-bottom: 5px; }

.newDocMiniLabAddTestRowX { position: relative; width: 530px; height: 30px; margin-bottom: 5px; }

.newDocMiniLabAddTestRowVl1,
.newDocMiniLabAddTestRowVl2,
.newDocMiniLabAddTestRowVl3,
.newDocMiniLabAddTestRowVl4 { position: absolute; height: 30px; line-height: 30px; background-color: #fff; box-shadow: 0px 0px 0px 1px #31849B; text-align: center; font-size: 8pt; }

.newDocMiniLabAddTestRowVl1 { left: 42px; width: 31px; }

.newDocMiniLabAddTestRowVl2 { left: 8px; width: 79px; background-color: transparent; box-shadow: none; }

.newDocMiniLabAddTestRowVl3 { left: 59px; width: 79px; text-align: left; text-indent: 3px; }

.newDocMiniLabAddTestRowVl4 { left: 144px; width: 371px; text-align: left; text-indent: 10px; }

.newDocMiniLabAddTestRowX .newDocMiniLabAddTestRowVl3,
.newDocMiniLabAddTestRowX .newDocMiniLabAddTestRowVl4 { background-color: #fff; box-shadow: 0px 0px 0px 1px #205867; }

.newDocMiniLabAddTestRowX .newDocMiniLabAddTestRowVl2x3 { box-shadow: 0px 0px 0px 1px #205867; color: #205867; line-height: 28px; background-color: #fff; text-align: center; font-weight: bold; font-size: 8pt; }

.newDocMiniLabAddTestRowX .newDocMiniLabAddTestRowVl2x1 { border-right: 30px solid #205867; }
/*.newDocMiniLabAddTestRow .newDocMiniLabAddTestRowVl2x3 {  }*/

.newDocMiniLabAddTestRow .newDocMiniLabAddTestRowVl3,
.newDocMiniLabAddTestRow .newDocMiniLabAddTestRowVl4 { color: #fff; background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: #3a8ba9 !important; white-space: nowrap; overflow: hidden; }

.newDocMiniLabAddTestListBanner .newDocSaveSrcIcon { left: 490px; top: 7px; }

.newDocMiniLabAddTestListBanner1,
.newDocMiniLabAddTestListBanner2,
.newDocMiniLabAddTestListBanner3 { position: absolute; height: 30px; line-height: 32px; color: #fff; box-shadow: 0px 0px 0px 1px #31849B; text-align: center; font-size: 8pt; }

.newDocMiniLabAddTestListBanner1 { left: 23px; width: 115px; }

.newDocMiniLabAddTestListBanner2 { left: 144px; width: 179px; }

.newDocMiniLabAddTestListBanner3 { left: 329px; width: 186px; border: none; background: #fff !important; color: #3a8ba9; border-radius: 10px; }


.newDocMiniLabAddTestListBanner1,
.newDocMiniLabAddTestListBanner2,
.newDocMiniLabAddTestListBanner3 { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); }


    .newDocMiniLabAddTestListBanner3::-webkit-input-placeholder { color: #fff !important; font-size: 8pt; }

    .newDocMiniLabAddTestListBanner3:-moz-placeholder { color: #fff !important; font-size: 8pt; }

    .newDocMiniLabAddTestListBanner3::-moz-placeholder { color: #fff !important; font-size: 8pt; }

    .newDocMiniLabAddTestListBanner3:-ms-input-placeholder { color: #fff !important; font-size: 8pt; }


.newDocMiniLabAddTestRowVl2x1 { top: -1px; width: 0px; left: -1px; position: absolute; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 30px solid #fff; display: none; }

.newDocMiniLabAddTestRowVl2x2 { top: 0px; width: 0px; left: 0px; position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid #205867; z-index: 2; display: none; }

.newDocMiniLabAddTestRowVl2x3 { position: absolute; width: 30px; height: 30px; left: 15px; box-shadow: 0px 0px 0px 1px #3a8ba9; background-color: #3a8ba9; color: #fff; line-height: 30px; border: none; text-align: center; font-weight: bold; font-size: 8pt; }



.newDocMiniLabAddTestNoList { position: absolute; width: 516px; height: 30px; top: 216px; left: 0px; }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl2 { }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl3 { }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl4 { }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl2x3 { }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl2x3,
    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl2,
    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl3,
    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl4 { height: 25px; line-height: 25px; letter-spacing: 1px; text-align: center; }

    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl2x3,
    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl3,
    .newDocMiniLabAddTestNoList .newDocMiniLabAddTestRowVl4 { color: #fff; background: -webkit-linear-gradient(#175065, #3a8ba9, #175065); background: -o-linear-gradient(#175065, #3a8ba9, #175065); background: -moz-linear-gradient(#175065, #3a8ba9, #175065); background: linear-gradient(#175065, #3a8ba9, #175065); }


.newDocMiniLabAddTestNoRowVl { position: relative; width: 31px; height: 30px; line-height: 30px; background-color: #fff; box-shadow: 0px 0px 0px 1px #31849B; text-align: center; font-size: 8pt; font-weight: bold; margin-bottom: 5px; float: left; margin-right: 7px; }


.newDocMiniLabClearVl { position: absolute; width: 75px; height: 33px; background-color: #175065; right: 5px; top: 119px; line-height: 32px; font-size: 8pt; text-align: center; border-radius: 28px; color: #fff; }

.newDocMiniLabClearVl { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; border-radius: 28px; }

    .newDocMiniLabClearVl:after { content: ""; background: #4ccff3; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px !important; margin-top: -120%; opacity: 0; transition: all 0.8s; }

    .newDocMiniLabClearVl:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s; }



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

.docPageTestDataSubRowdiv2,
.docPageTestDataSubRowdiv3 { position: absolute; width: 3px; height: 20px; }

.docPageTestDataSubRowdiv2 { left: 40px; width: 225px; height: 33px; }

.docPageTestDataSubRowdiv3 { left: 40px; width: 197px; height: 18px; top: 21px; }

.docPageTestDataSubRowdiv2XX { position: absolute; width: 3px; height: 20px; left: 40px; width: 225px; height: 15px; top: 46px; }

.docPageTestDataSubRowdiv3XX { position: absolute; left: 40px; width: 213px; height: 18px; top: 67px; }



.docPageTestDataSubRowdiv2x1,
.docPageTestDataSubRowdiv2x2,
.docPageTestDataSubRowdiv2x3,
.docPageTestDataSubRowdiv2x4,
.docPageTestDataSubRowdiv2x5,
.docPageTestDataSubRowdiv2x6,
.docPageTestDataSubRowdiv2x7 { position: relative; width: 33px; height: 20px; font-size: 6px; line-height: 22px; text-align: center; float: left; margin-right: 2px; }



.docPageTestDataSubRowdiv2x5 { left: 188px; display: none; }

.docPageTestDataSubRowdiv3x1,
.docPageTestDataSubRowdiv3x2,
.docPageTestDataSubRowdiv3x3,
.docPageTestDataSubRowdiv3x4,
.docPageTestDataSubRowdiv3x5,
.docPageTestDataSubRowdiv3x6,
.docPageTestDataSubRowdiv3x7 { position: relative; width: 33px; height: 22px; background-color: #fbfbfb; border: none; text-align: center; line-height: 18px; font-size: 9px; margin-right: -1px; }


.docPageTestDataSubRowdiv3x7 { display: none; }


.docPageTestDataSubRowdiv1,
.docPageTestDataSubRowdiv4,
.docPageTestDataSubRowdiv2x1,
.docPageTestDataSubRowdiv2x2,
.docPageTestDataSubRowdiv2x3,
.docPageTestDataSubRowdiv2x4,
.docPageTestDataSubRowdiv2x5,
.docPageTestDataSubRowdiv2x6,
.docPageTestDataSubRowdiv2x7 { background: -webkit-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -o-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -moz-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); }

.newDocMiniLabTestsDataList { position: absolute; width: 520px; height: 680px; top: 3px; left: 20px; }



#docPagePersonValueConList { position: relative; top: 33px; border: 3px solid #B5E3F0; border-radius: 8px; left: 6px; width: 720px; }



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.docPageConnn { position: absolute; width: 558px; /*height: 800px;*/ background-color: #f3f3f3; z-index: 50; top: 65px; left: 0px; /*box-shadow: 0px 0px 0px 1px #000;*/ }

.docPageMainnn { position: absolute; width: 558px; height: calc(100%); top: 0px; left: 0px; }

.docPageBannerCon { position: absolute; width: 550px; height: 82px; top: 20px; display: none; }

.diyetist_MainMdlScrollCon { position: relative; width: 100%; height: 100%; }

.docPageBannerDiv1,
.docPageBannerDiv2,
.docPageBannerDiv3,
.docPageBannerDiv4,
.docPageBannerDiv5 { position: absolute; }

.docPageBannerDiv1 { width: 74px; height: 82px; left: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 0px 1px #c1c1c1; }

.docPageBannerDiv2 { width: 250px; height: 34px; left: 113px; top: 43px; line-height: 33px; font-size: 8pt; text-align: center; }

.docPageBannerDiv3 { width: 414px; height: 28px; right: 16px; top: -11px; }

.docPageBannerDiv4 { width: 86px; height: 41px; left: 415px; top: 40px; }

.docPageBannerDiv5 { width: 32px; height: 56px; left: 320px; }

.docPageBannerDiv3xC { position: relative; width: 37px; height: 40px; float: left; border-radius: 100px / 50px; margin-right: 22px; text-align: center; line-height: 26px; font-size: 7px; }

/*#docPageBannerDiv3xC1 { background-color: #FF5D5D; }
#docPageBannerDiv3xC2 { background-color: #FFFF56; }
#docPageBannerDiv3xC3 { background-color: #FFC751; }
#docPageBannerDiv3xC4 { background-color: #C1E1EB; }*/

#docPageBannerDiv3xC1 img { position: absolute; height: 34px; left: 0px; top: 2px; }

#docPageBannerDiv3xC2 img { position: absolute; height: 30px; left: 0px; top: 4px; width: 40px; }

#docPageBannerDiv3xC3 img { position: absolute; height: 34px; left: 0px; top: 2px; width: 35px; }

#docPageBannerDiv3xC4 img { position: absolute; height: 32px; left: 0px; top: 2px; width: 30px; }

#docPageBannerDiv3xC4a #imgxx1 { position: absolute; height: 30px; left: 0px; top: 2px; }

#docPageBannerDiv3xC4a #imgxx2 { position: absolute; height: 32px; left: 0px; top: 2px; width: 33px; }

#docPageBannerDiv3xC4b #imgxx3 { position: absolute; height: 42px; left: 0px; top: 0px; width: 43px; }

.docPageNotifScm { position: absolute; width: 32px; height: 15px; top: 1px; left: 16px; line-height: 15px; font-size: 7pt; }


.docPageBannerDiv4x3,
.docPageBannerDiv2 { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); }

.docPageBannerDiv3xBack { position: absolute; width: 41px; height: 41px; background-color: #fff; right: 11px; top: -9px; border-radius: 28px; }

    .docPageBannerDiv3xBack img { position: absolute; width: 28px; top: 12px; left: 5px; }

#docPageBannerPersonImg { position: absolute; max-height: 82px; border-radius: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 75px; min-height: 82px; }

#imgDDP_Person_Picture { position: relative; width: 75px; height: 75px; border-radius: 106px; object-fit: cover; object-position: 100% 15%; }

.docPageDataCon { position: absolute; width: 737px; height: 1041px; top: 0px; left: 0px; background: #fff; border: 3px solid #6CC7E2; border-radius: 8px; border-top: 20px solid #6cc7e2; }

.docPageDataBanner { position: absolute; width: 340px; height: 17px; top: 0px; left: 10px; }

.docPageDataBannerDiv1,
.docPageDataBannerDiv2,
.docPageDataBannerDiv3,
.docPageDataBannerDiv4,
.docPageDataBannerDiv5,
.docPageDataBannerDiv6 { position: absolute; height: 17px; border-radius: 2px; text-align: center; line-height: 20px; font-size: 8px; }

.docPageDataBannerDiv1,
.docPageDataBannerDiv2,
.docPageDataBannerDiv3,
.docPageDataBannerDiv4,
.docPageDataBannerDiv5,
.docPageDataBannerDiv6 { 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); }


.docPageDataBannerDiv6 { left: 267px; width: 75px; }

.docPageDataBannerDiv5 { left: 233px; width: 30px; }

.docPageDataBannerDiv4 { left: 204px; width: 25px; }

.docPageDataBannerDiv3 { left: 170px; width: 30px; }

.docPageDataBannerDiv2 { width: 100px; left: 66px; }

.docPageDataBannerDiv1 { width: 62px; left: 0px; }

/*/////////*/
.docPageDataBannerX { position: relative; width: 742px; height: 30px; top: -22px; left: 10px; margin-top: 10px; }

.docPageDataBannerXDiv1,
.docPageDataBannerXDiv2,
.docPageDataBannerXDiv3,
.docPageDataBannerXDiv4,
.docPageDataBannerXDiv5,
.docPageDataBannerXDiv7,
.docPageDataBannerXDiv6 { position: absolute; height: 30px; border-radius: 2px; text-align: center; line-height: 33px; font-size: 8pt; top: 0px; }

.docPageDataBannerXDiv1,
.docPageDataBannerXDiv2,
.docPageDataBannerXDiv3,
.docPageDataBannerXDiv4,
.docPageDataBannerXDiv5,
.docPageDataBannerXDiv7,
.docPageDataBannerXDiv6 { 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); }


.docPageDataBannerXDiv6 { left: 410px; width: 55px; }

.docPageDataBannerXDiv5 { left: 363px; width: 44px; }

.docPageDataBannerXDiv4 { left: 310px; width: 50px; }

.docPageDataBannerXDiv3 { left: 260px; width: 47px; }

.docPageDataBannerXDiv2 { width: 125px; left: 132px; }

.docPageDataBannerXDiv1 { width: 129px; left: 0px; }

.docPageDataBannerXDiv7 { left: 468px; width: 58px; }


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

.docPageDataRowX { position: relative; width: 731px; height: 31px; top: 4px; left: 0px; margin-bottom: 5px; cursor: pointer; background: #daeff7; }

.docPageDataRowXDiv1,
.docPageDataRowXDiv2,
.docPageDataRowXDiv3,
.docPageDataRowXDiv4,
.docPageDataRowXDiv5,
.docPageDataRowXDiv7,
.docPageDataRowXDiv6 { position: relative; height: 25px; border-radius: 2px; text-align: center; line-height: 28px; font-size: 8px; top: 3px; float: left; }

.docPageDataRowXDivVlWlk,
.docPageDataRowXDivVlWlk2,
.docPageDataRowXDiv1,
.docPageDataRowXDiv2,
.docPageDataRowXDiv3,
.docPageDataRowXDiv4,
.docPageDataRowXDiv5,
.docPageDataRowXDiv7 { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #cfcfd0); background: #daeff7; /* box-shadow: 0px 0px 0px #929292; */ }

.docPageDataRowXDiv6 { /* left: 234px; */ /* width: 204px; */ background-color: transparent; }

.docPageDataRowXDiv5 { left: 221px; width: 25px; display: none; }

.docPageDataRowXDiv4 { /* left: 310px; */ width: 51px; font-size: 8pt; line-height: 28px; color: #6cc7e2; }

.docPageDataRowXDiv3 { /* left: 261px; */ width: 46px; font-size: 8pt; line-height: 28px; color: #6cc7e2; }

.docPageDataRowXDiv2 { width: 98px; left: 75px; text-align: left; text-indent: 4px; display: none; }

.docPageDataRowXDiv1 { width: 234px; left: 0px; text-align: center; text-indent: 0px; font-size: 8pt; color: #6cc7e2; }

.docPageDataRowXDiv7 { left: 251px; width: 13px; font-size: 9px; display: none; }


.docPageDataRowXDivVlWlk,
.docPageDataRowXDivVlWlk2 { position: relative; width: 25px; height: 25px; line-height: 28px; font-size: 8pt; float: left; }

.docPageDataRowXDivVlWlk { /* left: 130px; */ top: 0px; width: 43px; color: #6cc7e2; }

.docPageDataRowXDivVlWlk2 { /* left: 72px; */ top: 0px; width: 55px; color: #6cc7e2; }


.docPageDataRowXDiv3,
.docPageDataRowXDiv4,
.docPageDataRowXDivVlWlk,
.docPageDataRowXDivVlWlk2 { width: 100px !important; }




.docPageDataRowXDiMealInfCon { position: relative; height: 30px; width: 58px; left: 15px; top: 1px; float: left; }

.docPageDataRowXDiMealInfWra { position: relative; width: 18px; height: 18px; background-color: #fff; float: left; margin-right: 1px; margin-bottom: 1px; top: -7px; border: 2px solid #A3D9EA; border-radius: 10px; }


.docPageDataRowXDiv6xC { position: relative; width: 15px; height: 15px; float: left; border-radius: 20px; top: 5px; margin-right: 3px; left: 4px; }

/*/////////*/
.docPageListDataCon { position: absolute; width: 586px; height: 599px; top: 30px; /* overflow: hidden; */ }


.docPageDataRow { position: relative; width: 340px; height: 20px; top: 0px; left: 10px; margin-bottom: 3px; }

.docPageDataRowDiv1,
.docPageDataRowDiv2,
.docPageDataRowDiv3,
.docPageDataRowDiv4,
.docPageDataRowDiv5,
.docPageDataRowDiv6 { position: absolute; height: 20px; border-radius: 2px; text-align: center; line-height: 22px; font-size: 8px; background-color: #fff; }

.docPageDataRowDiv6 { left: 267px; width: 75px; background-color: transparent; }

.docPageDataRowDiv5 { left: 233px; width: 30px; }

.docPageDataRowDiv4 { left: 204px; width: 25px; }

.docPageDataRowDiv3 { left: 170px; width: 30px; }

.docPageDataRowDiv2 { width: 100px; left: 66px; text-align: left; text-indent: 4px; }

.docPageDataRowDiv1 { width: 62px; left: 0px; text-align: left; text-indent: 4px; }


.docPageDataSubRow { position: relative; width: 340px; height: 48px; top: 0px; left: 10px; }

.docPageDataSubRowXX { position: relative; width: 533px; height: 121px; top: 0px; left: 12px; margin-bottom: 2px; }

.docPageDataSubRowTimeLine { position: relative; width: 566px; height: 292px; top: 0px; left: 0px; margin-bottom: 2px; /*background-color: #ffffff;*/ }

.canvas { position: absolute; top: 13px; left: 0px; z-index: 2; width: 512px; height: 230px; }

#div_BloodPressureDots { position: absolute; top: 15px; left: 0px; }
/*.docPageDataSubRowTimeLine .canvas { display: block; }*/

.docPageDataSubRowdiv1,
.docPageDataSubRowdiv2,
.docPageDataSubRowdiv3,
.docPageDataSubRowdiv4,
.docPageDataSubRowdiv5 { position: absolute; width: 3px; height: 20px; }

.docPageDataSubRowdiv1 { left: 8px; width: 30px; height: 44px; text-align: center; line-height: 14px; font-size: 8px; white-space: inherit; padding-top: 2px; background-color: #fbfbfb; }

.docPageDataSubRowdiv2 { left: 40px; width: 425px; height: 28px; }

.docPageDataSubRowdiv3 { left: 40px; width: 475px; height: 30px; top: 29px; }

.docPageDataSubRowdiv4 { left: 436px; width: 87px; height: 28px; font-size: 8pt; line-height: 23px; text-align: center; cursor: pointer; }

.docPageDataSubRowdiv5 { left: 438px; width: 90px; height: 68px; top: 30px; /* background-color: #fbfbfb; */ /* background: linear-gradient(#ffffff, #f1f1f1, #ffffff); */ }

.docPageDataSubRowdiv1XX { position: absolute; left: 12px; width: 25px; height: 118px; text-align: center; line-height: 17px; font-size: 8pt; white-space: inherit; padding-top: 18px; }

.docPageDataSubRowdiv2XX { position: absolute; width: 3px; height: 20px; left: 40px; width: 225px; height: 15px; top: 59px; }

.docPageDataSubRowdiv3XX { position: absolute; width: 3px; height: 20px; left: 40px; width: 197px; height: 18px; top: 87px; }

.docPageDataSubRowdiv1XX span { position: absolute; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(-90deg); top: 55px; left: -13px; font-size: 8pt; }


.docPageDataSubRowdiv2x1,
.docPageDataSubRowdiv2x2,
.docPageDataSubRowdiv2x3,
.docPageDataSubRowdiv2x4,
.docPageDataSubRowdiv2x5,
.docPageDataSubRowdiv2x6,
.docPageDataSubRowdiv2x7 { position: absolute; width: 3px; height: 28px; font-size: 7pt; line-height: 28px; text-align: center; cursor: pointer; }


.docPageDataSubRowdiv2x1,
.docPageDataSubRowdiv2x2,
.docPageDataSubRowdiv2x3,
.docPageDataSubRowdiv2x4 { width: 65px; }


.docPageDataSubRowdiv2x2 { left: 66px; }

.docPageDataSubRowdiv2x3 { left: 132px; }

.docPageDataSubRowdiv2x4 { left: 198px; width: 65px; }

.docPageDataSubRowdiv2x5 { left: 188px; width: 23px; display: none; }

.docPageDataSubRowdiv2x6 { left: 264px; width: 65px; }

.docPageDataSubRowdiv2x7 { left: 330px; width: 65px; }

.docPageDataSubRowdiv3x1,
.docPageDataSubRowdiv3x2,
.docPageDataSubRowdiv3x3,
.docPageDataSubRowdiv3x4,
.docPageDataSubRowdiv3x5,
.docPageDataSubRowdiv3x6,
.docPageDataSubRowdiv3x7 { position: absolute; width: 3px; height: 30px; background-color: #fff; border: none; text-align: center; line-height: 18px; font-size: 9px; }


.docPageDataSubRowdiv3x1,
.docPageDataSubRowdiv3x2,
.docPageDataSubRowdiv3x3,
.docPageDataSubRowdiv3x4 { width: 65px; }


.docPageDataSubRowdiv3x2 { left: 66px; }

.docPageDataSubRowdiv3x3 { left: 132px; }

.docPageDataSubRowdiv3x4 { left: 198px; width: 65px; }

.docPageDataSubRowdiv3x5 { left: 264px; width: 65px; }

.docPageDataSubRowdiv3x6 { left: 330px; width: 65px; }

.docPageDataSubRowdiv3x7 { left: 188px; width: 33px; display: none; }


.docPageDataSubRowdiv1,
.docPageDataSubRowdiv4,
.docPageDataSubRowdiv2x1,
.docPageDataSubRowdiv2x2,
.docPageDataSubRowdiv2x3,
.docPageDataSubRowdiv2x4,
.docPageDataSubRowdiv2x5,
.docPageDataSubRowdiv2x6,
.docPageDataSubRowdiv2x7 { background: -webkit-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -o-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -moz-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); }


.docPageDataSubRowdiv1XX { background: -webkit-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -o-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: -moz-linear-gradient(#cfcfd0, #F1F1F2, #fbfbfb); background: linear-gradient(to left, #FBFBFB, #F1F1F2, #eaeaea); }



.docPageDataSubRowTimeLine .docPageDataSubRowdiv5,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv4,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv3XX,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv2XX,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv3,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv2,
.docPageDataSubRowTimeLine .docPageDataSubRowdiv1XX { display: none; }


#docPageBannerDivHidder { position: absolute; width: 454px; height: 42px; left: 103px; top: 50px; z-index: 5; }

.docPageBannerDivPErsonPicHidder { position: absolute; width: 85px; height: 103px; top: -62px; left: -89px; z-index: 10; }

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

.docPageDataSubTimeLineCat1,
.docPageDataSubTimeLineCat2,
.docPageDataSubTimeLineCat3 { position: absolute; width: 566px; }

.docPageDataSubTimeLineCat1,
.docPageDataSubTimeLineCat3 { height: 31px; background-color: #fff; }

.docPageDataSubTimeLineCat1 { top: 18px; border-bottom: 0px solid #ceefff; width: 2160px; background: #6cc7e2; }

.docPageDataSubTimeLineCat2 { top: 50px; height: 200px; background-color: #ffffff; border-bottom: 0px solid #ceefff; width: 2160px; }

.docPageDataSubTimeLineCat3 { top: 230px; background: transparent; }

/*.docPageDataSubTimeLineCat1,
.docPageDataSubTimeLineCat2 { border-bottom: 1px solid #91eff9; }*/


.docPageDataSubTimeLineCat2 .exx2 { margin-left: 157px; }

.docPageDataSubTimeLineOverX { position: absolute; overflow: hidden; z-index: 2; width: 512px; height: 240px; display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineOverX { display: none; }

.docPageDataSubTimeLineClose { left: 6px; top: 181px; line-height: 25px; font-size: 12pt; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineClose { display: block; }


.docPageDataSubTimeLineZommI { left: -14px; top: 122px; line-height: 24px; font-size: 20pt; }

.docPageDataSubTimeLineZommO { left: -14px; top: 5px; line-height: 28px; font-size: 15pt; padding-right: 8px; }

.docPageDataSubTimeLinePer { left: -14px; top: 63px; line-height: 28px; font-size: 14pt; }

.docPageDataSubTimeLineNex { right: 7px; top: 5px; line-height: 28px; font-size: 14pt; padding-left: 8px; }

.docPageDataSubTimeLineDrug,
.docPageDataSubTimeLineEgx,
.docPageDataSubTimeLineYem,
.docPageDataSubTimeLineClose,
.docPageDataSubTimeLineZommI,
.docPageDataSubTimeLineZommO,
.docPageDataSubTimeLinePer,
.docPageDataSubTimeLineNex { position: absolute; width: 30px; height: 30px; background-color: #00B4D5; border-radius: 30px; text-align: center; font-family: 'Arial Black'; color: #ffffff; box-shadow: 0px 0px 0px 4px #A3D9EA; cursor: pointer; /* display: none; */ z-index: 3; visibility: hidden; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineClose { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineZommI { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineZommO { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLinePer { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineNex { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineDrug { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineEgx { display: block; }

.docPageDataSubRowTimeLine:hover .docPageDataSubTimeLineYem { display: block; }


.docPageDataSubRowXX .docPageDataSubTimeLineDrug { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineEgx { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineYem { display: none; }

.docPageDataSubTimeLineYem img { position: absolute; width: 12px; top: 6px; left: 8px; }

.docPageDataSubTimeLineEgx img { position: absolute; width: 22px; top: 6px; left: 4px; }

.docPageDataSubTimeLineDrug img { position: absolute; width: 20px; top: 5px; left: 5px; }


.docPageDataSubTimeLineZommI,
.docPageDataSubTimeLineZommO,
.docPageDataSubTimeLinePer { left: 6px; }

.docPageDataSubTimeLineDrug { right: 7px; top: 63px; line-height: 24px; font-size: 20pt; }

.docPageDataSubTimeLineEgx { right: 7px; top: 122px; line-height: 24px; font-size: 20pt; visibility: visible; }

.docPageDataSubTimeLineYem { right: 7px; top: 181px; line-height: 24px; font-size: 20pt; }


.docPageDataSubRowTimeLine .dPCanvasTLC1_1 { position: absolute; width: 26px; top: 7px; left: 31px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC1_2 { position: absolute; width: 10px; top: 11px; left: 299px; z-index: 2; display: none; }

.docPageDataSubRowTimeLine .dPCanvasTLC1_3 { position: absolute; width: 10px; top: 11px; left: 473px; z-index: 2; display: none; }

.docPageDataSubRowTimeLine .dPCanvasTLC1_4 { position: absolute; width: 29px; top: 4px; left: 30px; z-index: 2; height: 22px; }

.docPageDataSubRowTimeLine .dPCanvasTLC1_5 { position: absolute; width: 35px; top: 3px; left: 209px; z-index: 2; display: none; }

.docPageDataSubRowTimeLine .dPCanvasTLC1_6 { position: absolute; width: 35px; top: 3px; left: 375px; z-index: 2; display: none; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_1 { position: absolute; width: 16px; top: 11px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_2 { position: absolute; width: 16px; top: 5px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_3 { position: absolute; width: 16px; top: 41px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_4 { position: absolute; width: 16px; top: 71px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_5 { position: absolute; width: 16px; top: 101px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_6 { position: absolute; width: 16px; top: 130px; left: 0px; z-index: 2; }

.docPageDataSubRowTimeLine .dPCanvasTLC2_7 { position: absolute; width: 16px; top: 139px; left: 0px; z-index: 2; }

.tmLine_15 { width: 35px !important; }

.tmLine_60 { width: 15px !important; }

.tmLine_30 { width: 22px !important; }

.dPCanvasVlDiv1,
.dPCanvasVlDiv2,
.dPCanvasVlDiv3,
.dPCanvasVlDiv4,
.dPCanvasVlDiv5,
.dPCanvasVlDiv6 { position: absolute; width: 25px; height: 25px; text-align: center; line-height: 22px; font-size: 8pt; border-radius: 26px; cursor: pointer; }

.dPCanvasVlDiv1 { top: 71px; left: 0px; z-index: 2; line-height: 21px; padding-right: 1px; font-weight: bold; }

.dPCanvasVlDiv2 { top: 42px; left: 0px; z-index: 2; }

.dPCanvasVlDiv3 { top: 101px; left: 0px; z-index: 2; }

.dPCanvasVlDiv4 { top: 43px; left: 0px; z-index: 2; }

.dPCanvasVlDiv5 { top: 130px; left: 0px; z-index: 2; }

.dPCanvasVlDiv6 { top: 11px; left: 0px; z-index: 2; }

.dPCanvasVlNrm { background-color: #86fdcb; color: #07330d; border: 0px none; box-shadow: none; }

.dPCanvasVlPls { background-color: #86fdcb; color: #f00; box-shadow: 0px 0px 0px 2px #f00; font-size: 8pt; font-weight: bold; }

.dPCanvasVlNtv { background-color: #86fdcb; color: #fff; box-shadow: 0px 0px 0px 2px #ff0000; }

.dPCanvasVlok { background-color: #86fdcb; color: #fff; }

.dPCanvasVlWar { background-color: #f00; color: #fff; font-weight: bold; font-size: 12pt; padding-left: 1px; line-height: 22px; font-family: 'Arial Black'; }

.dPCanvasVlPls,
.dPCanvasVlNtv,
.dPCanvasVlok,
.dPCanvasVlWar,
.dPCanvasVlNrm { background: -webkit-linear-gradient(#b0e6f3, #e9fbff, #70c9de); background: -o-linear-gradient(#b0e6f3, #e9fbff, #70c9de); background: -moz-linear-gradient(#b0e6f3, #e9fbff, #70c9de); background: #fff; box-shadow: 0px 0px 0px 0px #63cee8; border: 3px solid #b5e3f0; z-index: 5; }


    .dPCanvasVlNtv span { position: absolute; font-size: 8pt; color: #f00; font-family: 'Arial Black'; left: 7px; top: 0px; }

    .dPCanvasVlok span { position: absolute; color: #07330d; left: 5px; top: 0px; font-size: 10pt; font-weight: 900; }

.dPCanvasVlDiv1 img,
.dPCanvasVlDiv2 img,
.dPCanvasVlDiv3 img,
.dPCanvasVlDiv4 img,
.dPCanvasVlDiv5 img,
.dPCanvasVlDiv6 img { position: absolute; width: 22px; top: 0px; left: 0px; }



.dPCanvasTLC1BigFrow { position: absolute; width: 75px; height: 30px; left: 79px; top: 0px; }

.dPCanvasTLC1BigFrow2 { position: absolute; width: 75px; height: 30px; left: 293px; top: -1px; }

.dPCanvasTLC1_4vl3,
.dPCanvasTLC1_4vl1,
.dPCanvasTLC1_4vl2 { position: absolute; width: 26px; height: 3px; line-height: 17px; font-size: 7pt; text-align: center; background-color: #fff; border-radius: 5px; top: 22px; }

.dPCanvasTLC1_4vl1 { left: 0px; }

.dPCanvasTLC1_4vl3 { left: 0px; }

.dPCanvasTLC1_4vl2 { left: 63px; }





.docPageDataSubTimeLineCat2Row { position: relative; width: 28px; height: 119px; float: left; margin-right: 3px; left: 81px; }

.docPageDataSubRowTimeLine .docPageDataLabNrmShow { display: none; }

#timeLineValueCanvas { position: absolute; top: 0px; left: 0px; }

.docPageDataSubRowXX #timeLineValueCanvas { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineClose,
.docPageDataSubRowXX .docPageDataSubTimeLineZommI,
.docPageDataSubRowXX .docPageDataSubTimeLineZommO,
.docPageDataSubRowXX .docPageDataSubTimeLinePer,
.docPageDataSubRowXX .docPageDataSubTimeLineNex { display: none; }

.docPageDataLabNrmShow { position: absolute; width: 75px; height: 75px; background-color: #266e8a; top: 36px; left: 442px; text-align: center; font-size: 8pt; z-index: 5; border-radius: 5px; line-height: 73px; color: #fff; cursor: pointer; font-family: 'Arial Black'; }

.docPageDataSubTimeLineZommO img { position: absolute; width: 10px; top: 0px; left: 0px; }


.docPageDataSubTimeLineTimeBg { position: absolute; width: 107px; height: 240px; left: 61px; top: 0px; z-index: 1; }

.docPageDataSubTimeLineTimeBgR2 { position: absolute; width: 96px; height: 240px; left: 272px; top: 0px; z-index: 1; }

.docPageDataSubTimeLineTimeBgR3 { position: absolute; width: 107px; height: 240px; left: 482px; top: 0px; z-index: 1; }

.docPageDataSubTimeLineTimeBg1,
.docPageDataSubTimeLineTimeBg2,
.docPageDataSubTimeLineTimeBg3 { position: relative; height: 240px; float: left; }

.docPageDataSubTimeLineTimeBg1,
.docPageDataSubTimeLineTimeBg3 { width: 31px; background-color: #e6fcff; }

.docPageDataSubTimeLineTimeBg2 { width: 31px; background-color: #d7faff; }

.docPageDataSubTimeLineTimeBg1 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }

.docPageDataSubTimeLineTimeBg3 { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }

.docPageDataSubRowXX .docPageDataSubTimeLineTimeBg { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineTimeBgR2 { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineTimeBgR3 { display: none; }


.docPageDataSubRowXX .docPageSubTimeLineDrugInf { display: none; }



.docPageDataSubTimeLineEgzImg1 { position: absolute; top: 8px; left: 298px; width: 15px; }

.docPageDataSubTimeLineEgzImgW { position: absolute; top: 8px; left: 298px; width: 12px; height: 25px; background-image: url('https://www.healthmaster.ist/img/di/walk3.gif'); }

.divAnimSit,
.divAnimLaydown { position: absolute; top: 8px; left: 298px; width: 23px; height: 30px; background-repeat: no-repeat; }

.divAnimWalk,
.divAnimRun { position: absolute; top: 8px; left: 298px; width: 23px; height: 30px; transition: 0ms; background-repeat: no-repeat; background-size: 115px 30px; }

.divAnimSit { background-image: url('../img/sitting_person_icon.png'); }

.divAnimLaydown { background-image: url('../img/laydown_person.png'); }

.divAnimWalk { background-image: url('../img/anim_walk.png'); }

.divAnimRun { background-image: url('../img/anim_run.png'); }


.docPageDataSubTimeExCanvasDiv { position: absolute; width: 92px; height: 5px; background-color: #86fdcb; top: 26px; left: 203px; z-index: 8; color: #fff; white-space: nowrap; text-align: right; }

    .docPageDataSubTimeExCanvasDiv span { position: absolute; font-size: 8pt; top: -13px; right: 1px; white-space: nowrap; }



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






/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.docPageSubTimeLineDrugInf { position: absolute; width: 250px; height: 180px; /* background-color: #fff; */ top: 28px; left: 142px; z-index: 10; /* box-shadow: 0px 0px 11px 0px #298ba9; */ }

.docPageSubTimeLineDrugBan { position: absolute; width: 300px; height: 20px; line-height: 20px; font-size: 8pt; text-align: center; top: 5px; }

.docPageSubTimeLineDrugName { position: absolute; width: 250px; height: 20px; line-height: 20px; font-size: 8pt; left: 0px; top: 155px; /* text-shadow: -2px 2px 2px #41f546; */ color: #0c0c0c; text-align: center; }

.docPageSubTimeLineDrugImage { position: absolute; max-width: 175px; /* width: 175px; */ top: 50%; max-height: 146px; left: 50%; transform: translate(-50%,-58%); }

#docPageSubTimeLineDrugInfOpa { position: absolute; width: 30px; height: 30px; /* background-color: red; */ border-radius: 30px; right: 4px; top: 170px; z-index: 50; cursor: pointer; }

    #docPageSubTimeLineDrugInfOpa img { position: absolute; width: 30px; top: 0px; left: 0px; }



.docPageSubTimeLineEgxoInf { position: absolute; width: 250px; height: 180px; /* background-color: #fff; */ top: 28px; left: 142px; z-index: 10; /* box-shadow: 0px 0px 11px 0px #298ba9; */ }

.docPageSubTimeLineEgxoBan { position: absolute; width: 300px; height: 20px; line-height: 20px; font-size: 8pt; text-align: center; top: 5px; }

.docPageSubTimeLineEgxoName { position: absolute; width: 250px; height: 20px; line-height: 20px; font-size: 8pt; left: 0px; top: 158px; /* text-shadow: -2px 2px 2px #41f546; */ color: #0c0c0c; text-align: center; }

.docPageSubTimeLineEgxoImage { position: absolute; max-width: 166px; /* width: 166px; */ top: 50%; max-height: 146px; left: 50%; transform: translate(-50%,-58%); /* background: red; */ }





/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#divMainPage { overflow: hidden; background-color: #fff; border-radius: 9px; width: 820px; top: -40px; }

#divMainPagex { overflow: hidden; background-color: #fff; border-radius: 9px; width: 820px; top: -40px; left: -70px; }




.docPageDataSubRowXX .docPageDataSubTimeLineCat1,
.docPageDataSubRowXX .docPageDataSubTimeLineCat2,
.docPageDataSubRowXX .docPageDataSubTimeLineCat3,
.docPageDataSubRowXX #docPageGrafZoomCon { display: none; }

.docPageDataSubRowXX .docPageDataSubTimeLineClose { display: none; }


.docPageDataRowDiv6xC { position: relative; width: 11px; height: 12px; border-radius: 20px; background-color: red; float: left; margin-right: 1px; top: 4px; }

.docPageDataSubRowdiv5xC { position: relative; width: 11px; height: 11px; border-radius: 20px; float: left; margin-right: 2px; top: 6px; left: 3px; margin-right: 2px; margin-bottom: 0px; }


.docPageBannerDiv4x1 { top: 5px; width: 0px; left: -35px; position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 34px solid rgb(255, 255, 255); }

.docPageBannerDiv4x2 { top: 6px; width: 0px; position: absolute; left: 87px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 34px solid rgb(255, 255, 255); }

.docPageBannerDiv4x3 { position: absolute; width: 80px; height: 28px; top: 6px; left: 3px; background-color: #3a8ba9 !important; text-align: center; line-height: 29px; font-size: 8pt; background: #3a8ba9 !important; }

.docPageDataSubRowdiv5Note { position: absolute; width: 87px; height: 88px; border: none; left: -2px; top: -1px; background-color: #fff; font-size: 7px; padding-left: 3px; max-width: 87px; max-height: 92px; }

.docPageDataSubRowdiv5Mcbr { position: absolute; width: 87px; height: 22px; background-color: #fbfbfb; left: -2px; display: none; }


.docPageGrafDataSubRow { position: relative; width: 719px; height: 312px; top: 31px; left: 6px; border: 3px solid #B5E3F0; border-radius: 8px; background: #fff; }

.docPageGrafTstVal { position: absolute; width: 10px; height: 260px; z-index: 1; left: 2px; }

.docPageGrafTstValRow { position: relative; height: 18px; width: 10px; text-align: right; font-size: 6pt; margin-bottom: 16px; top: 12px; color: #00B4D5; }

.docPageGrafTstShowBtn { position: absolute; width: 30px; height: 30px; background-color: #0db4d5; left: 718px; z-index: 5; top: 34px; border-radius: 20px; box-shadow: none; cursor: pointer; text-align: center; color: #fff; font-size: 16pt; line-height: 31px; }

.grafRotate1 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.grafRotate2 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }


.docPageGrafAreaDiv { position: absolute; width: 677px; height: 260px; background-color: #ffffff; left: 16px; }

.docPageGrafAreaVlRow { position: relative; width: 36px; height: 189px; top: 2px; left: 2px; float: left; }

.docPageGrafAreaVl3,
.docPageGrafAreaVl1,
.docPageGrafAreaVl2 { position: absolute; width: 13px; height: 11px; border-radius: 5px; text-align: center; line-height: 11px; color: #000; font-size: 7px; }

.docPageGrafAreaVl1 { bottom: 0px; left: 2px; }

.docPageGrafAreaVl2 { bottom: 0px; left: 16px; }

.docPageGrafAreaVl3 { bottom: 0px; left: 16px; }

.docPageGrafAreaVl1 .lbl { box-shadow: 0px 0px 0px 1px #fefe10; background: #fefe10; }

.docPageGrafAreaVl2 .lbl { box-shadow: 0px 0px 0px 1px #ffc000; background: #ffc000; }

.docPageGrafAreaVl3 .lbl { box-shadow: 0px 0px 0px 1px #ff0000; background: #ff0000; }

.docPageGrafAreaVl3 .lbl,
.docPageGrafAreaVl1 .lbl,
.docPageGrafAreaVl2 .lbl { border-radius: 5px; width: 4px; height: 4px; }

    .docPageGrafAreaVl1 .lbl span { position: absolute; top: -10px; left: -3px; width: 11px; text-align: center; height: 11px; }

    .docPageGrafAreaVl2 .lbl span { position: absolute; top: -10px; left: -3px; width: 11px; text-align: center; height: 11px; }

    .docPageGrafAreaVl3 .lbl span { position: absolute; top: -10px; left: -3px; width: 11px; text-align: center; height: 11px; }


.docPageGrafAreaDivContrlr1 { position: absolute; width: 322px; height: 35px; background-color: #ff9600; top: 135px; left: 0px; z-index: 0; opacity: 0.1; }

.docPageGrafAreaDivContrlr2 { position: absolute; width: 322px; height: 58px; background-color: #ff0000; top: 135px; left: 0px; z-index: 0; opacity: 0.1; }

.docPageGrafAreaDivContrlr3 { position: absolute; width: 322px; height: 58px; background-color: #ff0000; top: 135px; left: 0px; z-index: 0; opacity: 0.1; }


#docPageGrafZoomCon { position: absolute; left: 0px; top: -3px; width: 714px; height: 240px; overflow: hidden; }

.docPageGrafInfoDiv { position: absolute; left: 15px; top: 2px; width: 500px; height: 20px; }

.docPageGrafDateDiv { position: absolute; left: 0px; top: 1px; width: 1024px; height: 12px; z-index: 3; /* background: #daf1f8; */ }

.docPageGrafInfoDiv2 { position: absolute; left: 15px; top: 2px; width: 500px; height: 20px; z-index: 5; }

    /*.docPageGrafInfoVl1,
.docPageGrafInfoVl2,
.docPageGrafInfoVl3,
.docPageGrafInfoVl4,
.docPageGrafInfoVl5,
.docPageGrafInfoVl6 { position: relative; width: 61px; height: 18px; text-align: left; float: left; font-size: 6pt; margin-right: 22px; white-space: nowrap; top: 2px; left: 19px; }

    .docPageGrafInfoVl1 span,
    .docPageGrafInfoVl2 span,
    .docPageGrafInfoVl3 span,
    .docPageGrafInfoVl4 span,
    .docPageGrafInfoVl5 span,
    .docPageGrafInfoVl6 span { position: absolute; width: 11px; height: 5px; top: 2px; left: 27px; }

    .docPageGrafInfoVl1 span { background-color: #6D6D6D; }
    .docPageGrafInfoVl2 span { background-color: #C00000; left: 35px; }
    .docPageGrafInfoVl3 span { background-color: #FEFE10; left: 34px; }
    .docPageGrafInfoVl4 span { background-color: #FFC000; left: 48px; }
    .docPageGrafInfoVl5 span { background-color: #95B3D7; left: 27px; }
    .docPageGrafInfoVl6 span { background-color: #00B050; left: 32px; }*/


    .docPageGrafInfoDiv2 .docPageGrafInfoVl1,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl2,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl3,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl4,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl5,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl6 { position: relative; width: 120px; height: 21px; text-align: left; float: left; font-size: 6pt; margin-right: 0px; white-space: nowrap; top: 2px; left: 9px; background-color: #b0e6f3; line-height: 20px; text-indent: 23px; margin-bottom: 0px; box-shadow: none; cursor: pointer; /* border-radius: 5px; */ color: #144d63; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl1 span,
        .docPageGrafInfoDiv2 .docPageGrafInfoVl2 span,
        .docPageGrafInfoDiv2 .docPageGrafInfoVl3 span,
        .docPageGrafInfoDiv2 .docPageGrafInfoVl4 span,
        .docPageGrafInfoDiv2 .docPageGrafInfoVl5 span,
        .docPageGrafInfoDiv2 .docPageGrafInfoVl6 span { position: absolute; width: 12px; height: 12px; top: 2px; left: 5px; border-radius: 11px; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl1 span { background-color: #6D6D6D; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl2 span { background-color: #C00000; left: 5px; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl3 span { background-color: #FEFE10; left: 5px; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl4 span { background-color: #FFC000; left: 5px; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl5 span { background-color: #95B3D7; left: 5px; }

        .docPageGrafInfoDiv2 .docPageGrafInfoVl6 span { background-color: #00B050; left: 5px; }


    .docPageGrafInfoDiv2 .docPageGrafInfoVl1,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl2,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl3,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl4,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl5,
    .docPageGrafInfoDiv2 .docPageGrafInfoVl6 { background: -webkit-linear-gradient(#cdeff7, #ccf1f9, #cdeff7); background: -o-linear-gradient(#cdeff7, #ccf1f9, #cdeff7); background: -moz-linear-gradient(#cdeff7, #ccf1f9, #cdeff7); background: linear-gradient(#cdeff7, #ccf1f9, #cdeff7); background: #fff; }

    .docPageGrafInfoDiv2 .DocGrafValueCss { box-shadow: 0px 0px 0px 1px #85edff; color: #0f5874; background: #85edff; }




.docPageGrafDataSubTimeZoneVl { position: absolute; width: 26px; height: 591px; background-color: #0db4d5; opacity: 0.4; z-index: 5; left: 33px; top: 64px; border-left: 2px solid #000; border-right: 2px solid #000; }




/***/
.docPageGrafInfoDiv .docPageGrafInfoVl1,
.docPageGrafInfoDiv .docPageGrafInfoVl2,
.docPageGrafInfoDiv .docPageGrafInfoVl3,
.docPageGrafInfoDiv .docPageGrafInfoVl4,
.docPageGrafInfoDiv .docPageGrafInfoVl5,
.docPageGrafInfoDiv .docPageGrafInfoVl6 { position: relative; width: 116px; height: 18px; text-align: left; float: left; font-size: 6pt; margin-right: 5px; white-space: nowrap; top: 2px; left: 9px; /* background-color: #b0e6f3; */ line-height: 21px; text-indent: 23px; margin-bottom: 4px; /* box-shadow: 0px 0px 0px 1px #91d5ef; */ }

    .docPageGrafInfoDiv .docPageGrafInfoVl1 span,
    .docPageGrafInfoDiv .docPageGrafInfoVl2 span,
    .docPageGrafInfoDiv .docPageGrafInfoVl3 span,
    .docPageGrafInfoDiv .docPageGrafInfoVl4 span,
    .docPageGrafInfoDiv .docPageGrafInfoVl5 span,
    .docPageGrafInfoDiv .docPageGrafInfoVl6 span { position: absolute; width: 12px; height: 12px; top: 4px; left: 5px; border-radius: 15px; }

    .docPageGrafInfoDiv .docPageGrafInfoVl1 span { background-color: #6D6D6D; }

    .docPageGrafInfoDiv .docPageGrafInfoVl2 span { background-color: #C00000; left: 5px; }

    .docPageGrafInfoDiv .docPageGrafInfoVl3 span { background-color: #FEFE10; left: 5px; }

    .docPageGrafInfoDiv .docPageGrafInfoVl4 span { background-color: #FFC000; left: 5px; }

    .docPageGrafInfoDiv .docPageGrafInfoVl5 span { background-color: #95B3D7; left: 5px; }

    .docPageGrafInfoDiv .docPageGrafInfoVl6 span { background-color: #00B050; left: 5px; }






.docPageGrafInfoVl2 { left: 15px; }

.docPageGrafInfoVl3 { left: 13px; }

.docPageGrafInfoVl4 { left: 9px; }

.docPageGrafInfoVl6 { left: 11px; }

.qxz0 { background-color: #fff; }

.qxz1 { background-color: #f2fcff; }


.docPageGrafTstTimeDateCon { position: absolute; left: 16px; /* top: 237px; */ width: 1024px; height: 10px; z-index: 5; bottom: 0px; }

.docPageGrafTstTimeDateRow { position: relative; width: 39px; height: 10px; float: left; font-size: 6pt; white-space: nowrap; line-height: 10px; text-align: left; margin-right: 34px; line-height: 10px; left: 7px; }



.docPageGrafDateVl { position: relative; width: 30px; height: 30px; float: left; font-size: 6pt; color: #00B4D5; white-space: nowrap; /* background: #B6DDE8; */ cursor: pointer; margin-right: 3px; text-align: center; line-height: 20px; /* box-shadow: 0px 0px 0px 1px #165f7a; */ }

    .docPageGrafDateVl span { font-size: 5.5pt; }


.docPageAddPatiCon { position: absolute; width: 558px; height: 691px; top: 113px; background-color: #f3f3f3; }

.docPageAddPatiConExit { position: absolute; top: 89px; right: 62px; width: 33px; height: 33px; cursor: pointer; transform: rotate(126deg); z-index: 1; }

.docPageAddPatiBan1 { position: absolute; width: 273px; height: 30px; background-color: #fff; top: 94px; left: 223px; line-height: 35px; text-align: left; font-size: 10pt; border: none !important; background: #F1F9FC !important; color: #0db4d5 !important; font-weight: bold; letter-spacing: 0px; overflow: unset !important; }

.docPageAddPatiAddImg { position: absolute; top: 47px; left: 110px; width: 79px; height: 79px; background-color: transparent; border-radius: 40px; text-align: center; line-height: 11px; font-size: 9px; z-index: 1; border: 2px solid #d9f4f9; }

.docPageAddGender { border: 2px solid #0db4d5; border-radius: 6px; height: 30px; padding: 5px; width: 274px; color: #57CCE3; font-size: 8pt; position: absolute; left: 148px; }

.docPageAddBloodGroup { border: 2px solid #0db4d5; border-radius: 6px; height: 30px; padding: 5px; width: 274px; color: #57CCE3; font-size: 8pt; position: absolute; left: 148px; }

.docPageAddPatiValueCon { position: absolute; width: 514px; /*height: 469px;*/ top: 135px; left: 24px; }

.docPageAddPatiValuePersonSearchBox { position: absolute; top: -6px; left: 40px; width: 188px; height: 35px; border-radius: 5px; text-align: center; color: #57CCE3; font-size: 12px; border: 2px solid #0db4d5 !important; }

.docPageAddPatiValueDiv { position: relative; width: 426px; height: 30px; left: 51px; top: 0px; margin-bottom: 6px; }

.docPageAddPatiValueDivX { position: relative; width: 226px; height: 30px; left: 208px; top: 12px; margin-bottom: 6px; }

.docPageAddPatiValueDiv2 { position: relative; width: 426px; height: 30px; left: 51px; top: 20px; margin-bottom: 6px; }

.docPageAddPatiValueDiv3 { position: relative; width: 426px; height: 30px; left: 51px; top: 20px; margin-bottom: 6px; }

.docPageAddPatiValueDiv4 { position: relative; width: 426px; height: 30px; left: 51px; top: 20px; margin-bottom: 6px; }

.docPageAddPatiValueDiv5 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }

.docPageAddPatiValueDiv6 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }

.docPageAddPatiValueDiv7 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }

.docPageAddPatiValueDiv8 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }

.docPageAddPatiValueDiv9 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }


.docPageAddPatiValueDiv10 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; margin-top: 25px; }
.docPageAddPatiValueDiv11 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }
.docPageAddPatiValueDiv12 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }
.docPageAddPatiValueDiv13 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }
.docPageAddPatiValueDiv19 { position: relative; width: 426px; height: auto; left: 51px; top: 10px; margin-bottom: 6px; margin-top: 30px; }


.docPageAddPatiValueDiv14 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; margin-top: 25px; }


.docPageAddPatiValueDiv15 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }


.docPageAddPatiValueDiv16 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-top: 0px; margin-bottom: 6px; }
.docPageAddPatiValueDiv17 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-bottom: 6px; }

.docPageAddPatiValueDiv18 { position: relative; width: 426px; height: 30px; left: 51px; top: 10px; margin-top: 20px; margin-bottom: 6px; }

.docPageAddPatiValueDivB { position: relative; width: 426px; height: 30px; left: 51px; top: 0px; margin-bottom: 16px; margin-top: 5px; }









.docPageAddPatiValueInfResPes, .docPageAddPatiValueInfResPesArea { position: absolute; width: 142px; height: 30px; line-height: 26px; font-size: 8pt; text-align: center; text-indent: 0px; border: 2px solid #0db4d5; background: #F1F9FC; color: #0db4d5; left: 278px; border-radius: 5px; }
.docPageAddPatiValueInfResPesArea { width: 414px; left: calc( (100% - 414px)/2); }
    .docPageAddPatiValueInfResPes:hover, .docPageAddPatiValueInfResPesArea:hover { box-shadow: 0px 0px 2px 0px #000; }
    .docPageAddPatiValueInfResPes:active, .docPageAddPatiValueInfResPesArea:active { box-shadow: 1px 1px 3px 1px #000; }

.docPageAddPatiValueInf { position: absolute; width: 142px; height: 30px; line-height: 24px; font-size: 8pt; text-align: left; text-indent: 7px; border: 3px solid #D9F4F9; background: #F1F9FC; color: #57CCE3; }

.docPageAddPatiValueInpt { position: absolute; width: 273px; height: 30px; line-height: 30px; font-size: 8pt; text-align: left; text-indent: 5px; left: 148px; border: none; border-radius: 5px; box-shadow: none; border: 2px solid #0db4d5; background-color: #fff; color: #57CCE3; }

.docPageAddPatiValueInptEmail { position: absolute; width: 273px; height: 30px; line-height: 30px; font-size: 8pt; text-align: left; text-indent: 5px; left: 148px; border: none; border-radius: 5px; box-shadow: none; top: 1px; border: 2px solid #0db4d5; background-color: #fff; color: #57CCE3; }



.docPageAddPatiValueInptAdress { position: relative; width: 273px; height: 58px; line-height: 14px; font-size: 8pt; text-align: left; left: 148px; border-radius: 5px; box-shadow: none; top: 1px; border: 2px solid #0db4d5; background-color: #fff; color: #57CCE3; padding: 5px; }

.docPageCliPatiValueInptAdressUavt,
.docPageCliPatiValueInptAdressRegion,
.docPageCliPatiValueInptAdressCity,
.docPageCliPatiValueInptAdressQuartr { position: relative; width: 273px; height: 30px; line-height: 30px; font-size: 8pt; text-align: left; text-indent: 5px; left: 148px; border-radius: 5px; box-shadow: none; border: 2px solid #0db4d5; background-color: #fff; color: #57CCE3; margin-bottom: 5px; }


.docPageCliPatiValueInptAdressUavt { margin-top: 3px; opacity: 0.4; }


.docPageAddPatiValueInfx,
.docPageAddPatiValueInfo,
.docPageAddPatiBan1,
.docPageAddPatiValueInf { box-shadow: none; border-radius: 5px; }

.docPageAddPatiValueInfx { position: absolute; width: 87px; height: 30px; line-height: 32px; font-size: 8pt; text-align: center; left: 14px; }

.docPageAddPatiValueInfo { position: absolute; width: 87px; height: 30px; line-height: 34px; font-size: 8pt; text-align: center; left: 110px; }


.txtDDPcli_Person_BD_d,
.txtDDPcli_Person_BD_m,
.txtDDPcli_Person_BD_y { position: relative; height: 30px; text-align: center; line-height: 30px; float: left; margin-right: 5px; left: 5px; overflow: scroll; }


.txtDDPcli_Person_BD_d { width: 36px; }
.txtDDPcli_Person_BD_m { width: 50px; }
.txtDDPcli_Person_BD_y { width: 50px; }

#txtDDPcli_Person_BD_dL { position: absolute; width: 36px; height: 278px; border: 1px solid #0db4d5; top: 26px; left: 5px; z-index: 5; background: #fff; overflow: scroll; }
    #txtDDPcli_Person_BD_dL .drpDwnLstRow { width: 30px; left: 2px; margin-top: 0px; line-height: 30px; border: none; height: 18px; }

#txtDDPcli_Person_BD_mL { position: absolute; width: 60px; height: 278px; border: 1px solid #0db4d5; top: 26px; left: 46px; z-index: 5; background: #fff; }
    #txtDDPcli_Person_BD_mL .drpDwnLstRow { width: 60px; left: 0px; margin-top: 0px; line-height: 22px; border: none; height: 18px; text-align: left; text-indent: 6px; }

#txtDDPcli_Person_BD_yL { position: absolute; width: 45px; height: 278px; border: 1px solid #0db4d5; top: 26px; left: 111px; z-index: 5; background: #fff; overflow: scroll; }
    #txtDDPcli_Person_BD_yL .drpDwnLstRow { width: 43px; left: 0px; margin-top: 0px; line-height: 22px; border: none; height: 18px; text-align: center; text-indent: 0px; }


#txtDDPcli_ProsSpesi_L { position: absolute; width: 273px; height: 163px; border: 1px solid #0db4d5; top: 26px; left: 148px; z-index: 5; background: #fff; overflow: scroll; }
    #txtDDPcli_ProsSpesi_L .drpDwnLstRow { width: 271px; left: 0px; margin-top: 0px; line-height: 23px; border: none; height: 21px; text-align: left; text-indent: 20px; border-radius: 0px; top: 5px; }
        #txtDDPcli_ProsSpesi_L .drpDwnLstRow:hover { background: #f1f9fc; }

#txtDDPcli_ProsSpesiBrs_L { position: absolute; width: 273px; height: 163px; border: 1px solid #0db4d5; top: 26px; left: 148px; z-index: 5; background: #fff; overflow: scroll; }
    #txtDDPcli_ProsSpesiBrs_L .drpDwnLstRow { width: 271px; left: 0px; margin-top: 0px; line-height: 23px; border: none; height: 21px; text-align: left; text-indent: 20px; border-radius: 0px; top: 5px; }
        #txtDDPcli_ProsSpesiBrs_L .drpDwnLstRow:hover { background: #f1f9fc; }

#txtDDPcli_ProsSpesiBrs,
#txtDDPcli_ProsSpesi { line-height: 27px; }




#docPageCliPatiValueInptAdressRegionCityList { position: absolute; background: #f2fcff; z-index: 2; left: 146px; height: 338px; width: 278px; border: 2px solid #087b91; border-radius: 5px; overflow: scroll; top: 33px; }
    #docPageCliPatiValueInptAdressRegionCityList .drpDwnLstRow { width: 253px; background: #fff; }












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


.docPageMesaagesCon { position: absolute; width: 558px; /* height: 689px; */ top: 112px; background-color: #f3f3f3; }

.docPageMesaagesBan { position: absolute; width: 330px; height: 28px; top: 27px; }

.docPageMesaagesSrc { position: absolute; width: 248px; height: 26px; line-height: 31px; text-align: left; text-indent: 7px; font-size: 10px; border: solid 3px #D9F4F9; left: 17px; /* border-radius: 5px; */ }

.docPageMesaagesDataList { position: absolute; width: 556px; /* height: 594px; */ left: 1px; top: 66px; overflow: hidden; }

.docPageMesaagesSenderRow { position: relative; width: 517px; height: 35px; left: 19px; margin-bottom: 20px; }

    .docPageMesaagesSenderRow:hover .docPageMesaagesSenderTik { display: block; }

.person2personAddConDiv,
.person2personAdd,
.person2personBlock { position: relative; top: 6px; left: 0px; width: 20px; height: 20px; /* border-radius: 35px; */ /* background-color: #3a8ba9; */ transition: 200ms; float: left; margin-left: 10px; }

.person2personAdd { left: -3px; }

.person2personAddConDiv { width: 33px; height: 33px; /* background-color: #00B4D5; */ top: 4px; left: -4px; border-radius: 20px; }

.person2personBlock { background-color: transparent; border-radius: 1px; height: 20px; width: 20px; left: -3px; top: 6px; }

.person2personWait { background-color: #8ee0ff; }

.person2personAdd:hover { /* background-color: #4e8ea7; */ /* opacity: 0.9; */ }

.docPageMesaagesClose,
.docPageMesaagesSenderImg,
.docPageMesaagesSenderName,
.docPageMesaagesSenderDate,
.docPageMesaagesSenderTik { 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, #e6e6e6); box-shadow: none; border-radius: 5px; }

.docPageMesaagesSenderImg,
.docPageMesaagesSenderName,
.docPageMesaagesSenderDate,
.docPageMesaagesSenderFredShp,
.docPageMesaagesSenderTik { position: absolute; width: 10px; height: 35px; line-height: 38px; font-size: 8pt; }

.docPageMesaagesSenderName { left: 41px; width: 200px; text-indent: 7px; top: 7px; height: 26px; line-height: 21px; }

.docPageMesaagesSenderImg { width: 43px; height: 43px; left: -5px; top: 0px; background: #A3D9EA !important; box-shadow: none; border-radius: 30px; position: absolute; overflow: hidden; }

.docPageMesaagesSenderDate { position: relative; top: 7px; left: 0px; width: 115px; text-align: center; font-size: 7pt; float: left; height: 26px; line-height: 21px; }

.docPageMesaagesSenderFredShp { left: 247px; width: 115px; text-align: center; font-size: 7pt; color: #ceffd0 !important; }

.docPageMesaagesSenderTik { width: 22px; left: 405px; background: red !important; border-radius: 22px; height: 22px; top: 9px; line-height: 13px; text-align: center; font-size: 20pt; /* display: none; */ cursor: pointer; }

.docPageMesaagesSenderDate span { font-size: 8pt; }

.docPageMesaagesRowInnerCon { position: absolute; top: 0px; left: 247px; width: 200px; height: 35px; }

.docPageMesaagesSenderImg img { position: absolute; /* top: 50%; */ /* left: 50%; */ /* transform: translate(-50%,-50%); */ width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }

.docPageMesaagesClose { position: absolute; width: 35px; left: 21px; height: 35px; line-height: 28px; font-size: 9px; border-radius: 20px; }

    .docPageMesaagesClose img { position: absolute; width: 38px; top: -1px; left: -1px; }

.docPagePersonMesaagesSendBtn span { position: absolute; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #fff; top: 5px; left: 12px; }

.docPagePersonMesaagesBan { position: absolute; width: 350px; height: 43px; top: 0px; left: 5px; display: none; }

.docPagePersonMesaagesClose { position: absolute; width: 29px; left: 439px; height: 30px; line-height: 28px; font-size: 9px; border-radius: 34px !important; top: 5px; background: #fff !important; }

    .docPagePersonMesaagesClose img { position: absolute; width: 23px; top: 9px; left: 2px; height: 12px; }

.docPagePersonMesaagesSendBtn,
.docPagePersonMesaagesClose,
.docPagePersonMesaagesImg,
.docPageAllNotesInptConClose,
.docPagePersonMesaagesName,
.docPagePersonMesaagesAddDoc,
.docPagePersonMesaagesCall { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); box-shadow: 0px 0px 1px #929292; border-radius: 5px; }

.docPagePersonMesaagesImg,
.docPagePersonMesaagesName,
.docPagePersonMesaagesAddDoc,
.docPagePersonMesaagesAddFont,
.docPagePersonMesaagesCall { position: absolute; width: 10px; height: 30px; }

.docPagePersonMesaagesImg { left: 36px; width: 36px; height: 42px; background: transparent !important; box-shadow: none; }

.docPagePersonMesaagesName { width: 276px; left: 75px; top: 8px; text-align: left; line-height: 32px; font-size: 8pt; text-indent: 7px; font-weight: bold; color: #fff; }

.docPagePersonMesaagesAddDoc { width: 31px; height: 31px; left: 436px; top: 6px; cursor: pointer; background: #00B4D5; border-radius: 30px; }

.docPagePersonMesaagesCall { width: 31px; height: 31px; left: 367px; top: 6px; background: #00B4D5; cursor: pointer; border-radius: 30px; }

.docPagePersonMesaagesAddFont { width: 31px; height: 31px; left: 402px; top: 6px; cursor: pointer; z-index: 6; background: #00B4D5; border-radius: 30px; color: #fff; text-align: center; font-size: 22px; line-height: 30px; }

.docPagePersonMesaagesAddDoc img { position: absolute; width: 18px; left: 7px; height: 20px; top: 5px; }

.docPagePersonMesaagesCall img { position: absolute; width: 17px; height: 17px; top: 5px; left: 7px; }

.docPagePersonMesaagesAddFont img { position: absolute; width: 17px; height: 17px; top: 5px; left: 7px; }

.diyetist_MainWrap .docPagePersonMesaagesAddDoc,
.diyetist_MainWrap .docPagePersonMesaagesCall { }


.docPageAllNotesInptConClose div { position: absolute; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 12px solid rgb(0, 180, 213); top: 4px; left: 5px; }






.docPagePersonMesaagesImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -49%); max-width: 38px; max-height: 38px; border-radius: 8px; }

.docPagePersonMesaagesDataList { position: absolute; width: 558px; /* height: 639px; */ left: 1px; top: 31px; overflow: hidden; }

.docPagePersonMesaagesList { position: absolute; bottom: 100px; left: 50%; width: 558px; height: 100%; overflow: hidden; /* transform: translate(-50%, 0%); */ }

.docPagePersonMesaagesInptCon { position: absolute; width: 501px; height: 42px; bottom: 0px; left: 23px; }



.docPagePersonMesaagesInput { position: absolute; width: 329px; height: 32px; line-height: 13px; text-align: left; text-indent: 11px; font-size: 10px; left: 101px; /* bottom: 2px; */ border-radius: 10px; box-shadow: none; background-color: #fff; padding-top: 6px; overflow: hidden; padding: 3px 7px; border: solid 3px #a7dded; top: -30px; }

.docPagePersonMesaagesSendBtn { position: absolute; width: 35px; right: 33px; height: 34px; line-height: 28px; font-size: 9px; border-radius: 5px; top: -30px; background-color: #00B4D5 !important; background: #00B4D5 !important; }

    .docPagePersonMesaagesSendBtn img { position: absolute; width: 22px; top: 6px; left: 7px; display: none; }

.docPagePersonMesaageSender,
.docPagePersonMesaageMe { position: relative; bottom: 0px; /* min-width: 293px; */ /* max-width: 400px; */ /* min-height: 50px; */ margin-top: 5px; text-align: left; text-indent: 5px; line-height: 20px; font-size: 10px; }

.docPagePersonMesaageSender { left: 90px; float: left; border: 5px solid #c5ebf9; border-radius: 5px; background: #ECF8FB; }

.docPagePersonMesaageMe { right: 67px; float: right; border-radius: 5px; border: solid 5px #c5ebf9; background: #fff; }

.docPagePersonMesaageMe,
.docPagePersonMesaageSender { margin-top: 23px; width: 400px; height: auto; }

    .docPagePersonMesaageSender .docPagePersonMesaageImg,
    .docPagePersonMesaageMe .docPagePersonMesaageImg { position: absolute; width: 50px; height: 50px; background-color: red; }

    .docPagePersonMesaageSender .docPagePersonMesaageImg { left: 2px; border-radius: 30px; box-shadow: 0px 0px 0px 2px #6BBF5D; top: 2px; }

    .docPagePersonMesaageMe .docPagePersonMesaageImg sss { right: 2px; border-radius: 30px; box-shadow: 0px 0px 0px 2px #6BBF5D; top: 2px; }




    .docPagePersonMesaageSender .docPagePersonMesaageText,
    .docPagePersonMesaageMe .docPagePersonMesaageText { position: absolute; width: 150px; }

    .docPagePersonMesaageSender .docPagePersonMessageImg,
    .docPagePersonMesaageMe .docPagePersonMessageImg { position: absolute; width: 45px; height: 45px; /* border-radius: 30px; */ bottom: 0px; z-index: 2; overflow: hidden; text-align: center; text-indent: 0px; }

    .docPagePersonMesaageSender .docPagePersonMessageImg { left: 8px; position: absolute; bottom: 25px; height: 50px; width: 50px; background: #A3D9EA; border-radius: 30px; top: 10px; overflow: hidden; }

    .docPagePersonMesaageMe .docPagePersonMessageImg { right: 8px; height: 50px; width: 50px; background: #a3d9ea; border-radius: 30px; top: 10px; /* border: 1px solid #48a1c1; */ }


    .docPagePersonMesaageSender .docPagePersonMessageText,
    .docPagePersonMesaageMe .docPagePersonMessageText { position: relative; min-width: 227px; max-width: 330px; min-height: 50px; border-radius: 6px; bottom: 0px; font-size: 8pt; padding: 5px 15px 5px 10px; white-space: normal; }

    .docPagePersonMesaageSender .docPagePersonMessageText { left: 58px; background-color: #ECF8FB; overflow-x: hidden; height: auto; width: 330px; top: 21px; margin-bottom: 23px; color: #7b7979; }

    .docPagePersonMesaageMe .docPagePersonMessageText { right: 0px; background-color: #ffffff; color: #7b7979; overflow-x: hidden; top: 21px; margin-bottom: 23px; }

    .docPagePersonMesaageMe .docPagePersonMesEx1 { border-top: 23px solid transparent; border-bottom: 3px solid transparent; border-left: 19px solid #c5ebf9; right: -40px; position: absolute; bottom: 0px; display: none; }

    .docPagePersonMesaageMe .docPagePersonMesEx2 { right: 4px; position: absolute; bottom: 17px; width: 50px; height: 50px; background-color: #a3d9ea; border-radius: 30px; display: none; }

    .docPagePersonMesaageSender .docPagePersonMesEx1 { left: 8px; position: absolute; bottom: 25px; height: 50px; width: 50px; background: #A3D9EA; border-radius: 30px; top: 10px; display: none; }

    .docPagePersonMesaageSender .docPagePersonMesEx2 { left: -52px; position: absolute; bottom: 7px; width: 12px; height: 26px; background-color: #65b1d4; border-bottom-right-radius: 17px; display: none; }


    .docPagePersonMesaageMe .docPagePersonMessageTime { position: absolute; width: 200px; height: 19px; text-align: center; color: #fff; z-index: 1; left: 94px; top: 0px; line-height: 15px; font-size: 8pt; background-color: #A7DDED; text-indent: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: solid 2px #66D2E6; border-top: none; }

    .docPagePersonMesaageSender .docPagePersonMessageTime { position: absolute; width: 200px; height: 19px; text-align: center; color: #fff; z-index: 1; left: 94px; top: 0px; line-height: 15px; font-size: 8pt; background-color: #A7DDED; text-indent: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: solid 2px #66D2E6; border-top: none; }


.docPagePersonMessageImg img { position: absolute; width: 100%; height: 110%; border-radius: 8px; transform: translate(-50%, -50%); top: 50%; left: 50%; object-fit: cover; object-position: 15% -20%; overflow: hidden; }

.docPagePersonMesaagesEmoji { position: absolute; width: 35px; height: 35px; /* background-color: #65b1d4; */ color: #fff; z-index: 5; border-radius: 20px; text-align: center; line-height: 33px; font-weight: bold; left: 64px; top: -31px; }

.docPagePersonMesaagesEmojiList { position: absolute; width: 531px; height: 200px; background-color: #fff; bottom: 80px; z-index: 7; box-shadow: 0px 0px 8px 1px #1e5569; left: 10px; overflow: hidden; border-radius: 10px; }

.docPagePersonMesaagesEmojiListx { position: absolute; width: 531px; height: 173px; background-color: #fff; top: 31px; z-index: 7; box-shadow: 0px 0px 1px 0px #1e5569; left: 0px; overflow: hidden; padding-right: 5px; }

    .docPagePersonMesaagesEmojiListx span { font-size: 30px; line-height: 38px; }

.docPagePersonMesaagesEmojiListBanner { position: absolute; width: 531px; height: 35px; background-color: #fff; top: 0px; z-index: 7; left: 0px; overflow: hidden; }

.docPagePersonMesaagesEmojiCat { position: relative; width: 51px; height: 30px; box-shadow: 0px 0px 1px 0px #1e5569; float: left; background-color: #ececec; }

    .docPagePersonMesaagesEmojiCat .MessagesEmojiCat1 { position: absolute; width: 25px; top: 2px; left: 13px; }

    .docPagePersonMesaagesEmojiCat .MessagesEmojiCat2 { position: absolute; width: 25px; top: 2px; left: 13px; }

    .docPagePersonMesaagesEmojiCat .MessagesEmojiCat3 { position: absolute; width: 25px; top: 1px; left: 12px; }

    .docPagePersonMesaagesEmojiCat .MessagesEmojiCat4 { position: absolute; width: 25px; top: 2px; left: 13px; }

    .docPagePersonMesaagesEmojiCat .MessagesEmojiCat5 { position: absolute; width: 25px; top: 2px; left: 13px; }

.docPagePersonMesaagesEmoji img { position: absolute; width: 35px; top: -1px; left: 0px; }

.docPagePersonMesaageSender .docPagePersonMesDel,
.docPagePersonMesaageMe .docPagePersonMesDel { position: absolute; width: 20px; height: 20px; border-radius: 25px; line-height: 17px; text-align: center; font-size: 20pt; background-color: red; /* top: 0px; */ color: #fff; text-indent: 0px; cursor: pointer; /* display: none; */ }


.docPagePersonMesaageSender .docPagePersonMesDel { right: -30px; /* display: none; */ }

.docPagePersonMesaageMe .docPagePersonMesDel { left: -31px; }

.docPagePersonMesaageSender:hover .docPagePersonMesDel { /* display: block; */ }

.docPagePersonMesaageMe:hover .docPagePersonMesDel { /* display: block; */ }


.docPagePersonDataImg { position: absolute; top: 1px; left: 1px; width: 93px; height: 95px; border-radius: 11px; overflow: hidden; }

    .docPagePersonDataImg img { position: absolute; /* width: 100%; */ border-radius: 11px; left: 0px; /* height: 100%; */ max-width: 96px; max-height: 97px; margin: 0px auto; }

.emoji { user-select: none; width: 2em; height: 2em; display: inline-block; /* margin-bottom: 5px; */ margin-right: 4px; /* left: 19px; */ position: relative; /* top: 7px; */ margin-left: 4px; }

.docPagePersonMessageText .emoji { width: 2em; height: 2em; display: inline-block; /* margin-bottom: 5px; */ /* margin-right: 5px; */ /* left: 13px; */ position: relative; /* top: 0px; */ }


.messageMultiMediaCon { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width: 507px; min-height: 250px; background-color: white; border-radius: 12px; box-shadow: 0px 0px 0px 12px #0f5874; z-index: 50; vertical-align: middle; text-align: center; text-indent: 0px; }

.messageMultiMediaClose { position: absolute; width: 50px; height: 50px; display: none; cursor: pointer; line-height: 36px; font-size: 20pt; border-radius: 30px; text-align: center; border: 5px solid #0f5874; right: -31px; background-color: #fff; top: 142px; color: #d01313; font-family: "Arial Black"; }

.messageMultiMediaFullSc { position: absolute; width: 50px; height: 50px; display: none; cursor: pointer; line-height: 40px; font-size: 26pt; border-radius: 30px; text-align: center; border: 5px solid #0f5874; right: -31px; background-color: #fff; top: 199px; color: #d01313; font-family: "Arial Black"; }

.messageMultiMediaCon:hover .messageMultiMediaClose { display: block; }

.messageMultiMediaCon:hover .messageMultiMediaFullSc { display: block; }


.messageMultiMediaFullScreenCon { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.60); vertical-align: middle; text-align: center; text-indent: 0px; z-index: 200; }

.messageMultiMediaFullScreenMedia,
.messageMultiMediaMedia { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; min-height: 250px; margin: 0px auto; border-radius: 10px; }







.docPageAppo { position: absolute; width: 658px; height: 686px; top: 113px; background-color: #f3f3f3; /* overflow: hidden; */ z-index: 4; }

.docPageAppoDataList { position: absolute; width: 558px; height: 267px; top: 5px; }

.docPageAppoTimesList { position: relative; width: 540px; height: 340px; /* top: 98%; */ left: 62px; /* transform: translate(-50%,-50%); */ background-color: #f3f3f3; }

.docPageAppoTimeDiv { position: relative; width: 60px; height: 30px; line-height: 31px; text-align: center; font-size: 8pt; float: left; margin-right: 17px; margin-bottom: 7px; border-radius: 5px; color: #2b2b2b; cursor: pointer; }

.docPageAppoTimeDivx { position: relative; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 8pt; float: left; box-shadow: 0px 0px 1px 0px #d0d0d0; margin-right: 17px; margin-bottom: 7px; border-radius: 5px; color: #d0d0d0; }

.docPageAppoTimeDivxf { position: relative; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 8pt; float: left; box-shadow: 0px 2px 1px 2px #9fdbec; margin-right: 17px; margin-bottom: 7px; border-radius: 5px; color: #d0d0d0; }

.docPageAppoTimeDivxx { position: relative; width: 60px; height: 30px; line-height: 30px; text-align: center; font-size: 8pt; float: left; box-shadow: 0px 0px 1px 0px #d0d0d0; margin-right: 17px; margin-bottom: 7px; border-radius: 5px; color: #2b2b2b; background-color: #c5c5c5; }

.docPageAppoTimeDiv { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); box-shadow: none; background: #fff; color: #0db4d5; }

.docPageAppoTimeDivxx { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); box-shadow: 0px 2px 1px 2px #171717; }

.appointmentPersonInfoCon { position: absolute; top: -56px; left: -80px; width: 200px; height: 55px; background-color: #3a8ba9; border-radius: 8px; display: none; box-shadow: 0px 2px 1px 2px rgb(2, 129, 176); z-index: 1; }

    .appointmentPersonInfoCon .pic { position: absolute; top: 3px; left: 3px; width: 35px; }

    .appointmentPersonInfoCon .name { position: absolute; top: 3px; left: 45px; width: 150px; white-space: nowrap; text-align: left; text-indent: 0px; font-size: 10px; line-height: 16px; }

    .appointmentPersonInfoCon .dwnarw { position: absolute; bottom: -10px; left: 90px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #3a8ba9; width: 0px; z-index: 2; }

.docPageAppoTimeDiv:hover .appointmentPersonInfoCon,
.docPageAppoTimeDivx:hover .appointmentPersonInfoCon,
.docPageAppoTimeDivxf:hover .appointmentPersonInfoCon,
.docPageAppoTimeDivxx:hover .appointmentPersonInfoCon { display: block; }

.docPageAllNotesCon { position: absolute; width: 558px; height: 686px; top: 112px; background-color: #f3f3f3; /* overflow: hidden; */ }

.docPageAllNotesDataList { position: absolute; width: 520px; height: 614px; top: 69px; left: 52%; transform: translate(-50%,0px); overflow: hidden; }

.docPageAllNotesRow { position: relative; width: 520px; height: 28px; line-height: 25px; font-size: 8pt; text-indent: 7px; border-radius: 5px; margin-bottom: 5px; }

.docPageAllNotesRow { background: -webkit-linear-gradient(#ffffff, #ffffff, #e8e8e8); background: -o-linear-gradient(#ffffff, #ffffff, #e8e8e8); background: -moz-linear-gradient(#ffffff, #ffffff, #e8e8e8); background: linear-gradient(#ffffff, #ffffff, #e8e8e8); border-radius: 7px; box-shadow: 0px 0px 3px 0px #777777; }


.docPageAllNotesSubDateRow { position: relative; width: 509px; height: 27px; line-height: 30px; font-size: 8pt; box-shadow: 0px 0px 2px 0px #612051; text-indent: 7px; border-radius: 5px; margin-bottom: 5px; left: 11px; }

.docPageAllNotesSubNoteRow { position: relative; width: 483px; height: 27px; line-height: 29px; font-size: 8pt; box-shadow: 0px 0px 2px 0px #4c99f3; text-indent: 7px; border-radius: 5px; margin-bottom: 5px; left: 24px; cursor: pointer; }

.docPageAllNotesSubDateRow { background: -webkit-linear-gradient(#ffffff, #ececec, #e8e8e8); background: -o-linear-gradient(#ffffff, #ececec, #e8e8e8); background: -moz-linear-gradient(#ffffff, #ececec, #e8e8e8); background: linear-gradient(#ffffff, #ececec, #e8e8e8); border-radius: 7px; box-shadow: 0px 0px 3px 0px #777777; }

.docPageAllNotesSubNoteRow { background: -webkit-linear-gradient(#ffffff, #ffffff, #ffffff); background: -o-linear-gradient(#ffffff, #ffffff, #ffffff); background: -moz-linear-gradient(#ffffff, #ffffff, #ffffff); background: linear-gradient(#ffffff, #ffffff, #ffffff); border-radius: 7px; box-shadow: 0px 0px 3px 0px #777777; }


.docPageAllNotesInptCon { position: absolute; width: 658px; height: 684px; top: 50%; background-color: #fff; left: 60%; transform: translate(-50%,-50%); border-top-right-radius: 50px; }

.docPageAllNotesInptBan,
.docPageAllNotesInptValue { position: absolute; border: none; box-shadow: none; border-radius: 5px; border: 2px solid #D9F4F9; }

.docPageAllNotesInptValue { top: 83px; width: 650px; height: 960px; font-size: 8pt; padding-top: 8px; padding-right: 5px; padding-left: 9px; left: 0px; background-color: #fff; color: #7b7c7c; }

.docPageAllNotesInptBan { top: 11px; width: 377px; height: 30px; line-height: 25px; font-size: 8pt; text-indent: 5px; left: 205px; color: #67D2E5; }

.docPageAllNotesTumbsCon { top: 10px; width: 570px; height: 675px; line-height: 25px; font-size: 8pt; text-indent: 5px; left: 38px; z-index: 50; background: #fff; position: relative; border-radius: 7px; border: 12px solid #A3D9EA; }

    .docPageAllNotesTumbsCon img { position: relative; max-width: 1250px; max-height: 90px; float: left; margin-right: 5px; left: 15px; top: 10px; }


    .docPageAllNotesTumbsCon .conu { position: absolute; display: none; width: 50px; height: 50px; right: -31px; top: 286px; background-color: #ffffff; border-radius: 38px; text-align: center; line-height: 51px; font-size: 30pt; font-weight: bold; box-shadow: 0px 0px 0px 4px #a7ddee; color: #00b4d5; }

    .docPageAllNotesTumbsCon:hover .conu { display: block; }



.userNotesStyleHeader { position: absolute; top: 52px; left: 96px; }

.userNotesStyleHeader2 { position: absolute; top: -28px; left: 55px; }

#userNotesStyleHeader3 { position: absolute; top: 20px !important; left: 90px !important; }

.docPageAllNotesInptConClose { position: absolute; width: 30px; height: 30px; right: 16px; top: 10px; border-radius: 20px; background: #fff !important; border: 2px solid #A7DDEE; }

    .docPageAllNotesInptConClose img { position: absolute; width: 23px; top: 9px; left: 3px; }

.docPageAllNotesDocumetShowCon { position: absolute; width: 38px; height: 958px; right: -34px; top: 84px; background: #C4E9F3; border-radius: 7px; border: solid 2px #A9E5F0; }

.docPageAllNotesDocumetShowCon2 { position: absolute; width: 38px; height: 958px; left: -42px; top: 84px; background: #C4E9F3; border-radius: 7px; border: solid 2px #A9E5F0; }

.docPageAllNotesDocumetCatDiv { position: relative; width: 45px; height: 26px; float: left; margin-bottom: 12px; top: 15px; }

    .docPageAllNotesDocumetCatDiv .noteAdded3 { position: absolute; height: 22px; left: 7px; }

    .docPageAllNotesDocumetCatDiv .noteAdded1 { position: absolute; height: 20px; left: 6px; }

    .docPageAllNotesDocumetCatDiv .noteAdded2 { position: absolute; height: 19px; left: 3px; }

    .docPageAllNotesDocumetCatDiv .noteAdded4 { position: absolute; height: 23px; left: 7px; }


.docPageAllNotesDocumetShowCon2 .docPageAllNotesDocumetCatDiv .noteAdded3 { height: 22px; right: 17px !important; left: inherit; user-select: none; }

.docPageAllNotesDocumetShowCon2 .docPageAllNotesDocumetCatDiv .noteAdded1 { height: 20px; right: 17px !important; left: inherit; user-select: none; }

.docPageAllNotesDocumetShowCon2 .docPageAllNotesDocumetCatDiv .noteAdded2 { height: 19px; right: 14px !important; left: inherit; user-select: none; }

.docPageAllNotesDocumetShowCon2 .docPageAllNotesDocumetCatDiv .noteAdded4 { height: 23px; right: 19px !important; left: inherit; user-select: none; }



.userNoteMediLink_Side { position: relative; padding: 2px; transition: 400ms; }

.userNoteMediLink_SideDel { position: absolute; top: 5px; right: 8px; width: 13px; height: 13px; background-color: red; visibility: hidden; transition: 400ms; opacity: 0; border-radius: 17px; line-height: 11px; text-align: center; color: #fff; font-weight: bold; font-size: 12pt; cursor: pointer; }

.userNoteMediLink_Side:hover .userNoteMediLink_SideDel { visibility: visible; opacity: 1; }



/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

.pPresPageBannerSwgBg { position: absolute; width: 700px; top: -3px; }

.pPresPageBannerPerInfCon { position: absolute; width: 354px; height: 119px; left: 419px; top: 10px; font-family: verdana; }

.pPresPageBannerPerInfImgCon { position: absolute; left: 265px; top: 60px; max-width: 73px; transform: translate(-50%,-50%); border: 2px solid #DADADA; border-radius: 11px; }

.pPresPageBannerPerInfNames { position: absolute; width: 216px; height: 22px; top: 45px; left: 2px; text-align: right; line-height: 22px; font-size: 10pt; color: #67737A; }

.pPresPageBannerPerInfOlGen { position: absolute; width: 182px; height: 22px; /* opacity: 0.4; */ top: 63px; left: 2px; color: #67737A; text-align: right; line-height: 22px; font-size: 10pt; }

.vaccinePageBannerSwgBg { position: absolute; width: 700px; top: -3px; }

.vaccinePageBannerPerInfCon { position: absolute; width: 354px; height: 119px; left: 419px; top: 10px; font-family: verdana; }

.vaccinePageBannerPerInfImgCon { position: absolute; left: 265px; top: 60px; max-width: 73px; transform: translate(-50%,-50%); border: 2px solid #DADADA; border-radius: 11px; }

.vaccinePageBannerPerInfNames { position: absolute; width: 216px; height: 22px; top: 45px; left: 2px; text-align: right; line-height: 22px; font-size: 10pt; color: #67737A; }

.vaccinePageBannerPerInfOlGen { position: absolute; width: 182px; height: 22px; /* opacity: 0.4; */ top: 63px; left: 2px; color: #67737A; text-align: right; line-height: 22px; font-size: 10pt; }

.docPageAllBigNotesInptCon { position: absolute; width: 650px; height: 1071px; top: 0px; background-color: #fff; left: 54%; transform: translate(-50%,0px); /* border-top-right-radius: 50px; */ }

.docPageAllBigNotesInptValue { position: absolute; border: none; box-shadow: none; border-radius: 5px; top: 83px; width: 650px; height: 960px; font-size: 8pt; padding-top: 8px; padding-right: 5px; padding-left: 9px; left: 0px; border: 2px solid #6CC7E2; background-color: #fff; border-top: 25px solid #6CC7E2; }

.docPageAllBigNotesInptConClose { position: absolute; width: 30px; height: 30px; right: 32px; top: 10px; border-radius: 20px; background: #fff !important; border: 2px solid #D9F4F9; }

    .docPageAllBigNotesInptConClose img { position: absolute; width: 23px; top: 9px; left: 3px; }

    .docPageAllBigNotesInptConClose div { position: absolute; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 12px solid rgb(0, 180, 213); top: 4px; left: 5px; }

.docPageAllStrainCatCon { position: absolute; top: -80px; left: -80px; width: 737px; height: 1041px; background: #fff; z-index: 20; border-radius: 7px; border: solid 2px #6CC7E2; overflow: hidden; }

.divController_RelativeCon { position: absolute; width: 645px; height: 885px; top: 125px; overflow: hidden; background-color: #fff; }


.divDrugList_btnLook { position: absolute; width: 47px; height: 47px; top: 7px; left: 49px; z-index: 1; cursor: pointer; border-radius: 36px; }

    .divDrugList_btnLook img { position: absolute; width: 30px; top: 9px; left: 10px; }

.divDrugList_btnLookMM { position: absolute; width: 51px; height: 51px; top: 7px; left: 27px; z-index: 1; cursor: pointer; border-radius: 36px; background: url('../img/dmcp/bckC.png') -3px -3px no-repeat; }

.icdMrck_img { position: absolute; width: 16px; height: 16px; left: 369px; top: 23px; }

.icdMrck_img2 { position: absolute; width: 12px; height: 12px; left: 501px; top: 25px; }

#divController_DrugList .icdMrck_img2 { width: 12px; height: 12px; left: 516px; top: 25px; z-index: 2; }

#divController_DrugList .icdMrck_img { left: 318px; z-index: 5; }

#divController_Ginto .icdMrck_img { left: 226px; top: 64px; }

#divController_isNot .icdMrck_img { left: 222px; top: 64px; }

#divController_Egzercise .icdMrck_img { left: 375px; top: 25px; z-index: 5; }

#divController_IcdListCon1 .icdMrck_img { left: 353px; top: 34px; z-index: 2; width: 12px; height: 12px; }

#divController_IcdListCon1 .icdMrck_img2 { width: 12px; height: 12px; top: 33px; left: 484px; z-index: 2; }

.DrugList_search_inptM,
.divDrugList_btn_genList,
.divDrugList_btnaddBetak,
.soyge_H_div { /* background: #d8eee2; */ }

.soyge_H_div { position: absolute; width: 40px; height: 40px; top: 17px; left: 87px; cursor: pointer; border-radius: 20px; text-align: center; line-height: 41px; font-weight: bolder; font-size: 20pt; color: #008b60; }

.soyge_H_divBg { background: url('../img/dmcp/btn_H.png') 0px 0px no-repeat; }

.divDrugList_btnaddBetak { position: absolute; width: 37px; height: 37px; top: 13px; left: 351px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 37px; font-weight: bolder; font-size: 21pt; }

    .divDrugList_btnaddBetak:hover,
    .divbtnaddDrug_bg { background: url('../img/dmcp/drgAdd_btn.png') 0px 0px no-repeat; }




.docPageAllBigNotesVlCatCon { position: absolute; width: 50px; height: 900px; top: 174px; left: -19px; z-index: 16; }

.docPageAllBigNotesVlCatBtn { position: relative; width: 24px; height: 24px; line-height: 56px; text-align: center; font-size: 9px; margin-bottom: 20px; top: 20px; border-radius: 30px; border: 2px solid #a3d9ea; cursor: pointer; left: 8px; color: #0db4d5; font-weight: bold; }

.docPageAllBigNotesVlCatBtnx { position: relative; width: 24px; height: 24px; line-height: 56px; text-align: center; font-size: 9px; margin-bottom: 20px; top: 20px; border-radius: 30px; border: 2px solid #a3d9ea; cursor: pointer; left: 8px; color: #0db4d5; font-weight: bold; background: #2c92b9; }


.docPageAllBigNotesVlCatCon .docPageAllBigNotesVlCatBtn { display: none; }

.docPageAllBigNotesVlCatCon:hover .docPageAllBigNotesVlCatBtn { display: block; }

.docPageAllBigNotesVlCatCon .docPageAllBigNotesVlCatBtnx { display: none; }

.docPageAllBigNotesVlCatCon:hover .docPageAllBigNotesVlCatBtnx { display: block; }


/*.clrBgNot1 { background-color: #8064A2; box-shadow: 1px 2px 1px 0px #8064A2; }
.clrBgNot2 { background-color: #C0504D; box-shadow: 1px 2px 1px 0px #C0504D; }
.clrBgNot3 { background-color: #000000; box-shadow: 1px 2px 1px 0px #000000; color: #fff; }
.clrBgNot4 { background-color: #9BBB59; box-shadow: 1px 2px 1px 0px #9BBB59; margin-bottom: 30px; }
.clrBgNot5 { background-color: #4BACC6; box-shadow: 1px 2px 1px 0px #4BACC6; }
.clrBgNot6 { background-color: #F79646; box-shadow: 1px 2px 1px 0px #F79646; }
.clrBgNot7 { background-color: #000000; box-shadow: 1px 2px 1px 0px #000000; color: #fff; }
.clrBgNot8 { background-color: #9BBB59; box-shadow: 1px 2px 1px 0px #9BBB59; }
.clrBgNot9 { background-color: #C0504D; box-shadow: 1px 2px 1px 0px #C0504D; margin-bottom: 30px; }
.clrBgNot10 { background-color: #4F81BD; box-shadow: 1px 2px 1px 0px #4F81BD; }
.clrBgNot11 { background-color: #8064A2; box-shadow: 1px 2px 1px 0px #8064A2; }
.clrBgNot12 { background-color: #F79646; box-shadow: 1px 2px 1px 0px #F79646; margin-bottom: 30px; }
.clrBgNot13 { background-color: #8064A2; box-shadow: 1px 2px 1px 0px #8064A2; }
.clrBgNot14 { background-color: #F79646; box-shadow: 1px 2px 1px 0px #F79646; }
.clrBgNot15 { background-color: #F79646; box-shadow: 1px 2px 1px 0px #F79646; }
.clrBgNot16 { background-color: #F79646; box-shadow: 1px 2px 1px 0px #F79646; }*/

.clrBgNot12,
.clrBgNot9,
.clrBgNot4 { margin-bottom: 20px; }

.docPageAllBigNotesVlCatBtn { background: #fff; }


.docPageAllBigNotesHmnBdy { position: absolute; width: 60px; top: 450px; left: 588px; border-radius: 20px; z-index: 15; cursor: pointer; }


.docPageAllBigNotesVlCatBtn .clrBgNot2img,
.docPageAllBigNotesVlCatBtn .clrBgNot1img { display: none; }


.clrBgNot1:hover .clrBgNot1img { display: block; position: absolute; width: 100px; left: 38px; top: -29px; visibility: hidden; }

.clrBgNot2:hover .clrBgNot2img { display: block; position: absolute; width: 100px; left: 38px; top: -29px; visibility: hidden; }



.anatoBtnBg { position: absolute; width: 45px; top: -3px; left: -5px; display: none; }

.docPageAllBigNotesVlCatBtn span { z-index: 2; background-color: #fff; }

.docPageAllBigNotesVlCatBtnx span { z-index: 2; background-color: #fff; }

.docPageAllBigNotesVlCatBtn div { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }



.docPageAllBigNotesVlCatBtnx div { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); }



/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* 8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */

.docPageBigNotAnatoMain { position: absolute; width: 628px; height: 630px; top: 135px; left: 2px; background-color: #fff; z-index: 10; /* box-shadow: 0px 0px 2px 3px #155e7a; */ /*overflow: hidden;*/ }



/* 8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */








.docPageAppoInfoWrap { position: relative; width: 350px; height: 26px; /* top: 422px; */ left: 272px; margin-bottom: 15px; }

.divSelfAppointment1,
.divSelfAppointment2,
.divSelfAppointment3,
.docPageAppoInfoBtn1,
.docPageAppoInfoBtn2 { position: absolute; width: 85px; height: 31px; border-radius: 5px; /* box-shadow: 0px 0px 1px 0px #3377a1; */ text-align: center; line-height: 33px; font-size: 8pt; cursor: pointer; color: #48b1d0; font-weight: bold; }

.docPageAppoInfoBtn1 { right: 38px; }

.docPageAppoInfoBtn2 { right: 475px; }

.docPageAppoInfoBtn1 { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: #D1ECF4; /* box-shadow: 0px 0px 4px #d8d7d7; */ /* border: 2px solid #6cc7e2; */ line-height: 32px; letter-spacing: 1px; }

.docPageAppoInfoBtn2 { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: #D1ECF4; /* box-shadow: 0px 0px 4px #d8d7d7; */ color: #00B4D5; letter-spacing: 1px; font-weight: normal; }

.docPageAppoInfoBtn3 { position: absolute; width: 124px; height: 25px; border-radius: 5px; line-height: 44px; font-size: 10pt; left: -21px; white-space: nowrap; color: #0db4d5; }

.divSelfAppointment1,
.divSelfAppointment2,
.divSelfAppointment3 { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); box-shadow: 0px 0px 0px 1px #ffffff; color: #fff; }

.divSelfAppointment1 { left: 183px; }

.divSelfAppointment2 { left: 285px; }

.divSelfAppointment3 { left: 387px; }



.divSelfAppointment1x,
.divSelfAppointment2x,
.divSelfAppointment3x { position: absolute; width: 85px; height: 31px; border-radius: 5px; box-shadow: 0px 0px 1px 0px #3377a1; text-align: center; line-height: 33px; font-size: 8pt; }


.divSelfAppointment1x,
.divSelfAppointment2x,
.divSelfAppointment3x { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); box-shadow: 0px 0px 4px 1px #bbbaba; color: #3c3c3c; }

.divSelfAppointment1x { left: 183px; }

.divSelfAppointment2x { left: 285px; }

.divSelfAppointment3x { left: 387px; }

.appointmentDeviceOrPersonalRow { position: relative; left: 30px; width: 400px; height: 30px; }
.appointmentDeviceOrPersonalRowHeader { position: sticky; top: 0px; left: 30px; width: 520px; height: 30px; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; line-height: 25px; border-radius: 5px; border: 1px solid #A3D9EA; background: #fff; color: #ffffff; text-align: center; text-indent: 0px; font-size: 15px; font-weight: bold; margin-bottom: 5px; background-color: #00b4d5; }
.appointmentDeviceOrPersonalName { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; position: absolute; height: 26px; line-height: 22px; border-radius: 5px; border: 1px solid #A3D9EA; background: #fff; color: #0db4d5; width: 282px; text-align: left; text-indent: 7px; font-size: 8.5pt; }








.dpRxColor1 { background-color: #4dd44a; }

.dpRxColor2 { background-color: #f9af8d; }

.dpRxColor3 { background-color: #d8d8d8; }

.dpRxColor4 { background-color: red; }

.dpDateOgColor1 { background-color: #4dd44a; }

.dpDateOgColor2 { background-color: #ff0000; }

.dpDateOgColor3 { background-color: #4dd44a; }

.dpDateOgColor4 { background-color: #f9af8d; }

.dpDateOgColor5 { background-color: #4dd44a; }

.dpDateOgColor6 { background-color: #4dd44a; }



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#mrsMesurDateAppoCon { position: absolute; width: 640px; height: 240px; background-color: #fff; z-index: 5; top: 365px; left: 3px; }


.mrsMesurDateAppoCat1 { position: absolute; width: 274px; height: 140px; left: 35px; }

.mrsMesurDateAppoCat1dv1,
.mrsMesurDateAppoCat1dv2 { position: relative; width: 203px; background-color: #2d679c; height: 30px; float: left; margin-right: 10px; left: 4px; top: 2px; line-height: 30px; font-size: 8pt; text-align: center; color: #fff; }

.mrsMesurDateAppoCat1dv2 { height: 124px; width: 51px; overflow: scroll; }





.mrsMesurDateAppoCat2 { position: absolute; width: 293px; height: 160px; left: 313px; }

.mrsMesurDateAppoCat2RowR,
.mrsMesurDateAppoCat2Row { position: relative; width: 290px; height: 28px; margin-bottom: 10px; top: 2px; left: 2px; }

.mrsMesurDateAppoCat2RowV2,
.mrsMesurDateAppoCat2RowV1 { position: relative; height: 28px; line-height: 28px; background-color: #2d679c; float: left; margin-right: 7px; color: #fff; font-size: 8pt; text-align: center; line-height: 28px; }

.mrsMesurDateAppoCat2RowV2 { width: 83px; border: none; text-align: center; }
.mrsMesurDateAppoCat2RowV1 { width: 188px; }

.mrsMesurDateAppoCat2RowV1inf { position: relative; height: 15px; width: 187px; text-align: center; line-height: 15px; font-size: 7pt; float: left; margin-bottom: 1px; }

.mrsMesurDateAppoCat2RowR .mrsMesurDateAppoCat2RowV2,
.mrsMesurDateAppoCat2RowR .mrsMesurDateAppoCat2RowV1 { background-color: red; }










/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.docPageMainIframCon { position: absolute; width: 574px; height: 558px; background-color: #fff; z-index: 9; top: 70px; left: 5px; border-radius: 5px; border: 2px solid #a4dbed; }


    .docPageMainIframCon .docPageDataSubTimeLineClose { left: -15px; top: 300px; line-height: 25px; font-size: 12pt; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineClose { display: block; }


    .docPageMainIframCon .docPageDataSubTimeLineZommI { left: -19px; top: 300px; line-height: 24px; font-size: 20pt; }

    .docPageMainIframCon .docPageDataSubTimeLineZommO { left: -19px; top: 200px; line-height: 28px; font-size: 15pt; padding-right: 8px; }

    .docPageMainIframCon .docPageDataSubTimeLinePer { left: -19px; top: 250px; line-height: 28px; font-size: 14pt; }

    .docPageMainIframCon .docPageDataSubTimeLineNex { right: -19px; top: 200px; line-height: 28px; font-size: 14pt; padding-left: 8px; display: none !important; }

    .docPageMainIframCon .docPageDataSubTimeLineDrug,
    .docPageMainIframCon .docPageDataSubTimeLineEgx,
    .docPageMainIframCon .docPageDataSubTimeLineYem,
    .docPageMainIframCon .docPageDataSubTimeLineClose,
    .docPageMainIframCon .docPageDataSubTimeLineZommI,
    .docPageMainIframCon .docPageDataSubTimeLineZommO,
    .docPageMainIframCon .docPageDataSubTimeLinePer,
    .docPageMainIframCon .docPageDataSubTimeLineNex { position: absolute; width: 30px; height: 30px; background-color: #31849b; border-radius: 30px; text-align: center; font-family: 'Arial Black'; color: #ffffff; box-shadow: 0px 0px 0px 4px #ffffff; cursor: pointer; display: none; z-index: 6; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineClose { display: block; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineZommI { display: block; display: none; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineZommO { display: block; display: none; }

    .docPageMainIframCon:hover .docPageDataSubTimeLinePer { display: block; display: none; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineNex { display: block; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineDrug { display: block; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineEgx { display: block; }

    .docPageMainIframCon:hover .docPageDataSubTimeLineYem { display: block; }


    .docPageMainIframCon .docPageDataSubTimeLineYem img { position: absolute; width: 10px; top: 6px; left: 10px; }

    .docPageMainIframCon .docPageDataSubTimeLineEgx img { position: absolute; width: 20px; top: 6px; left: 6px; }

    .docPageMainIframCon .docPageDataSubTimeLineDrug img { position: absolute; width: 17px; top: 6px; left: 7px; }


    .docPageMainIframCon .docPageDataSubTimeLineZommI,
    .docPageMainIframCon .docPageDataSubTimeLineZommO,
    .docPageMainIframCon .docPageDataSubTimeLinePer { left: -15px; }

    .docPageMainIframCon .docPageDataSubTimeLineDrug { right: -19px; top: 250px; line-height: 24px; font-size: 20pt; }

    .docPageMainIframCon .docPageDataSubTimeLineEgx { right: -19px; top: 300px; line-height: 24px; font-size: 20pt; }

    .docPageMainIframCon .docPageDataSubTimeLineYem { right: -19px; top: 350px; line-height: 24px; font-size: 20pt; }


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% New Page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% New Page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dietistBody { background: url('../img/thm1/th1TcBg.png') no-repeat #fff; background-size: 1280px 494px; background-position: center top; background-attachment: scroll; }

.diyetist_MainFixedBar { --w: attr(data-width px); --hosh: calc(var(--w) - 507px); }

.diyetist_MainFixedBar { position: relative; top: 0px; /* left: 0; */ /* transform: translate(-50%, 0px); */ width: 1280px; /* min-height: 930px; */ margin: 0px auto; /* z-index: 150; */ /*background-color: red; */ border-left: 40px solid rgba(255, 0, 0, 0); border-right: 40px solid rgba(255, 0, 0, 0); }
/*.diyetist_MainFixedBar { background: -webkit-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: -o-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: -moz-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: linear-gradient(to left, #0e5773, #387f9a, #0e5773); box-shadow: none; background: #fff; }*/
.diyetist_MainFixedBarBg { position: absolute; height: 70px; }





.diyetist_MainWrap { position: relative; width: 1280px; height: 100%; min-height: 930px; margin: 0px auto; top: 0px; overflow: hidden; }

.diyetist_MainWrapX { position: relative; width: 606px; height: 906px; margin: 0px auto; top: 12px; left: -8px; }

    /*.diyetist_MainWrapX .diyetist_TRmaBannerBtn { display: none; }*/
    .diyetist_MainWrapX .optFindDocDetDocDataPriceCon { height: 218px; overflow: hidden; width: 257px; top: 29px; position: absolute; }

    .diyetist_MainWrapX .optFindDocDetDocDataWrpAdressCon { top: 248px; }

    .diyetist_MainWrapX .optFindDocDetDocDataWrpMapDiv { height: 231px; }


#diyetist_MainFixedBtnX3Shadow { position: absolute; width: 47px; height: 37px; background-color: #337a95; top: 1px; left: 237px; cursor: pointer; z-index: 2; opacity: 0.6; }


.diyetist_Logo { position: absolute; height: 164px; top: 1px; left: 392px; }

.diyetist_LoginWrap { position: absolute; width: 302px; height: 148px; right: 2px; }

.diyetist_LoginWrap2 { position: absolute; width: 312px; height: 148px; left: 2px; }

.diyetist_LoginWrap2x { position: absolute; width: 249px; height: 149px; left: 53px; }

.diyetist_LoginWrap2,
.diyetist_LoginWrap { top: 365px; }

.diyetist_LoginWrap2x { top: 27px; }


.diyetist_LogoWrapDiv { position: absolute; width: 215px; height: 164px; top: 1px; left: 391px; overflow: hidden; }

.diyetist_LogoImgx1,
.diyetist_LogoImgx2,
.diyetist_LogoImgx3,
.diyetist_LogoImgx4,
.diyetist_LogoImgx5,
.diyetist_LogoImgx6,
.diyetist_LogoImgx7,
.diyetist_LogoImgx8,
.diyetist_LogoImgx9,
.diyetist_LogoImgx1a,
.diyetist_LogoImgx10,
.diyetist_LogoImgx11 { position: absolute; }

.diyetist_LogoImgx1 { top: 22px; left: 0px; height: 142px; }

.diyetist_LogoImgx2 { top: 23px; left: 45px; height: 67px; }

.diyetist_LogoImgx3 { top: 53px; left: 84px; }

.diyetist_LogoImgx4 { top: 38px; left: 103px; }

.diyetist_LogoImgx5 { top: 16px; left: 139px; }

.diyetist_LogoImgx6 { top: 25px; left: 80px; }

.diyetist_LogoImgx7 { top: 18px; left: 113px; }

.diyetist_LogoImgx8 { top: 9px; left: 49px; }

.diyetist_LogoImgx9 { top: 38px; left: 56px; }

.diyetist_LogoImgx10 { top: 39px; left: 147px; }

.diyetist_LogoImgx11 { top: 50px; left: 124px; }

.diyetist_LogoImgx1a { top: 91px; left: 74px; height: 69px; border-radius: 59px; }

.diyetist_LogoImgx10,
.diyetist_LogoImgx11,
.diyetist_LogoImgx3,
.diyetist_LogoImgx4,
.diyetist_LogoImgx5,
.diyetist_LogoImgx6,
.diyetist_LogoImgx7,
.diyetist_LogoImgx8,
.diyetist_LogoImgx9 { height: 19px; }

.diyetist_LogoImgMcbr { position: absolute; top: 9px; left: 1px; }




.diyetist_LoginInfDiv,
.diyetist_LoginEmail,
.diyetist_LoginPass,
.diyetist_LoginInfOK,
.diyetist_LoginInfRePass,
.diyetist_LoginInfRememMe,
.diyetist_Login1Pass,
.diyetist_Login1Email,
.diyetist_Login1Phone,
.diyetist_LoginInfxDiv,
.diyetist_LoginInfNew { position: absolute; height: 30px; line-height: 30px; box-shadow: none; font-size: 7pt; }

.diyetist_LoginInfDiv { width: 287px; top: 4px; }

.diyetist_LoginInfxDiv { width: 235px; top: 4px; box-shadow: none; text-align: right !important; line-height: 59px; font-size: 7pt; text-indent: 5px; display: none; }

.diyetist_LoginEmail { width: 287px; top: 43px; text-indent: 10px; }

.diyetist_Login1Email { width: 275px; top: 46px; text-indent: 7px; height: 35px; line-height: 25px; }

.diyetist_Login1Phone { width: 275px; top: 46px; text-indent: 7px; height: 35px; line-height: 25px; }

.diyetist_LoginPass { width: 92px; top: 79px; }

.diyetist_Login1Pass { width: 275px; top: 90px; height: 35px; line-height: 20px; }

.diyetist_LoginInfOK { width: 120px; top: 134px; left: 0px; cursor: pointer; height: 30px; line-height: 24px; }

.diyetist_LoginInfNew { width: 120px; top: 134px; cursor: pointer; height: 30px; line-height: 24px; left: 156px; }

.diyetist_LoginInfRePass { width: 93px; top: 95px; cursor: pointer; left: 309px; text-align: left; white-space: nowrap; box-shadow: none; font-size: 7pt; color: #5CCFE4; line-height: 26px; /* text-shadow: -1px 2px 1px #000; */ text-indent: 30px; }

.diyetist_LoginInfRememMe { width: 93px; top: 53px; cursor: pointer; left: 309px; text-align: left; white-space: nowrap; box-shadow: none; font-size: 7pt; line-height: 28px; /* text-shadow: -1px 2px 1px #000; */ text-indent: 31px; color: #5CCFE4; }

    .diyetist_LoginInfRememMe .remMe { width: 12px; top: 10px; left: 9px; position: absolute; }

.diyetist_LoginInfOK { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; /* font-family: 'Arial Black'; */ font-size: 14px; color: #ffffff; /* text-shadow: -2px 2px 1px #000; */ border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; }

    .diyetist_LoginInfOK:after { content: ""; background: #4ccff3; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px !important; margin-top: -120%; opacity: 0; transition: all 0.8s; }

    .diyetist_LoginInfOK:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s; }

.diyetist_LoginInfNew { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; text-decoration: none; overflow: hidden; cursor: pointer; /* font-family: 'Arial Black'; */ font-size: 14px; color: #ffffff; /* text-shadow: -2px 2px 1px #000; */ border: 3px solid #edf3f5; background-color: #79ddf1; border-radius: 20px; }

    .diyetist_LoginInfNew:after { content: ""; background: #4ccff3; display: block; position: absolute; padding-top: 300%; padding-left: 350%; margin-left: -20px !important; margin-top: -120%; opacity: 0; transition: all 0.8s; }

    .diyetist_LoginInfNew:active:after { padding: 0; margin: 0; opacity: 1; transition: 0s; }

.diyetist_LoginPass,
.diyetist_LoginInfDiv,
.diyetist_LoginInfOK,
.diyetist_LoginInfNew { text-align: center; }

.diyetist_LoginEmail,
.diyetist_LoginPass { border: none; background-color: transparent; text-align: left; text-indent: 10px; }

.diyetist_Login1Email,
.diyetist_Login1Pass { border: none; background-color: #F1F9FC; text-align: left; text-indent: 10px; border-radius: 5px; border: 2px solid #D9F4F9; color: #57CCE3; font-size: 9pt; }

.diyetist_Login1Phone { border: none; background-color: #F1F9FC; text-align: left; text-indent: 10px; border-radius: 5px; border: 2px solid #D9F4F9; color: #57CCE3; font-size: 9pt; }

.diyetist_ExInfDiv { letter-spacing: 1px; font-weight: bold; font-size: 9pt; }

.diyetist_Img2 { position: absolute; width: 343px; left: 330px; top: 226px; }

.diyetist_Img3x { position: absolute; width: 343px; left: 330px; top: 270px; display: none; }

.diyetist_LoginVideoWrap { position: absolute; width: 480px; height: 279px; left: 49px; top: 454px; overflow: scroll; }

.diyetist_VideoCon { position: relative; width: 103px; height: 60px; float: left; box-shadow: 0px 0px 0px 1px #A3D9EA; top: 4px; left: 5px; margin-right: 15px; margin-bottom: 9px; border-radius: 5px; background: #fff; cursor: pointer; }

    .diyetist_VideoCon:hover { box-shadow: 0px 0px 3px 2px #a3d9ea; }

    .diyetist_VideoCon #diyetist_VideoImg1 { position: absolute; width: 35px; top: 28px; right: 15px; }

    .diyetist_VideoCon #diyetist_VideoImg2 { position: absolute; width: 40px; top: 26px; left: 15px; }

    .diyetist_VideoCon #diyetist_VideoImg3 { position: absolute; width: 35px; top: 25px; left: 15px; }

    .diyetist_VideoCon #diyetist_VideoImg4 { position: absolute; width: 35px; top: 25px; right: 15px; }

    .diyetist_VideoCon #diyetist_VideoImg5 { position: absolute; width: 35px; top: 30px; left: 15px; }

    .diyetist_VideoCon #diyetist_VideoImg6 { position: absolute; width: 26px; top: 28px; right: 10px; }

    .diyetist_VideoCon #diyetist_VideoImg1x,
    .diyetist_VideoCon #diyetist_VideoImg2x,
    .diyetist_VideoCon #diyetist_VideoImg3x,
    .diyetist_VideoCon #diyetist_VideoImg4x,
    .diyetist_VideoCon #diyetist_VideoImg5x { position: absolute; width: 136px; top: 1px; left: 0px; }

    .diyetist_VideoCon #diyetist_VideoImg6x { position: absolute; width: 136px; top: 1px; left: 0px; }

.diyetist_VideoConx { position: relative; width: 103px; height: 60px; float: left; box-shadow: 0px 0px 0px 1px #A3D9EA; top: 4px; left: 5px; margin-right: 15px; margin-bottom: 9px; border-radius: 5px; background: #fff; }

    .diyetist_VideoConx #diyetist_VideoImg1 { position: absolute; width: 35px; top: 28px; right: 15px; }

    .diyetist_VideoConx #diyetist_VideoImg2 { position: absolute; width: 40px; top: 26px; left: 15px; }

    .diyetist_VideoConx #diyetist_VideoImg3 { position: absolute; width: 35px; top: 25px; left: 15px; }

    .diyetist_VideoConx #diyetist_VideoImg4 { position: absolute; width: 35px; top: 25px; right: 15px; }

    .diyetist_VideoConx #diyetist_VideoImg5 { position: absolute; width: 35px; top: 30px; left: 15px; }

    .diyetist_VideoConx #diyetist_VideoImg6 { position: absolute; width: 26px; top: 28px; right: 10px; }

    .diyetist_VideoConx .diyetist_VideoNm { font-weight: bold; background: #0db4d5; box-shadow: 0px 0px 0px 1px #A3D9EA; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

    .diyetist_VideoConx #diyetist_VideoImg1x,
    .diyetist_VideoConx #diyetist_VideoImg2x,
    .diyetist_VideoConx #diyetist_VideoImg3x,
    .diyetist_VideoConx #diyetist_VideoImg4x,
    .diyetist_VideoConx #diyetist_VideoImg5x { position: absolute; width: 136px; top: 1px; left: 0px; }

    .diyetist_VideoConx #diyetist_VideoImg6x { position: absolute; width: 136px; top: 1px; left: 0px; }

.diyetist_VideoConPlyCon { position: absolute; width: 28px; height: 28px; background-color: #fff; border: 2px solid #A3D9EA; top: 7px; left: 36px; border-radius: 20px; }

    .diyetist_VideoConPlyCon div { position: absolute; left: 8px; top: 3px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 12px solid #00B4D5; width: 0px; z-index: 2; }


.diyetist_Word1ap { top: -4px; position: relative; }

.diyetist_Word1ap2 { position: relative; top: -6px; }

.diyetist_VideoNm { position: absolute; width: 103px; height: 18px; bottom: 0px; /* border-top: 1px solid #fff; */ text-align: center; line-height: 19px; font-size: 7pt; background: #A3D9EA; color: #fff; }

#diyetist_Videos .diyetist_LogoWrapDiv { top: 40px; display: none; }

.diyetist_MainBgsImg { position: absolute; width: 1280px; top: -60px; left: 40px; /* background: url(../img/scr1.png); */ /* background-size: 1020px; */ transform: rotateZ(-5deg); }


.diyetist_Word1 { position: absolute; width: 360px; height: 64px; top: 315px; left: 53px; line-height: 20px; font-size: 9pt; color: #8E8E8E; display: none; }

.diyetist_Word1a { position: absolute; width: 497px; height: 250px; top: 483px; left: 702px; line-height: 20px; font-size: 10pt; color: #8E8E8E; }

.diyetist_Word1x { position: absolute; width: 343px; height: 44px; top: 179px; left: 330px; line-height: 18px; text-align: center; color: #fdfdfd; font-weight: bold; font-size: 10pt; font-family: "Arial Black"; text-shadow: -2px 0px 1px #02365f; }

.diyetist_Word2x { position: absolute; width: 343px; height: 100px; top: 34px; right: -25px; line-height: 29px; text-align: center; color: #fdfdfd; font-weight: normal; font-size: 17pt; }

    .diyetist_Word2x span { font-size: 31pt; font-weight: bold; position: absolute; width: 320px; left: 5px; top: -5px; }

    .diyetist_Word2x .diyetist_Word2xSpn { left: 11px !important; top: 35px !important; }

.diyetist_Word2xEncap { position: relative; top: -25px; line-height: 34px; }

.diyetist_Word1a span { color: #33C3DD; text-shadow: none; font-size: 15pt; }

.diyetist_Word1 span { color: #33C3DD; text-shadow: none; font-size: 12pt; }

.diyetist_Word2 { position: absolute; width: 495px; height: 90px; top: 595px; left: 602px; font-size: 12pt; line-height: 20px; display: none; }

.diyetist_TRmapBg { position: absolute; width: 863px; top: 132px; left: 84px; }

.diyetist_TRmaBannerCon { position: absolute; width: 242px; height: 25px; top: 53px; right: 133px; }

.diyetist_TRmaBannerBtn { position: relative; width: 85px; height: 30px; line-height: 30px; text-align: center; font-size: 9pt; float: left; margin-right: 13px; background-color: #3a8ba9; color: #fff; font-weight: bold; border-radius: 12px; }

.diyetist_TRmaBannerbtn2 { }

.diyetist_TRmaBannerbtn2s { display: none; background-color: #45a84a !important; border: 2px solid #6bec72 !important; }

.diyetist_TRmaBannerbtn2x { display: none; background-color: #ca0000 !important; border: 2px solid #f38a8a !important; }

.diyetist_TRmapBtnsCss { background-color: #096c9a; color: #fff; box-shadow: 0px 0px 4px 1px #afe1f9; }


.diyetist_Word2VlRow { position: relative; width: 510px; height: 17px; font-size: 9pt; line-height: 14px; color: #8E8E8E; margin-bottom: 5px; }

    .diyetist_Word2VlRow span { position: absolute; left: 150px; }


.diyetist_MainBreakPgBtn1,
.diyetist_MainBreakPgBtn2,
.diyetist_MainBreakPgBtn3 { position: absolute; width: 432px; height: 69px; line-height: 15px; border-radius: 60px; line-height: 69px; text-align: center; color: #fff; font-size: 18pt; cursor: pointer; }

.diyetist_MainBreakPgBtn1 { background: #0DB4D5; top: 328px; left: 150px; }

.diyetist_MainBreakPgBtn2 { background: #6BC9E4; top: 450px; left: 342px; }

.diyetist_MainBreakPgBtn3 { background: #4ad6fe; top: 574px; left: 552px; }

.diyetist_MainBreakPgBtn4 { position: absolute; width: 122px; height: 122px; border-radius: 60px; line-height: 26px; text-align: center; color: #fff; font-size: 11pt; cursor: pointer; background: #ff7a32; top: 354px; left: 1002px; padding-top: 25px; box-shadow: 0px 0px 9px 7px #ec5a0b; }


.diyetist_MainBreakPgBtn4Vid { position: absolute; width: 50px; height: 50px; background-color: #ff7a32; top: 435px; left: 1104px; border-radius: 35px; border: 2px solid #ed671f; box-shadow: 0px 0px 6px 4px #ed671f; }

    .diyetist_MainBreakPgBtn4Vid img { position: absolute; width: 30px; top: 12px; left: 10px; height: 22px; }




#diyetist_MainBreakPgVidCon { position: fixed; width: 100%; height: 100%; background: #a3e3ff91; z-index: 150; }


.diyetist_MainBreakPgVidWrap { position: absolute; width: 843px; height: 480px; background-color: #caefff; border: 7px solid #3cb7d8; border-radius: 98px; top: 110px; left: 138px; top: 50%; left: 45%; transform: translate(-50%,-50%); }

.diyetist_MainBreakPgVidConCls { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #A7DDEE; top: 20px; background: #fff; left: 50px; }

    .diyetist_MainBreakPgVidConCls div { position: absolute; left: 9px; top: 4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #00B4D5; width: 0px; z-index: 2; }


.diyetist_MainBreakPgVideoCs { position: absolute; width: 734px; top: 29px; left: 48px; }





.diyetist_LoginNewUserCon { position: absolute; width: 395px; height: 500px; /* background-color: #65b1d4; */ top: 212px; z-index: 2; left: 621px; border-left: 3px solid #E3F4F9; }

.diyetist_LoginNewUserCon2 { position: absolute; width: 395px; height: 520px; /* background-color: #65b1d4; */ top: 251px; z-index: 2; left: 640px; /* border-left: 5px solid #E3F4F9; */ }


.formfield_birthDate { position: relative; top: 2px; left: 102px; width: 300px; height: 10px; margin-bottom: 34px; float: left; }

.day { margin-right: 3px; border: 2px solid #D3EEF6; border-radius: 6px; height: 30px; padding: 5px; width: 44px; color: #9d8e9d; text-indent: 2px; font-size: 9pt; }

#birthDayLabel { position: relative; left: -75px; color: #9d8e9d; font-size: 8pt; top: 20px; width: 70px; }

#birthDayLabel2 { position: relative; left: -75px; color: #9d8e9d; font-size: 8pt; top: 20px; width: 70px; }

.month { margin-right: 3px; border: 2px solid #D3EEF6; border-radius: 6px; height: 30px; padding: 5px; width: 60px; color: #9d8e9d; text-indent: 2px; font-size: 9pt; }

.year { margin-right: 9px; border: 2px solid #D3EEF6; border-radius: 6px; height: 30px; padding: 5px; width: 60px; color: #9d8e9d; text-indent: 2px; font-size: 9pt; }




.diyetist_LoginNewUserWeight,
.diyetist_LoginNewUserBan,
.diyetist_LoginNewUserInpt1,
.diyetist_LoginNewUserInpt1Cmp,
.diyetist_LoginNewUserRuls,
.diyetist_LoginNewUserInpt1,
.diyetist_LoginNewUserInpt1,
.diyetist_LoginNewUserGender,
.diyetist_LoginNewUserInpt1,
.diyetist_LoginNewUserInpt2,
.diyetist_LoginNewUserInpt2,
.diyetist_LoginNewUserOk { position: relative; height: 32px; line-height: 30px; font-size: 8pt; float: left; box-shadow: 0px 0px 0px 2px #D3EEF6; margin-bottom: 13px; background: transparent; border: none; left: 20px; top: 16px; border-radius: 6px; }

.diyetist_LoginNewUserBan { margin-bottom: 10px; display: none; }

.diyetist_LoginNewUserInpt2,
.diyetist_LoginNewUserBan,
.diyetist_LoginNewUserOk { text-align: center; }

.diyetist_LoginNewUserBan,
.diyetist_LoginNewUserInpt1,
.diyetist_LoginNewUserGender { width: 258px; cursor: pointer; }

    .diyetist_LoginNewUserBan span { font-size: 7pt; }


.diyetist_LoginNewUserInpt1Cmp { width: 258px; cursor: pointer; text-indent: 7px; margin-right: 60px; z-index: 1; }

    .diyetist_LoginNewUserInpt1Cmp::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1Cmp:-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1Cmp::-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1Cmp:-ms-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }


.diyetist_LoginNewUserInpt2,
.diyetist_LoginNewUserOk { width: 81px; }

.diyetist_LoginNewUserOk { cursor: pointer; background: #E3F4F9; color: #52CBE1; }

.diyetist_LoginNewUserInpt2 { margin-right: 8px; letter-spacing: 2px; border: 2px solid #D3EEF6; box-shadow: none; }

.diyetist_LoginNewUserGender { box-shadow: 0px 0px 0px 0px #fff; text-align: center; margin-bottom: 7px; }

    .diyetist_LoginNewUserGender .div_insuNAgendersImg { position: relative; width: 38px; margin: 0px auto; margin-right: 10px; padding-top: 0px; top: -6px; }

    .diyetist_LoginNewUserGender .div_insuNAgendersImgX { position: relative; width: 45px; margin: 0px auto; margin-right: 8px; padding-top: 0px; top: -8px; }

.diyetist_LoginNewUserInpt1 { text-indent: 7px; margin-right: 60px; z-index: 1; border: 2px solid #D3EEF6; box-shadow: none; }

    .diyetist_LoginNewUserInpt1::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1:-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1::-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

    .diyetist_LoginNewUserInpt1:-ms-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }


.diyetist_LoginNewUserInpt2::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt2:-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt2::-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt2:-ms-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt1::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt1:-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt1::-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginNewUserInpt1:-ms-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginEmail::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 12pt; }

.diyetist_LoginEmail:-moz-placeholder { color: #8E8E8E !important; font-size: 12pt; }

.diyetist_LoginEmail::-moz-placeholder { color: #8E8E8E !important; font-size: 12pt; }

.diyetist_LoginEmail:-ms-input-placeholder { color: #8E8E8E !important; font-size: 12pt; }

.diyetist_LoginPass::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginPass:-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginPass::-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_LoginPass:-ms-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

.diyetist_Login1Email::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Email:-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Email::-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Email:-ms-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Pass::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Pass:-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Pass::-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Pass:-ms-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_LoginPass2pla { z-index: 3; }

.diyetist_LoginNewUsernumbero { position: relative; top: 16px; width: 125px; float: left; height: 9px; margin-bottom: 5px; font-size: 7pt; left: 45px; line-height: 1px; color: #b5b5b5; }

.diyetist_Login1Phone::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Phone:-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Phone::-moz-placeholder { color: #8E8E8E !important; font-size: 9pt; }

.diyetist_Login1Phone:-ms-input-placeholder { color: #8E8E8E !important; font-size: 9pt; }


.diyetist_LoginNewUserRuls { width: 290px; height: 60px; box-shadow: 0px 0px 0px 0px #fff; margin-top: 4px; }

    .diyetist_LoginNewUserRuls .diyetist_LoginNewUserRulsRow #div_insuNAreadOKTik2,
    .diyetist_LoginNewUserRuls .diyetist_LoginNewUserRulsRow #div_insuNAreadOKTik2a,
    .diyetist_LoginNewUserRuls .diyetist_LoginNewUserRulsRow #div_insuNAreadOKTikx2a,
    .diyetist_LoginNewUserRuls .diyetist_LoginNewUserRulsRow #div_insuNAreadOKTikx2 { background-color: #fff; }

.diyetist_LoginNewUserRulsRow { position: relative; width: 290px; height: 33px; }

.diyetist_LoginNewUserRulsRowBtn { position: absolute; width: 20px; height: 20px; border-radius: 20px; /* top: 22px; */ cursor: pointer; left: -4px; }

    .diyetist_LoginNewUserRulsRowBtn img { position: absolute; width: 22px; top: -2px; left: 0px; transition: 1s; }


.diyetist_LoginNewUserWeight { width: 395px; box-shadow: 0px 0px 0px 0px #bfe5f7; }

.diyetist_LoginNewUserWeightVl,
.diyetist_LoginNewUserHeightVl { position: relative; width: 104px; height: 30px; line-height: 30px; font-size: 8pt; text-align: left; background-color: transparent; margin-right: 48px; text-indent: 7px; border-radius: 7px; border: 2px solid #D3EEF6; box-shadow: none; }

    .diyetist_LoginNewUserWeightVl::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserWeightVl:-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserWeightVl::-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserWeightVl:-ms-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserHeightVl::-webkit-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserHeightVl:-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserHeightVl::-moz-placeholder { color: #8E8E8E !important; font-size: 8pt; }

    .diyetist_LoginNewUserHeightVl:-ms-input-placeholder { color: #8E8E8E !important; font-size: 8pt; }


.diyetist_LoginNewPassAlert { position: relative; width: 290px; height: 30px; line-height: 30px; background-color: #ffffff; font-size: 8pt; color: #0db4d5; text-align: center; left: 20px; top: 16px; margin-bottom: 0px; float: left; }

.diyetist_LoginNewPassAlert2 { position: absolute; width: 290px; height: 30px; line-height: 30px; background-color: #ffffff; top: 375px; font-size: 8pt; color: #0db4d5; text-align: center; }

.diyetist_LoginNewPassAlert3 { position: relative; width: 290px; height: 30px; line-height: 30px; background-color: #ffffff; font-size: 8pt; color: #0db4d5; text-align: center; left: 20px; top: 16px; margin-bottom: 0px; float: left; }


.diyetist_LoginNewUserRulsRowWord { position: absolute; width: 278px; height: 21px; left: 22px; font-size: 8pt; line-height: 14px; top: 2px; color: #8E8E8E; }

.diyetist_LoginNewUserRulsRowWord2 { position: absolute; width: 278px; height: 21px; left: 22px; font-size: 8pt; line-height: 14px; top: 5px; color: #8E8E8E; }


.diyetist_MainWrap #newDocSaveDoctorValues { top: 95px; left: -14px; }

    .diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRow #diyetistDoc_Prof { width: 406px; }

    .diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRow #diyetistDoc_DipNo { width: 76px; left: 342px; }

    .diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRow .newDocSaveDataInptsRowValueXc { width: 201px; right: 2px; font-size: 9pt; line-height: 23px; text-indent: 5px; color: #292929; border: 1px solid #ccf1fd; position: absolute; height: 26px; border-radius: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; }

.newDocSaveDataInptsRowValueSelect { position: absolute; height: 26px; border-radius: 5px; font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; left: 135px; width: 406px; }

.newDocSaveWrapper select::-webkit-scrollbar { display: none; }

.newDocSaveWrapper option::-webkit-scrollbar { display: none; }


.diyetist_MainWrap .div_insuError { position: absolute; width: 150px; background-color: red; }

.diyetist_MainWrap .login_info { position: absolute; width: 150px; top: 165px; left: 63px; text-align: center; font-size: 8pt; height: 17px; line-height: 16px; border-radius: 10px; }


#diyetist_MainWrap1 .diyetist_MainWrap1Top { position: absolute; top: 40px; width: 1015px; left: 9px; }

#diyetist_MainWrap1 #diyetist_MainWrap1TopComp .diyetist_LoginNewPassAlert2 { }



.diyetist_LoginNewUserTypeCon { position: absolute; width: 288px; height: 150px; top: -226px; }

.diyetist_LoginNewUserTypeRow { position: relative; width: 290px; height: 30px; line-height: 30px; box-shadow: 0px 0px 1px 1px #4da1c1; margin-bottom: 5px; bottom: 0px; font-size: 8pt; cursor: pointer; text-align: left; text-indent: 35px; background: -webkit-linear-gradient(#98dbf5, #98dbf5, #4e9bbb); background: -o-linear-gradient(#98dbf5, #98dbf5, #4e9bbb); background: -moz-linear-gradient(#98dbf5, #98dbf5, #4e9bbb); background: linear-gradient(#98dbf5, #98dbf5, #4e9bbb); }

.diyetist_LoginNewUserTypeImgCon { position: absolute; width: 290px; height: 56px; top: -60px; }

.diyetist_LoginNewUserTypeImg { position: relative; height: 31px; margin: 0px auto; display: inline-block; float: left; margin-right: 25px; top: 17px; text-align: center; left: 14px; cursor: pointer; }

.doctypImgCss2 { height: 33px; top: 16px; }

.doctypImgCss1 { width: 30px; }

.doctypImgCss4 { height: 33px; width: 36px; top: 13px; }

.doctypImgCss3 { /*width: 47px;*/ }

.doctypImgCss5 { width: 31px; top: 12px; height: 34px; }

.diyetistDoc_DipOn,
.diyetistDoc_DipArk { position: absolute; width: 87px; height: 30px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 56px; font-size: 5pt; font-weight: bold; cursor: pointer; }

.diyetistDoc_DipOn { left: 59px; }

.diyetistDoc_DipArk { left: 152px; }

    .diyetistDoc_DipOn .diyetistDoc_DipSpn1,
    .diyetistDoc_DipArk .diyetistDoc_DipSpn1 { position: absolute; width: 77px; height: 15px; text-align: center; line-height: 15px; left: 1px; top: 29px; color: #0995b1; font-size: 5pt; letter-spacing: 1px; }

.diyetistDoc_DipOn .diyetistDoc_DipSpn2 { position: absolute; width: 32px; height: 15px; text-align: left; line-height: 15px; left: 50px; top: 14px; color: #000; font-size: 7pt; color: #292929; }

.diyetistDoc_DipArk .diyetistDoc_DipSpn2 { position: absolute; width: 32px; height: 15px; text-align: left; line-height: 15px; left: 46px; top: 14px; color: #000; font-size: 7pt; color: #292929; }



.diyetistDoc_DipOn img { position: absolute; width: 35px; top: 2px; left: 8px; }

.diyetistDoc_DipArk img { position: absolute; width: 35px; top: 2px; left: 6px; }

.diyetistDoc_DiyetisUserCode { position: absolute; left: 424px; font-size: 9pt; line-height: 24px; text-indent: 5px; width: 115px; height: 26px; border-radius: 5px; text-align: center; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; }

.diyetistDoc_DiyetisUserCodeText { position: absolute; top: 28px; left: 466px; font-size: 6pt; color: #0995b1; letter-spacing: 1px; }

.diyetistDoc_DiyetstQCode { position: absolute; width: 112px; height: 115px; background-color: #ffffff; top: 178px; left: 446px; border-radius: 5px; }

    .diyetistDoc_DiyetstQCode img { position: absolute; width: 99px; top: 9px; left: 7px; }

.diyetistDoc_DiyetstDMcertifImg { position: absolute; width: 290px; top: 9px; left: 52px; display: none; }


.diyetistDoc_AllDips { position: absolute; width: 51px; height: 30px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 32px; font-size: 5pt; font-weight: bold; cursor: pointer; font-size: 8pt; }


.newDocSaveBanNewInfsYTvid { position: absolute; top: 51px; right: 34px; width: 30px; height: 30px; z-index: 3; cursor: pointer; /* border: 2px solid #0db4d5; */ border-radius: 20px; text-align: center; line-height: 33px; font-size: 17pt; font-weight: bold; /* color: #0db4d5; */ /* background: #fff; */ }

    .newDocSaveBanNewInfsYTvid img { position: absolute; width: 30px; top: 7px; left: 4px; }

.newDocSaveBanNewInfsProsPdf1 { position: absolute; top: 48px; left: 29px; width: 30px; height: 30px; z-index: 3; cursor: pointer; border: 2px solid #0db4d5; border-radius: 20px; text-align: center; line-height: 28px; font-size: 14pt; font-weight: bold; color: #0db4d5; background: #fff; }
.newDocSaveBanNewInfsProsPdf2 { position: absolute; top: 7px; left: 29px; width: 30px; height: 30px; z-index: 3; cursor: pointer; border: 2px solid #0db4d5; border-radius: 20px; text-align: center; line-height: 27px; font-size: 14pt; font-weight: bold; color: #0db4d5; background: #fff; }



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */





#dietist_LoginSmsConDiv { position: absolute; z-index: 161; margin: 0px auto; width: 1015px; margin: 0px auto; top: 00px; background: red; z-index: 1250; left: calc((100% - 940px)/2); }

.dietist_LoginSmsMcbrWrap { position: absolute; top: 131px; left: 00px; width: 829px; height: 643px; background: #fff; border-top-right-radius: 180px; }

#dietist_LoginSmsPageErrorMesages,
.dietist_LoginSmsVlInpt,
.dietist_LoginSmsVlBnnr { position: relative; width: 170px; height: 30px; top: 150px; left: 409px; margin-bottom: 8px; color: #0db4d5; line-height: 30px; font-size: 8pt; }

.dietist_LoginSmsVlInpt { text-align: center; border: 2px solid #a4dbed; font-size: 14pt; line-height: 35px; letter-spacing: 6px; height: 40px; font-weight: bold; }

.dietist_LoginSmsVlBnnr { text-align: left; line-height: 43px; margin-bottom: 5px; }

#dietist_LoginSmsPageErrorMesages { text-align: left; line-height: 17px; width: 273px; margin-top: 7px; }

.dietist_LoginSmsPageClose { position: absolute; width: 48px; height: 48px; border-radius: 30px; border: 2px solid #A7DDEE; top: -113px; background: #fff; left: -123px; }

    .dietist_LoginSmsPageClose div { position: absolute; left: 11px; top: 6px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #00B4D5; width: 0px; z-index: 2; }


#dietist_LoginSmsPageTimeCount { position: absolute; width: 150px; height: 20px; line-height: 20px; font-size: 8pt; left: 409px; top: 122px; color: #0db4d5; }

    #dietist_LoginSmsPageTimeCount span { font-size: 12pt; font-weight: bold }


.dietist_LoginSmsPageDcrDiv { position: absolute; width: 3px; height: 500px; left: 339px; border-left: 3px solid #E3F4F9; }

#dietist_LoginSmsConDiv .diyetist_LoginNewUsrPgInf2 { top: 19px; left: 10px; }





.diyetist_DcrCircCon { position: absolute; width: 22px; height: 22px; border: 2px solid #A3D9EA; background: #fff; border-radius: 15px; top: 2px; }

    .diyetist_DcrCircCon span { position: absolute; width: 10px; height: 10px; background-color: #6CC7E2; top: 4px; left: 4px; border-radius: 5px; }


.diyetist_DcrCircConx { position: absolute; width: 24px; height: 24px; border: 2px solid #A3D9EA; background: #6CC7E2; border-radius: 15px; top: 2px; }

    .diyetist_DcrCircConx span { position: absolute; width: 12px; height: 12px; background-color: #fff; top: 4px; left: 4px; border-radius: 5px; }



.diyetist_LoginNewUsrPgInf { position: absolute; width: 315px; height: 30px; top: 111px; color: #33C3DD; line-height: 30px; text-indent: 66px; font-size: 15pt; left: 151px; }

    .diyetist_LoginNewUsrPgInf div { position: absolute; left: 47px; top: 3px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 13px solid #00B4D5; width: 0px; z-index: 2; }


.diyetist_LoginNewUsrPgInf2 { position: absolute; width: 315px; height: 30px; top: 150px; color: #33C3DD; line-height: 30px; text-indent: 66px; font-size: 16pt; left: 160px; white-space: nowrap; }

    .diyetist_LoginNewUsrPgInf2 div { position: absolute; left: 47px; top: 3px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 13px solid #00B4D5; width: 0px; z-index: 2; }


.diyetist_LoginNewProUserListCon { position: absolute; width: 334px; height: 208px; top: 204px; color: #33C3DD; line-height: 30px; text-indent: 66px; font-size: 15pt; left: 210px; }

.diyetist_LoginNewProUserListRow { position: relative; width: 332px; height: 31px; line-height: 30px; margin-bottom: 7px; font-size: 9pt; text-indent: 114px; cursor: pointer; text-transform: lowercase; }

.diyetist_LoginNewProUserListRowCirc { position: absolute; width: 30px; height: 30px; border-radius: 20px; left: 77px; border: 2px solid #A4DBED; background-color: #fff; }

    .diyetist_LoginNewProUserListRowCirc span { position: absolute; width: 10px; height: 10px; border-radius: 5px; background: #6BC9E4; top: 8px; left: 8px; }

.diyetist_LoginNewProUserListRowCircx { position: absolute; width: 30px; height: 30px; border-radius: 20px; left: 77px; border: 2px solid #A4DBED; background-color: #0DB4D5; }

    .diyetist_LoginNewProUserListRowCircx span { position: absolute; width: 10px; height: 10px; border-radius: 5px; background: #fff; top: 8px; left: 8px; }


.diyetist_LoginNewProUserListRowCizgh { position: absolute; width: 87px; height: 1px; border-top: 1px solid #6BC9E4; top: 14px; z-index: 1; }



.diyetist_LoginNewBackBtn { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #A7DDEE; top: 20px; background: #fff; left: 50px; }

    .diyetist_LoginNewBackBtn div { position: absolute; left: 9px; top: 4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #00B4D5; width: 0px; z-index: 2; }




.diyetist_LoginNewProfWrdPdf1,
.diyetist_LoginNewProfWrdPdf2 { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; cursor: pointer; height: 40px; line-height: 36px; text-align: center; text-indent: 0px; }

.diyetist_LoginNewProfWrdPdf1 { top: 714px; left: 211px; }
.diyetist_LoginNewProfWrdPdf2 { top: 764px; left: 281px; }







.diyetist_MainWrap1TopCmp .diyetist_LoginNewProUserListCon { display: none; }

.diyetist_MainWrap1Top .diyetist_LoginNewUserInpt1Cmp { display: none; }


.diyetist_MainWrap1TopCmp .diyetist_LoginNewUserInpt1Cmp { display: block; }






/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.diyetist_MainFixedBar2 { --w: attr(data-width px); --hosh: calc(var(--w) - 507px); }

.diyetist_MainFixedBar2 { position: fixed; top: 0px; right: 40px; /*transform: translate(-50%, 0px);*/ width: 280px; height: 50px; margin: auto 0px; z-index: 150; overflow: hidden; }

.diyetist_MainFixedBar2 { background: -webkit-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: -o-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: -moz-linear-gradient(left, #0e5773, #387f9a, #0e5773); background: linear-gradient(to left, #0e5773, #387f9a, #0e5773); box-shadow: 0px 0px 8px 1px #000; }

.diyetist_MainFixedBar2Bg { position: absolute; height: 70px; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnsCon { top: 20px; left: 832px; height: 39px; width: 144px; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnsCon { top: 13px; left: 105px; height: 39px; width: 144px; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfCon { position: absolute; width: 200px; height: 55px; top: 0px; left: -3px; display: none; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfImg,
.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfName { position: absolute; /* box-shadow: 0px 0px 0px 1px #000; */ }


.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfImg { width: 44px; height: 59px; top: 3px; left: 12px; overflow: hidden; border-radius: 8px; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfName { height: 20px; line-height: 20px; width: 179px; font-size: 10pt; left: 70px; top: 43px; color: #fff; letter-spacing: 1px; white-space: nowrap; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserInfImg img { position: absolute; left: 0px; max-width: 44px; min-height: 48px; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtnsDiv { position: absolute; width: 441px; height: 55px; top: 15px; left: -102px; text-align: center; z-index: 10; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn { position: relative; /* width: 75px; */ /* height: 55px; */ margin: 0px auto; display: inline-block; margin-right: 10px; }

    .diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn .FixedUserCatBtn1 { position: relative; width: 55px; top: -4px; /* left: 4px; */ margin-right: 3px; cursor: pointer; }

    .diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn .FixedUserCatBtn2 { position: relative; width: 27px; top: -7px; /* left: 23px; */ height: 25px; /* margin-right: 10px; */ cursor: pointer; }

    .diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn .FixedUserCatBtn3 { position: relative; width: 35px; top: -6px; /* left: 21px; */ cursor: pointer; }

    .diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn .FixedUserCatBtn4 { position: relative; width: 30px; top: -4px; /* left: 0px; */ cursor: pointer; }




.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClick1,
.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClick2 { position: absolute; width: 70px; height: 45px; top: -8px; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClick1 { left: -19px; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClick2 { left: 103px; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClickQu { position: absolute; width: 44px; height: 45px; top: -8px; left: 128px; cursor: pointer; z-index: 15; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnClickQuxx { position: absolute; width: 44px; height: 45px; top: -8px; left: 128px; cursor: pointer; background-color: transparent; opacity: 0.4; z-index: 15; }

.diyetist_MainFixedBar2 .diyetist_PageExit { display: block; cursor: pointer; width: 32px; height: 45px; }

.diyetist_MainFixedBar2 .diyetist_MainFixedUserCatBtn #diyetist_MainUserNotif { position: absolute; width: 20px; height: 20px; top: -9px; left: 17px; line-height: 20px; font-size: 6pt; text-align: center; color: #fd0000; }


.diyetist_MainFixedBar2 #dietstBigMenuHiderImg { position: absolute; width: 846px; z-index: 15; left: -18px; top: -4px; }

.diyetist_MainFixedBar2 #docFoodDefMenuBigHider { position: absolute; width: 493px; height: 583px; left: -100px; z-index: 1003; }

.diyetist_MainFixedBar2 .diyetist_PageNaviBtnQu { position: absolute; width: 27px; height: 25px; left: 132px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }


.diyetist_MainFixedBar2 #diyetist_MainFixedBtnX3Shadow { position: absolute; width: 41px; height: 37px; background-color: #357c97; top: -11px; left: 229px; cursor: pointer; z-index: 2; opacity: 0.4; }

.diyetist_MainFixedBar2 #diyetist_MainFixedUserBuyBtn { left: 277px; top: -8px; height: 39px; width: 38px; }

.diyetist_MainFixedBar2 #diyetist_MainFixedUserPsfBtn { left: 277px; top: -8px; height: 39px; width: 38px; }


.diyetist_MainFixedUserTcBg { position: absolute; width: 1280px; top: 0px; left: -40px; }

.diyetistLangImg,
.diyetistLangImgx { position: relative; float: left; width: 40px; margin-right: 25px; top: 5px; left: 0px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; cursor: pointer; }

.diyetistLangImgx { opacity: 1; }

#diyetistLangImgTr { top: 20px; left: 58px; width: 43px; }
#diyetistLangImgEn { top: 52px; left: 50px; }

.diyetistLangImgCpHmga { position: absolute; top: 130px; left: 950px; }

.diyetistLangImg2,
.diyetistLangImg2x { position: relative; float: left; width: 40px; margin-right: 25px; top: 5px; left: 0px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; cursor: pointer; }

.diyetistLangImg2x { opacity: 1; }

#diyetistLangImgTr2 { top: 20px; left: 58px; width: 43px; }
#diyetistLangImgEn2 { top: 52px; left: 50px; }

.diyetistLangImgCpHmga2 { position: absolute; top: 130px; left: 950px; }

.diyetistLangImg3,
.diyetistLangImg3x { position: relative; float: left; width: 40px; margin-right: 25px; top: 5px; left: 0px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; cursor: pointer; }

.diyetistLangImg3x { opacity: 1; }

#diyetistLangImgTr3 { top: 20px; left: 58px; width: 43px; }
#diyetistLangImgEn3 { top: 52px; left: 50px; }

#diyetistLangComImgTr4 { top: 60px; left: 58px; width: 43px; }
#diyetistLangComImgEn4 { top: 92px; left: 50px; }




.diyetistLangImgCpHmga3 { position: absolute; top: 130px; left: 950px; }

.diyetistLangImg4,
.diyetistLangImg4x { position: relative; float: left; width: 40px; margin-right: 25px; top: 5px; left: 0px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; cursor: pointer; }

.diyetistLangImg4x { opacity: 1; }

#diyetistLangImgTr4 { top: 20px; left: 49px; width: 43px; }
#diyetistLangImgEn4 { top: 9px; left: 109px; }

.diyetistLangImgCpHmga4 { position: absolute; top: 90px; left: 950px; }

.diyetist_MainFixedMainDataListCon { position: absolute; width: 200px; height: calc(var(--window-height) - 260px ); left: -20px; top: 227px; z-index: 1; overflow: scroll; background-color: #fff; border-radius: 5px; border: 3px solid #fff; }

.diyetist_MainFixedMainDataListRow,
.diyetist_MainFixedMainDataListRowx { position: relative; width: 170px; height: 26px; line-height: 22px; border: 3px solid #D9F4F9; background-color: #F1F9FC; color: #57CCE3; left: 5px; border-radius: 5px; text-indent: 5px; font-size: 9pt; margin-bottom: 5px; cursor: pointer; }

.diyetist_MainFixedMainDataListRowx { border: 2px solid #5bc5e8; color: #fff; font-weight: bold; background-color: #5bc5e8; text-align: center; text-indent: 0px; }

.diyetist_MainFixedMainDataListRow2 { position: relative; width: 100px; height: 28px; line-height: 22px; border: 3px solid #D9F4F9; background-color: #fdfdfd; color: #57CCE3; left: 21px; border-radius: 5px; text-indent: 5px; font-size: 9pt; margin-bottom: 17px; cursor: pointer; top: 7px; }


.diyetist_MainFixedMainDataListSubRow2,
.diyetist_MainFixedMainDataListSubRow2x { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 5px; border-radius: 5px; text-indent: 30px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

    .diyetist_MainFixedMainDataListSubRow2 div,
    .diyetist_MainFixedMainDataListSubRow2x div { position: absolute; width: 00px; height: 00px; top: 5px; left: 11px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid rgb(87, 207, 234); }

.diyetist_MainFixedMainDataListSubRow2x { color: #ffa500 !important; }

    .diyetist_MainFixedMainDataListSubRow2x div { position: absolute; width: 00px; height: 00px; /* border-radius: 10px; */ top: 5px; left: 11px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid rgb(255, 165, 0); }

.diyetist_MainFixedMainDataListSubRow3,
.diyetist_MainFixedMainDataListSubRow3x { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 12px; border-radius: 5px; text-indent: 23px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.diyetist_MainFixedMainDataListSubRow3x { color: #00839c; }

.diyetist_MainFixedMainDataListSubRow4,
.diyetist_MainFixedMainDataListSubRow4x { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 12px; border-radius: 5px; text-indent: 43px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.diyetist_MainFixedMainDataListSubRow4x { color: #00839c; }

#diyetist_MainFixedMainDataListRowBtnXlst1 { height: 1px; }


.diyetist_MainFixedMainDataListSubRowx { color: #ffa500 !important; font-weight: bold; font-size: 10pt !important; }

    .diyetist_MainFixedMainDataListSubRowx div { position: absolute; width: 00px; height: 00px; /* border-radius: 10px; */ top: 5px; left: 11px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid rgb(255, 165, 0); }

.diyetist_MainFixedMainDataListSubRowx,
.diyetist_MainFixedMainDataListSubRow { position: relative; width: 220px; height: 20px; line-height: 20px; color: #57CCE3; left: 0px; border-radius: 5px; text-indent: 25px; font-size: 12px; margin-bottom: 1px; white-space: nowrap; overflow: hidden; cursor: pointer; }

    .diyetist_MainFixedMainDataListSubRow div { position: absolute; width: 00px; height: 00px; top: 5px; left: 11px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid rgb(87, 207, 234); }

    .diyetist_MainFixedMainDataListSubRowx .diyetistMonitoScreenBannerButtons1 { }

    .diyetist_MainFixedMainDataListSubRowx .diyetistMonitoScreenBannerButtons2 { background: #00b4d5; border-radius: 20px; border: solid 2px #0995b1; }

    .diyetist_MainFixedMainDataListSubRowx .diyetistMonitoScreenBannerButtons3 { background-color: #fff; }

.diyetist_MainFixedRghtBtnsCon { position: absolute; width: 400px; height: 00px; top: 0px; right: -36px; right: -35px; }

.diyetist_MainFixedRghtBtnsConCap { position: absolute; top: 0px; left: -462px; width: 454px; height: 30px; background: #0db4d5; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; }

.diyetist_MainFixedRghtBtnsNotifDiv div,
.diyetist_MainFixedRghtBtnsNotifDivx div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtBtnsNotifDiv2 div,
.diyetist_MainFixedRghtBtnsNotifDiv2x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtBtnsNotifDiv3 div,
.diyetist_MainFixedRghtBtnsNotifDiv3x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtNotifMnBtns1 div,
.diyetist_MainFixedRghtNotifMnBtns1x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtNotifMnBtns2 div,
.diyetist_MainFixedRghtNotifMnBtns2x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtNotifMnBtns3 div,
.diyetist_MainFixedRghtNotifMnBtns3x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtNotifMnBtns6 div,
.diyetist_MainFixedRghtNotifMnBtns6x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtNotifMnBtns7 div,
.diyetist_MainFixedRghtNotifMnBtns7x div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; padding-right: 1px; }

.diyetist_MainFixedRghtBtnsNotifDiv22x div,
.diyetist_MainFixedRghtBtnsNotifDiv222x div,
.diyetist_MainFixedRghtBtnsNotifDiv22 div,
.diyetist_MainFixedRghtBtnsNotifDiv222 div { position: absolute; bottom: -19px; right: 6px; width: 22px; height: 22px; border-radius: 15px; font-size: 7pt; text-indent: 1px; text-align: center; line-height: 22px; background-color: #fff; color: #f7982c; font-family: Arial; border: 1px solid #0db4d5; }


.diyetist_MainFixedRghtBtnsMapDiv,
.diyetist_MainFixedRghtBtnsNotifDiv2x,
.diyetist_MainFixedRghtBtnsNotifDiv3x,
.diyetist_MainFixedRghtBtnsNotifDivx,
.diyetist_MainFixedRghtBtnsNotifDiv2,
.diyetist_MainFixedRghtBtnsNotifDiv3,
.diyetist_MainFixedRghtBtnsNotifDiv { position: absolute; width: 40px; height: 40px; border: 3px solid #53cae2; border-radius: 30px; background: #fff; cursor: pointer; /* box-shadow: 0px 0px 1px 1px #0db4d5; */ z-index: 10; }

.diyetist_MainFixedRghtBtnsNotifDiv22x,
.diyetist_MainFixedRghtBtnsNotifDiv222x,
.diyetist_MainFixedRghtBtnsNotifDiv22,
.diyetist_MainFixedRghtBtnsNotifDiv222 { position: absolute; width: 50px; height: 50px; border: 3px solid #53cae2; border-radius: 30px; background: #fff; cursor: pointer; /* box-shadow: 0px 0px 1px 1px #0db4d5; */ }

.diyetist_MainFixedRghtBtnsMapDiv { top: 35px; left: 110px; width: 50px; height: 50px; line-height: 41px; text-align: center; font-size: 28px; color: #0db4d5; border: 4px solid #53cae2; }

.diyetist_MainFixedRghtBtnsNotifDivx,
.diyetist_MainFixedRghtBtnsNotifDiv { top: 7px; left: -282px; }

.diyetist_MainFixedRghtBtnsNotifDiv2x,
.diyetist_MainFixedRghtBtnsNotifDiv2 { top: 7px; left: -231px; }

.diyetist_MainFixedRghtBtnsNotifDiv3x,
.diyetist_MainFixedRghtBtnsNotifDiv3 { top: 7px; left: -130px; width: 40px; height: 40px; border: 3px solid #2fc2dd; /* box-shadow: 0px 0px 1px 1px #0db4d5; */ }

.diyetist_MainFixedRghtBtnsNotifDiv22x,
.diyetist_MainFixedRghtBtnsNotifDiv22 { top: 38px; left: 209px; }

.diyetist_MainFixedRghtBtnsNotifDiv222x,
.diyetist_MainFixedRghtBtnsNotifDiv222 { top: 124px; left: 332px; }

.diyetist_MainFixedMainDataMargin { margin-bottom: 5px; margin-top: 5px; }

.diyetistLangHImg,
.diyetistLangHImgx { position: relative; float: left; width: 35px; margin-right: 25px; top: 5px; left: 40px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; z-index: 2; cursor: pointer; }

.diyetistLangHImgx { opacity: 1; }

.diyetistLangHImgnw,
.diyetistLangHImgnwx { position: relative; float: left; width: 40px; margin-right: 25px; top: 5px; left: 30px; /* border: 4px solid #fff; */ border-radius: 30px; opacity: 0.2; z-index: 2; cursor: pointer; }

.diyetistLangHImgnwx { opacity: 1; }

.diyetist_MainFixedRghtBtnsMapDiv img { position: absolute; width: 26px; top: 5px; left: 9px; }

.diyetist_MainFixedRghtBtnsNotifDiv img { position: absolute; width: 22px; top: 5px; left: 7px; }

.diyetist_MainFixedRghtBtnsNotifDiv2 img { position: absolute; width: 23px; top: 9px; left: 6px; }

.diyetist_MainFixedRghtBtnsNotifDiv22 img { position: absolute; width: 28px; top: 7px; left: 8px; }

.diyetist_MainFixedRghtBtnsNotifDiv222 img { position: absolute; width: 30px; top: 11px; left: 7px; }

.diyetist_MainFixedRghtBtnsNotifDiv3 img { position: absolute; width: 28px; top: 6px; left: 3px; }


.diyetist_MainFixedRghtBtnsNotifDivx img { position: absolute; width: 22px; top: 5px; left: 7px; }

.diyetist_MainFixedRghtBtnsNotifDiv2x img { position: absolute; width: 23px; top: 9px; left: 6px; }

.diyetist_MainFixedRghtBtnsNotifDiv22x img { position: absolute; width: 28px; top: 7px; left: 8px; }

.diyetist_MainFixedRghtBtnsNotifDiv222x img { position: absolute; width: 30px; top: 11px; left: 7px; }

.diyetist_MainFixedRghtBtnsNotifDiv3x img { position: absolute; width: 28px; top: 6px; left: 3px; }


.diyetist_MainFixedRghtBtnsNotifDiv2x,
.diyetist_MainFixedRghtBtnsNotifDiv3x,
.diyetist_MainFixedRghtBtnsNotifDiv22x,
.diyetist_MainFixedRghtBtnsNotifDiv222x,
.diyetist_MainFixedRghtBtnsNotifDivx { border: 3px solid #0db4d5; box-shadow: 0px 0px 1px 1px #0db4d5; }

.notif_bg_red { background-color: #fff !important; color: red !important; width: 26px !important; height: 26px !important; line-height: 26px !important; top: 32px !important; right: 4px !important; font-size: 8pt !important; }

.diyetist_MainFixedRghtBtnsWarnnDiv { position: absolute; width: 42px; height: 42px; border-radius: 30px; background: #fff; top: 20px; left: -844px; cursor: pointer; z-index: 1; text-indent: 0px; text-align: center; line-height: 42px; font-size: 35px; color: orange; }
    .diyetist_MainFixedRghtBtnsWarnnDiv img { position: absolute; width: 50px; height: 50px; top: -6px; left: -10px; }


.diyetist_MainFixedRghtSubMnBtns1,
.diyetist_MainFixedRghtSubMnBtns2,
.diyetist_MainFixedRghtSubMnBtns3,
.diyetist_MainFixedRghtSubMnBtns4,
.diyetist_MainFixedRghtSubMnBtns5,
.diyetist_MainFixedRghtSubMnBtns6 { position: relative; width: 86px; height: 35px; margin-bottom: 3px; top: 75px; }

.diyetist_MainFixedRghtSubMnBtns1 { left: 106px; }

.diyetist_MainFixedRghtSubMnBtns2 { left: 168px; }

.diyetist_MainFixedRghtSubMnBtns3 { left: 215px; }

.diyetist_MainFixedRghtSubMnBtns4 { left: 247px; }

.diyetist_MainFixedRghtSubMnBtns5 { left: 277px; }

.diyetist_MainFixedRghtSubMnBtns6 { left: 301px; }


.diyetist_MainFixedRghtSubMnBtnsCirc { position: absolute; width: 35px; height: 35px; border-radius: 20px; border: 2px solid #A3D9EA; background: #fff; right: 0px; }

    .diyetist_MainFixedRghtSubMnBtnsCirc span { position: absolute; width: 10px; height: 10px; top: 10px; left: 10px; background: #A3D9EA; border-radius: 10px; }

.diyetist_MainFixedRghtSubMnBtnsNm { position: absolute; width: 63px; height: 15px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; line-height: 13px; left: -12px; top: 3px; cursor: pointer; }

.diyetist_MainFixedRghtSubMnBtnsNm2 { position: absolute; width: 91px; height: 19px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; left: -40px; top: 0px; line-height: 21px; }

.diyetist_MainFixedRghtSubMnBtnsNm3 { position: absolute; width: 70px; height: 15px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; line-height: 13px; left: -17px; top: 3px; cursor: pointer; }

.diyetist_MainFixedRghtSubMnBtnsNm4 { position: absolute; width: 78px; height: 15px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; line-height: 13px; left: -27px; top: 3px; cursor: pointer; }

.diyetist_MainFixedRghtSubMnBtnsNm5 { position: absolute; width: 84px; height: 15px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; line-height: 13px; left: -33px; top: 3px; cursor: pointer; }

.diyetist_MainFixedRghtSubMnBtnsNm6 { position: absolute; width: 45px; height: 15px; border-bottom: 1px solid #A3D9EA; text-align: left; font-size: 9pt; color: #A3D9EA; line-height: 13px; left: 6px; top: 3px; cursor: pointer; }


.diyetist_MainFixedMainDataListSubxRowVlx,
.diyetist_MainFixedMainDataListSubxRowVl { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 20px; border-radius: 5px; text-indent: 20px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.diyetist_MainFixedMainDataListSubxRowVlx { color: #0989a2; }

.diyetist_MainFixedMainDataList2xSubxRow2,
.diyetist_MainFixedMainDataList2xSubxRow2x { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 20px; border-radius: 5px; text-indent: 34px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; white-space: nowrap; }

.diyetist_MainFixedMainDataList2xSubxRow2x { color: #00839c; }






.diyetist_MainFixedRghtBtnsBonusBtn { position: absolute; top: 11px; left: 244px; width: 40px; height: 40px; /* border: 3px solid #53cae2; */ border-radius: 30px; cursor: pointer; /* box-shadow: 0px 0px 1px 1px #0db4d5; */ z-index: 10; /* opacity: 0.2; */ }

    .diyetist_MainFixedRghtBtnsBonusBtn img { position: absolute; width: 32px; top: 0px; left: 5px; transform: rotate(28deg); }


.diyetist_MainFixedRghtBtnsPromoBtn { position: absolute; top: 6px; left: 910px; width: 40px; height: 40px; /* border: 3px solid #53cae2; */ cursor: pointer; /* box-shadow: 0px 0px 1px 1px #0db4d5; */ z-index: 10; /* opacity: 0.2; */ }

    .diyetist_MainFixedRghtBtnsPromoBtn img { position: absolute; width: 34px; top: 3px; left: 3px; }


.diyetist_MainFixedRghtBtnsBonusStepCn { position: absolute; width: 40px; height: 40px; border-radius: 20px; border: 2px solid #0db4d5; }

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





/*_______________________________________________________________________________________________________*/

#diyetist_ResetPasswordCon { background-color: #fff; height: 264px; left: 18px; top: 48px; }

    #diyetist_ResetPasswordCon .diyetist_LoginInfOK { top: 123px; left: 191px; line-height: 24px; color: #ffffff; /* text-shadow: -2px 2px 1px #000; */ text-transform: lowercase; }

    #diyetist_ResetPasswordCon #diyetist_LoginInfCancel2 { top: 123px; left: 35px; color: #9a1212; line-height: 24px; color: #ffffff; /* text-shadow: -2px 2px 1px #000; */ text-transform: lowercase; }

    #diyetist_ResetPasswordCon .bckRestPass { position: absolute; width: 26px; right: 16px; }


#diyetist_ResetPasswordCon2 { background-color: #65b1d4; height: 200px; right: 3px; }

    #diyetist_ResetPasswordCon2 .diyetist_LoginInfOK { top: 84px; left: 195px; }

    #diyetist_ResetPasswordCon2 #diyetist_LoginInfCancel { top: 84px; left: 95px; color: #ea2626; }

    #diyetist_ResetPasswordCon2 .bckRestPass { position: absolute; width: 26px; right: 16px; }

#diyetist_ResetPasswordCon .diyetist_Login1Email { top: 37px; left: 35px; border: 2px solid #D9F4F9; }

#diyetist_ResetPasswordCon .diyetist_Login1Phone { top: 79px; left: 35px; border: 2px solid #D9F4F9; }


/*_______________________________________________________________________________________________________*/
.divNutriMan_forgtPassword { position: absolute; width: 190px; height: 40px; line-height: 40px; text-align: center; color: #009bc2; top: 540px; left: 289px; }

.divNutriMan_forgtPasswordCon { position: relative; width: 500px; height: 290px; background: #abababa3; z-index: 5; margin: 50px auto 0px auto; }
.divNutriMan_forgtPasswordWrp { position: relative; width: 500px; height: 290px; border: 2px solid #0C6787; background: #D2D9E2; left: calc((100% - 500px) / 2); border-radius: 9px; }

.divNutriMan_forgtPasswordInpt,
.divNutriMan_forgtPasswordLbl { position: relative; height: 60px; line-height: 60px; }

.divNutriMan_forgtPasswordInpt { width: 400px; left: calc((100% - 400px) / 2); border-radius: 5px; border: 2px solid #0C6787; text-align: center; font-size: 34px; }
.divNutriMan_forgtPasswordLbl { width: 100%; text-align: center; font-size: 18px; font-style: italic; color: #0C6787; margin-bottom: 10px; margin-top: 27px; }

.divNutriMan_forgtPasswordOkBtn { position: relative; width: 130px; height: 50px; line-height: 50px; text-align: center; background: #0C6787; color: #fff; border-radius: 5px; font-size: 18px; margin-top: 20px; left: 317px; }

.divNutriMan_forgtPasswordCls { position: absolute; width: 40px; height: 40px; border: 2px solid #009bc0; border-radius: 30px; top: -11px; right: -10px; background: #fff; }
    .divNutriMan_forgtPasswordCls div { position: absolute; left: 4px; top: 8px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 21px solid rgb(0 155 192); width: 0px; z-index: 2; cursor: pointer; }
/*_______________________________________________________________________________________________________*/


#mainMap { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; background-color: #aad3df; z-index: 1610000; }

#mainMapp { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 100%; overflow: hidden; }


.diyetist_QrSysCon { position: absolute; width: 600px; height: 500px; top: 59%; left: 50%; transform: translate(-50%,33%); }

.diyetist_QrSysMainWord { position: absolute; width: 600px; height: 60px; box-shadow: 0px 0px 15px 1px #2a7490; text-align: center; font-size: 10pt; left: 1px; padding-top: 13px; line-height: 17px; background-color: #fff; border-radius: 13px; }

.diyetist_QrSysMainWord2 { position: absolute; width: 500px; height: 40px; box-shadow: 0px 0px 0px 1px #2a7490; text-align: center; font-size: 10pt; left: 50px; padding-top: 10px; line-height: 18px; background-color: #fff; top: 411px; }


.diyetist_QrSysCatCon { position: absolute; width: 725px; height: 250px; top: 85px; left: 4px; }

.diyetist_QrSysCat { position: relative; width: 250px; height: 250px; float: left; margin-right: 96px; margin-bottom: 19px; }

.diyetist_QrSysCatUrl { position: absolute; width: 250px; height: 30px; line-height: 30px; text-align: center; font-size: 10pt; background-color: #ffffff; box-shadow: 0px 0px 15px 1px #0c3c4e; top: 255px; left: 0px; }

.diyetist_QrSysCatCode { position: absolute; width: 250px; height: 250px; line-height: 30px; top: 00px; text-align: center; font-size: 10pt; background-color: #808080; box-shadow: 0px 0px 0px 1px #000; }

.diyetist_LoginUserArTxtExitBtn { position: absolute; top: 6px; left: 310px; width: 30px; height: 30px; transform: rotate(126deg); z-index: 1; cursor: pointer; }

    .diyetist_LoginUserArTxtExitBtn img { position: absolute; top: 2px; left: 4px; width: 18px; }

.diyetist_LoginUserArTxt { position: absolute; width: 350px; height: 533px; background-color: #fff; left: 577px; top: 131px; z-index: 2; text-align: left; border: 2px solid #0db4d5; color: #0db4d5; border-radius: 7px; }
.diyetist_LoginUserArTxt2 { position: absolute; width: 350px; height: 533px; background-color: #fff; left: -60px; top: -39px; z-index: 2; text-align: left; border: 2px solid #0db4d5; color: #0db4d5; border-radius: 7px; overflow: scroll; padding: 10px; }

#diyetist_LoginUserArTxtt { position: absolute; width: 323px; height: 480px; font-size: 9pt; line-height: 16px; white-space: pre-wrap; left: 10px; top: 26px; overflow: hidden; }
#diyetist_LoginUserArTxtt2 { position: absolute; width: 323px; height: 480px; font-size: 9pt; line-height: 16px; white-space: pre-wrap; left: 10px; top: 26px; overflow: hidden; }

#diyetist_LoginComArTxtt { position: absolute; width: 323px; height: 480px; font-size: 9pt; line-height: 16px; white-space: pre-wrap; left: 10px; top: 26px; overflow: hidden; }

#diyetist_LoginComArTxt { top: 179px; }



#diyetist_LoginUserArTxt_ScrollUp,
#diyetist_LoginUserArTxt_ScrollDw { position: absolute; right: 10px; color: #fff; text-align: center; line-height: 25px; vertical-align: middle; padding: 0px; margin: 0px; font-size: 18px; }

#diyetist_LoginUserArTxt_ScrollUp { top: 245px; }

#diyetist_LoginUserArTxt_ScrollDw { top: 275px; }

/*#diyetist_LoginUserArTxt_ScrollUp:hover,
    #diyetist_LoginUserArTxt_ScrollDw:hover { box-shadow: -5px 3px 19px 1px rgb(219, 214, 214); }*/

#diyetist_LoginUserArTxt_ScrollUp .uparr { position: absolute; left: 0px; top: 2px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid rgba(204, 213, 218,0.5); width: 0px; z-index: 2; display: none; }

#diyetist_LoginUserArTxt_ScrollDw .dwarr { position: absolute; left: 0px; top: 2px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid rgba(204, 213, 218,0.5); width: 0px; z-index: 2; display: none; }

#diyetist_LoginUserArTxt_ScrollUp .uparr:hover { border-bottom: 20px solid rgb(204, 213, 218); }

#diyetist_LoginUserArTxt_ScrollDw .dwarr:hover { border-top: 20px solid rgb(204, 213, 218); }

.diyetist_LoginNewUserSpn1 { cursor: pointer; color: #5CCFE4; letter-spacing: 1px; /* text-shadow: -1px 2px 1px #000; */ }

.diyetist_LoginNewUserSpn2 { cursor: pointer; color: #5CCFE4; letter-spacing: 1px; /* text-shadow: -1px 2px 1px #000; */ }

.diyetist_LoginNewUserSpn3 { letter-spacing: 1px; }

.diyetist_LoginUserArTxtCls { position: absolute; width: 30px; right: 3px; top: 3px; }

.docPageMainLabCon { position: absolute; width: 368px; height: 466px; top: 114px; background-color: #CFF3F9; z-index: 9; left: 97px; box-shadow: none; border-radius: 10px; border: 2px solid #A3D9EA; }

.docPageDataSubLabBtn1,
.docPageDataSubLabBtn2 { position: absolute; width: 30px; height: 26px; border-radius: 20px; right: 3px; /*display: none;*/ cursor: pointer; z-index: 7; }

.docPageDataSubLabBtn1 { top: 53px; }

.docPageDataSubLabBtn2 { top: 101px; }

.docPageDataSubRowXX:hover .docPageDataSubLabBtn1 { display: block; }

.docPageDataSubRowXX:hover .docPageDataSubLabBtn2 { display: block; }

.docPageDataSubLabBtn1 img,
.docPageDataSubLabBtn2 img { position: absolute; width: 30px; top: 0px; left: 0px; box-shadow: 0px 0px 0px 4px #fff; border-radius: 20px; background: #fff; }

.docPageDataSubLabBtn1 img { width: 30px; left: -1px; box-shadow: 0px 0px 0px 4px #fff; border-radius: 20px; background: #fff; }


.docPageDataSubLabVls1,
.docPageDataSubLabVls2 { position: absolute; width: 175px; height: 22px; border-radius: 5px; background-color: #266e8a; right: 38px; cursor: pointer; line-height: 24px; text-align: center; font-size: 7pt; display: none; color: #fff; }

.docPageDataSubLabVls1 { top: -6px; }

.docPageDataSubLabVls2 { top: 14px; }


/*.docPageDataSubLabBtn1:hover .docPageDataSubLabVls1,
.docPageDataSubLabBtn2:hover .docPageDataSubLabVls2 { display: block; }*/

.docPageMainInsLabSrc { position: absolute; width: 210px; height: 25px; line-height: 28px; text-align: center; font-size: 8pt; left: 101px; top: 55px; border-radius: 25px; background-color: #fff; color: #125b77; border: 2px solid #A3D9EA; }

.docPageMainInsLabList { position: absolute; width: 400px; height: 364px; overflow: hidden; top: 89px; left: 0px; }

.docPageMainInsLabListRow { position: relative; width: 394px; height: 25px; line-height: 25px; font-size: 8pt; text-align: center; left: 3px; margin-bottom: 3px; background-color: #256d89; color: #fff; border-radius: 25px; }

.docPageMainInsLabListRowLx { position: relative; width: 394px; height: 25px; line-height: 25px; font-size: 8pt; text-align: center; left: 3px; margin-bottom: 3px; background-color: #63efd3; color: #125b77; border-radius: 25px; }

.docPageMainInsLabInfPast { position: absolute; width: 200px; height: 22px; line-height: 19px; text-align: center; font-size: 8pt; left: 84px; top: 19px; border-radius: 5px; background-color: #fff; color: #125b77; letter-spacing: 1px; border: 2px solid #A3D9EA; }

.docPageMainInsLabInfPastArr { border-bottom: 13px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; top: -15px; width: 0px; left: 87px; position: absolute; }

.docPageMainInsLabBckBtn { position: absolute; width: 50px; height: 25px; background-color: #fff; top: 55px; left: 44px; border-radius: 20px; cursor: pointer; border: 2px solid #A3D9EA; }

    .docPageMainInsLabBckBtn img { position: absolute; width: 23px; top: 1px; left: 11px; }


.newDocSaveAppoAlerBan2,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv1,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv2,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv3,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv4,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x7,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x7,
.diyetist_MainWrap .newDocSaveWrapper #newDocSaveAppoSettings .newDocSaveAppoSetTimeCon .newDocSaveAppoSetTimeRow .newDocSaveAppoSetTimeInf,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMper,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperDm,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMvl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv1,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv2,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv3,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv4,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv5,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetTimeInf,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowVl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMvl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMper,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMperDm,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoBan2,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoBan,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowInf { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); border: 2px solid #a3d9ea; background: #9fdbec; color: #57CCE3; }


.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv1,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv2,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv3,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv4,
.diyetist_MainWrap #newDocSaveAppoSettings .newDocSaveAppoSetDateCon .newDocSaveAppoSetDateBan .newDocSaveAppoSetDateBanDiv5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x7,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x7,
.diyetist_MainWrap .newDocSaveWrapper #newDocSaveAppoSettings .newDocSaveAppoSetTimeCon .newDocSaveAppoSetTimeRow .newDocSaveAppoSetTimeInf,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMper,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperDm,
.diyetist_MainWrap .newDocSaveWrapper #docPageMiniLabPrice .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMvl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv1,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv2,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv3,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv4,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetDateBanDiv5,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveAppoSetTimeInf,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowVl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMvl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMper,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowDMperDm,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoBan2,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoBan,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowInf { line-height: 22px; font-weight: bold; color: #fff; }

.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x7,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x6,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x5,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x4,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x3,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x2,
.diyetist_MainWrap #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv3x1 { padding: 0px; margin-right: 1px; }


.diyetist_MainWrap .docPageAppoTimeDivxx { background: -webkit-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -o-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: -moz-linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); background: linear-gradient(#FBFBFB, #F1F1F2, #eaeaea); box-shadow: none; font-size: 9pt; font-weight: bold; border: 2px solid #6cc7e2; background: #fff; color: #6cc7e2; }

.diyetist_MainWrap .appointmentCellToMove { border: 2px solid #ffa500; color: #ffa500; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRow .newDocSaveDataInptsRowInfn img { position: absolute; width: 70px; top: -12px; left: 27px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowInf { width: 125px; text-indent: 10px; }

.diyetist_MainWrap #newDocSaveDoctorValues #newDocSaveDataInptsRowInfNas3_21 { height: 62px; text-indent: 0px; padding-left: 10px; line-height: 16px; padding-top: 13px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowDwnARww { position: absolute; width: 0px; height: 0px; left: 515px; top: 7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 11px solid #0db4d5; }



#newDocSaveDataInptsRowInfDp { height: 35px; top: 2px; line-height: 31px !important; }


.diyetistDoc_TitleSlect { position: absolute; width: 201px; background-color: #fff; left: 135px; font-size: 9pt; line-height: 23px; text-indent: 5px; height: 26px; border-radius: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; }

.diyetisTitleSelectRow { position: relative; }

.diyetisTitleSelectSettingsRow { position: relative; padding-left: 11px; margin-left: 5px; line-height: 19px; }


.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowVl { width: 125px; line-height: 20px; top: 40px; left: 20px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoBan { width: 125px; line-height: 20px; top: 144px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataChoseBtnsRowBtn,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValueX,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValue1a,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValue,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValue1,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValue1x { left: 135px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRowValue1b { left: 281px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl { width: 100px; left: 15px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl,
.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl2 { top: 186px; }

.diyetistDoc_WrkAdressPin { position: absolute; top: 10px; width: 43px; /* height: 33px; */ left: 460px; margin-bottom: 6px; cursor: pointer; }

.proUserAboutEditBox { position: absolute; top: 69px; left: 0px; width: 405px; max-width: 385px; max-height: 150px; min-width: 405px; min-height: 115px; border-radius: 5px; font-size: 8pt; padding-bottom: 5px; line-height: 14px; padding-left: 5px; padding-top: 5px; padding-right: 7px; white-space: pre-wrap; overflow: hidden; background-color: #fff; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; }

.newDocSaveDataFotoVl2 #img_person_logo { position: absolute; max-width: 405px; max-height: 112px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl { overflow: hidden; background: transparent; box-shadow: none; border: none; }

    .diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataFotoVl img { /* position: relative; */ width: 100px; height: 100px; margin: 0px auto; top: 50%; left: 40%; transform: translate(0%,0%); border-radius: 100px; object-fit: cover; object-position: 100% 0%; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataInptsRow { width: 543px; }


.newDocSaveSrcIcon { position: absolute; width: 15px; left: 370px; z-index: 5; top: 49px; }


.diyetist_MainWrap .docPageDataSubRowdiv1XX,
.diyetist_MainWrap .docPageDataSubRowdiv1,
.diyetist_MainWrap .docPageDataSubRowdiv4,
.diyetist_MainWrap .docPageDataSubRowdiv2x1,
.diyetist_MainWrap .docPageDataSubRowdiv2x2,
.diyetist_MainWrap .docPageDataSubRowdiv2x3,
.diyetist_MainWrap .docPageDataSubRowdiv2x4,
.diyetist_MainWrap .docPageDataSubRowdiv2x5,
.diyetist_MainWrap .docPageDataSubRowdiv2x6,
.diyetist_MainWrap .docPageDataSubRowdiv2x7 { background: -webkit-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: -o-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: -moz-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: linear-gradient(#b0deea, #43a4c3, #1a7d9a); box-shadow: 0px 0px 0px 0px #fff; color: #fff; }



.diyetist_MainWrap .docPageDataRowXDivVlWlk,
.diyetist_MainWrap .docPageDataRowXDivVlWlk2,
.diyetist_MainWrap .docPageDataRowXDiv1,
.diyetist_MainWrap .docPageDataRowXDiv2,
.diyetist_MainWrap .docPageDataRowXDiv3,
.diyetist_MainWrap .docPageDataRowXDiv4,
.diyetist_MainWrap .docPageDataRowXDiv5,
.diyetist_MainWrap .docPageDataRowXDiv7 { background: -webkit-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: -o-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: -moz-linear-gradient(#b0deea, #43a4c3, #1a7d9a); background: linear-gradient(#b0deea, #43a4c3, #1a7d9a); box-shadow: none; color: #00B4D5; border-right: 2px solid #fff; background: transparent; }

.diyetist_MainWrap .docPageDataSubRowdiv4Img1,
.diyetist_MainWrap .docPageDataSubRowdiv4Img2,
.diyetist_MainWrap .docPageDataSubRowdiv4Img3 { position: absolute; top: 5px; }

.diyetist_MainWrap .docPageDataSubRowdiv4Img1 { height: 17px; left: 35px; }

.diyetist_MainWrap .docPageDataSubRowdiv4Img2 { height: 17px; left: 7px; }

.diyetist_MainWrap .docPageDataSubRowdiv4Img3 { height: 15px; left: 59px; top: 6px; }

.docPageDataSubXimgS { position: absolute; width: 10px; left: 3px; top: 5px; }

.docPageDataSubXimgY { position: absolute; width: 28px; left: 18px; top: 19px; height: 6px; }

.docPageDataSubXimgA { position: absolute; width: 7px; left: 3px; top: 5px; }

.newDocSaveHideAccnt { position: absolute; width: 150px; color: #fff; line-height: 36px; font-weight: bold; font-size: 8pt; text-align: center; height: 33px; top: 670px; text-shadow: -1px 1px 1px #000; left: 280px; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataLogoCon { left: 156px; display: none; }

.file_uploader,
.logo_file_uploader,
.filePersonPicture { position: absolute; top: 22px; left: 30px; width: 60%; height: 100%; opacity: 0; z-index: 3; user-select: none; }

.diyetist_MainWrap #newDocSaveDoctorValues .newDocSaveDataForMeRow { margin-top: 14px; }

#mapest { position: absolute; width: 200px; height: 30px; left: 41px; bottom: 50px; z-index: 270; border: 3px solid #ff0000; border-radius: 7px; text-indent: 0px; color: #635c5c; font-size: 9pt; padding-left: 11px; }

.mapestOpt { position: relative; height: 30px; width: 150px; font-size: 10pt; color: #635c5c; }



#placeMapSearchInput { position: absolute; bottom: 13px; left: 15px; width: 250px; height: 30px; border: 3px solid #ff0000; z-index: 270; border-radius: 7px; text-indent: 10px; color: #635c5c; }

#placeMapSearchInput4 { position: absolute; bottom: 47px; left: 41px; width: 200px; height: 30px; border: 3px solid #ff0000; z-index: 270; border-radius: 7px; text-indent: 10px; color: #635c5c; }

#placeMapSearchInputImg { position: absolute; width: 18px; bottom: 19px; left: 235px; z-index: 270; }

#placeMapSearchInputImg4 { position: absolute; width: 18px; bottom: 54px; left: 212px; z-index: 270; }

#placeMapSearchInput2 { position: absolute; bottom: 13px; left: 265px; width: 250px; height: 30px; border: 3px solid #ff0000; z-index: 270; border-radius: 7px; text-indent: 10px; color: #635c5c; }

#placeMapSearchInput3 { position: absolute; bottom: 14px; left: 41px; width: 200px; height: 30px; border: 3px solid #ff0000; z-index: 270; border-radius: 7px; text-indent: 10px; color: #635c5c; }

#placeMapSearchInput44 { position: absolute; bottom: 55px; left: 41px; width: 200px; height: 30px; border: 3px solid #ff0000; z-index: 270; border-radius: 7px; text-indent: 10px; color: #635c5c; }

#placeMapSearchInputImg2 { position: absolute; width: 18px; bottom: 19px; left: 485px; z-index: 270; }

#placeMapSearchInputImg3 { position: absolute; width: 18px; bottom: 20px; left: 212px; z-index: 270; }

#placeMapSearchInputImg4 { position: absolute; width: 25px; bottom: 13px; left: 525px; z-index: 270; }

#placeMapSearchInputImg44 { position: absolute; width: 18px; bottom: 62px; left: 212px; z-index: 270; }

#placeMapSearchInput2::-webkit-input-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput2:-moz-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput2::-moz-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput2:-ms-input-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput3::-webkit-input-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput3:-moz-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput3::-moz-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput3:-ms-input-placeholder { color: #635c5c !important; font-size: 9pt; }

#placeMapSearchInput44::-webkit-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput44:-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput44::-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput44:-ms-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput::-webkit-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput:-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput::-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput:-ms-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput4::-webkit-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput4:-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput4::-moz-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapSearchInput4:-ms-input-placeholder { color: #635c5c !important; font-size: 8pt; }

#placeMapClose div { position: absolute; width: 60px; height: 20px; border: 2px solid #848282; line-height: 17px; text-align: center; font-size: 8pt; left: 11px; top: 83px; background: #fff; border-radius: 5px; display: none; letter-spacing: 1px; }

#placeMapClose:hover div { display: block; }

#placeMapCon,
#placeMap { position: absolute; bottom: 0px; width: 100%; height: 100%; background-color: #aad3df; border-radius: 7px; z-index: 260; }

#placeMapClose { position: fixed; top: 10px; right: 10px; width: 80px; height: 80px; border-radius: 50px; background-color: #ff0000; cursor: pointer; z-index: 270; /* box-shadow: 0px 0px 0px 7px #ff0000; */ }

    #placeMapClose img { position: absolute; width: 46px; top: 11px; left: 17px; }

#placeMapClose2 { position: fixed; top: 10px; right: 10px; width: 80px; height: 80px; border-radius: 50px; background-color: #ff0000; cursor: pointer; z-index: 270; /* box-shadow: 0px 0px 0px 7px #ff0000; */ }

    #placeMapClose2 img { position: absolute; width: 46px; top: 11px; left: 17px; }

    #placeMapClose2 div { position: absolute; width: 60px; height: 20px; border: 2px solid #848282; line-height: 17px; text-align: center; font-size: 8pt; left: 11px; top: 83px; background: #fff; border-radius: 5px; display: none; letter-spacing: 1px; }

    #placeMapClose2:hover div { display: block; }

/*.diyetist_MainWrap #divDietsDocSetCon { overflow: hidden; background: transparent; border: none; }*/

.diyetist_MainWrap #divDietsDocSetCon #newDocSaveCon { border-radius: 10px; border: 2px solid #CDEFF6; background-color: #ECF8FB; }

    .diyetist_MainWrap #divDietsDocSetCon #newDocSaveCon #docPageMiniLabPrice { }

#OpenLayers_Control_Zoom_5 { position: absolute; top: calc(100% - 173px ); left: calc(100% - 101px ); height: 1px; background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; width: 1px; background: transparent; }

    #OpenLayers_Control_Zoom_5 .olButton { display: block; margin: 10px; padding: 0; color: white; font-size: 38px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 60px; width: 60px; line-height: 54px; border-radius: 60px; background: #ff0000; background: #ff0000; filter: alpha(opacity=80); }

        #OpenLayers_Control_Zoom_5 .olButton:hover { background: #130085; background: #fd5555; filter: alpha(opacity=100); }

#placeMapCon .olControlZoom { position: absolute; top: calc(100% - 173px ); left: calc(100% - 101px ); height: 1px; background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; width: 1px; background: transparent; }

    #placeMapCon .olControlZoom .olButton { display: block; margin: 10px; padding: 0; color: white; font-size: 38px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 60px; width: 60px; line-height: 54px; border-radius: 60px; background: #ff0000; background: #ff0000; filter: alpha(opacity=80); }

        #placeMapCon .olControlZoom .olButton:hover { background: #130085; background: #fd5555; filter: alpha(opacity=100); }

#mainMap .olControlAttribution { display: none; }

#placeMapCon .olControlAttribution { display: none; }

.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2XX .docPageTestDataSubRowdiv2x7,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x1,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x2,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x3,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x4,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x5,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x6,
.diyetist_MainWrap #docPageTestsWrapper #newDocTestsDataList .newDocTestsDataRow .docPageTestDataSubRowdiv2 .docPageTestDataSubRowdiv2x7 { width: 79px; margin-right: 4px; white-space: nowrap; overflow: hidden; }

.diyetist_MainWrap .divDietsDocSetCon { top: 94px; box-shadow: none; left: 350px; }


    .diyetist_MainWrap .divDietsDocSetCon #docPageMiniLabWrapper .newDocMiniLabDataList { overflow: hidden; height: 571px; top: 77px; }


.diyetist_MainWrap #docPageCon { left: 50%; transform: translate(-50%, 0px); background-color: #fff; height: calc(100% - 45px); }


.diyetist_PageNaviBtnsCon { position: absolute; width: 170px; height: 47px; top: 25px; left: 54px; }

.diyetist_PageNaviBtn1 { position: absolute; width: 50px; left: 0px; }

.diyetist_PageNaviBtn2 { position: absolute; width: 50px; left: 103px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.diyetist_PageNaviBtnQu { position: absolute; width: 37px; left: 132px; }


.diyetist_MainWrap #newDocSaveBanImg1,
.diyetist_MainWrap #newDocSaveBanImg2,
.diyetist_MainWrap #newDocSaveBanImg3,
.diyetist_MainWrap #newDocSaveBanImg4,
.diyetist_MainWrap #newDocSaveBanImg5 { position: absolute; width: 65px; top: 0px; left: 0px; cursor: pointer; }

.diyetist_MainWrap #newDocSaveBanBtn1,
.diyetist_MainWrap #newDocSaveBanBtn2,
.diyetist_MainWrap #newDocSaveBanBtn3,
.diyetist_MainWrap #newDocSaveBanBtn4,
.diyetist_MainWrap #newDocSaveBanBtn5 { width: 57px; left: 0px; top: 0px; }

.diyetist_MainWrap #newDocSaveBanBtn1,
.diyetist_MainWrap #newDocSaveBanBtn2,
.diyetist_MainWrap #newDocSaveBanBtn3,
.diyetist_MainWrap #newDocSaveBanBtn4,
.diyetist_MainWrap #newDocSaveBanBtn5 { position: relative; left: 59px; float: left; margin-right: 29px; display: none; }

.diyetist_MainWrap .docPageAppoInfoBtnSel { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); /* box-shadow: 0px 0px 0px 1px #fff; */ color: #fff; background: #6cc7e2; letter-spacing: 1px; font-weight: normal; }

.diyetist_MainWrap .docPageNotifScreen { position: absolute; width: 581px; min-height: 583px; background-color: #ECF8FB; left: -12px; top: 49px; border-radius: 6px; height: 777px; z-index: 15; border: 2px solid #CDEFF6; }

.diyetist_MainWrap .docPageNotifScreenArr { position: absolute; border-bottom: 16px solid #d8f0f7; border-left: 20px solid transparent; border-right: 20px solid transparent; right: 108px; top: -15px; display: none; }

.diyetist_MainWrap .docPageAppoDataList { position: relative; width: 580px; height: 308px; top: auto; left: 34px; background: #ECF8FB; border: 2px solid #CDEFF6; border-radius: 5px; margin-bottom: 19px; }

.divAppointmentDetailCon { position: absolute; width: 584px; height: 312px; top: -55px; left: 33px; z-index: 5; border-radius: 6px; }

    .divAppointmentDetailCon img { position: absolute; width: 500px; }

.divAppointmentDetailCon { background: -webkit-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: -o-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: -moz-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: linear-gradient(to left, #aef1b6, #CECECF, #FBFBFB); border: 3px solid #D6F2F8; background: #9FDBEC; }

.divAppointmentDetailDiv1,
.divAppointmentDetailDiv2,
.divAppointmentDetailDiv3,
.divAppointmentDetailDiv4 { position: absolute; color: #fff; }

.divAppointmentDetailDiv1 { width: 111px; height: 110px; top: 20px; left: 19px; border-radius: 59px; background-color: #fff; box-shadow: none; overflow: hidden; border: 4px solid #A3D9EA; }

.divAppointmentDetailDiv2 { width: 260px; height: 24px; top: 78px; left: 159px; text-indent: 5px; font-size: 14pt; line-height: 24px; white-space: nowrap; }

.divAppointmentDetailDiv3 { width: 263px; height: 54px; top: 92px; left: 164px; font-size: 13pt; line-height: 34px; padding-top: 6px; white-space: nowrap; }

.divAppointmentDetailDiv4 { width: 483px; height: 56px; top: 198px; left: 144px; white-space: nowrap; }

.divAppointmentDetailDiv5 { position: absolute; width: 50px; height: 50px; border-radius: 30px; background-color: #fff; left: 509px; top: 20px; border: solid 2px #a3d9ea; }

    .divAppointmentDetailDiv5 span { position: absolute; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 29px solid rgb(0, 180, 213); top: 6px; left: 5px; }

#divAppointmentNormalDetailCon .divAppointmentDetailDiv2 { top: 5px; }

.divAppoDetailBg1 { background: -webkit-linear-gradient(#C6C932, #3EB9DE); background: -o-linear-gradient(#C6C932, #3EB9DE); background: -moz-linear-gradient(#C6C932, #3EB9DE); background: linear-gradient( #C6C932, #3EB9DE); text-indent: -4px !important; }

.divAppoDetailBg2 { background: -webkit-linear-gradient(#88D4EB, #EC579F); background: -o-linear-gradient(#88D4EB, #EC579F); background: -moz-linear-gradient(#88D4EB, #EC579F); background: linear-gradient( #88D4EB, #EC579F); text-indent: 2px !important; }

.divAppoDetailBg3 { background: -webkit-linear-gradient(#A892C5, #37B8E5); background: -o-linear-gradient(#A892C5, #37B8E5); background: -moz-linear-gradient(#A892C5, #37B8E5); background: linear-gradient( #A892C5, #37B8E5); text-indent: 2px !important; }

.divAppoDetailBg4 { background: -webkit-linear-gradient(#EF509B, #FDB944); background: -o-linear-gradient(#EF509B, #FDB944); background: -moz-linear-gradient(#EF509B, #FDB944); background: linear-gradient( #EF509B, #FDB944); text-indent: 2px !important; }

.divAppoDetailBg5 { background: -webkit-linear-gradient(#EF509B, #FDB944); background: -o-linear-gradient(#EF509B, #FDB944); background: -moz-linear-gradient(#EF509B, #FDB944); background: linear-gradient( #EF509B, #FDB944); }


.divAppointmentDetailDiv4Sub { position: relative; width: 35px; height: 35px; float: left; margin-right: 63px; top: 11px; left: 22px; box-shadow: 0px 0px 0px 5px #A3D9EA; border-radius: 43px; text-align: center; line-height: 93px; font-size: 9pt; font-weight: bold; color: #fff; cursor: pointer; background: #fff; text-indent: -5px; }

.divAppointmentDetailDiv4Subtxt1 { position: absolute; left: 2px; }

.divAppointmentDetailDiv4Subtxt2 { position: absolute; left: -5px; }

.divAppointmentDetailDiv4Subtxt3 { position: absolute; left: 4px; }

.divAppointmentDetailDiv4Subtxt4 { position: absolute; left: -7px; }

.divAppointmentDetailDiv4Subtxt5 { position: absolute; left: -3px; }

.appoDetailPaneButtonDisable { background: #989494 !important; }

.divAppointmentDetailDiv55 { position: absolute; top: 243px; left: 20px; background: #fff; width: 50px; height: 50px; border-radius: 50px; }

    .divAppointmentDetailDiv55 span { position: absolute; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 29px solid rgb(0, 180, 213); top: 7px; left: 5px; }

.divAppointmentDetailConx { position: absolute; width: 608px; height: 315px; top: 2px; left: 26px; z-index: 5; border-radius: 7px; }

    .divAppointmentDetailConx img { position: absolute; width: 500px; }

.divAppointmentDetailConx { background: -webkit-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: -o-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: -moz-linear-gradient(left, #aef1b6, #CECECF, #FBFBFB); background: linear-gradient(to left, #aef1b6, #CECECF, #FBFBFB); border: 3px solid #cdeff6; background: #9fdbec; }

    .divAppointmentDetailConx .divAppointmentDetailDiv4Sub { position: relative; width: 35px; height: 35px; float: left; margin-right: 43px; top: 11px; left: 22px; box-shadow: 0px 0px 0px 5px #A3D9EA; border-radius: 43px; text-align: center; line-height: 93px; font-size: 9pt; font-weight: bold; color: #fff; cursor: pointer; background: #fff; /* text-indent: 3px; */ }

    .divAppointmentDetailConx .divAppointmentDetailDiv4 { width: 483px; height: 56px; top: 212px; left: 163px; white-space: nowrap; }

    .divAppointmentDetailConx .divAppoDetailBg5inpt { position: absolute; width: 30px; height: 30px; background-color: #fff; left: -42px; border-radius: 40px; top: -21px; text-align: center; line-height: 45px; font-size: 8pt; font-weight: bold; border: 2px solid #f05895; color: #f05895; }

    .divAppointmentDetailConx .divAppoDetailBg5inptdk { position: absolute; width: 15px; height: 20px; line-height: 20px; text-align: center; font-size: 6pt; right: 30px; color: #f05993; top: -10px; /* display:  none; */ }

    .divAppointmentDetailConx .divAppointmentDetailBigNotes { position: absolute; width: 430px; height: 143px; top: 36px; left: 127px; background-color: #f9f9f9; border-radius: 20px; box-shadow: 0px 0px 0px 4px #a3d9ea; border: none; padding: 0px 10px; border-bottom: 8px solid #f9f9f9; border-top: 8px solid #f9f9f9; font-family: 'Arial'; font-size: 8pt; line-height: 15px; color: #2f2f2f; resize: none; }

    .divAppointmentDetailConx .divAppointmentDetailDiv1 { width: 80px; height: 80px; top: 23px; left: 23px; border-radius: 59px; background-color: #9fdbec; box-shadow: 0px 0px 0px 1px #6eb7be; overflow: hidden; }


.divAppointmentDetailDiv4Sub div { position: absolute; width: 9px; height: 9px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }

.diyetist_TRmaBannerBtnx2 { position: absolute; text-align: center; float: left; margin-right: 13px; color: #fff; font-weight: bold; border-radius: 12px; }


.doctorProfListCon { position: absolute; width: 311px; height: 509px; /* background-color: #65b1d4; */ top: 198px; z-index: 5; left: 205px; background: #fff; }

.doctorProfListRow { position: relative; width: 305px; height: 20px; line-height: 25px; box-shadow: none; margin-bottom: 3px; bottom: 0px; font-size: 9pt; cursor: pointer; text-align: left; text-indent: 60px; color: #0DB4D5; }

.doctorProfListRowx { position: relative; width: 295px; height: 20px; line-height: 25px; box-shadow: none; margin-bottom: 3px; bottom: 0px; font-size: 8pt; cursor: pointer; text-align: left; text-indent: 70px; color: #0DB4D5; }

.doctorProfListRow div { position: absolute; width: 50px; height: 1px; border-top: 1px solid #6BC9E4; top: 12px; left: 0px; }

.doctorProfListRowx div { position: absolute; width: 67px; height: 1px; border-top: 3px solid #6BC9E4; top: 11px; }




.doctorProfList { position: absolute; width: 298px; height: 419px; top: 33px; left: 0px; cursor: pointer; overflow: hidden; }

.doctorProfListBan { position: absolute; width: 212px; height: 20px; line-height: 25px; font-size: 7pt; background-color: #fff; top: 2px; left: 0px; text-align: center; color: #0DB4D5; border: 2px solid #0DB4D5; border-radius: 13px; }

    .doctorProfListBan::-webkit-input-placeholder { color: #0DB4D5 !important; font-size: 7pt; line-height: 22px; }

    .doctorProfListBan:-moz-placeholder { color: #0DB4D5 !important; font-size: 7pt; line-height: 22px; }

    .doctorProfListBan::-moz-placeholder { color: #0DB4D5 !important; font-size: 7pt; line-height: 22px; }

    .doctorProfListBan:-ms-input-placeholder { color: #0DB4D5 !important; font-size: 7pt; line-height: 22px; }

.doctorProfListBanMrck { position: absolute; width: 14px; z-index: 2; top: 6px; right: 105px; }

.doctorProfListBanBck { position: absolute; width: 27px; z-index: 2; top: 0px; left: 50px; left: 224px; cursor: pointer; /* display: none; */ background: #0db4d5; border: 5px solid #0db4d5; border-radius: 20px; }

#mainMap::-webkit-scrollbar { display: none; }

#divReverseGeocodingCoordinateAddress { position: absolute; top: 0px; left: 70px; min-width: 200px; min-height: 20px; background-color: #fff; padding: 10px; border-radius: 7px; }

    #divReverseGeocodingCoordinateAddress .saveButton { position: relative; left: calc((100% - 100px)/2); width: 100px; height: 20px; line-height: 20px; border: 0px none; background-color: #3a8ba9; color: #fff; font-size: 10px; font-weight: bold; margin-top: 10px; }

    #divReverseGeocodingCoordinateAddress .divReverseGeocodingCoordinateAddressText { position: relative; width: 100%; margin-bottom: 2px; }




.mapInfoPopupCon, .mapInfoPopupYandCon { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; }

    .mapInfoPopupCon .optFindDocDetCon1 { width: 400px; height: 166px; }

    .mapInfoPopupCon .optFindDocWrapperInfoWindow { position: absolute; bottom: 3px; left: -180px; width: 400px; height: 420px; background-color: #fff; z-index: 9; overflow: hidden; border: 3px solid #ccf0f7; border-radius: 8px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocImg { width: 100px; height: 100px; left: 19px; top: 17px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocImg img { max-width: 100px; max-height: 100px; min-height: 100px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .diyetist_TRmaBannerBtn { left: 194px; background-color: #00B4D5; border: 2px solid #A3D9EA; top: 387px; font-size: 7.5pt; width: 200px; height: 22px; line-height: 18px; z-index: 5; cursor: pointer; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .diyetist_TRmaBannerBtnx2 { left: 12px; background-color: #00B4D5; border: 2px solid #A3D9EA; top: 387px; font-size: 7.5pt; width: 120px; height: 22px; line-height: 18px; z-index: 5; cursor: pointer; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocDataConRow { width: 131px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocDataConRow .imgOptFDIP2 { left: 12px; top: 5px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataWrp .optFindDocDetDocDataTelCon { position: absolute; width: 185px; height: 195px; top: 28px; left: 25px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataWrp .optFindDocDetDocDataTelCon .optFindDocDetDocDataTelRow { margin-bottom: 15px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetDocName { top: 61px; left: 139px; font-size: 11pt; text-align: left; width: 272px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataCon { position: absolute; width: 394px; height: 35px; top: 131px; left: 3px; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 { top: 150px; height: 270px; width: 400px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataTelRow div { position: absolute; width: 150px; height: 30px; line-height: 34px; font-size: 10pt; color: #8E8E8E; left: 50px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp,
            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 #optFindDocDetDocDataWrp3 { top: 11px; width: 400px; height: 254px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrpAbout { position: absolute; width: 380px; height: 234px; top: 10px; left: 10px; color: #fff; white-space: pre-wrap; font-size: 8.5pt; line-height: 15px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon { width: 400px; height: 200px; position: absolute; overflow: hidden; left: 5px; top: 23px; }

                .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .userProcessPriceDel { display: none !important; }

                .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow { width: 390px; top: 0px; left: 0px; height: 17px; margin-bottom: 3px; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1 { height: 20px; line-height: 18px; font-size: 6pt; right: 18px; color: #000; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { height: 20px; line-height: 18px; font-size: 6pt; right: 82px; z-index: 13; color: #000; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1 { width: 242px; font-size: 6.5pt; left: 8px; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2 { width: 60px; right: 75px; padding-right: 20px; font-size: 7.5pt; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { width: 60px; font-size: 7.5pt; padding-right: 20px; right: 10px; }

                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1,
                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2,
                    .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { height: 17px; line-height: 21px; font-weight: normal; color: #3a8ba9; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataCon #optFindDocDetDocDataConRow3 { border-right: none; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceIBAN { position: absolute; bottom: 2px; height: 15px; background-color: #4da0bf; width: 380px; color: #fff; text-align: center; text-shadow: -1px 1px 1px #000; font-size: 8pt; }

        .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon { position: absolute; width: 400px; height: 255px; background-color: #4da0bf; z-index: 17; top: 165px; line-height: 298px; color: #fff; font-size: 12pt; text-align: center; text-shadow: -2px 2px 2px #000; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon img { position: absolute; width: 60px; left: 169px; top: 61px; }

            .mapInfoPopupCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon span { cursor: pointer; }

    .mapInfoPopupCon .optFindDocWrapperInfoWindowx .diyetist_TRmaBannerBtn { display: none; }

    .mapInfoPopupCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX { top: -1px; }

        .mapInfoPopupCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl1 { left: 5px; width: 245px; }

        .mapInfoPopupCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl2 { right: 76px; width: 62px; }

        .mapInfoPopupCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl3 { width: 65px; right: 9px; }

    .mapInfoPopupYandCon .optFindDocDetCon1 { width: 400px; height: 120px; }

    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow { position: absolute; top: -200px; left: 40px; width: 400px; height: 400px; background-color: #fff; z-index: 105; overflow: hidden; border: 3px solid #ccf0f7; border-radius: 8px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocImg { width: 100px; height: 100px; left: 19px; top: 8px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetConExt { position: absolute; top: 5px; right: 14px; width: 55px; height: 55px; background: #00b4d5; border-radius: 50px; cursor: pointer; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetConExtImg { position: absolute; width: 35px; height: 35px; top: 6px; left: 10px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocImg img { max-width: 100px; max-height: 100px; min-height: 100px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .diyetist_TRmaBannerBtn { left: 214px; background-color: #00B4D5; border: 2px solid #A3D9EA; top: 360px; font-size: 7.5pt; width: 150px; height: 22px; line-height: 18px; z-index: 5; cursor: pointer; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .diyetist_TRmaBannerBtnx2 { left: 32px; background-color: #00B4D5; border: 2px solid #A3D9EA; top: 360px; font-size: 7.5pt; width: 150px; height: 22px; line-height: 18px; z-index: 5; cursor: pointer; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocDataConRow { width: 131px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .optFindDocDetDocDataConRow .imgOptFDIP2 { left: 12px; top: 5px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataWrp .optFindDocDetDocDataTelCon { position: absolute; width: 185px; height: 195px; top: 14px; left: 25px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataWrp .optFindDocDetDocDataTelCon .optFindDocDetDocDataTelRow { margin-bottom: 15px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetDocName { top: 55px; left: 139px; font-size: 11pt; text-align: left; width: 272px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataCon { position: absolute; width: 394px; height: 35px; top: 120px; left: 3px; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 { top: 150px; height: 270px; width: 400px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataTelRow div { position: absolute; width: 150px; height: 30px; line-height: 34px; font-size: 10pt; color: #8E8E8E; left: 50px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp,
            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 #optFindDocDetDocDataWrp3 { top: 5px; width: 400px; height: 200px; overflow: hidden; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrpAbout { position: absolute; width: 380px; height: 191px; top: 10px; left: 10px; color: #0db4d5; white-space: pre-wrap; font-size: 8.5pt; line-height: 15px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon { width: 400px; height: 200px; position: absolute; overflow: hidden; left: 5px; top: 23px; }

                .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .userProcessPriceDel { display: none !important; }

                .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow { width: 390px; top: 0px; left: 0px; height: 17px; margin-bottom: 3px; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1 { height: 20px; line-height: 18px; font-size: 6pt; right: 18px; color: #000; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { height: 20px; line-height: 18px; font-size: 6pt; right: 82px; z-index: 13; color: #000; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1 { width: 242px; font-size: 6.5pt; left: 8px; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2 { width: 60px; right: 75px; padding-right: 20px; font-size: 7.5pt; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { width: 60px; font-size: 7.5pt; padding-right: 20px; right: 10px; }

                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1,
                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2,
                    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { height: 17px; line-height: 21px; font-weight: normal; color: #3a8ba9; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetDocDataCon #optFindDocDetDocDataConRow3 { border-right: none; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceIBAN { position: absolute; bottom: 2px; height: 15px; background-color: #4da0bf; width: 380px; color: #fff; text-align: center; text-shadow: -1px 1px 1px #000; font-size: 8pt; }

        .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon { position: absolute; width: 400px; height: 255px; background-color: #4da0bf; z-index: 17; top: 165px; line-height: 298px; color: #fff; font-size: 12pt; text-align: center; text-shadow: -2px 2px 2px #000; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon img { position: absolute; width: 60px; left: 169px; top: 61px; }

            .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetHideInfCon span { cursor: pointer; }

    .mapInfoPopupYandCon .optFindDocWrapperInfoWindowx .diyetist_TRmaBannerBtn { display: none; }

    .mapInfoPopupYandCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX { top: -1px; }

        .mapInfoPopupYandCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl1 { left: 5px; width: 245px; }

        .mapInfoPopupYandCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl2 { right: 76px; width: 62px; }

        .mapInfoPopupYandCon .optFindDocDetCon2 .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceHeaderX .optFindDocDetDocDataPriceHeaderXvl3 { width: 65px; right: 9px; }

    .mapInfoPopupYandCon .optFindDocWrapperInfoWindow .optFindDocDetCon1 .diyetist_SendMessageButtonOnlyCon .diyetist_TRmaBannerBtn { left: 125px; }

#mainMapp .ymaps-2-1-69-controls__toolbar_left { display: none; }

#mainMapp .ymaps-2-1-69-copyright__text { display: none; }

#mainMapp .ymaps-2-1-69-copyright__link { display: none; }

#mainMapp .ymaps-2-1-69-scaleline__center { display: none; }

#mainMapp .ymaps-2-1-69-scaleline__left-border { display: none; }

#mainMapp .ymaps-2-1-69-copyright__content-cell { display: none; }

#mainMapp .ymaps-2-1-69-scaleline__right-border { display: none; }

#mainMapp .ymaps-2-1-69-copyright__content { display: none; }

#mainMapp .ymaps-2-1-69-controls__control_toolbar { display: none; }

#mainMapp .ymaps-2-1-69-controls__control { display: none; }

#mainMapp .ymaps-2-1-69-copyrights-pane { display: none; }







#diyetist_DietistList .optFindDocDetHideInfCon { position: absolute; width: 400px; height: 317px; background-color: #4da0bf; z-index: 10; top: 347px; line-height: 28px; color: #fff; font-size: 12pt; text-align: center; text-shadow: -2px 2px 2px #000; padding-top: 159px; right: 97px; }

    #diyetist_DietistList .optFindDocDetHideInfCon img { position: absolute; width: 60px; left: 169px; top: 72px; }

    #diyetist_DietistList .optFindDocDetHideInfCon span { cursor: pointer; }

#diyetist_DietistList .imgOptFDIP1 { left: 18px; display: none; }

.docPageAdressPopCon { position: relative; width: 250px; height: 50px; background-color: #3A8BA9; overflow: hidden; }

.docPageAdressPopAdressVl { position: absolute; width: 247px; height: 20px; line-height: 20px; font-size: 8pt; color: #fff; left: 2px; padding-top: 5px; padding-left: 10px; }

.diyetist_MainFixedBar .diyetist_PageNaviBtnsCon { top: 20px; left: 832px; height: 39px; width: 144px; display: none; display: none; }

.diyetist_MainFixedUserInfCon { position: absolute; width: 200px; height: 55px; top: 0px; left: -3px; }

.diyetist_MainFixedUserInfImg,
.diyetist_MainFixedUserInfName { position: absolute; /* box-shadow: 0px 0px 0px 1px #000; */ }

.diyetist_MainFixedExitBtn { position: absolute; top: 15px; left: 1173px; cursor: pointer; width: 50px; height: 50px; border: 6px solid #ffffff; border-radius: 50px; line-height: 44px; text-align: center; background: #fff; font-size: 11pt; font-weight: bold; z-index: 1; }

    .diyetist_MainFixedExitBtn img { position: absolute; top: 3px; left: 5px; width: 28px; }

.diyetist_MainFixedUserInfImg { width: 75px; height: 75px; top: 58px; left: 30px; overflow: hidden; border-radius: 48px; /* border: 3px solid #A3D9EA; */ background: #c6e8f3; z-index: 1; }

.diyetist_MainFixedUserInfName { height: 1px; line-height: 15px; width: 1px; font-size: 10pt; left: 48px; top: 164px; color: #6CC7E2; letter-spacing: 1px; white-space: nowrap; font-family: Tahoma; font-weight: bold; z-index: 1; }

.diyetist_MainFixedUserInfImg img { position: absolute; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 100% 0%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.diyetist_MainFixedUserCatBtnsDiv { position: absolute; width: 441px; height: 55px; top: 17px; left: 290px; text-align: center; }

.diyetist_MainFixedUserCatBtn { position: relative; /* width: 75px; */ /* height: 55px; */ margin: 0px auto; display: inline-block; margin-right: 10px; }

    .diyetist_MainFixedUserCatBtn .FixedUserCatBtn1 { position: relative; width: 75px; top: -3px; /* left: 4px; */ margin-right: 3px; cursor: pointer; }

    .diyetist_MainFixedUserCatBtn .FixedUserCatBtn2 { position: relative; width: 42px; top: -6px; /* left: 23px; */ height: 31px; /* margin-right: 10px; */ cursor: pointer; }

    .diyetist_MainFixedUserCatBtn .FixedUserCatBtn3 { position: relative; width: 44px; top: -4px; /* left: 21px; */ cursor: pointer; }

    .diyetist_MainFixedUserCatBtn .FixedUserCatBtn4 { position: relative; width: 40px; top: -2px; /* left: 0px; */ cursor: pointer; }


.diyetist_PageNaviBtnClick1,
.diyetist_PageNaviBtnClick2 { position: absolute; width: 70px; height: 45px; top: -8px; }

.diyetist_PageNaviBtnClick1 { left: -19px; }

.diyetist_PageNaviBtnClick2 { left: 103px; }

.diyetist_PageNaviBtnClickQu { position: absolute; width: 44px; height: 45px; top: -8px; left: 128px; cursor: pointer; }

.diyetist_PageNaviBtnClickQuxx { position: absolute; width: 44px; height: 45px; top: -8px; left: 128px; cursor: pointer; background-color: #165f7a; opacity: 0.4; }

.diyetist_PageExit { display: block; cursor: pointer; width: 32px; height: 45px; }

.diyetist_MainFixedUserCatBtn #diyetist_MainUserNotif { position: absolute; width: 20px; height: 20px; top: -6px; left: 23px; line-height: 20px; font-size: 7pt; text-align: center; color: #fd0000; }


#dietstBigMenuHiderImg { position: absolute; width: 846px; z-index: 15; left: -18px; top: -4px; }

#docFoodDefMenuBigHider { position: absolute; width: 493px; height: 583px; left: -100px; z-index: 1003; }


.diyetist_MainFixedUserBuyBtn { position: absolute; width: 44px; height: 48px; top: -6px; left: 296px; }

#SingelUserProBuyCon { position: absolute; width: 558px; height: 600px; top: 50px; left: 228px; box-shadow: 0px 0px 6px 5px #155e79; background-color: #fff; }

.SingelUserProBuyTxt { position: absolute; width: 535px; height: 460px; font-size: 8.5pt; line-height: 20px; top: 34px; left: 11px; font-family: 'Arial Black'; padding-left: 40px; padding-top: 20px; }

.SingelUserProBuyMainBtn { position: absolute; width: 200px; height: 50px; background-color: #3a8ba9; color: #fff; text-align: center; line-height: 50px; font-size: 10pt; right: 177px; bottom: 47px; font-family: 'Arial Black'; cursor: pointer; border-radius: 50px; }

.SingelUserProBuyTxt .SingelUserProBuyTxtSpn1 { position: relative; left: 40px; }

.SingelUserProBuyTxt .SingelUserProBuyTxtSpn2 { position: relative; text-align: center; width: 445px; font-size: 10pt; line-height: 23px; }

.SingelUserProBuyTxt .SingelUserProBuyTxtSpn3 { position: relative; left: 63px; }


.diyetist_MainFixedUserProfSrc,
.diyetist_MainFixedUserPintfSrc { position: absolute; width: 50px; height: 50px; border-radius: 60px; border: 4px solid #53cae2; background: #fff; z-index: 1; cursor: pointer; line-height: 40px; text-align: center; font-size: 28px; color: #0db4d5; }

.diyetist_MainFixedUserProfSrc { top: 123px; left: -14px; }

.diyetist_MainFixedUserPintfSrc { top: 123px; left: -14px; color: red; }

.diyetist_MainFixedUserProfSrcLg { position: absolute; width: 25px; top: 6px; left: 9px; height: 27px; }

.diyetist_MainFixedUserPintSrcLg { position: absolute; width: 25px; top: 6px; left: 9px; height: 27px; }

.diyetist_MainFixedMainMrckSrcImg { position: absolute; width: 16px; top: 12px; left: 99px; z-index: 1; display: none; }

.diyetist_MainFixedUserPfSrc { position: absolute; width: 50px; height: 50px; border-radius: 60px; border: 4px solid #53cae2; background: #fff; top: 123px; left: -14px; z-index: 1; cursor: pointer; line-height: 40px; text-align: center; font-size: 28px; color: #0db4d5; }

.diyetist_MainFixedUserPSrcLg { position: absolute; width: 27px; height: 27px; top: 5px; left: 8px; }


.diyetist_MainFixedProfBackBtn { z-index: 1; position: absolute; width: 75px; height: 75px; background-color: #fff; left: 1104px; top: 58px; border-radius: 75px; /* border: 1px solid #53cae2; */ cursor: pointer; overflow: hidden; }

    .diyetist_MainFixedProfBackBtn img { position: absolute; width: 75px; top: 0px; left: 0px; }



/******************************/
.optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow { width: 390px; top: 2px; left: 3px; height: 20px; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1 { height: 20px; line-height: 21px; font-size: 6pt; right: 19px; color: #000; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { height: 20px; line-height: 22px; font-size: 6pt; right: 92px; color: #000; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1 { width: 234px; font-size: 7pt; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2 { width: 68px; right: 84px; padding-right: 20px; font-size: 7.5pt; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { width: 68px; font-size: 7.5pt; padding-right: 20px; }

    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1,
    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2,
    .optFindDocDetDocDataWrp .optFindDocDetDocDataPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { height: 20px; line-height: 20px; }



.optFindDocDetDocDataWrp .optFindDocDetDocDataPriceIBAN { position: absolute; bottom: 2px; height: 15px; background-color: #4da0bf; width: 380px; color: #fff; text-align: center; text-shadow: -1px 1px 1px #000; font-size: 8pt; }

#optFindDocDetDocDataConRowVl2 { text-indent: 22px; }

#optFindDocDetDocDataConRowVl1 { text-indent: 31px; }


.optFindDocDetDocDataCss { border-right: none !important; }

.optFindDocDetDocDataPriceHeaderX { position: absolute; width: 390px; top: 5px; left: 6px; height: 20px; }

.optFindDocDetDocDataPriceHeaderXvl1,
.optFindDocDetDocDataPriceHeaderXvl2,
.optFindDocDetDocDataPriceHeaderXvl3 { position: absolute; height: 20px; line-height: 20px; font-size: 6.5pt; background-color: #00B4D5; border-radius: 2px; text-align: center; white-space: nowrap; color: #fff; }

.optFindDocDetDocDataPriceHeaderXvl1 { width: 110px; letter-spacing: 3px; }

.optFindDocDetDocDataPriceHeaderXvl2 { width: 68px; right: 205px; }

.optFindDocDetDocDataPriceHeaderXvl3 { width: 68px; right: 130px; }



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



#diyetist_DietistPersonPage #docPageCon .docPageAddPatiCon { top: 25px; background-color: #fff; /* border-top-left-radius: 300px; */ /* border-top-right-radius: 300px; */ position: relative; overflow: scroll; height: calc(100% - 25px); }


.docPageMainInsLabListRow,
.diyetist_MainWrap .newDocSaveAppoChoseDateInfRow .newDocSaveAppoChoseDateInfRow1,
.diyetist_MainWrap .newDocSaveWrapper #newDocMiniLabDataList .docPageMiniLabRow,
.diyetist_MainWrap .docPageMainnn .docPageBannerDiv4x3,
/*.diyetist_MainWrap .docPageMainnn .docPageBannerDiv1,
.diyetist_MainWrap .docPageMainnn .docPageBannerCon .docPageBannerDiv1,*/
.diyetist_MainWrap .docPageMainnn .docPageBannerCon .docPageBannerDiv2,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv7,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv6,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv5,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv4,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv3,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv2,
.diyetist_MainWrap .docPageMainnn .docPageDataCon .docPageDataBannerX .docPageDataBannerXDiv1 { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); color: #fff; }

.diyetist_MainWrap .docPageMainnn .docPageBannerCon .docPageBannerDiv1 { background: none !important; background-color: transparent !important; box-shadow: none !important; }

.diyetist_MainWrap .newDocSaveWrapper #newDocMiniLabDataList .docPageMiniLabRow { color: #fff; }

.diyetist_MainWrap .newDocSaveWrapper #newDocMiniLabDataList .docPageMiniLabRow { position: relative; width: 365px; height: 23px; text-align: left; text-indent: 15px; line-height: 21px; font-size: 8pt; margin-bottom: 3px; left: 63px; font-weight: normal; letter-spacing: 2px; border: 2px solid #A3D9EA; background: #fff; color: #0db4d5; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv4x2 { border-left: 34px solid rgb(58, 139, 169); }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv4x1 { border-right: 34px solid rgb(58, 139, 169); }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv1 { top: 5px; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv2 { width: 250px; height: 34px; left: 105px; top: 53px; line-height: 36px; font-size: 8pt; text-align: center; border: 0px none; border-radius: 2px; }

.divDocMsList { position: absolute; top: 94px; width: 580px; height: 750px; z-index: 190; background: #ECF8FB; border: 2px solid #CDEFF6; border-radius: 5px; left: 50%; transform: translate(-50%, 0px); }

.divDocMsListBnr { position: fixed; width: 498px; height: 63px; background-color: transparent; top: 0px; left: -21px; z-index: 5; border-radius: 30px; }

.divDocMsListkmh { position: absolute; width: 32px; height: 18px; left: 409px; top: 65px; box-shadow: none; /* background: #c7c5c5; */ border-radius: 5px; font-size: 7pt; text-align: center; text-indent: 0px; line-height: 23px; /* border: 2px solid #E9F0F5; */ color: #0db4d5; z-index: 1; }

.divDocMsListstp { position: absolute; width: 32px; height: 18px; left: 463px; top: 65px; box-shadow: none; /* background: #c7c5c5; */ border-radius: 5px; font-size: 7pt; text-align: center; text-indent: 0px; line-height: 23px; /* border: 2px solid #E9F0F5; */ color: #0db4d5; z-index: 1; }

.divDocMsListkmh2 { position: absolute; width: 32px; height: 18px; left: 399px; top: 61px; box-shadow: none; /* background: #c7c5c5; */ border-radius: 5px; font-size: 8pt; text-align: center; text-indent: 0px; line-height: 23px; /* border: 2px solid #E9F0F5; */ color: #0db4d5; z-index: 1; }

.divDocMsListstp2 { position: absolute; width: 32px; height: 18px; left: 453px; top: 61px; box-shadow: none; /* background: #c7c5c5; */ border-radius: 5px; font-size: 8pt; text-align: center; text-indent: 0px; line-height: 23px; /* border: 2px solid #E9F0F5; */ color: #0db4d5; z-index: 1; }

.divDocMsListExit { position: absolute; top: 6px; right: 27px; cursor: pointer; width: 50px; height: 50px; }

    .divDocMsListExit img { position: absolute; width: 50px; height: 50px; transform: rotate(126deg); }

.divDocPersonSearchListExit { position: absolute; top: 6px; right: 10px; cursor: pointer; width: 50px; height: 50px; }

    .divDocPersonSearchListExit img { position: absolute; width: 50px; height: 50px; transform: rotate(126deg); }

.divDocPersonBlockedListImg { position: absolute; top: 6px; left: 10px; cursor: pointer; width: 50px; z-index: 8; }
.divDocPersonBlockedListImgX { position: absolute; top: 6px; left: 10px; cursor: pointer; width: 50px; z-index: 8; background-color: rgba(255, 0, 0, 0.20); border-radius: 50px; }

.docPageNotifScreenExit { position: absolute; top: 17px; right: 21px; cursor: pointer; width: 50px; height: 50px; }

    .docPageNotifScreenExit img { position: absolute; width: 50px; height: 50px; transform: rotate(126deg); }

.divPersonList4ProsBlck,
.divPersonList4Pros { position: absolute; top: 85px; width: 577px; height: 632px; overflow: scroll; padding: 0px 20px 20px 20px; /* z-index: 190; */ background-color: #ECF8FB; border-radius: 5px; left: 50%; transform: translate(-50%, 0px); /* border: 2px solid #CDEFF6;*/ }

.divDocMsListBnr div { position: absolute; width: 350px; height: 58px; margin-right: 13px; text-align: center; left: 136px; top: 0px; background: #9FDBEC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.divDocMsListBnr input { position: absolute; width: 210px; height: 30px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 210px; line-height: 30px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; top: 0px; text-transform: uppercase; }

.divDocMsListImg { position: absolute; top: 5px; right: 84px; width: 18px; z-index: 1; }

.divDocMsListResetImg { position: absolute; top: 6px; left: 214px; width: 18px; z-index: 1; cursor: pointer; }

.docPersonSearchList { position: absolute; top: 94px; /*left: 0px;*/ width: 582px; height: 750px; overflow: scroll; padding: 0px 20px 20px 20px; z-index: 190; box-shadow: none; border: 2px solid #CDEFF6; background-color: #ECF8FB; border-radius: 5px; left: 50%; transform: translate(-50%, 0px); }

.divPersonList4Pros .ProUserPersonBlock { display: none; }


.divPersonList4ProsBlck .ProUserPersonBlock { display: block; /*background-color: rgba(255, 0, 0, 0.20);*/ border-radius: 50px; width: 544px; border: 1px solid transparent; opacity: 0.4; }

.docPersonSearchList .PersonProUserBlock { display: block; /*background-color: rgba(255, 0, 0, 0.20);*/ border-radius: 50px; width: 544px; border: 1px solid transparent; opacity: 0.4; }




.diyetist_MainWrap .docPageMainnn .docPageBannerDiv3xC { position: relative; width: 37px; height: 40px; float: left; border-radius: 100px / 50px; margin-right: 40px; text-align: center; line-height: 26px; font-size: 7px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC1 img { position: absolute; height: 40px; left: 0px; top: 2px; width: 45px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC2 img { position: absolute; height: 38px; left: 0px; top: 4px; width: 45px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC3 img { position: absolute; height: 40px; left: 0px; top: 2px; width: 45px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4 img { position: absolute; height: 40px; left: 0px; top: 2px; width: 45px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4a #imgxx1 { position: absolute; height: 30px; left: 0px; top: 2px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4a #imgxx2 { position: absolute; height: 40px; left: 0px; top: 2px; width: 55px; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv4 { width: 86px; height: 41px; left: 415px; top: 51px; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv4Appo { width: 86px; height: 41px; left: 374px; top: 51px; position: absolute; }

    .diyetist_MainWrap .docPageMainnn .docPageBannerDiv4Appo .docPageBannerDiv4x1,
    .diyetist_MainWrap .docPageMainnn .docPageBannerDiv4Appo .docPageBannerDiv4x2 { display: none; }

    .diyetist_MainWrap .docPageMainnn .docPageBannerDiv4Appo .docPageBannerDiv4x3 { width: 158px; left: 5px; font-size: 9pt; border-radius: 5px; cursor: pointer; }

.appointment_header_time { padding-left: 5px; font-size: 7.8pt; }


.diyetist_MainWrap .docPageMainnn .docPageNotifScm { position: absolute; width: 26px; height: 18px; top: 2px; left: 29px; line-height: 16px; font-size: 7pt; color: #fff; /*background-color: red;*/ border-top-left-radius: 13px 8px; border-top-right-radius: 13px 8px; border-bottom-left-radius: 13px 8px; border-bottom-right-radius: 13px 8px; border: 1px solid #fff; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDiv3xC { position: relative; width: 37px; height: 40px; float: left; border-radius: 100px / 50px; margin-right: 32px; text-align: center; line-height: 26px; font-size: 7px; cursor: pointer; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDivMenu { position: absolute; width: 62px; height: 56px; top: -4px; left: -10px; text-align: center; background-color: #65b1d4; cursor: pointer; }

    .diyetist_MainWrap .docPageMainnn .docPageBannerDivMenu img { position: absolute; width: 55px; left: 0px; }

.diyetist_MainWrap .docPageMainnn .docPageBannerDivSetPage { position: absolute; width: 62px; height: 56px; top: -4px; left: -10px; text-align: center; background-color: #65b1d4; cursor: pointer; }

    .diyetist_MainWrap .docPageMainnn .docPageBannerDivSetPage img { position: absolute; width: 50px; left: 7px; top: 5px; z-index: 2; }


.diyetist_MainWrap .docPageMainnn .docPageBannerDivSelc { position: absolute; width: 42px; border: 2px solid #f6ffa3; bottom: -12px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC1 .docPageBannerDivSelc { left: 0px; width: 43px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC2 .docPageBannerDivSelc { left: 1px; width: 35px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC3 .docPageBannerDivSelc { left: 1px; width: 44px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4 .docPageBannerDivSelc { left: 10px; width: 35px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4a .docPageBannerDivSelc { left: 0px; width: 32px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDiv3xC4b .docPageBannerDivSelc { left: 0px; width: 43px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDivMenu .docPageBannerDivSelc { left: 6px; width: 43px; bottom: -7px; }

.diyetist_MainWrap .docPageMainnn #docPageBannerDivSetPage .docPageBannerDivSelc { left: 6px; width: 43px; bottom: -7px; }


.diyetist_MainWrap .docPageMainnn .docPageAppo { top: 102px; left: -45px; background-color: #fff; }

.diyetist_MainWrap #divDietsDocSetCon .newDocSaveAppoSettings { position: absolute; width: 558px; height: 557px; top: 100px; left: 2px; }

.diyetist_MainWrap .newDocSaveAppoChoseDateInfRow .newDocSaveAppoChoseDateInfRow1 { width: 147px; height: 34px; font-size: 8pt; line-height: 37px; border-radius: 5px; text-align: center; letter-spacing: 1px; display: none; }


.diyetist_MainWrap #newDocSaveBanBtnsMCBR { position: absolute; left: 59px; z-index: 1; top: 38px; }

.newDocSaveBanBtnsCon #newDocSaveBanBtn1 { display: none; }

.newDocSaveBanBtnsCon #newDocSaveBanBtn5 { display: none; }

.newDocSaveBanBtnsCon #newDocSaveBanBtn2,
.newDocSaveBanBtnsCon #newDocSaveBanBtn3,
.newDocSaveBanBtnsCon #newDocSaveBanBtn4 { left: 122px; margin-right: 42px; }


.diyetist_MainWrap .docPageAppoTimesList,
.diyetist_MainWrap .docPageAllNotesCon,
.diyetist_MainWrap .docPageMesaagesCon { background-color: #fff; z-index: 4; }

.docPagePersonMessagesBtn { background: #9FDBEC; height: 40px; width: 340px; left: 33px; position: absolute; z-index: 5; top: 0px; border: solid 2px #66D2E6; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPagePersonMessagesBtn1 { background: #fff; height: 25px; width: 181px; top: 0px; position: absolute; left: 72px; color: #00B4D5; font-size: 15px; text-align: center; line-height: 24px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPagePersonMsgCap { position: absolute; background: #ecf8fb; width: 400px; height: 86px; left: 92px; z-index: 5; top: -73px; border-radius: 5px; border: solid 4px #c5ebf9; box-shadow: 0px 0px 0px 2px #DEF5FA; }

.docPagePersonMessagesBtn2 { position: absolute; z-index: 5; height: 50px; width: 50px; background: #9fdbec; border-radius: 30px; top: 12px; left: 41px; }

.docPagePersonMessagesBtn3 { position: absolute; z-index: 5; top: 63px; left: 43px; color: #6CC7E2; }

.docPagePersonMessagesBtn4 { position: absolute; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 12px solid rgb(0, 180, 213); top: 4px; left: 5px; }

.docPagePersonMessagesBtn5 { position: absolute; background: #fff; height: 30px; width: 30px; border-radius: 30px; left: 353px; top: 23px; border: solid 2px #c5ebf9; z-index: 5; }

.docPagePersonMessagesBtn2 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -49%); width: 80%; height: 80%; border-radius: 50px; object-fit: cover; object-position: 100% 15%; }

.diyetist_MainWrap .docPageAddPatiBan1,
.diyetist_MainWrap .docPageAddPatiValueDiv .docPageAddPatiValueInf { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); color: #fff; border: 3px solid #D9F4F9; background: #F1F9FC; color: #57CCE3; }

.diyetist_MainWrap .docPageAddPatiBan1,
.diyetist_MainWrap .docPageAddPatiValueDiv .docPageAddPatiValueInf { line-height: 25px; white-space: nowrap; overflow: hidden; text-indent: 5px; }

.diyetist_MainWrap .docPageMesaagesSenderImg,
.diyetist_MainWrap .docPageMesaagesSenderName,
.diyetist_MainWrap .docPageMesaagesSenderDate,
.diyetist_MainWrap .docPageMesaagesSenderFredShp,
.diyetist_MainWrap .docPageMesaagesSenderTik { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: #F1F9FC; color: #57CCE3; border: solid 3px #A3D9EA; }



.diyetist_MainWrap .docPageAllNotesSubNoteRow,
.diyetist_MainWrap .docPageAllNotesSubDateRow,
.diyetist_MainWrap .docPageAllNotesRow { box-shadow: none; }

.diyetist_MainWrap .docPageAllNotesRow { background: #F1F9FC; color: #57CCE3; letter-spacing: 1px; cursor: pointer; width: 222px; text-indent: 11px; border: 2px solid #D9F4F9; }

.diyetist_MainWrap .docPageAllNotesSubNoteRow { background: #f3f3f3; top: 2px; left: 4px; }

.diyetist_MainWrap .docPageAllNotesSubDateRow { background: transparent; box-shadow: none; top: 2px; }



.diyetist_MainWrap .docPageAllNotesBanCon { position: absolute; width: 540px; height: 30px; top: 31px; }

.diyetist_MainWrap .docPageAllNotesSrcInpt { position: absolute; width: 248px; background-color: #fff; border: none; border-radius: 5px; height: 25px; line-height: 27px; left: 43px; text-indent: 7px; font-size: 8pt; top: 5px; border: 2px solid #D9F4F9; }

.diyetist_MainWrap .docPageAllNotesAddNewNot { position: absolute; width: 25px; height: 25px; border-radius: 20px; left: 228px; background-color: #00B4D5; cursor: pointer; line-height: 24px; text-align: center; font-size: 18pt; font-weight: bold; color: #ffffff; top: 2px; text-indent: 1px; }

.diyetist_MainWrap .docPageAllNotesAddNewBigNot { position: absolute; width: 25px; height: 25px; border-radius: 20px; left: 260px; /* background-color: #3a8ba9; */ cursor: pointer; line-height: 24px; text-align: center; font-size: 18pt; font-weight: bold; color: #ffffff; top: 2px; text-indent: 1px; }

    .diyetist_MainWrap .docPageAllNotesAddNewBigNot img { position: absolute; width: 33px; top: 1px; left: 3px; height: 26px; }



.diyetist_MainWrap .docPageAllNotesSubDateRow .docPageAllNotesSubDateRowTime,
.diyetist_MainWrap .docPageAllNotesSubDateRow .docPageAllNotesSubDateRowName { position: absolute; background: #f1f9fc; height: 27px; line-height: 25px; font-size: 8pt; cursor: pointer; border-radius: 6px; box-shadow: none; border: 2px solid #0db4d5; color: #57CCE3; }

.diyetist_MainWrap .docPageAllNotesSubDateRow .docPageAllNotesSubDateRowTime { width: 105px; text-align: center; text-indent: 0px; }

.diyetist_MainWrap .docPageAllNotesSubDateRow .docPageAllNotesSubDateRowName { width: 387px; left: 109px; display: none; }

.diyetist_MainWrap .docPageAllNotesSubDateRow .docPageAllNotesSubDateRowTime span { position: absolute; left: 60px; font-size: 7.5pt; line-height: 32px; }


.docPageAllNotesSubNoteRowTime,
.docPageAllNotesSubNoteRowHeader { position: absolute; width: 483px; height: 27px; line-height: 25px; font-size: 8pt; text-indent: 7px; margin-bottom: 5px; box-shadow: none; background: #f1f9fc; border-radius: 7px; color: #0db4d5; top: 0px; overflow: hidden; border: 2px solid #D9F4F9; }

.docPageAllNotesSubNoteRowTime { width: 55px; text-align: center; text-indent: 0px; left: 36px; }

.docPageAllNotesSubNoteRowHeader { width: 342px; left: 97px; text-indent: 8px; }


.diyetist_MainWrap .docPageAllNotesSubNoteRow { box-shadow: 0px 0px 0px 0px #3a8ba9 !important; background-color: transparent !important; }

.divDelUserNotesRowSub { position: absolute; width: 22px; height: 22px; background-color: #C1272D; top: 2px; left: 8px; border-radius: 30px; color: #fff; line-height: 18px; font-size: 20pt; text-indent: 7px; display: none; cursor: pointer; }

.diyetist_MainWrap .docPageAllNotesSubRowCon { margin-bottom: 9px; position: relative; }

.docPageAllNotesAddDocumCon { position: absolute; width: 32px; left: -35px; top: 282px; height: 35px; }

.docPageAllNotesAddDocumxCon { position: absolute; width: 32px; left: -35px; top: 325px; height: 35px; }


.docPageAllNotesAddDocum { position: absolute; width: 15px; left: 11px; top: 0px; height: 35px; }

.docPageAllNotesAddDocumx { position: absolute; width: 32px; left: 0px; top: 0px; height: 35px; }

.docPageAllNotesInptBanClearNot { position: absolute; width: 22px; height: 22px; background-color: #C1272D; top: 14px; left: 10px; border-radius: 20px; color: #fff; line-height: 19px; font-size: 20pt; text-indent: 6px; }

.docPageAllNotesInptHEADTime { position: absolute; top: 11px; width: 140px; height: 30px; line-height: 26px; left: 49px; background-color: #fff; border-radius: 7px; box-shadow: none; text-align: center; font-size: 8pt; text-indent: 0px; border: 2px solid #D9F4F9; color: #67D2E5; }

.docPageAllNotesSubNoteRow:hover .divDelUserNotesRowSub { display: block; }


.docPageAllNotesBanxCon { position: absolute; background: #ecf8fb; width: 400px; height: 86px; left: 111px; z-index: 5; top: -126px; border-radius: 5px; border: solid 4px #c5ebf9; box-shadow: none; }

.docPageAllNotesBanxWrp1 { background: #9FDBEC; height: 40px; width: 340px; left: 33px; position: absolute; z-index: 5; top: 0px; border: solid 2px #66D2E6; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPageAllNotesBanxWrp2 { background: #fff; height: 25px; width: 181px; top: 0px; position: absolute; left: 72px; color: #00B4D5; font-size: 15px; text-align: center; line-height: 24px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }



.PrintPresBig_AddNewImg { position: absolute; left: 105px; background-color: #52ffa1; bottom: 55px; width: 70px; height: 70px; line-height: 70px; text-align: center; text-indent: 0px; border-radius: 75px; font-size: 75px; font-family: Arial; font-weight: bold; display: none; color: #fff; cursor: pointer; z-index: 3; }

.PrintPresBig_DelDef { position: absolute; left: 105px; background-color: #e23737; bottom: 55px; width: 70px; height: 70px; line-height: 50px; text-align: center; text-indent: -4px; border-radius: 75px; font-size: 95px; font-family: Arial; font-weight: bold; display: none; color: #fff; cursor: pointer; z-index: 3; }


.newDocSaveDataDip1 { position: absolute; top: 0px; left: 0px; width: 275px; height: 186px; }

    .newDocSaveDataDip1 img { position: absolute; top: 0px; left: 0px; max-width: 272px; max-height: 173px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.diyetistDoc_DipValueCon { position: absolute; width: 275px; height: 195px; /* background-color: #ffffff; */ top: 0px; left: 0px; border-radius: 5px; }

.diyetistDoc_SertificaBtn { color: #fff; position: absolute; line-height: 29px; font-weight: bold; cursor: pointer; width: 75px; text-align: center; text-indent: 0px; height: 33px; font-size: 7pt; border-radius: 5px; background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); left: 244px; border: 3px solid #D9F4F9; /* background: #fff; */ color: #fff; }

.diyetistDoc_SertificaBtn2 { color: #fff; position: absolute; line-height: 29px; font-weight: bold; cursor: pointer; width: 85px; text-align: center; text-indent: 0px; height: 33px; font-size: 7pt; border-radius: 5px; background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); left: 323px; border: 3px solid #D9F4F9; /* background: #fff; */ color: #fff; }

.diyetistDoc_DipBtnsWrap { position: absolute; width: 285px; height: 35px; top: 431px; left: 154px; }





















.newDocSaveBanNewBtnsDiv { width: 396px; height: 50px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: 49px; position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

    .newDocSaveBanNewBtnsDiv div { position: absolute; width: 210px; height: 22px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 92px; line-height: 22px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }


.newDocSaveBanNewBtnsCatDivx,
.newDocSaveBanNewBtnsCatDiv { position: relative; width: 58px; height: 47px; float: left; left: 0px; top: 0px; margin-right: 46px; cursor: pointer; }

#newDocSaveBanBtnsMCBR .newDocSaveBanNewBtnsCatDivx,
#newDocSaveBanBtnsMCBR .newDocSaveBanNewBtnsCatDiv { position: relative; width: 88px; height: 47px; float: left; left: 28px; top: 0px; margin-right: 26px; cursor: pointer; }

.newDocSaveBanNewBtnsCatDiv1 { position: relative; width: 115px; height: 20px; top: 27px; left: -11px; text-align: center; color: #2ABDF2; font-size: 8pt; text-transform: lowercase; }

.newDocSaveBanNewBtnsCatDiv2 { position: relative; width: 25px; height: 25px; background: #fff; top: -19px; left: 32px; border-radius: 20px; border: solid 2px #A3D9EA; }

.newDocSaveBanNewBtnsCatDiv3 { position: absolute; width: 7px; height: 7px; border-radius: 7px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-57%, -59%); }

.newDocSaveBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv1 { font-weight: bold; }

.newDocSaveBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv2 { background: #0db4d5; border: 3px solid #fff; }

.newDocSaveBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv3 { background-color: #fff; }




.newDocPersoBanNewBtnsCatDivx,
.newDocPersoBanNewBtnsCatDiv { position: relative; width: 58px; height: 47px; float: left; left: 0px; top: 0px; margin-right: 46px; cursor: pointer; }

.newDocPersoBanNewBtnsCatDiv1 { position: relative; width: 75px; height: 20px; top: 24px; left: 5px; text-align: center; color: #00B4D5; font-size: 8pt; }

.newDocPersoBanNewBtnsCatDiv2 { position: relative; width: 20px; height: 20px; background: #fff; top: -19px; left: 32px; border-radius: 20px; border: solid 2px #A3D9EA; }

.newDocPersoBanNewBtnsCatDiv3 { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }

.newDocPersoBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv1 { font-weight: bold; }

.newDocPersoBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv2 { background: #0db4d5; border: solid 2px #0995b1; }

.newDocPersoBanNewBtnsCatDivx .newDocSaveBanNewBtnsCatDiv3 { background-color: #fff; }





/* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */
/* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */

.wid_MainNotConWarCon { position: absolute; width: 558px; height: 557px; top: 2px; left: 0px; font-size: 8pt; background-color: #65b1d4; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; /* box-shadow: 0px 0px 3px 1px #000; */ }

    .wid_MainNotConWarCon .wid_MainConMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; text-align: center; line-height: 21px; padding-top: 126px; }

    .wid_MainNotConWarCon .wid_MainConMenuWarspn2 { position: absolute; top: 218px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; padding-left: 14px; padding-top: 79px; line-height: 21px; text-align: center; }

    .wid_MainNotConWarCon img { position: absolute; top: 37px; width: 70px; left: 278px; z-index: 2; }

#docPageDataConWrap .wid_MainNotConWarCon { position: absolute; width: 558px; height: 624px; top: -13px; left: 0px; font-size: 8pt; background-color: #65b1d4; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; /* box-shadow: 0px 0px 3px 1px #000; */ }

    #docPageDataConWrap .wid_MainNotConWarCon .wid_MainConMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; text-align: center; line-height: 21px; padding-top: 126px; }

    #docPageDataConWrap .wid_MainNotConWarCon .wid_MainConMenuWarspn2 { position: absolute; top: 218px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; padding-left: 14px; padding-top: 79px; line-height: 21px; text-align: center; }

    #docPageDataConWrap .wid_MainNotConWarCon img { position: absolute; top: 37px; width: 70px; left: 278px; z-index: 2; }

#docPageAppo .wid_MainNotConWarCon { position: absolute; width: 558px; height: 557px; top: -1px; left: 4px; font-size: 8pt; background-color: #65b1d4; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; }

    #docPageAppo .wid_MainNotConWarCon .wid_MainConMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; text-align: center; line-height: 21px; padding-top: 126px; }

    #docPageAppo .wid_MainNotConWarCon .wid_MainConMenuWarspn2 { position: absolute; top: 218px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; padding-left: 14px; padding-top: 79px; line-height: 21px; text-align: center; }

    #docPageAppo .wid_MainNotConWarCon img { position: absolute; top: 37px; width: 70px; left: 278px; z-index: 2; }




.docPageMesaagesConDiv { position: absolute; background: #ecf8fb; width: 400px; height: 86px; left: 92px; z-index: 5; top: -70px; border-radius: 5px; border: solid 4px #c5ebf9; box-shadow: 0px 0px 0px 2px #DEF5FA; }

.docPageMesaagesConDiv1 { background: #9FDBEC; height: 40px; width: 340px; left: 33px; position: absolute; z-index: 5; top: 0px; border: solid 2px #66D2E6; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPageMesaagesConDiv2 { background: #fff; height: 25px; width: 181px; top: 0px; position: absolute; left: 72px; color: #00B4D5; font-size: 15px; text-align: center; line-height: 24px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.docPageMesaagesConDiv3 { position: absolute; z-index: 5; top: 59px; left: 313px; color: #6ccbe8; }

.docPageMesaagesConDiv4 { position: absolute; z-index: 5; top: 57px; left: 31px; color: #6CC7E2; width: 190px; height: 20px; line-height: 20px; }

.docPageMesaagesConDiv5 { position: absolute; background: #fff; height: 30px; width: 30px; border-radius: 30px; left: 353px; top: 23px; border: solid 2px #c5ebf9; z-index: 5; }

.docPageMesaagesConDiv6 { position: absolute; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 12px solid rgb(0, 180, 213); top: 4px; left: 5px; }

#docPageMesaagesCon .wid_MainNotConWarCon { position: absolute; width: 558px; /* height: 557px; */ top: 0px; left: 4px; font-size: 8pt; background-color: #65b1d4; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; }

    #docPageMesaagesCon .wid_MainNotConWarCon .wid_MainConMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; text-align: center; line-height: 21px; padding-top: 126px; }

    #docPageMesaagesCon .wid_MainNotConWarCon .wid_MainConMenuWarspn2 { position: absolute; top: 218px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; padding-left: 14px; padding-top: 79px; line-height: 21px; text-align: center; }

    #docPageMesaagesCon .wid_MainNotConWarCon img { position: absolute; top: 37px; width: 70px; left: 278px; z-index: 2; }

#docPageAllNotesCon .wid_MainNotConWarCon { position: absolute; width: 558px; height: 557px; top: 0px; left: 4px; font-size: 8pt; background-color: #65b1d4; z-index: 15; padding-top: 268px; padding-left: 15px; line-height: 21px; }

    #docPageAllNotesCon .wid_MainNotConWarCon .wid_MainConMenuWarspn1 { position: absolute; top: 6px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; text-align: center; line-height: 21px; padding-top: 126px; }

    #docPageAllNotesCon .wid_MainNotConWarCon .wid_MainConMenuWarspn2 { position: absolute; top: 218px; font-size: 8pt; width: 431px; height: 200px; background: #e8f0f5; left: 102px; border-radius: 25px; padding-left: 14px; padding-top: 79px; line-height: 21px; text-align: center; }

    #docPageAllNotesCon .wid_MainNotConWarCon img { position: absolute; top: 37px; width: 70px; left: 278px; z-index: 2; }

/* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */
/* wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww */

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

.optFindDocDivAllCon { position: absolute; top: 72px; left: -13px; }

.optFindDocWrapper { position: absolute; width: 360px; height: 570px; top: 0px; left: 0px; }

.optFindDocWrapper2 { position: absolute; width: 279px; height: 576px; top: 176px; left: 343px; background-color: #fff; z-index: 9; border: 3px solid #ccf0f7; border-radius: 8px; }

.optFindDocWrapperInfoWindow { position: relative; width: 360px; height: 570px; background-color: #4da0bf; z-index: 9; }

.mapMarkerInfoWindowPersonPicture { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 100% 0%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.optFindDocDivBanner { position: absolute; width: 330px; height: 51px; top: 10px; left: 19px; }

.optFindDocDivBannerdivM1,
.optFindDocDivBannerdivM2,
.optFindDocDivBannerdivM3,
.optFindDocDivBannerdiv1,
.optFindDocDivBannerdiv2,
.optFindDocDivBannerdiv3,
.optFindDocDivBannerdiv4,
.optFindDocDivBannerdiv5 { position: relative; float: left; background-color: #fff; height: 27px; margin-right: 4px; left: 1px; color: #f3f3f3; /* font-weight: bold; */ letter-spacing: 1px; border-radius: 27px; margin-bottom: 6px; }

.optFindDocDivBannerdiv1 { width: 284px; text-align: center; line-height: 24px; font-size: 9px; height: 23px; font-weight: bold; left: 45px; letter-spacing: 2px; display: none; }

.optFindDocDivBannerdiv2 { width: 77px; }

.optFindDocDivBannerdiv3 { width: 77px; }

.optFindDocDivBannerdiv4 { width: 77px; }

.optFindDocDivBannerdiv5 { width: 28px; border-radius: 20px; }

.optFindDocDivBannerdivM1 { width: 77px; }

.optFindDocDivBannerdivM2 { width: 77px; }

.optFindDocDivBannerdivM3 { width: 77px; }

/*.optFindDocDivBannerdiv1 .optFindDocDivBannerdiv1img { position: absolute; width: 75px; left: 62px; height: 20px; top: 0px; }*/
.optFindDocDivBannerdiv1 span { position: absolute; z-index: 2; width: 284px; left: 0px; }

.optFindDocDivBannerdivM1,
.optFindDocDivBannerdivM2,
.optFindDocDivBannerdivM3,
.optFindDocDivBannerdiv1,
.optFindDocDivBannerMapWrap,
.optFindDocDivBannerdiv2,
.optFindDocDivBannerdiv3,
.optFindDocDivBannerdiv4,
.optFindDocDivBannerdiv5 { background-color: #00B4D5; border: 2px solid #6cc7e2; }


.optFindDocDivBannerdivM1,
.optFindDocDivBannerdivM2,
.optFindDocDivBannerdivM3,
.optFindDocDivBannerdiv2,
.optFindDocDivBannerdiv3,
.optFindDocDivBannerdiv4 { text-align: center; line-height: 24px; font-size: 8pt; border: 2px solid #A3D9EA; }

.optFindDocDivBannerMcbr { position: absolute; width: 343px; top: 0px; left: 44px; }

.optFindDocDataList { position: absolute; width: 384px; height: 684px; top: 75px; left: 15px; overflow: scroll; }

.optFindDocListRow { position: relative; width: 387px; height: 54px; top: 0px; margin-bottom: 3px; float: left; }

.optFindDocListRowx { position: relative; width: 330px; height: 86px; top: 0px; margin-bottom: 6px; }

.optFindDocListRowcx { position: relative; width: 330px; height: 51px; top: 10px; margin-bottom: 6px; left: 15px; }


.optFindDocListRowMx { position: relative; width: 387px; height: 54px; top: 0px; margin-bottom: 3px; float: left; }

    .optFindDocListRowMx .optFindDocListRowVl1,
    .optFindDocListRowMx .optFindDocListRowVl2,
    .optFindDocListRowMx .optFindDocListRowVl3,
    .optFindDocListRowMx .optFindDocListRowVl4,
    .optFindDocListRowMx .optFindDocListRowVl5,
    .optFindDocListRowMx .optFindDocListRowVl6,
    .optFindDocListRowMx .optFindDocListRowVl7 { /* box-shadow: 0px 0px 0px 1px #ffffff; */ background-color: #ffffff; color: #0db4d5; border: 2px solid #0db4d5; }

.optFindDocListRow .optFindDocListSubRow { display: none; }

.optFindDocListRowx .optFindDocListSubRow { display: block; }

.optFindDocListSubRow { position: relative; width: 330px; height: 35px; top: 50px; }

.optFindDocListSubRowVl1,
.optFindDocListSubRowVl2,
.optFindDocListSubRowVl3,
.optFindDocListRowVl1,
.optFindDocListRowVl1i,
.optFindDocListRowVl2,
.optFindDocListRowVl3,
.optFindDocListRowVl4,
.optFindDocListRowVl5,
.optFindDocListRowVl6,
.optFindDocListRowVl7 { position: relative; float: left; background-color: #F1F9FC; height: 25px; margin-right: 2px; left: 1px; color: #57CCE3; margin-bottom: 2px; border-radius: 20px; text-align: left; text-indent: 11px; line-height: 22px; font-size: 8pt; white-space: nowrap; border: 2px solid #D9F4F9; }

    .optFindDocListRowVl1i img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 100% 0%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.optFindDocListRowVl1,
.optFindDocListRowVl1i,
.optFindDocListRowVl2,
.optFindDocListRowVl3,
.optFindDocListRowVl4,
.optFindDocListRowVl5,
.optFindDocListRowVl6,
.optFindDocListRowVl7 { border: 2px solid #D9F4F9; cursor: pointer; }

.optFindDocListRowVl1 { width: 79px; }

.optFindDocListRowVl1i { width: 47px; height: 47px; background-color: transparent; border-radius: 30px; top: 5px; overflow: hidden; }

.optFindDocListRowVl2 { width: 79px; }

.optFindDocListRowVl3 { width: 79px; }

.optFindDocListRowVl4 { width: 242px; font-size: 8pt; }

.optFindDocListRowVl5 { width: 100px; }

.optFindDocListRowVl6 { width: 100px; }

.optFindDocListRowVl7 { width: 28px; text-align: center; text-indent: 0px; }

.optFindDocListRowVl7Img { position: absolute; top: -1px; left: -1px; width: 28px; height: 25px; border-radius: 28px; background-color: #00b4d5; }

.optFindDocListRowx .optFindDocListRowVl1,
.optFindDocListRowx .optFindDocListRowVl1i,
.optFindDocListRowx .optFindDocListRowVl2,
.optFindDocListRowx .optFindDocListRowVl3,
.optFindDocListRowx .optFindDocListRowVl4,
.optFindDocListRowx .optFindDocListRowVl5,
.optFindDocListRowx .optFindDocListRowVl6,
.optFindDocListRowx .optFindDocListRowVl7 { position: relative; float: left; background-color: #45927F; height: 23px; margin-right: 2px; left: 1px; color: #fff; margin-bottom: 2px; border-radius: 5px; border: none; }

.optFindDocListRowx .optFindDocListRowVl1 { width: 82px; }

.optFindDocListRowx .optFindDocListRowVl1i { width: 42px; height: 48px; }

.optFindDocListRowx .optFindDocListRowVl2 { width: 82px; }

.optFindDocListRowx .optFindDocListRowVl3 { width: 85px; }

.optFindDocListRowx .optFindDocListRowVl4 { width: 82px; }

.optFindDocListRowx .optFindDocListRowVl5 { width: 82px; }

.optFindDocListRowx .optFindDocListRowVl6 { width: 115px; }

.optFindDocListRowx .optFindDocListRowVl7 { width: 28px; }

.optFindDocListSubRowVl1 { width: 42px; display: none; }

.optFindDocListSubRowVl2 { width: 284px; border-radius: 11px; left: 44px; letter-spacing: 2px; font-weight: bold; }

.optFindDocListSubRowVl3 { width: 115px; border-radius: 11px; text-indent: -18px; display: none; }

.optFindDocListSubRowVl1,
.optFindDocListSubRowVl2,
.optFindDocListSubRowVl3 { height: 35px; top: -50px; background-color: #45927F; line-height: 36px; text-align: center; font-size: 9px; color: #fff; }

    .optFindDocListSubRowVl2 .OptFDL1,
    .optFindDocListSubRowVl2 .OptFDL2,
    .optFindDocListSubRowVl2 .OptFDL4,
    .optFindDocListSubRowVl2 .OptFDL3 { position: absolute; height: 14px; top: 9px; }

    .optFindDocListSubRowVl2 .OptFDL1 { left: 30px; top: 15px; }

    .optFindDocListSubRowVl2 .OptFDL2 { left: 13px; top: 5px; }

    .optFindDocListSubRowVl2 .OptFDL4 { right: 13px; top: 5px; }

    .optFindDocListSubRowVl2 .OptFDL3 { right: 32px; top: 15px; }



    .optFindDocListSubRowVl3 img { position: absolute; width: 9px; right: 25px; top: 10px; }


.optFindDocWrapper2 .diyetist_TRmaBannerBtn { left: 30px; background-color: #00B4D5; border: 2px solid #A3D9EA; top: 538px; font-size: 8pt; width: 220px; height: 25px; line-height: 21px; z-index: 5; cursor: pointer; }

.optFindDocWrapper2 .diyetist_TRmaBannerBtnx2 { left: 74px; top: 507px; background-color: #00B4D5; border: 2px solid #A3D9EA; font-size: 8pt; width: 130px; height: 25px; line-height: 18px; z-index: 5; cursor: pointer; }

.optFindDocHideDocInf1 { position: absolute; width: 150px; height: 150px; background-color: red; }


.optFindDocDivBannerdiv5 img { position: absolute; width: 14px; top: 4px; left: 5px; }

.optFindDocDivBannerdiv5 #optFindDocDivPerUS { width: 14px; left: 5px; }

/*.optFindDocWrapper .optPayNavigateBtnsCon { width: 570px; }
    .optFindDocWrapper .optPayNavigateBtnsCon .optPayNaviBtn1 { left: 123px; }
    .optFindDocWrapper .optPayNavigateBtnsCon .optPayNaviBtn2 { left: 286px; }*/

.optFindDocDivBannerMapWrap { position: absolute; width: 42px; height: 47px; text-align: left; z-index: 3; color: #fd4545; left: -45px; border-radius: 5px; background: transparent; }

    .optFindDocDivBannerMapWrap img { position: absolute; width: 41px; left: 1px; border-radius: 5px; top: 3px; }


.optFindDocDetCon1 { position: absolute; width: 279px; height: 223px; background-color: #CCF0F7; top: 0px; left: -3px; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.optFindDocDetCon2 { position: absolute; width: 400px; height: 312px; top: 257px; background-color: transparent; }

.optFindDocDetDocImg { position: absolute; width: 146px; height: 146px; border: 3px solid #A3D9EA; left: 68px; top: 25px; border-radius: 90px; box-shadow: none; overflow: hidden; background: #fff; }

.optFindDocDetDocName { position: absolute; width: 279px; height: 20px; line-height: 20px; font-size: 12px; color: #3a8ba9; top: 179px; text-align: center; }

.optFindDocDetDocDataCon { position: absolute; width: 273px; height: 35px; top: 223px; left: 3px; white-space: nowrap; background: #fff; }

.optFindDocDetDocDataConRow { position: relative; width: 68px; height: 27px; float: left; border-right: 1px solid #3FC7DF; cursor: pointer; }

#optFindDocDetDocDataConRow3 { border-right: 1px solid #fff; }

.optFindDocDetDocDataConRow .imgOptFDIP1 { position: absolute; height: 14px; left: 15px; top: 6px; }

.optFindDocDetDocDataConRow .imgOptFDIP2 { position: absolute; height: 18px; left: 20px; top: 3px; display: none; }

.optFindDocDetDocDataConRow .imgOptFDIP3 { position: absolute; height: 19px; left: 10px; top: 3px; display: none; }

.optFindDocDetDocDataConRow .optFindDocDetDocDataConRowVlx,
.optFindDocDetDocDataConRow .optFindDocDetDocDataConRowVl { position: absolute; top: 6px; left: 8px; width: 82px; height: 21px; line-height: 16px; text-align: center; text-indent: 28px; color: #3a8ba9; font-size: 12px; }

.optFindDocDetDocDataConRow .optFindDocDetDocDataConRowVlx { border-bottom: 1px solid #a4dbed; }


#optFindDocDetDocDataConRow4 { border: none; }

#optFindDocDetDocDataConRowVl3 { text-indent: 26px; }



.optFindDocDetDocDataWrp { position: absolute; width: 273px; height: 248px; top: 0px; left: 0px; color: #000; font-size: 8pt; white-space: pre-wrap; padding-top: 8px; padding-left: 8px; padding-right: 8px; line-height: 15px; background: transparent; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: scroll; }

.optFindDocDetDocDataWrpMapDiv { position: absolute; width: 250px; height: 208px; left: 10px; top: 10px; border: 1px solid #fff; }

    .optFindDocDetDocDataWrpMapDiv .optFindDocDetDocDataWrpMapImg { position: absolute; width: 250px; height: 229px; }

.optFindDocDetDocDataWrpAdressCon { position: absolute; width: 359px; height: 33px; top: 228px; left: 21px; box-shadow: 0px 0px 0px 1px #fff; }

.optFindDocDetDocDataWrpAdressC1 { position: absolute; width: 82px; height: 20px; line-height: 20px; text-align: right; color: #fff; font-size: 13px; }

.optFindDocDetDocDataWrpAdressC2 { position: absolute; width: 255px; height: 70px; left: 90px; line-height: 13px; text-align: left; color: #fff; font-size: 11px; top: 3px; }

.optFindDocDetDocDataTelCon { position: absolute; width: 185px; height: 195px; top: 44px; left: 19px; }

.optFindDocDetDocDataTelRow { position: relative; width: 200px; height: 30px; margin-bottom: 19px; }

    .optFindDocDetDocDataTelRow div { position: absolute; width: 150px; height: 30px; line-height: 34px; font-size: 12px; color: #8E8E8E; left: 50px; }

    .optFindDocDetDocDataTelRow .imgFDLAP1 { position: absolute; height: 28px; /* left: 15px; */ /* top: 4px; */ }

    .optFindDocDetDocDataTelRow .imgFDLAP2 { position: absolute; height: 28px; /* left: 20px; */ /* top: 4px; */ }

    .optFindDocDetDocDataTelRow .imgFDLAP3 { position: absolute; height: 28px; /* left: 15px; */ /* top: 5px; */ }

    .optFindDocDetDocDataTelRow .imgFDLAP4 { position: absolute; height: 28px; /* left: 15px; */ /* top: 8px; */ }


.optFindDocHeaderFx1 { width: 40px !important; left: 13px !important; text-indent: 0px !important; }

.optFindDocHeaderFx2 { width: 42px !important; left: 12px !important; text-indent: 0px !important; }

.optFindDocHeaderFx3 { width: 53px !important; left: 8px !important; text-indent: 0px !important; }

.optFindDocHeaderFx4 { width: 45px !important; left: 07px !important; text-indent: 0px !important; }




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

/* """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */
.optPayScreenConR { position: absolute; right: 431px; top: 100px; }

.optPayChosePac1 { position: absolute; width: 360px; height: 138px; top: 148px; cursor: pointer; }

.optPayChosePac2 { position: absolute; width: 360px; height: 138px; top: 386px; cursor: pointer; }


.optPayChosePacDiv2cx,
.optPayChoseDMicon,
.optPayChosePacDiv2,
.optPayChosePacDiv22,
.optPayChosePacDiv1x,
.optPayChosePacDiv1 { position: absolute; border-radius: 8px; }

.optPayChosePacDiv2 { width: 267px; height: 114px; left: 65px; background-color: #DAF1F8; opacity: 0.6; z-index: 1; /* box-shadow: 10px 10px 13px #676666; */ top: -2px; }

.optPayChosePacDiv22 { width: 267px; height: 134px; left: 65px; background-color: #DAF1F8; opacity: 0.6; z-index: 1; /* box-shadow: 10px 10px 13px #676666; */ top: -4px; }

.optPayChosePacDiv1x,
.optPayChosePacDiv1 { width: 109px; height: 109px; left: 16px; top: -39px; border-radius: 70px; z-index: 2; }

.optPayChosePacDiv2cx { width: 267px; height: 155px; left: 65px; background-color: #EAEBEC; opacity: 0.6; z-index: 1; box-shadow: 10px 10px 13px #676666; top: -7px; }

.optPayChosePacDiv1 img { position: absolute; width: 10px; top: 34px; left: 56px; }

.optPayChosePacDiv2x { position: absolute; width: 267px; height: 113px; left: 142px; font-size: 11px; line-height: 16px; padding-top: 8px; z-index: 2; color: #8E8E8E; }

.optPayChosePacPorti { position: absolute; width: 137px; z-index: 0; left: 143px; }

.optPayChosePacPorti2 { position: absolute; width: 137px; z-index: 0; left: 143px; top: -24px; }

.optPayChoseDMicon { width: 78px; top: 30px; left: 170px; }

.optPayChosePacDiv1 { background: -webkit-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -o-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -moz-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: linear-gradient(#fff, #e8e8e8, #d6d6d6); }

    .optPayChosePacDiv1x div,
    .optPayChosePacDiv1 div { position: absolute; width: 90px; height: 90px; top: 9px; left: 10px; background-color: #6CC7E2; border-radius: 60px; border: 2px solid #fff; text-align: center; line-height: 71px; color: #fff; font-size: 17pt; }

    .optPayChosePacDiv1x .optPayChosePacDiv1spnKDV,
    .optPayChosePacDiv1 .optPayChosePacDiv1spnKDV { position: absolute; width: 20px; height: 13px; font-size: 7pt; top: 22px; left: 15px; white-space: nowrap; }

    .optPayChosePacDiv1x .optPayChosePacDiv1spnTL,
    .optPayChosePacDiv1 .optPayChosePacDiv1spnTL { font-size: 12pt; }


.optPayChosePacDiv1spnKDV span { font-size: 7pt; }

.optPayGChosePacDiv1x,
.optPayChosePacDiv1x { background: -webkit-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -o-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -moz-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: linear-gradient(#fff, #e8e8e8, #6cc7e2); }

.optPayLogoScrnBan { position: absolute; width: 360px; height: 22px; text-align: center; line-height: 22px; color: #23AF56; font-size: 15px; top: 137px; font-weight: bold; }

.optPayLogoScrnBan2 { position: absolute; width: 360px; height: 22px; text-align: center; line-height: 22px; color: #23AF56; font-size: 15px; top: 388px; }

.optPayLogoScrnImg { position: absolute; width: 205px; top: 164px; left: 78px; }

.optPayShowDemoGreenZone { position: absolute; width: 439px; height: 215px; background-color: #23AF56; -ms-transform: rotate(-31deg); -webkit-transform: rotate(-31deg); transform: rotate(-31deg); left: -90px; top: -93px; }

.optPayShowDemoGreenZoneWrd1 { position: absolute; width: 186px; height: 22px; line-height: 22px; color: #fff; text-indent: 25px; font-size: 20px; top: 46px; font-weight: bold; letter-spacing: 1px; }

.optPayShowDemoGreenZoneWrd2 { position: absolute; width: 186px; height: 22px; line-height: 22px; color: #eff71a; text-indent: 31px; font-size: 13px; top: 77px; }


.diyetist_MainWrap #optPayScreen40 { left: 218px; position: absolute; top: 94px; }

.diyetist_MainWrap #optPayScreen50 { left: 78px; position: absolute; top: 36px; }




.optPayGChosePac1 { position: absolute; width: 360px; height: 110px; top: 93px; }

.optPayGChosePac2 { position: absolute; width: 360px; height: 110px; top: 248px; }

.optPayGChosePac3 { position: absolute; width: 360px; height: 110px; top: 400px; }

.optPayGChoseDMicon,
.optPayGChosePacDiv2,
.optPayGChosePacDiv22,
.optPayGChosePacDiv1x,
.optPayGChosePacDiv1 { position: absolute; border-radius: 8px; }

.optPayGChoseDMicon { height: 54px; top: 8px; left: 131px; }

.optPayGChosePacDiv2 { width: 267px; height: 86px; left: 65px; background-color: #EAEBEC; opacity: 0.7; z-index: 1; box-shadow: 10px 10px 13px #676666; }

.optPayGChosePacDiv22 { width: 267px; height: 126px; left: 65px; background-color: #EAEBEC; opacity: 0.6; z-index: 1; box-shadow: 10px 10px 13px #676666; }

.optPayGChosePacDiv1x,
.optPayGChosePacDiv1 { width: 109px; height: 109px; left: 16px; top: -39px; border-radius: 70px; z-index: 2; }


.optPayGChosePacDiv1 { background: -webkit-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -o-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: -moz-linear-gradient(#fff, #e8e8e8, #d6d6d6); background: linear-gradient(#fff, #e8e8e8, #d6d6d6); }

    .optPayGChosePacDiv1x div,
    .optPayGChosePacDiv1 div { position: absolute; width: 90px; height: 90px; top: 9px; left: 10px; background-color: #21A3DC; border-radius: 60px; border: 2px solid #fff; line-height: 88px; color: #fff; font-size: 18px; text-align: center; }

.optPayGChosePacDiv2x { position: absolute; width: 267px; height: 86px; left: 142px; font-size: 11px; line-height: 16px; padding-top: 8px; z-index: 2; }

.optPayGChosePacPorti { position: absolute; height: 124px; z-index: 0; left: 143px; top: -18px; }

.optPayGChosePacPorti2 { position: absolute; width: 137px; z-index: 0; left: 143px; top: -24px; }

/**********************************/
.paymentPage_LeftCon { position: absolute; width: 481px; height: 1034px; left: 169px; top: 0px; }

.paymentPage_BasketMain { position: relative; height: 258px; width: 481px; top: 0px; left: 0px; border: 1px solid #57AEE1; }

.paymentPage_BasketBan { position: absolute; width: 430px; height: 27px; top: 0px; left: 0px; line-height: 27px; background-color: #6cc7e2; text-indent: 11px; font-size: 9pt; color: #ffffff; }

.paymentPage_BasketBanx { left: 5px; top: 35px; }

.paymentPage_NewBasketMain { position: relative; height: 78px; width: 430px; top: 65px; left: 5px; border: 1px solid #ffffff; background-color: #6cc7e2; }

.paymentPage_CartMain { position: absolute; height: 283px; width: 350px; top: 201px; left: 5px; }

.paymentPage_CartInpts { position: absolute; height: 283px; width: 430px; top: 30px; left: 0px; border: 1px solid #ffffff; overflow: hidden; background-color: #6cc7e2; }

.paymentPage_NewBasketBuyBan { position: absolute; width: 350px; height: 20px; top: 10px; color: #fff; }

    .paymentPage_NewBasketBuyBan .pp_NewBan1,
    .paymentPage_NewBasketBuyBan .pp_NewBan2,
    .paymentPage_NewBasketBuyBan .pp_NewBan3,
    .paymentPage_NewBasketBuyBan .pp_NewBan5,
    .paymentPage_NewBasketBuyBan .pp_NewBan4 { position: absolute; height: 20px; font-size: 9pt; float: left; text-align: center; line-height: 20px; }

    .paymentPage_NewBasketBuyBan .pp_NewBan1 { width: 20px; left: 8px; display: none; }

    .paymentPage_NewBasketBuyBan .pp_NewBan2 { width: 168px; left: 45px; }

    .paymentPage_NewBasketBuyBan .pp_NewBan3 { left: 204px; width: 62px; }

    .paymentPage_NewBasketBuyBan .pp_NewBan4 { left: 256px; width: 63px; }

    .paymentPage_NewBasketBuyBan .pp_NewBan5 { left: 319px; width: 63px; }

.paymentPage_NewBasketBuyList { position: absolute; width: 350px; height: 110px; top: 32px; left: 13px; }

.paymentPage_NBasketRow { position: relative; width: 428px; height: 20px; }

.paymentPage_NBasketRow_no,
.paymentPage_NBasketRow_name,
.paymentPage_NBasketRow_nameX,
.paymentPage_NBasketRow_piece,
.paymentPage_NBasketRow_Dscn,
.paymentPage_NBasketRow_rice,
.paymentPage_NBasketRow_del { position: absolute; height: 25px; border: 1px solid #ffffff; border-radius: 5px; background-color: #fff; font-size: 9pt; line-height: 24px; color: #8E8E8E; }

.paymentPage_NBasketRow_no { width: 20px; left: 6px; text-align: center; }

.paymentPage_NBasketRow_name { width: 170px; left: 29px; white-space: nowrap; overflow: hidden; text-indent: 10px; font-size: 9pt; /* font-weight: bold; */ }

.paymentPage_NBasketRow_nameX { width: 77px; left: 145px; display: none; }

.paymentPage_NBasketRow_piece { width: 40px; left: 202px; text-align: center; }

.paymentPage_NBasketRow_rice { width: 60px; left: 308px; text-align: right; padding-right: 7px; font-size: 9pt; color: #5a5a5a; font-weight: bold; }
    .paymentPage_NBasketRow_rice .paymentPage_NBasketRow_riceZr { font-size: 8pt; }
    .paymentPage_NBasketRow_rice .paymentPage_NBasketRow_riceTl { font-size: 9pt; color: #ffa500; }

.paymentPage_NBasketRow_Dscn { width: 60px; left: 245px; text-align: right; padding-right: 7px; font-size: 9pt; }
    .paymentPage_NBasketRow_Dscn .paymentPage_NBasketRow_riceZr { font-size: 8pt; }
    .paymentPage_NBasketRow_Dscn .paymentPage_NBasketRow_riceTl { font-size: 9pt; color: #ffa500; }
    .paymentPage_NBasketRow_Dscn div { position: absolute; width: 28px; top: 11px; left: 15px; height: 2px; background-color: red; transform: rotate(0deg); opacity: 0.3; }


.paymentPage_NBasketRow_del { width: 25px; left: 371px; text-align: center; cursor: pointer; font-size: 8pt; color: #ffa500; font-weight: bold; /* letter-spacing: 1px; */ }

    .paymentPage_NBasketRow_del:hover { background-color: #fff; color: #ffa500; font-size: 8pt; }

.paymentPage_BasketBuyedList { position: absolute; width: 479px; height: 219px; top: 37px; }

.paymentPage_CartPersonName { position: absolute; width: 250px; height: 58px; top: 7px; left: 25px; }

.paymentPage_CartPersonInfTxt { position: absolute; width: 250px; height: 20px; line-height: 20px; font-size: 9pt; top: 3px; color: #fff; text-indent: 6px; }

.paymentPage_CartPersonInpt { position: absolute; width: 247px; height: 34px; line-height: 34px; border: 1px solid #ffffff; background-color: #fff; top: 25px; text-indent: 6px; font-size: 10pt; color: #8E8E8E; }

.paymentPage_CartPersonInfCvv { width: 69px; text-align: center; }

.paymentPage_CartNo { position: absolute; width: 250px; height: 58px; top: 69px; left: 25px; }

.paymentPage_CartInpt { position: absolute; width: 175px; height: 34px; line-height: 34px; border: 1px solid #ffffff; background-color: #fff; top: 24px; text-indent: 23px; font-size: 10pt; color: #8E8E8E; }

.paymentPage_CartPersonInfTxt span { font-size: 8pt; position: absolute; left: 87px; top: 1px; }

.paymentPage_CartPersonX { text-align: center; width: 160px; }


.paymentPage_CartDate { position: absolute; width: 250px; height: 58px; top: 128px; left: 25px; }


.paymentPage_CartDateInpt1 { position: absolute; width: 70px; height: 34px; line-height: 34px; border: 1px solid #ffffff; background-color: #fff; top: 23px; font-size: 13pt; text-align: center; font-weight: bold; color: #8E8E8E; }

.paymentPage_CartDateInpt2 { position: absolute; width: 70px; height: 34px; line-height: 34px; border: 1px solid #ffffff; background-color: #fff; top: 23px; font-size: 13pt; left: 91px; text-align: center; font-weight: bold; color: #8E8E8E; }

.paymentPage_CartDateSls { position: absolute; width: 10px; height: 34px; line-height: 34px; top: 23px; left: 75px; font-size: 27pt; color: #ffffff; }

.paymentPage_CartCvv { position: absolute; width: 77px; height: 101px; top: 128px; left: 200px; /* overflow: hidden; */ }

.paymentPage_CartDateSlsX { position: absolute; width: 10px; height: 34px; line-height: 9px; top: 61px; left: 0px; font-size: 6pt; color: #ffffff; white-space: nowrap; }

.paymentPageNumberBtnsCon { position: absolute; width: 144px; height: 179px; border: 1px solid #64C3EA; border-radius: 5px; top: 824px; }


#btnKK_Visa { position: absolute; width: 63px; height: 34px; left: 192px; top: 19px; }

.cssKK_Visa { background: url(../img/dmcp/vis.png) 0px 0px no-repeat; }

.cssKK_Master { background: url(../img/dmcp/mas.png) 0px 0px no-repeat; }

.paymentPage_PayBtn { position: absolute; width: 125px; height: 42px; background-color: #ffffff; top: 221px; left: 202px; text-align: center; line-height: 39px; color: #00B4D5; /* box-shadow: 0px 0px 4px #023958; */ font-weight: bold; font-size: 14px; cursor: pointer; border: solid 1px #00B4D5; }

.paymentPageNumberBtns { position: relative; width: 39px; height: 37px; float: left; margin-right: 7px; margin-bottom: 6px; left: 5px; top: 5px; border: 1px solid #375B71; cursor: pointer; border-radius: 6px; color: #375B71; text-align: center; line-height: 37px; font-size: 15pt; font-weight: bold; }

#paymentPageNumberBtns00 { border: none; }

.paymentPageNumberBtns { -webkit-user-select: none; }

.paymentPage_NotEnterMessage { position: absolute; height: 50px; width: 382px; top: 630px; right: 253px; border: 1px solid #ffffff; overflow: hidden; background-color: #ca2929; font-size: 8pt; color: #fff; }



#diyetist_PaymentApplyCuponCodeCon { position: absolute; width: 180px; height: 80px; top: 230px; left: 472px; z-index: 1; }

.diyetist_PaymentApplyCuponCodeInpt { position: absolute; width: 170px; height: 30px; border-radius: 5px; border: 2px solid #6cc7e2; background: #fff; text-align: center; line-height: 31px; font-size: 12pt; color: #0f8aa2; top: 20px; }

.diyetist_PaymentApplyCuponCodeWrd { position: absolute; width: 160px; height: 30px; line-height: 31px; font-size: 10pt; text-indent: 0px; color: #ffffff; top: 20px; left: 184px; text-align: center; background: #0db4d5; border-radius: 5px; }

#diyetist_PaymentFarSaleContClick { position: absolute; width: 390px; height: 30px; top: 626px; left: 452px; z-index: 1; }

.diyetist_PaymentFarSaleContOkClkx,
.diyetist_PaymentFarSaleContOkClk { position: absolute; width: 26px; height: 26px; border: 3px solid #6cc7e2; border-radius: 20px; cursor: pointer; }
    .diyetist_PaymentFarSaleContOkClk div { position: absolute; width: 8px; height: 8px; background-color: #6cc7e2; top: 6px; left: 6px; border-radius: 8px; display: none; }

    .diyetist_PaymentFarSaleContOkClkx div { position: absolute; width: 8px; height: 8px; background-color: #6cc7e2; top: 6px; left: 6px; border-radius: 8px; }

.diyetist_PaymentFarSaleContInfWrd { position: absolute; width: 360px; height: 20px; line-height: 20px; font-size: 9pt; top: 5px; left: 33px; }
    .diyetist_PaymentFarSaleContInfWrd span { font-size: 10pt; color: #6cc7e2; cursor: pointer; }


#diyetist_PaymentFarSaleContMainWrd { position: absolute; width: 483px; height: 536px; background-color: #fff; top: 129px; left: 380px; border: 2px solid #6cc7e2; border-radius: 5px; z-index: 5; }

.diyetist_PaymentFarSaleContMainWrdCls { position: absolute; width: 40px; height: 40px; border: 2px solid #0db4d5; right: 5px; top: 5px; border-radius: 25px; cursor: pointer; }
    .diyetist_PaymentFarSaleContMainWrdCls div { position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 15px solid #0db4d5; width: 0px; top: 2px; left: 11px; transform: rotate(89deg); }

#diyetist_PaymentFarSaleContMainWrdDataList { position: absolute; width: 454px; height: 469px; background: #fff; top: 49px; left: 12px; overflow: scroll; white-space: pre-wrap; font-size: 8pt; color: #0db4d5; line-height: 13px; }

.diyetist_PaymentFarSaleContMainWrdBnr { position: absolute; width: 250px; height: 20px; line-height: 20px; font-size: 10pt; top: 19px; left: 65px; color: #0db4d5; font-weight: bold; }





/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.diyetist_MainAppBuyConDiv { position: relative; width: 1015px; margin: 0px auto; top: 0px; height: 100%; }

.diyetist_MainAppBuyWrap { position: absolute; width: 673px; height: 660px; /* background: url(../img/dp.png) 0px 0px no-repeat; */ background-size: 660px; left: 178px; top: 80px; z-index: 1111900; }



.diyetist_MainAppBuyRw1,
.diyetist_MainAppBuyRw2,
.diyetist_MainAppBuyRw3 { position: relative; width: 660px; margin-bottom: 5px; left: 9px; }

.diyetist_MainAppBuyRw1 { height: 300px; margin-bottom: 15px; }

.diyetist_MainAppBuyRw2 { height: 184px; margin-bottom: 20px; }

.diyetist_MainAppBuyRw3 { height: 63px; }


.diyetist_MainAppBuyRw1Cn1 { position: absolute; width: 135px; height: 135px; border: 5px solid #A3D9EA; left: 253px; top: 3px; border-radius: 80px; z-index: 1; background: #fff; }

.diyetist_MainAppBuyRw1Cn2 { position: absolute; width: 403px; height: 220px; border: 5px solid #D1ECF4; left: 118px; top: 66px; border-radius: 14px; background: #fff; }


.diyetist_MainAppBuyRw1Cn2ProfName { position: absolute; width: 396px; height: 30px; line-height: 30px; text-align: center; font-size: 12pt; font-weight: bold; top: 66px; color: #6CC7E2; }

.diyetist_MainAppBuyRw1Cn2Wrt1 { position: absolute; width: 395px; height: 30px; line-height: 30px; text-align: center; font-size: 9pt; font-weight: normal; top: 88px; color: #8D8D8D; }

.diyetist_MainAppBuyRw1Cn2Wrt2 { position: absolute; width: 395px; height: 30px; line-height: 17px; text-align: center; font-size: 9pt; font-weight: normal; top: 144px; color: #8D8D8D; }

    .diyetist_MainAppBuyRw1Cn2Wrt2 .diyetist_MainAppBuyRw1Cn2Wrt2spn1 { font-weight: bold; }

    .diyetist_MainAppBuyRw1Cn2Wrt2 .diyetist_MainAppBuyRw1Cn2Wrt2spn2 { color: #6cc7e2; font-weight: bold; }

.diyetist_MainAppBuyRw1Cn2Wrt3 { position: absolute; width: 395px; height: 30px; line-height: 30px; text-align: center; font-size: 9pt; font-weight: normal; top: 175px; color: #6cc7e2; }


.diyetist_MainAppBuyRw2SelDkm1,
.diyetist_MainAppBuyRw2SelDkm2,
.diyetist_MainAppBuyRw2SelDkm3 { position: relative; width: 197px; height: 179px; float: left; margin-right: 7px; /* background-color: red; */ /* opacity: 0.4; */ left: 34px; }

.diyetist_MainAppBuyRw2SelCirc { position: absolute; width: 120px; height: 120px; border-radius: 80px; /* background-color: rebeccapurple; */ /* opacity: 0.4; */ left: 16px; top: 3px; }

.diyetist_MainAppBuyRw2SelDkm1 .diyetist_MainAppBuyRw2SelCirc { border: 4px solid #F0833A; }

.diyetist_MainAppBuyRw2SelDkm2 .diyetist_MainAppBuyRw2SelCirc { border: 4px solid #2A91D0; }

.diyetist_MainAppBuyRw2SelDkm3 .diyetist_MainAppBuyRw2SelCirc { border: 4px solid #32AB57; }

.diyetist_MainAppBuyRw2SelCircWrd { position: absolute; width: 119px; height: 30px; line-height: 19px; text-align: center; font-size: 11pt; top: 66px; }


.diyetist_MainAppBuyRw2SelDkm1 .diyetist_MainAppBuyRw2SelCircWrd { color: #F0833A; }

.diyetist_MainAppBuyRw2SelDkm2 .diyetist_MainAppBuyRw2SelCircWrd { color: #2A91D0; }

.diyetist_MainAppBuyRw2SelDkm3 .diyetist_MainAppBuyRw2SelCircWrd { color: #32AB57; }


.diyetist_MainAppBuyRw2SelPrice { position: absolute; width: 163px; height: 30px; line-height: 30px; text-align: center; top: 131px; font-size: 27pt; font-weight: bold; white-space: nowrap; background: #fff; left: -10px; }

    .diyetist_MainAppBuyRw2SelPrice .diyetist_MainAppBuyRw2SelPriceSpn1 { font-size: 18pt; font-weight: normal; color: #A55C28; }

    .diyetist_MainAppBuyRw2SelPrice .diyetist_MainAppBuyRw2SelPriceSpn2 { font-size: 18pt; font-weight: normal; }


.diyetist_MainAppBuyRw2SelDkm1 .diyetist_MainAppBuyRw2SelPrice { color: #F0833A; }

.diyetist_MainAppBuyRw2SelDkm2 .diyetist_MainAppBuyRw2SelPrice { color: #2A91D0; }

.diyetist_MainAppBuyRw2SelDkm3 .diyetist_MainAppBuyRw2SelPrice { color: #32AB57; }

.diyetist_MainAppBuyRw2SelDkm1 .diyetist_MainAppBuyRw2SelPriceSpn1 { color: #A55C28; }

.diyetist_MainAppBuyRw2SelDkm2 .diyetist_MainAppBuyRw2SelPriceSpn1 { color: #206791; }

.diyetist_MainAppBuyRw2SelDkm3 .diyetist_MainAppBuyRw2SelPriceSpn1 { color: #067327; }

.diyetist_MainAppBuyRw3Imgs { position: relative; height: 53px; float: left; margin-right: 30px; left: 121px; opacity: 0.4; }

.diyetist_MainAppBuyRw2SelCircLg { position: absolute; height: 45px; left: 34px; top: 14px; }


.diyetist_MainAppBuyRw2SelPriceCizggghh { position: absolute; width: 2px; height: 37px; top: 1px; left: 25px; background-color: red; transform: rotate(47deg); }




/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

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

.docPagePersonFoodMenuCon { position: absolute; width: 592px; height: 689px; top: 90px; background-color: #fff; /* overflow: hidden; */ left: -104px; z-index: 4; }

.docPagePersonFoodMenuHarfCon { position: absolute; width: 800px; height: 800px; top: 7px; background-color: #fff; }


.docPagePersonMenuList { position: absolute; width: 558px; height: 640px; top: 45px; left: 0px; }

.docPagePersonFoodMenuHarfImg { position: absolute; width: 250px; top: 163px; left: 40px; }

.docPagePersonFoodMenuHarfDivs { position: absolute; width: 87px; height: 607px; top: -9px; left: 10px; z-index: 2; }

.docPagePersonMenuHarfDiv1,
.docPagePersonMenuHarfDiv2,
.docPagePersonMenuHarfDiv3,
.docPagePersonMenuHarfDiv4,
.docPagePersonMenuHarfDiv5,
.docPagePersonMenuHarfDiv6,
.docPagePersonMenuHarfDiv7,
.docPagePersonMenuHarfDiv8,
.docPagePersonMenuHarfDiv9,
.docPagePersonMenuHarfDiv10 { position: absolute; width: 40px; height: 40px; z-index: 2; border-radius: 20px; cursor: pointer; }

.docPagePersonMenuHarfDiv1 { left: 104px; top: 4px; }

.docPagePersonMenuHarfDiv2 { left: 169px; top: 25px; }

.docPagePersonMenuHarfDiv3 { left: 205px; top: 79px; }

.docPagePersonMenuHarfDiv4 { left: 205px; top: 140px; }

.docPagePersonMenuHarfDiv5 { left: 169px; top: 192px; }

.docPagePersonMenuHarfDiv6 { left: 106px; top: 212px; }

.docPagePersonMenuHarfDiv7 { left: 40px; top: 194px; }

.docPagePersonMenuHarfDiv8 { left: 4px; top: 140px; }

.docPagePersonMenuHarfDiv9 { left: 4px; top: 79px; }

.docPagePersonMenuHarfDiv10 { left: 41px; top: 25px; }

.docPagePersonMenuHarfDivBig { position: absolute; width: 148px; height: 147px; top: 55px; left: 51px; z-index: 1; border-radius: 70px; cursor: pointer; }



.docPagePersonMenuListWrap { position: absolute; width: 415px; height: 578px; /* background-color: red; */ left: 136px; top: 5px; z-index: 5; }

.docPagePersonFoodMenuHarfImgxx { position: absolute; width: 380px; left: 0px; top: 0px; }





.docPagePersonFoodMenuHarfDivs .defMenuConBanner { width: 87px; height: 607px; }

    .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivBackC { top: 48px; left: 10px; border-top-left-radius: 21px 24px; border-top-right-radius: 21px 24px; width: 66px; height: 24px; cursor: pointer; }

        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivBackC .defMenuDivBack { display: none; }

    .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon { background-color: #f7f7f7; height: 486px; top: 80px; width: 70px; }

        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon .defMenuHarfGrup1 { width: 030px; height: 60px; top: 3px; left: 1px; }

        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon .defMenuHarfGrup2 { width: 030px; height: 60px; top: 263px; left: 0px; }

        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon .defMenuHarfDiv { background: #65b1d4; color: #fff; width: 32px; height: 32px; line-height: 30px; font-size: 13pt; margin-bottom: 9px; top: 32px; }

        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon .defMenuSeciliHarf { background: #65b1d4; color: #fff; left: 10px; top: 219px; width: 50px; height: 50px; }


        .docPagePersonFoodMenuHarfDivs .defMenuConBanner .defMenuDivHarfCon .defMenuHarfDivSelX { position: relative; float: left; border-radius: 43px; top: 32px; margin-right: 11px; left: 9px; text-align: center; font-weight: bold; cursor: pointer; background: #65b1d4; color: #fff; width: 50px; height: 50px; line-height: 51px; font-size: 20pt; margin-bottom: 9px; }


.defMenuDivBackCinImg1 { position: absolute; width: 20px; left: 13px; top: 4px; }

.defMenuDivBackCinImg2 { position: absolute; width: 20px; left: 35px; top: 4px; }


#divMainPage .defMenuDivBackC { top: 25px; left: 0px; /* border-top-left-radius: 21px 24px; */ /* border-top-right-radius: 21px 24px; */ width: 40px; height: 40px; border-radius: 30px; display: none; }

    #divMainPage .defMenuDivBackC div { position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 17px solid #fff; top: 6px; left: 8px; }



#divMainPage .defMenuDivBackCinImg1 { position: absolute; width: 23px; left: 16px; top: 4px; }

#divMainPage .defMenuDivBackCinImg2 { position: absolute; width: 23px; left: 44px; top: 4px; }


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


/* """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */

.diyetistPageFoodChckRow { position: relative; width: 500px; height: 20px; margin-bottom: 4px; }

.diyetistPageFoodChckRowX { position: relative; width: 423px; height: 30px; margin-bottom: 12px; left: 48px; /* background: #caf7d8; */ box-shadow: 0px 0px 0px 1px #399c45; top: 1px; border-radius: 5px; }

.diyetistPageFoodChckVl0,
.diyetistPageFoodChckVl1 { position: relative; height: 20px; line-height: 19px; font-size: 8pt; text-align: center; float: left; border: 1px solid #3FC47C; border-radius: 5px; margin-right: 5px; left: 55px; color: #29d285; }

.diyetistPageFoodChckVl0 { width: 78px; }

.diyetistPageFoodChckVl1 { width: 48px; left: 63px; }

.diyetistPageFoodChckVlRed { border: 1px solid #c00; /* background-color: #c00; */ color: #c00; }

.diyetistPageFoodChckVlYel { border: 1px solid #53b7f3; /* background-color: #f5f510; */ color: #53b7f3; }

.diyetistPageFoodChckVlEmp { border: 1px solid #e2e2e2; color: #ff0303; }


.diyetistPageFoodChckRowX .diyetistPageFoodChckVl0 { width: 78px; left: 7px; top: 5px; }

.diyetistPageFoodChckRowX .diyetistPageFoodChckVl1 { width: 48px; left: 15px; top: 5px; }

.diyetistPageFoodChckArr { top: 5px; width: 0px; position: absolute; left: -24px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 17px solid #3fc47c; }

.diyetistPageFoodChckRow .diyetistPageFoodChckArr { display: none; }

.diyetistPageFoodList { position: absolute; width: 518px; height: 529px; overflow: hidden; left: 0px; top: 48px; z-index: 2; }

.diyetistPageFoodLBan { position: absolute; width: 250px; height: 25px; line-height: 24px; font-size: 8pt; text-align: center; background-color: #3a8ba9; left: 137px; color: #fff; border-radius: 6px; }

.diyetistPageFoodChckInfRow { position: absolute; width: 500px; height: 20px; bottom: 22px; left: 5px; }

.diyetistPageFoodChckInfV { position: relative; width: 75px; height: 21px; line-height: 20px; font-size: 8pt; box-shadow: 0px 0px 0px 1px #33bb70; border-radius: 5px; float: left; margin-right: 9px; text-indent: 28px; left: 82px; }

.diyetistPageFoodChckInfVl { position: absolute; width: 15px; height: 15px; background-color: #29d285; left: 4px; top: 3px; }

.diyetistPageFoodChckInfVl1 { position: absolute; width: 15px; height: 15px; background-color: #c00; left: 4px; top: 3px; }

.diyetistPageFoodChckInfVl2 { position: absolute; width: 15px; height: 15px; background-color: #53b7f3; left: 4px; top: 3px; }

.diyetistPageFoodChckInfVl3 { position: absolute; width: 15px; height: 15px; /* background-color: #29d285; */ left: 4px; top: 3px; text-align: center; text-indent: 0px; color: #f00; line-height: 14px; font-family: 'Arial Black'; }







/* """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.diyetist_MainWrap .dm_drugUsageCalenderDiv { position: absolute; width: 241px; height: 237px; top: 89px; left: 14px; background-color: #BABDC7; z-index: 7; border-radius: 13px; }


.diyetist_MainWrap #fyc_div_yearName { cursor: pointer; text-align: center; font-family: Verdana; vertical-align: middle; font-size: 14px; font-weight: bolder; width: 44px; overflow: hidden; border-style: none; background-color: transparent; color: #ffffff; position: relative; left: 5px; }

.diyetist_MainWrap #fyc_tblCal { position: absolute; top: 52px; left: 48px; z-index: 0; width: 421px !important; height: 225px; }

.diyetist_MainWrap #fyc_tbl_YearMonth { position: absolute; top: 40px; left: 225px; z-index: 1; }

.diyetist_MainWrap .css_fyc_div_monthName { cursor: pointer; text-align: left; font-family: verdana; vertical-align: middle; font-size: 14px; font-weight: bolder; overflow: hidden; background-color: transparent; border-style: none; width: 75px; color: #ffffff; cursor: pointer; position: relative; left: 10px; }

.diyetist_MainWrap .css_fyc_div_monthNameL { cursor: pointer; text-align: center; z-index: 1; font-family: Verdana; font-size: 12px; font-weight: bolder; width: 75px; cursor: pointer; color: #fff; max-height: 184px; background-color: #0db4d5; border-radius: 7px; border: solid 1px #d8fffc; }


.diyetist_MainWrap .cssDayH_WE,
.diyetist_MainWrap .cssDayH_WI,
.diyetist_MainWrap .cssDay1,
.diyetist_MainWrap .cssDay2,
.diyetist_MainWrap .cssDay1P,
.diyetist_MainWrap .cssDay2P,
.diyetist_MainWrap .cssDaySel,
.diyetist_MainWrap .cssToday { position: relative; cursor: pointer; width: 69px; height: 31px; text-align: center; font-size: 20px; line-height: 33px; }


.diyetist_MainWrap .cssDayH_WE { color: #00B4D5; font-weight: normal; cursor: default; }

.diyetist_MainWrap .cssDayH_WI { color: #00B4D5; font-weight: normal; cursor: default; }

.diyetist_MainWrap .cssDay1,
.diyetist_MainWrap .cssDay1P { color: #00B4D5; font-size: 17px; }

    .diyetist_MainWrap .cssDay1:hover { color: #303030; }

.diyetist_MainWrap .cssDay2,
.diyetist_MainWrap .cssDay2P { color: #76D6E8; font-size: 17px; }

.diyetist_MainWrap .cssDaySel,
.diyetist_MainWrap .cssToday { color: #0db4d5; font-weight: bold; }

.diyetist_MainWrap .cssToday { color: #fff !important; background: #ffa500; height: 31px; width: 31px; border-radius: 31px; left: 18px; font-weight: normal; font-size: 18px; text-align: center; }

/*.diyetist_MainWrap .cssDay1P,
.diyetist_MainWrap .cssDay2P { opacity: 0.85; }*/

.diyetist_MainWrap .cssDay1P { color: #00B4D5; }


.diyetist_MainWrap .cssClndrPrevMonth { position: absolute; left: 179px; top: 39px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 25px solid rgb(255, 255, 255); width: 0px; z-index: 2; cursor: pointer; }

    .diyetist_MainWrap .cssClndrPrevMonth:hover { opacity: 0.95; }

.diyetist_MainWrap .cssClndrNextMonth { position: absolute; left: 380px; top: 39px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 25px solid rgb(255, 255, 255); width: 0px; z-index: 2; cursor: pointer; }

    .diyetist_MainWrap .cssClndrNextMonth:hover { opacity: 0.95; }

.diyetist_MainWrap .cssClndrMonth { font-size: 12px; font-family: Verdana; font-weight: bold; text-align: center; vertical-align: middle; }

.diyetist_MainWrap .cssClndrYear { font-size: 12px; font-family: Verdana; font-weight: bold; text-align: center; vertical-align: middle; }

.diyetist_MainWrap .css_fyc_list_month { color: #d8fffc; text-indent: -1px; font-size: 12.4px; font-weight: normal; text-align: center; }

    .diyetist_MainWrap .css_fyc_list_month:hover { color: #ffffff; font-weight: bold; }

.diyetist_MainWrap .css_fyc_list_year { cursor: pointer; font-family: verdana; font-size: 10px; font-weight: bold; background-color: #ffffff; color: #000066; }

.diyetist_MainWrap .css_fyc_txt { cursor: text; font-family: verdana; font-size: 8px; font-weight: bold; background-color: Transparent; color: #f7f7f7; width: 78px; height: 11px; text-align: center; border-width: 0px; vertical-align: middle; padding: 0px; }

.diyetist_MainWrap .css_fyc_txt_def { cursor: text; font-family: verdana; font-size: 8px; font-weight: normal; font-style: italic; background-color: Transparent; color: #f7f7f7; width: 78px; height: 11px; text-align: center; border-width: 0px; vertical-align: middle; padding: 0px; }

.diyetist_MainWrap .css_fyc_bttnsearch { background-image: url('https://www.healthmaster.ist/e//images/fy/fyc_srcbttn2.png'); background-repeat: no-repeat; height: 19px; width: 20px; color: #939393; border-width: 0px; font-size: 12px; cursor: pointer; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ////////// TEXT Editor ///////////////////////////////////////////////////////////////////////////////////////// */
/* ////////// TEXT Editor ///////////////////////////////////////////////////////////////////////////////////////// */
/* ////////// TEXT Editor ///////////////////////////////////////////////////////////////////////////////////////// */



.newDocSaveDataListCon .TextEditor_Exx2,
.docPagePersonMesaagesDataList .TextEditor_Exx2,
.docPageAllBigNotesInptCon .TextEditor_Exx2,
.docPageAllNotesInptCon .TextEditor_Exx2 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx3,
.docPagePersonMesaagesDataList .TextEditor_Exx3,
.docPageAllBigNotesInptCon .TextEditor_Exx3,
.docPageAllNotesInptCon .TextEditor_Exx3 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx1,
.docPagePersonMesaagesDataList .TextEditor_Exx1,
.docPageAllBigNotesInptCon .TextEditor_Exx1,
.docPageAllNotesInptCon .TextEditor_Exx1 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx13,
.docPagePersonMesaagesDataList .TextEditor_Exx13,
.docPageAllBigNotesInptCon .TextEditor_Exx13,
.docPageAllNotesInptCon .TextEditor_Exx13 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx15,
.docPagePersonMesaagesDataList .TextEditor_Exx15,
.docPageAllBigNotesInptCon .TextEditor_Exx15,
.docPageAllNotesInptCon .TextEditor_Exx15 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx16,
.docPagePersonMesaagesDataList .TextEditor_Exx16,
.docPageAllBigNotesInptCon .TextEditor_Exx16,
.docPageAllNotesInptCon .TextEditor_Exx16 { display: none; }

.newDocSaveDataListCon .TextEditor_Exx17,
.docPagePersonMesaagesDataList .TextEditor_Exx17,
.docPageAllBigNotesInptCon .TextEditor_Exx17,
.docPageAllNotesInptCon .TextEditor_Exx17 { display: none; }


.docPageAllNotesInptCon .TextEditor_Ex13 { position: relative; margin-right: 3px; border: none; border-radius: 3px; }

.docPageAllNotesInptCon .TextEditor_Ex12 { position: relative; margin-right: 3px; border: none; border-radius: 3px; }

.docPageAllNotesInptCon .TextEditor_Exx4 { border-left: 0px solid #fff !important; }

.docPageAllNotesInptCon .TextEditor_Exx7 { border-left: 0px solid #fff !important; }

.docPageAllNotesInptCon .TextEditor_Exx9 { border-left: 0px solid #fff !important; }

.docPageAllNotesInptCon .TextEditor_Ex14 { position: relative; top: 2px; width: 23px; margin-left: 4px; }

.docPageAllNotesInptCon .TextEditor_Ex4 { position: relative; top: 2px; width: 23px; }

.docPageAllNotesInptCon .TextEditor_Ex5 { position: relative; top: 2px; width: 23px; margin-right: 4px; }

.docPageAllNotesInptCon .TextEditor_Ex15 { position: relative; top: 2px; width: 23px; margin-left: 6px; }

.docPageAllNotesInptCon .TextEditor_Ex6 { position: relative; top: 2px; width: 23px; margin-right: 4px; margin-left: 4px; }

.docPageAllNotesInptCon .TextEditor_Ex16 { position: relative; top: 2px; width: 23px; margin-left: 7px; }

.docPageAllNotesInptCon .TextEditor_Ex7 { position: relative; top: 2px; width: 23px; }

.docPageAllNotesInptCon .TextEditor_Ex8 { position: relative; top: 2px; width: 23px; }

.docPageAllNotesInptCon .TextEditor_Ex9 { position: relative; top: 2px; width: 23px; }

.docPageAllNotesInptCon .TextEditor_Ex10 { position: relative; top: 2px; width: 23px; margin-left: 7px; }
/***/

/*anatomi*/

.docPageAllBigNotesInptCon .TextEditor_Ex13 { position: relative; margin-right: 3px; border: none; border-radius: 3px; border: 2px solid #D9F4F9; }

.docPageAllBigNotesInptCon .TextEditor_Ex12 { position: relative; margin-right: 3px; border: none; border-radius: 3px; border: 2px solid #D9F4F9; }

.docPageAllBigNotesInptCon .TextEditor_Exx4 { border-left: 0px solid #fff !important; }

.docPageAllBigNotesInptCon .TextEditor_Exx7 { border-left: 0px solid #fff !important; }

.docPageAllBigNotesInptCon .TextEditor_Exx9 { border-left: 0px solid #fff !important; }

.docPageAllBigNotesInptCon .TextEditor_Ex14 { position: relative; top: 2px; width: 23px; margin-left: 4px; }

.docPageAllBigNotesInptCon .TextEditor_Ex4 { position: relative; top: 2px; width: 23px; }

.docPageAllBigNotesInptCon .TextEditor_Ex5 { position: relative; top: 2px; width: 23px; margin-right: 4px; }

.docPageAllBigNotesInptCon .TextEditor_Ex15 { position: relative; top: 2px; width: 23px; margin-left: 6px; }

.docPageAllBigNotesInptCon .TextEditor_Ex6 { position: relative; top: 2px; width: 23px; margin-right: 4px; margin-left: 4px; }

.docPageAllBigNotesInptCon .TextEditor_Ex16 { position: relative; top: 2px; width: 23px; margin-left: 7px; }

.docPageAllBigNotesInptCon .TextEditor_Ex7 { position: relative; top: 2px; width: 23px; }

.docPageAllBigNotesInptCon .TextEditor_Ex8 { position: relative; top: 2px; width: 23px; }

.docPageAllBigNotesInptCon .TextEditor_Ex9 { position: relative; top: 2px; width: 23px; }

.docPageAllBigNotesInptCon .TextEditor_Ex10 { position: relative; top: 2px; width: 23px; margin-left: 7px; }

/*anatomi*/


.docPagePersonMesaagesDataList .TextEditor_Ex13 { position: relative; margin-right: 3px; border: none; border-radius: 3px; width: 50px !important; }

.docPagePersonMesaagesDataList .TextEditor_Ex12 { position: relative; margin-right: 3px; border: none; border-radius: 3px; width: 50px !important; }

.docPagePersonMesaagesDataList .TextEditor_Exx4 { border-left: 0px solid #fff !important; }

.docPagePersonMesaagesDataList .TextEditor_Exx7 { border-left: 0px solid #fff !important; }

.docPagePersonMesaagesDataList .TextEditor_Exx9 { border-left: 0px solid #fff !important; }

.docPagePersonMesaagesDataList .TextEditor_Ex14 { position: relative; top: 2px; width: 23px; margin-left: 0px; }

.docPagePersonMesaagesDataList .TextEditor_Ex4 { position: relative; top: 2px; width: 23px; margin-right: -4px; }

.docPagePersonMesaagesDataList .TextEditor_Ex5 { position: relative; top: 2px; width: 23px; margin-right: 4px; }

.docPagePersonMesaagesDataList .TextEditor_Ex15 { position: relative; top: 2px; width: 23px; margin-left: 0px; }

.docPagePersonMesaagesDataList .TextEditor_Ex6 { position: relative; top: 2px; width: 23px; margin-right: 0px; margin-left: 4px; }

.docPagePersonMesaagesDataList .TextEditor_Ex16 { position: relative; top: 2px; width: 23px; margin-left: 7px; }

.docPagePersonMesaagesDataList .TextEditor_Ex7 { position: relative; top: 2px; width: 23px; margin-left: -3px; }

.docPagePersonMesaagesDataList .TextEditor_Ex8 { position: relative; top: 2px; width: 23px; margin-left: -3px; }

.docPagePersonMesaagesDataList .TextEditor_Ex9 { position: relative; top: 2px; width: 23px; margin-left: -3px; }

.docPagePersonMesaagesDataList .TextEditor_Ex10 { position: relative; top: 2px; width: 23px; margin-left: 7px; display: none; }
/***/

.newDocSaveDataListCon .TextEditor_Ex13 { position: relative; margin-right: 3px; border: none; border-radius: 3px; width: 60px !important; text-align: center; padding-left: 19px; }

.newDocSaveDataListCon .TextEditor_Ex12 { position: relative; margin-right: 3px; border: none; border-radius: 3px; width: 60px !important; padding-left: 14px; }

.newDocSaveDataListCon .TextEditor_Exx4 { border-left: 0px solid #fff !important; }

.newDocSaveDataListCon .TextEditor_Exx7 { border-left: 0px solid #fff !important; }

.newDocSaveDataListCon .TextEditor_Exx9 { border-left: 0px solid #fff !important; }

.newDocSaveDataListCon .TextEditor_Ex14 { position: relative; top: 2px; width: 23px; margin-left: 0px; }

.newDocSaveDataListCon .TextEditor_Ex4 { position: relative; top: 2px; width: 23px; margin-right: -4px; }

.newDocSaveDataListCon .TextEditor_Ex5 { position: relative; top: 2px; width: 23px; margin-right: 4px; }

.newDocSaveDataListCon .TextEditor_Ex15 { position: relative; top: 2px; width: 23px; margin-left: 0px; }

.newDocSaveDataListCon .TextEditor_Ex6 { position: relative; top: 2px; width: 23px; margin-right: 0px; margin-left: 4px; display: none; }

.newDocSaveDataListCon .TextEditor_Ex16 { position: relative; top: 2px; width: 23px; margin-left: 7px; display: none; }

.newDocSaveDataListCon .TextEditor_Ex7 { position: relative; top: 2px; width: 23px; margin-left: -3px; display: none; }

.newDocSaveDataListCon .TextEditor_Ex8 { position: relative; top: 2px; width: 23px; margin-left: -3px; display: none; }

.newDocSaveDataListCon .TextEditor_Ex9 { position: relative; top: 2px; width: 23px; margin-left: -3px; display: none; }

.newDocSaveDataListCon .TextEditor_Ex10 { position: relative; top: 2px; width: 23px; margin-left: 7px; display: none; }



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










/*   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   */
/*   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%   */




/*
 .d8888b.  .d88888b. 888      .d88888b. 8888888b.           8888888b.8888888 .d8888b. 888    d8P 88888888888888888b.  
d88P  Y88bd88P" "Y88b888     d88P" "Y88b888   Y88b          888   Y88b 888  d88P  Y88b888   d8P  888       888   Y88b 
888    888888     888888     888     888888    888          888    888 888  888    888888  d8P   888       888    888 
888       888     888888     888     888888   d88P          888   d88P 888  888       888d88K    8888888   888   d88P 
888       888     888888     888     8888888888P"           8888888P"  888  888       8888888b   888       8888888P"  
888    888888     888888     888     888888 T88b            888        888  888    888888  Y88b  888       888 T88b   
Y88b  d88PY88b. .d88P888     Y88b. .d88P888  T88b           888        888  Y88b  d88P888   Y88b 888       888  T88b  
 "Y8888P"  "Y88888P" 88888888 "Y88888P" 888   T88b          888      8888888 "Y8888P" 888    Y88b8888888888888   T88b 
*/

.colorPickerContainer { position: absolute; width: 234px; height: 199px; z-index: 150; user-select: none; }

.colorPickerCell { position: relative; width: 20px; height: 20px; float: left; user-select: none; }

    .colorPickerCell:hover { opacity: 0.90; }

.ReportDoc { width: 18px; height: 10px; background-image: url(../img/di/elabt1.png); position: relative; top: 1px; transition: 200ms; opacity: 0.6; background-repeat: no-repeat; }

    .ReportDoc:hover { height: 15px; opacity: 1.0; cursor: pointer; }

.ReportPic { width: 18px; height: 10px; background-image: url(../img/di/elabt3.png); position: relative; top: 1px; transition: 500ms; opacity: 0.6; background-repeat: no-repeat; }

    .ReportPic:hover { height: 15px; opacity: 1.0; cursor: pointer; }

.ReportVid { width: 18px; height: 10px; background-image: url(../img/di/elabt4.png); position: relative; top: 1px; transition: 500ms; opacity: 0.6; background-repeat: no-repeat; }

    .ReportVid:hover { height: 15px; opacity: 1.0; cursor: pointer; }

.ReportSou { width: 18px; height: 10px; background-image: url(../img/di/elabt2.png); position: relative; top: 1px; transition: 500ms; opacity: 0.6; background-repeat: no-repeat; }

    .ReportSou:hover { height: 15px; opacity: 1.0; cursor: pointer; }

.userNotElabX { margin-right: 5px; margin-left: 5px; height: 15px; position: relative; top: 2px; }

.userNotElabM { max-width: 100%; max-height: 100%; }

/*
                                                                                                                                                                                                      hhhhhhh             
                                                                                                                                                                                                      h:::::h             
                                                                                                                                                                                                      h:::::h             
                                                                                                                                                                                                      h:::::h             
ppppp   ppppppppp      eeeeeeeeeeee   rrrrr   rrrrrrrrr      ssssssssss     ooooooooooo  nnnn  nnnnnnnn             ssssssssss      eeeeeeeeeeee   aaaaaaaaaaaaa rrrrr   rrrrrrrrr      ccccccccccccccch::::h hhhhh       
p::::ppp:::::::::p   ee::::::::::::ee r::::rrr:::::::::r   ss::::::::::s  oo:::::::::::oon:::nn::::::::nn         ss::::::::::s   ee::::::::::::ee a::::::::::::ar::::rrr:::::::::r   cc:::::::::::::::h::::hh:::::hhh    
p:::::::::::::::::p e::::::eeeee:::::er:::::::::::::::::rss:::::::::::::so:::::::::::::::n::::::::::::::nn      ss:::::::::::::s e::::::eeeee:::::eaaaaaaaaa:::::r:::::::::::::::::r c:::::::::::::::::h::::::::::::::hh  
pp::::::ppppp::::::e::::::e     e:::::rr::::::rrrrr::::::s::::::ssss:::::o:::::ooooo:::::nn:::::::::::::::n     s::::::ssss:::::e::::::e     e:::::e        a::::rr::::::rrrrr::::::c:::::::cccccc:::::h:::::::hhh::::::h 
 p:::::p     p:::::e:::::::eeeee::::::er:::::r     r:::::rs:::::s  sssssso::::o     o::::o n:::::nnnn:::::n      s:::::s  sssssse:::::::eeeee::::::e aaaaaaa:::::ar:::::r     r:::::c::::::c     cccccch::::::h   h::::::h
 p:::::p     p:::::e:::::::::::::::::e r:::::r     rrrrrrr  s::::::s     o::::o     o::::o n::::n    n::::n        s::::::s     e:::::::::::::::::eaa::::::::::::ar:::::r     rrrrrrc:::::c            h:::::h     h:::::h
 p:::::p     p:::::e::::::eeeeeeeeeee  r:::::r                 s::::::s  o::::o     o::::o n::::n    n::::n           s::::::s  e::::::eeeeeeeeeeea::::aaaa::::::ar:::::r           c:::::c            h:::::h     h:::::h
 p:::::p    p::::::e:::::::e           r:::::r           ssssss   s:::::so::::o     o::::o n::::n    n::::n     ssssss   s:::::se:::::::e        a::::a    a:::::ar:::::r           c::::::c     cccccch:::::h     h:::::h
 p:::::ppppp:::::::e::::::::e          r:::::r           s:::::ssss::::::o:::::ooooo:::::o n::::n    n::::n     s:::::ssss::::::e::::::::e       a::::a    a:::::ar:::::r           c:::::::cccccc:::::h:::::h     h:::::h
 p::::::::::::::::p e::::::::eeeeeeee  r:::::r           s::::::::::::::so:::::::::::::::o n::::n    n::::n     s::::::::::::::s e::::::::eeeeeeea:::::aaaa::::::ar:::::r            c:::::::::::::::::h:::::h     h:::::h
 p::::::::::::::pp   ee:::::::::::::e  r:::::r            s:::::::::::ss  oo:::::::::::oo  n::::n    n::::n      s:::::::::::ss   ee:::::::::::::ea::::::::::aa:::r:::::r             cc:::::::::::::::h:::::h     h:::::h
 p::::::pppppppp       eeeeeeeeeeeeee  rrrrrrr             sssssssssss      ooooooooooo    nnnnnn    nnnnnn       sssssssssss       eeeeeeeeeeeeee aaaaaaaaaa  aaarrrrrrr               ccccccccccccccchhhhhhh     hhhhhhh
 p:::::p
 p:::::p
p:::::::p
p:::::::p
p:::::::p
ppppppppp
*/

.person_ctr_row { position: relative; top: 05px; left: -6px; width: 560px; height: 43px; margin-bottom: 5px; }

    .ref_person_row .pic,
    .person_ctr_row .tc,
    .person_ctr_row .name,
    .person_ctr_row .ctr_Del,
    .person_ctr_row .lastname,
    .person_ctr_row .age,
    .person_ctr_row .gender,
    .person_ctr_row .del { position: absolute; top: 3px; height: 34px; color: #7B7C7C; text-indent: 3px; line-height: 32px; font-size: 9pt; font-weight: normal; overflow: hidden; }

    .person_ctr_row .name { left: 54px; width: 240px; cursor: pointer; border-radius: 10px; text-indent: 7px; }

    .person_ctr_row .nameImg { position: absolute; width: 34px; right: 4px; top: -1px; display: none; }

    .person_ctr_row .ProtoPerIcn { position: absolute; width: 34px; right: 44px; top: 8px; display: none; }


    .person_ctr_row:hover { background-color: #9fdbec; border-radius: 5px; border-top: 1px solid #9fdbec; }
        .person_ctr_row:hover .nameImg { display: block; }
        .person_ctr_row:hover .ProtoPerIcn { display: block; }

    .person_ctr_row .lastname { left: 242px; width: 168px; cursor: pointer; border-radius: 10px; text-indent: 7px; }

    .person_ctr_row .age { left: 300px; width: 45px; text-align: center; text-indent: 0px; cursor: pointer; text-indent: 0px; border-radius: 10px; }

    .person_ctr_row .tc { left: 351px; width: 164px; cursor: pointer; text-align: left; text-indent: 7px; border-radius: 10px; letter-spacing: 1px; /* display: none; */ }

    .person_ctr_row .gender { left: 486px; width: 50px; text-align: center; text-indent: 0px; }

    .person_ctr_row .ctr_Del { left: 517px; /* width: 24px; */ /* text-align: center; */ /* text-indent: -1px; */ /* background-color: #C1272D; */ /* border-radius: 30px; */ /* color: #fff; */ font-size: 18pt; /* line-height: 18px; */ /* display: none; */ cursor: pointer; /* height: 24px; */ top: 4px; font-family: emojifont; }

    .person_ctr_row .pic { position: absolute; top: 0px; left: 2px; height: 40px; width: 40px; border-radius: 40px; transition: 200ms; object-fit: cover; object-position: 100% 15%; cursor: pointer; }

    /*.person_ctr_row:hover .pic { transform: scale(1.3); z-index: 10; }*/

    .person_ctr_row .del { right: 0px; font-size: 20pt; width: 20px; height: 20px; background: url('../img/dmcp/del_e.png') 0px 0px no-repeat; line-height: 15px; cursor: pointer; color: red; border: 1px solid #f2f2f2; border-radius: 10px; text-align: center; display: none; }

    .person_ctr_row:hover .del { display: block; }

    .person_ctr_row .patientAddRemove { position: absolute; top: 0px; left: 517px; }

    .person_ctr_row .pic { }

    .person_ctr_row .tc,
    .person_ctr_row .name,
    /*.person_ctr_row .ctr_Del,*/
    .person_ctr_row .lastname,
    .person_ctr_row .age,
    .person_ctr_row .gender { 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); color: #0db4d5; border: 1px solid #96D7EA; background: #fff; }


    .person_ctr_row:hover .ctr_Del { display: block; }


.calendar_app_count { position: absolute; bottom: 23px; right: 20px; width: 13px; height: 13px; border-radius: 15px; font-size: 9px; text-indent: 0px; text-align: center; line-height: 15px; background-color: #fff; color: #167da5; }

.cssToday .calendar_app_count_person { position: absolute; bottom: 4px; left: 8px; width: 15px; height: 2px; background-color: #fff; }

.calendar_app_count_person2 { position: absolute; bottom: 4px; left: 23px; width: 18px; height: 2px; background-color: #fff; }

.calendar_app_count_person { position: absolute; bottom: 4px; left: 25px; width: 19px; height: 2px; background-color: #00B4D5; }

.person_ctr_rowBan { position: relative; width: 548px; height: 63px; background-color: #ecf8fb; top: 0px; left: -10px; z-index: 5; border-radius: 30px; }

.personctrrowBanV1Img { position: absolute; top: 5px; right: 77px; width: 18px; z-index: 1; }

.personctrrowBanV1ResetImgCap { top: 0px; left: 73px !important; background-color: transparent !important; }

.personctrrowBanV1ResetImg { position: absolute; top: 5px; left: 0px; width: 18px; z-index: 1; cursor: pointer; }

.person_ctr_rowBanV1,
.person_ctr_rowBanV2,
.person_ctr_rowBanV3,
.person_ctr_rowBanV4,
.person_ctr_rowBanV5 { position: relative; line-height: 35px; font-weight: normal; top: 0px; height: 58px; color: #7B7C7C; text-indent: 3px; line-height: 35px; font-size: 10pt; font-weight: normal; float: left; margin-right: 7px; border-radius: 5px; /* border: 2px solid #5ECFE4; */ border-top-left-radius: 0px; border-top-right-radius: 0px; }

.person_ctr_rowBanV1,
.person_ctr_rowBanV2,
.person_ctr_rowBanV3,
.person_ctr_rowBanV4,
.person_ctr_rowBanV5 { 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); background: #9FDBEC; }

.person_ctr_rowBanV1 { width: 350px; margin-right: 13px; text-align: center; left: 106px; top: 0px; }

.person_ctr_rowBanV2 { width: 133px; }

.person_ctr_rowBanV3 { width: 178px; margin-right: 9px; }

.person_ctr_rowBanV4 { width: 24px; }

.person_ctr_rowBanV5 { width: 95px; }

#divDocPersonSearchList { background-color: #ECF8FB !important; }

.person_ctr_rowBanV1 div { position: absolute; width: 27px; height: 30px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 70px; line-height: 30px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.person_ctr_rowBanV1 input { position: absolute; width: 210px; height: 30px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 70px; line-height: 30px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; text-transform: uppercase; }

    .person_ctr_rowBanV1 input:placeholder { color: #9FDBEC; }

.animtn { position: absolute; top: 3px; left: 351px; height: 34px; width: 34px; background: #fff; border: 1px solid #96D7EA; border-radius: 10px; line-height: 32px; font-size: 8pt; font-weight: normal; overflow: hidden; color: #0db4d5; text-align: center; cursor: pointer; text-indent: 0px; background: url(../img/sitting_person_icon.png) 8px 3px #fff no-repeat; background-size: 15px; }

.kilmtrh { position: absolute; top: 3px; left: 391px; height: 34px; width: 39px; background: #fff; border: 1px solid #96D7EA; border-radius: 10px; line-height: 32px; font-size: 9pt; font-weight: normal; overflow: hidden; color: #0db4d5; text-align: center; cursor: pointer; text-indent: 0px; }

.stpp { position: absolute; top: 3px; left: 436px; height: 34px; width: 60px; background: #fff; border: 1px solid #96D7EA; border-radius: 10px; line-height: 32px; font-size: 9pt; font-weight: normal; overflow: hidden; color: #0db4d5; text-align: center; cursor: pointer; text-indent: 0px; }


.person_ctr_row .divAnimSit,
.person_ctr_row .divAnimLaydown,
.person_ctr_row .divAnimWalk,
.person_ctr_row .divAnimRun { top: 3px; left: 356px; width: 17px; height: 34px; transition: 0ms; }




.person_ctr_rowMedDisSubRow { position: relative; width: 538px; height: 330px; border: 2px solid #a4dbed; top: 15px; margin-bottom: 5px; border-radius: 5px; background: #fff; /*display: none;*/ }

.person_ctr_rowMedDisSubRow1,
.person_ctr_rowMedDisSubRow2,
.person_ctr_rowMedDisSubRow3,
.person_ctr_rowMedDisSubRow4,
.person_ctr_rowMedDisSubRow5,
.person_ctr_rowMedDisSubRow6 { position: relative; border: 2px solid #a4dbed; border-radius: 5px; margin-bottom: 5px; left: 17px; top: 5px; text-align: center; line-height: 27px; font-size: 8pt; color: #7b7b7b; }



.person_ctr_rowMedDisSubRow1 { width: 500px; height: 30px; }
.person_ctr_rowMedDisSubRow2 { width: 470px; height: 30px; left: 47px; background: #ebfaff; line-height: 26px; }
.person_ctr_rowMedDisSubRow3 { width: 440px; height: 30px; left: 77px; }
.person_ctr_rowMedDisSubRow4 { width: 500px; height: 30px; left: 77px; border: none; }
.person_ctr_rowMedDisSubRow5 { width: 190px; height: 40px; margin-top: 20px; margin-bottom: 20px; left: 170px; line-height: 39px; background: #0db4d5; cursor: pointer; color: #fff; font-weight: bold; }
.person_ctr_rowMedDisSubRow6 { width: 500px; height: 95px; line-height: 15px; padding-top: 10px; }


.person_ctr_rowMedDisSubRow4Dv { position: relative; width: 46px; height: 30px; line-height: 27px; font-size: 8pt; text-align: center; border: 2px solid #a4dbed; float: left; margin-right: 10px; border-radius: 5px; }
















/*

########  ######## ########             ##     ## ######## ##    ## ##     ## 
##     ## ##       ##                   ###   ### ##       ###   ## ##     ## 
##     ## ##       ##                   #### #### ##       ####  ## ##     ## 
##     ## ######   ######               ## ### ## ######   ## ## ## ##     ## 
##     ## ##       ##                   ##     ## ##       ##  #### ##     ## 
##     ## ##       ##                   ##     ## ##       ##   ### ##     ## 
########  ######## ##                   ##     ## ######## ##    ##  #######  
                                       
*/

.divDietMenu { width: 850px; height: 1020px; margin: -40px auto; position: relative; page-break-after: always; padding-left: 119px; top: 0px; z-index: 10; left: -150px; background: #fff; }

    .divDietMenu .divHeaderCon { width: 650px; height: 93px; margin: 0px auto; position: relative; margin-top: 35px; }

    .divDietMenu .divMainCon { width: 650px; height: 895px; margin: 0px auto; background-color: #fff; padding: 8px 0px; border: 0px none; border-radius: 2px; position: relative; }


    .divDietMenu .imgUser { position: absolute; left: 0px; top: 9px; max-width: 90px; max-height: 84px; border-radius: 80px; }

    .divDietMenu .divUserName { position: absolute; left: 0px; top: 87px; width: 250px; height: 20px; font-family: Arial; font-size: 14px; line-height: 20px; font-weight: bold; }

    .divDietMenu .divUserContact { position: absolute; left: 0px; top: 103px; width: 250px; height: 15px; font-family: Arial; font-size: 11px; line-height: 15px; font-weight: bold; }

.CopyRight { font-family: Arial; font-size: 9px; line-height: 16px; font-weight: normal; margin-top: 10px; color: #4f4f4f; text-align: center; }

.divDietMenu .rel1 { position: relative; width: 52px; height: 23px; line-height: 23px; vertical-align: middle; }

.divDietMenu .rel2 { position: relative; width: 84px; height: 23px; line-height: 23px; vertical-align: middle; }

.divDietMenu .dmDivTable { display: block; }

.divDietMenu .dmRow { display: table-row; max-height: 18px; }

.divDietMenu .dmRowDiv { position: relative; top: 0px; left: 0px; padding: 0px; margin: 0px; display: block; height: 23px; width: 650px; }

.divDietMenu .dmCell01,
.divDietMenu .dmCell02,
.divDietMenu .dmCell03,
.divDietMenu .dmCell04,
.divDietMenu .dmCell05,
.divDietMenu .dmCell06,
.divDietMenu .dmCell07,
.divDietMenu .dmCell08,
.divDietMenu .dmCell09,
.divDietMenu .dmCell10 { position: absolute; top: 0px; height: 23px; border: 1px solid #e7f6f8; background-color: #fff; color: #4f4f4f; font-family: Arial; font-size: 9px; line-height: 23px; font-weight: 100; border-radius: 16px; padding: 0px; table-layout: fixed; white-space: nowrap; margin: 1px 2px 0px 0px; }


.divDietMenu .dmCell01 { left: 000px; width: 022px; background-color: #99dde5; border: 0px none; color: #fff; line-height: 23px; text-align: center; }

.divDietMenu .dmCell02 { left: 024px; width: 054px; color: #000; vertical-align: top; text-align: center; }

.divDietMenu .dmCell03 { left: 080px; width: 315px; text-align: left; text-indent: 9px; overflow: hidden; white-space: nowrap; overflow: hidden; }

.divDietMenu .dmCell04 { left: 397px; width: 024px; text-align: center; line-height: 24px; }

.divDietMenu .dmCell05 { left: 422px; width: 160px; text-align: left; position: relative; }

.divDietMenu .dmCell06 { left: 525px; width: 058px; text-align: right; padding-right: 8px; }

.divDietMenu .dmCell07 { left: 585px; width: 039px; text-align: right; padding-right: 6px; }

.divDietMenu .dmCell08 { left: 626px; width: 022px; text-align: center; }

.divDietMenu .dmCell09 { width: 086px; vertical-align: top; display: none; }

.divDietMenu .dmCell10 { width: 039px; text-align: right; padding-right: 6px; }

.divDietMenu .dmCell05 .seqn { text-indent: 5px; overflow: hidden; white-space: nowrap; }

.divDietMenu .dmCell05 .seqListXYZzz { display: none; }

.divDietMenu .dmCell05 .seqListXYZ { position: absolute; top: 20px; left: -1px; z-index: 2; background-color: white; width: 160px; border: 1px solid #E5E9F0; border-radius: 10px; }

    .divDietMenu .dmCell05 .seqListXYZ .c1,
    .divDietMenu .dmCell05 .seqListXYZ .c2,
    .divDietMenu .dmCell05 .seqListXYZ .c3 { padding: 2px; height: 24px; overflow: hidden; cursor: pointer; }

    .divDietMenu .dmCell05 .seqListXYZ .c1 { width: 19px; text-align: right; }

    .divDietMenu .dmCell05 .seqListXYZ .c2 { width: 100px; }

    .divDietMenu .dmCell05 .seqListXYZ .c3 { width: 33px; text-align: right; }

.divDietMenu .dmCell01 .dietperson_del { position: absolute; top: 0px; left: 0px; font-size: 20pt; width: 22px; height: 22px; display: block; line-height: 17px; cursor: pointer; color: red; border: 1px solid rgba(255, 0, 0, 0.69); border-radius: 12px; text-align: center; transition: 200ms; display: none; background-color: #fff; }

.divDietMenu .dmRowDiv:hover .dmCell01 .dietperson_del { display: block; }

.divDietMenu .dmCell01 .dietperson_del:hover { background-color: red; color: #fff; }



.divDietMenu .note { width: 650px; border: 1px solid #55c6d4; margin-top: 20px; border-radius: 12px; }

.divDietMenu .note1 { height: 60px; }

.divDietMenu .note2 { height: 205px; }


.divDietMenu .dmDivTable .mr1 .dmCell03,
.divDietMenu .dmDivTable .mr1 .dmCell04,
.divDietMenu .dmDivTable .mr1 .dmCell05,
.divDietMenu .dmDivTable .mr1 .dmCell06,
.divDietMenu .dmDivTable .mr1 .dmCell07,
.divDietMenu .dmDivTable .mr1 .dmCell08,
.divDietMenu .dmDivTable .mr1 .dmCell09,
.divDietMenu .dmDivTable .mr1 .dmCell10 { background-color: #e7f6f8; }


.divDietMenu .dmDivTable .mr0 .dmCell03 { background-color: #fff; }

.divDietMenu .dmDivTable .dmCell02 dcf_file_uploader, .logo_file_uploader { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 3; }

.divDietMenu .dmCell02 .imgUploadCon { position: absolute; top: -1px; left: -1px; width: 54px; height: 23px; overflow: hidden; }


.divDietMenu .dateMealHeader { height: 20px; margin: 5px 0px; }

.divDietMenu .dmHeaderCell { position: relative; width: 353px; height: 20px; background-color: #99dde5; color: #fff; font-family: Arial; font-size: 12px; line-height: 22px; font-weight: bold; border: 0px none; border-radius: 1px; border-radius: 14px; }

    .divDietMenu .dmHeaderCell .menu_label { position: absolute; top: 0px; left: 25px; }

    .divDietMenu .dmHeaderCell .meal_label { position: absolute; top: 0px; left: 170px; }

    .divDietMenu .dmHeaderCell .meal_hour { font-size: 10px; }

.divDietMenu .dmGrX { font-size: 9px; font-weight: normal; }

.dietpersoncharticon,
.LockMealsForTemplateDietGroup,
.UnwantedMealForTemplateDietGroup,
.dietpersonfoodalternative,
.dietperson_replace_food_in_all_days,
.dietperson_dcf_page { position: absolute; top: 1px; right: 1px; width: 19px; height: 19px; border-radius: 15px; background-color: #7CA9F7; cursor: pointer; display: none; }

.LockMealsForTemplateDietGroup { right: 23px; }

.UnwantedMealForTemplateDietGroup { right: 45px; background-color: red; }

.dietpersonfoodalternative { right: 23px; }

.dietperson_replace_food_in_all_days { right: 44px; background-color: #e24e16; }

.dietperson_dcf_page { right: 44px; }

.icon_dm_replace,
.icon_dm_chart,
.icon_dm_dcf { position: absolute; top: 4px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); max-width: 13px; }

.dmHeaderCell .dietpersoncharticon { width: 18px; height: 18px; }

.dmHeaderCell:hover .dietpersoncharticon,
.dmHeaderCell:hover .LockMealsForTemplateDietGroup,
.dmHeaderCell:hover .UnwantedMealForTemplateDietGroup,
.dmCell03:hover .dietpersoncharticon,
.dmCell03:hover .dietpersonfoodalternative,
.dmCell03:hover .dietperson_replace_food_in_all_days,
.dmCell03:hover .dietperson_dcf_page { display: block; }


.divDietMenu .divPersonInfoCon { position: absolute; top: 43px; left: 140px; }

.divDietMenu .divPersonInfoCon1 { position: absolute; top: 0px; left: -47px; }

.divDietMenu .divPersonInfoCon2 { position: absolute; top: 0px; left: -11px; }

.divDietMenu .person { position: absolute; top: 00px; left: 000px; width: 179px; height: 21px; background-color: #55c6d4; color: #fff; font-family: Arial; font-size: 10px; line-height: 20px; font-weight: bold; border: 1px solid #addfea; border-radius: 15px; text-align: center; }

.divDietMenu .divPersonName /*            */ { top: -2px; left: 000px; width: 260px; font-size: 16px; height: 30px; line-height: 30px; }

.divDietMenu .divGender /*                */ { top: 30px; left: 000px; width: 028px; font-size: 12px; }

.divDietMenu .divAgeVal /*                */ { top: 30px; left: 040px; width: 029px; font-size: 12px; }

.divDietMenu .divAgeLbl /*                */ { top: 30px; left: 069px; width: 028px; font-size: 09px; }

.divDietMenu .divHeightVal /*             */ { top: 30px; left: 111px; width: 037px; font-size: 12px; }

.divDietMenu .divHeightLbl /*             */ { top: 30px; left: 148px; width: 028px; font-size: 09px; }

.divDietMenu .divWeightVal /*             */ { top: 30px; left: 186px; width: 045px; font-size: 12px; }

.divDietMenu .divWeightLbl /*             */ { top: 30px; left: 231px; width: 028px; font-size: 09px; }

.divDietMenu .divSleepLbl /*              */ { top: 80px; left: 184px; width: 042px; font-size: 12px; display: none; }

.divDietMenu .divSleepVal /*              */ { top: 80px; left: 227px; width: 046px; font-size: 12px; display: none; }

.divDietMenu .divWorkLbl /*               */ { top: 80px; left: 276px; width: 025px; font-size: 12px; display: none; }

.divDietMenu .divWorkVal /*               */ { top: 80px; left: 303px; width: 042px; font-size: 12px; display: none; }

.divDietMenu .divWorkDifficultyLevelLbl /**/ { top: 30px; left: 429px; width: 044px; font-size: 12px; }

.divDietMenu .divWorkDifficultyLevelVal /**/ { top: 30px; left: 475px; width: 044px; font-size: 12px; }

.divDietMenu .divTargetWeightLbl /*       */ { top: 30px; left: 252px; width: 078px; font-size: 12px; }

.divDietMenu .divTargetWeightVal /*       */ { top: 30px; left: 331px; width: 044px; font-size: 12px; }

.divDietMenu .divTargetWeightUnt /*       */ { top: 30px; left: 375px; width: 036px; font-size: 09px; }

.divDietMenu .divTotalExerciseLbl /*      */ { top: 08px; left: 252px; width: 078px; font-size: 12px; }

.divDietMenu .divTotalExerciseVal /*      */ { top: 08px; left: 331px; width: 044px; font-size: 12px; }

.divDietMenu .divTotalExerciseUnt /*      */ { top: 08px; left: 375px; width: 036px; font-size: 09px; }

.divDietMenu .divTotalEnergy /*           */ { top: -2px; left: 429px; width: 90px; font-size: 16px; height: 30px; line-height: 30px; }

    .divDietMenu .divTotalEnergy span { font-size: 9px; }


.divDietMenu .dmLink1 { position: absolute; top: 0px; left: 02px; width: 16px; height: 14px; border: 0px none; display: block; }

.divDietMenu .dmLink2 { position: absolute; top: 0px; left: 43px; width: 16px; height: 14px; border: 0px none; display: block; }

.divDietMenu .dmLink3 { position: absolute; top: 0px; left: 62px; width: 16px; height: 14px; border: 0px none; display: block; }

.divDietMenu .linkImage1 { position: absolute; top: 0px; left: 0px; height: 16px; border: 0px none; transition: 300ms; }

.divDietMenu .linkImage2 { position: absolute; top: 0px; left: 0px; height: 16px; border: 0px none; transition: 300ms; }

.divDietMenu .linkImage3 { position: absolute; top: 0px; left: 0px; height: 16px; border: 0px none; transition: 300ms; }

.divDietMenu .linkImage1:hover { top: -5px; left: -5px; height: 25px; background-color: #ff6a00; border-radius: 5px; z-index: 2; }

.divDietMenu .linkImage2:hover { top: -5px; left: -5px; height: 25px; background-color: #ff6a00; border-radius: 5px; z-index: 2; }

.divDietMenu .linkImage3:hover { top: -5px; left: -5px; height: 25px; background-color: #ff6a00; border-radius: 5px; z-index: 2; }


.divDietMenu .foodImg { position: relative; top: 0px; left: 2px; max-height: 21px; max-width: 54px; border: 0px none; transition: 300ms; cursor: pointer; border-radius: 5px; }

.divDietMenu .dmCell02:hover .foodImg { max-height: 60px; max-width: 60px; top: -19px; left: -2px; z-index: 2; border-radius: 0px; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); width: 70px; border-radius: 54px; }


.divDietMenu .pageNo { position: absolute; bottom: 0px; width: 30px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 8pt; color: #4f4f4f; }

.divDietMenu .pageNoL { left: 0px; }

.divDietMenu .pageNoR { right: 0px; }

#nutri,
#nutri140 { width: 650px; height: 1020px; position: relative; margin: 0px auto; }



.divDietAltFoodRow_sub { position: relative; width: 690px; /*height: 23px; line-height: 22px;*/ margin-bottom: 1px; }



    .divDietAltFoodRow_sub .tblFAW { position: relative; top: 0px; left: 0px; font-size: 7.5pt; width: 690px; border-radius: 12px; }

        .divDietAltFoodRow_sub .tblFAW .wrow { position: relative; left: 242px; width: 448px; height: 23px; line-height: 22px; margin-bottom: 1px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .wSeqCon { position: absolute; top: 0px; right: 241px; font-size: 7.5pt; line-height: 23px; width: 206px; height: 23px; border-radius: 12px; background-color: white; }

                .divDietAltFoodRow_sub .tblFAW .wrow .wSeqCon .c1 { position: absolute; top: 0px; left: 0px; width: 30px; text-align: right; border: 0px none; background-color: transparent; font-size: 7.5pt; line-height: 23px; }

                .divDietAltFoodRow_sub .tblFAW .wrow .wSeqCon .c2 { position: absolute; top: 0px; left: 32px; width: 110px; white-space: nowrap; overflow: hidden; text-align: left; }

                .divDietAltFoodRow_sub .tblFAW .wrow .wSeqCon .c3 { position: absolute; top: 0px; right: 5px; width: 50px; text-align: right; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n208,
            .divDietAltFoodRow_sub .tblFAW .wrow .n203,
            .divDietAltFoodRow_sub .tblFAW .wrow .n204,
            .divDietAltFoodRow_sub .tblFAW .wrow .n205,
            .divDietAltFoodRow_sub .tblFAW .wrow .n307,
            .divDietAltFoodRow_sub .tblFAW .wrow .nXXX { position: absolute; top: 0px; width: 39px; height: 23px; line-height: 23px; border-radius: 12px; font-size: 7.5pt; background: #fff; text-align: right; padding-right: 2px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n208 { right: 200px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n203 { right: 160px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n204 { right: 120px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n205 { right: 080px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .n307 { right: 040px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .nXXX { right: 000px; }

            .divDietAltFoodRow_sub .tblFAW .wrow .addfoodtodp,
            .divDietMenuFoodAltList .foodrow .addfoodtodp { position: absolute; top: 1px; left: -22px; width: 20px; height: 20px; border-radius: 10px; background-color: #2a82e1; z-index: 1; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: bolder; color: #fff; text-indent: 0px; text-align: center; transition: 300ms; }

.divDietMenuFoodAltList .foodrow .addfoodtodp { left: 263px; }

/**************************************************************/
/**************************************************************/
/**************************************************************/
.divDietMenuSeperator { width: 650px; height: 980px; margin: 0px auto; position: relative; page-break-after: always; /*background: #e7f6f8;*/ }

    .divDietMenuSeperator .midShadow { position: absolute; top: 280px; left: 30px; width: 590px; height: 240px; border-radius: 1px; }

        .divDietMenuSeperator .midShadow .mid { position: absolute; top: 20px; left: 20px; width: 550px; height: 200px; background-color: #fff; border-radius: 1px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); }

            .divDietMenuSeperator .midShadow .mid .label { position: absolute; bottom: 15px; right: 20px; width: 350px; height: 50px; line-height: 50px; font-size: 40pt; color: #57c5d3; border-bottom: 1px solid #C6EBF0; text-align: right; }

    .divDietMenuSeperator .forkCon { position: absolute; top: 20px; left: 50px; width: 100px; height: 100px; background-color: #c1c1c1; border-radius: 100px; z-index: 0; }

        .divDietMenuSeperator .forkCon .in { position: absolute; top: 10px; left: 10px; width: 80px; height: 80px; background-color: #fff; border-radius: 80px; overflow: hidden; }

        .divDietMenuSeperator .forkCon .clr1 { position: absolute; top: -8px; left: -20px; width: 120px; height: 40px; background-color: #7CA9F7; z-index: 1; transform: rotate(45deg); }

        .divDietMenuSeperator .forkCon .clr2 { position: absolute; top: 40px; left: 000px; width: 120px; height: 40px; background-color: #344564; z-index: 2; }

        .divDietMenuSeperator .forkCon .clr3 { position: absolute; top: 47px; left: -19px; width: 120px; height: 40px; background-color: #ff6a00; z-index: 3; transform: rotate(315deg); }

        .divDietMenuSeperator .forkCon .clr4 { position: absolute; top: 00px; left: 040px; width: 040px; height: 80px; background-color: #aa9a1b; z-index: 4; }

        .divDietMenuSeperator .forkCon .spoon { z-index: 2; position: absolute; top: -10px; left: 100px; }

        .divDietMenuSeperator .forkCon .fork { z-index: 2; position: absolute; top: -10px; left: -20px; }

    .divDietMenuSeperator .letterShadow { position: absolute; bottom: 30px; right: 30px; width: 190px; height: 190px; }

        .divDietMenuSeperator .letterShadow .letter { position: absolute; bottom: 19px; right: 19px; width: 152px; height: 152px; cursor: pointer; line-height: 130px; text-align: center; vertical-align: middle; color: #55c6d4; background-color: #fff; border-radius: 100px; font-size: 75pt; border: 10px solid #57c5d3; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); padding: 0px; margin: 0px; }

    .divDietMenuSeperator .menu_sptr_logo { position: absolute; top: 15px; right: 21px; width: 62px; }

@media print {

    .divDietMenuSeperator .midShadow { background: url('../img/menu_box_bg_01.png') no-repeat; }

    .divDietMenuSeperator .letterShadow { background: url('../img/menu_box_bg_02.png') no-repeat; }
    /*.divDietMenuSeperator { background-color: #fff; }*/
}


/**************************************************/
/*                                                */
/*    fffffffffffffff         yyy      yyy        */
/*    ffffffffffffff           yyy    yyy         */
/*    fff                       yyy  yyy          */
/*    ffffffffff                 yyyyyy           */
/*    fffffffff                   yyyy            */
/*    fff                         yyy             */
/*    fff                        yyy              */
/*    fff                       yyy               */
/*                                                */
/**************************************************/
/*                                                */
/*              DIET ALG                          */
/*                                                */
/**************************************************/

.divDietChartPanel { position: fixed; top: 5px; right: 0px; width: 410px; margin: 0px auto; color: #2C2C2C; font-family: Arial; font-size: 9px; background-color: rgba(0, 0, 0, 0.75); border-radius: 10px; z-index: 4; }

.divDietMenuFoodAltList, .divDietMenuFoodImageList { position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); width: 730px; margin: 0px auto; color: #2C2C2C; font-family: Arial; font-size: 9px; background-color: #f2f2f2; border-radius: 10px; z-index: 4; }

.divDietMenuFoodImageList { width: 670px; }

    .divDietMenuFoodImageList .con { position: relative; width: 95px; height: 130px; float: left; }

        .divDietMenuFoodImageList .con .cssFoodOrderTxt,
        .divDietMenuFoodImageList .con .cssFoodNoteTxt { position: absolute; left: 0px; width: 90px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #e7f6fb; background-color: rgba(231, 246, 251, 0.60); font-size: 8pt; }

    .divDietMenuFoodImageList .dcf_all_img { position: absolute; top: 0px; left: 0px; max-width: 90px; max-height: 90px; }

    .divDietMenuFoodImageList .cssImgCatLabel { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; line-height: 18px; font-size: 8pt; text-align: center; border: 1px solid #e7f6fb; border-radius: 10px; cursor: pointer; background-color: rgba(231, 246, 251, 0.60); }

    .divDietMenuFoodImageList .cssFoodImgDel { position: absolute; top: 0px; right: 0px; width: 10px; height: 10px; background-image: url('https://www.healthmaster.ist/e/images/fy/fy_del_www.png'); background-repeat: no-repeat; display: block; cursor: pointer; }

    .divDietMenuFoodImageList .con .cssFoodOrderTxt { top: 90px; }

    .divDietMenuFoodImageList .con .cssFoodNoteTxt { top: 110px; }

#divFoodImageListConCloseBtn { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background-color: #ff1313; border-radius: 20px; z-index: 1; cursor: pointer; }


.divDietMenuFoodAltList .divDietMenuFoodAltList_Gu { position: absolute; top: -24px; left: 0px; width: 900px; height: 24px; background-color: #fff; display: none; }

.divDietMenuFoodAltList .divDietMenuFoodAltList_Gu2 { position: absolute; top: 200px; left: 0px; width: 900px; height: 10px; background-color: #fff; }

.divDietMenuFoodAltList #divDietMenuFoodAltListHeader { position: relative; left: 20px; width: 650px; height: 55px; margin: 23px 0px 7px 0px; }

.divDietMenuFoodAltList #divDietMenuFoodAltListConstant { position: relative; left: 20px; width: 650px; height: 186px; margin-top: 20px; }

.divDietMenuFoodAltList #divDietMenuFoodAltListClose { position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; border-radius: 10px; z-index: 1; cursor: pointer; font-size: 11px; line-height: 19px; font-weight: bolder; color: #fff; text-indent: 0px; text-align: center; transition: 300ms; background-color: #ff1313; cursor: pointer; }

.divDietMenuFoodAltList .divDietMenuFoodAltListIn { position: relative; left: 20px; width: 690px; overflow: hidden; }

.divDietMenuFoodAltList .divDietMenuFoodAltListPager { position: relative; left: 20px; width: 650px; height: 30px; overflow: hidden; margin: 5px 0px; text-align: center; }

.divDietMenuFoodAltList #divDietMenuFoodAltListAddDP { position: absolute; top: 1px; left: 428px; width: 20px; height: 20px; border: 1px solid #fff; border-radius: 10px; z-index: 1; cursor: pointer; font-size: 14px; line-height: 19px; font-weight: bolder; color: #fff; text-indent: 0px; text-align: center; transition: 300ms; }

.divDietMenuFoodAltList .txtDietMenuFoodAltSearch,
.divDietMenuFoodAltList #divDietMenuFoodAltListMealCon { position: absolute; top: 1px; left: 26px; width: 400px; text-align: left; text-indent: 10px; overflow: hidden; border-radius: 12px; color: #fff; font-family: Arial; font-size: 12px; line-height: 18px; font-weight: bold; border: 1px solid #fff; background-color: transparent; }

.divDietMenuFoodAltList #divDietMenuFoodAltListHeaderTabs { position: relative; left: 0px; width: 650px; height: 24px; margin: 0px 0px 7px 0px; }

.divDietMenuFoodAltList #divDietMenuFoodAltListMealCon { left: 0px; border: 0px none; border-radius: 0px; }

    .divDietMenuFoodAltList #divDietMenuFoodAltListMealCon .meal { position: relative; height: 20px; border-radius: 10px; text-indent: 0px; padding: 0px; margin: 0px; margin-right: 1px; float: left; min-width: 60px; background-color: red; color: #fff; line-height: 20px; vertical-align: middle; text-align: center; cursor: pointer; }

.divDietMenuFoodAltList #divDietMenuFoodAltListHeaderTabs .tab,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeaderTabs .tabs { position: relative; height: 20px; border-top-left-radius: 10px; margin-right: 1px; float: left; min-width: 100px; background-color: red; color: #fff; line-height: 20px; vertical-align: middle; text-align: center; cursor: pointer; }

.divDietMenuFoodAltList #divDietMenuFoodAltListHeaderTabs .tabs { background-color: #ff6a00; }

.divDietMenuFoodAltList .foodrow { position: relative; width: 690px; height: 23px; line-height: 22px; margin-bottom: 1px; }

    .divDietMenuFoodAltList .foodrow .name { position: absolute; top: 0px; left: 0px; width: 450px; height: 23px; text-indent: 7px; text-align: left; background-color: #fff; border-radius: 12px; white-space: nowrap; }

    .divDietMenuFoodAltList .foodrow .n208,
    .divDietMenuFoodAltList .foodrow .n203,
    .divDietMenuFoodAltList .foodrow .n204,
    .divDietMenuFoodAltList .foodrow .n205,
    .divDietMenuFoodAltList .foodrow .n307,
    .divDietMenuFoodAltList .foodrow .nXXX { position: absolute; top: 0px; width: 39px; height: 23px; line-height: 23px; border-radius: 12px; font-size: 7.5pt; background: #fff; text-align: right; padding-right: 2px; }

    .divDietMenuFoodAltList .foodrow .n208 { right: 200px; }

    .divDietMenuFoodAltList .foodrow .n203 { right: 160px; }

    .divDietMenuFoodAltList .foodrow .n204 { right: 120px; }

    .divDietMenuFoodAltList .foodrow .n205 { right: 080px; }

    .divDietMenuFoodAltList .foodrow .n307 { right: 040px; }

    .divDietMenuFoodAltList .foodrow .nXXX { right: 000px; }



    .divDietMenuFoodAltList .foodrow .wSeqCon { position: absolute; top: 0px; right: 240px; font-size: 7.5pt; line-height: 23px; width: 165px; height: 23px; border-radius: 12px; }

        .divDietMenuFoodAltList .foodrow .wSeqCon .amount { position: absolute; top: 0px; left: 0px; width: 30px; text-align: right; }

        .divDietMenuFoodAltList .foodrow .wSeqCon .seqn { position: absolute; top: 0px; left: 32px; width: 110px; white-space: nowrap; overflow: hidden; text-align: left; }

        .divDietMenuFoodAltList .foodrow .wSeqCon .gr { position: absolute; top: 0px; right: 5px; width: 30px; text-align: right; }


.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .n208,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .n203,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .n204,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .n205,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .n307,
.divDietMenuFoodAltList #divDietMenuFoodAltListHeader .foodrow .nXXX { padding: 0px; margin: 0px; text-indent: 0px; text-align: center; font-weight: bold; color: #fff; cursor: pointer; border: 1px solid #fff; }


.divDietMenuFoodAltList .aDietPersonAddMeal { position: absolute; top: 1px; left: 0px; width: 20px; height: 20px; border-radius: 10px; background-color: #2a82e1; z-index: 1; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: bolder; color: #fff; text-indent: 0px; text-align: center; transition: 300ms; }

    .divDietMenuFoodAltList .aDietPersonAddMeal:hover { background-color: #3590f3; }


.divDietMenuFoodAltList .foodrow .name .mealchart { position: absolute; top: 0px; right: 0px; width: 21px; height: 21px; border-radius: 15px; cursor: pointer; }


.divDietMenuFoodAltListIn .row { position: relative; width: 690px; height: 21px; }

.divDietMenuFoodAltListIn .subcon .row { left: 50px; width: 640px; }

.divDietMenuFoodAltListIn .da_f_row { position: relative; width: 613px; height: 21px; left: 77px; }

.divDietMenuFoodAltList .blue,
.divDietMenuFoodAltList .gray,
.divDietMenuFoodAltList .black,
.divDietMenuFoodAltList .green,
.divDietMenuFoodAltList .red { width: 329px; height: 19px; border: 0px none; border-radius: 6px; font-size: 7.5pt; line-height: 19px; white-space: nowrap; text-align: left; background-image: url('../img/trans_bg.png'); background-repeat: repeat-x; text-indent: 5px; overflow: hidden; background-color: rgba(42, 130, 225, 0.41); }

.divDietMenuFoodAltListIn .dagr .blue,
.divDietMenuFoodAltListIn .dagr .gray,
.divDietMenuFoodAltListIn .dagr .black,
.divDietMenuFoodAltListIn .dagr .green,
.divDietMenuFoodAltListIn .dagr .red { width: 395px; }

.divDietMenuFoodAltListIn .name { position: absolute; top: 0px; left: 52px; }

.divDietMenuFoodAltListIn .alt_food_name { position: absolute; top: 0px; left: 0px; }

.divDietMenuFoodAltListIn .replacerow .alt_food_name,
.divDietMenuFoodAltListIn .replacerow .n208,
.divDietMenuFoodAltListIn .replacerow .n203,
.divDietMenuFoodAltListIn .replacerow .n204,
.divDietMenuFoodAltListIn .replacerow .n205,
.divDietMenuFoodAltListIn .replacerow .n307,
.divDietMenuFoodAltListIn .replacerow .nXXX,
.divDietMenuFoodAltListIn .replacerow .wSeqCon .amount,
.divDietMenuFoodAltListIn .replacerow .wSeqCon .seqn,
.divDietMenuFoodAltListIn .replacerow .wSeqCon .gr,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .name,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .n208,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .n203,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .n204,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .n205,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .n307,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .nXXX,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .wSeqCon .amount,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .wSeqCon .seqn,
#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .replacerow .wSeqCon .gr { color: #fff; }

#divDietMenuFoodAltList #divDietMenuFoodAltListConstant .foodrow { height: 28px; }

.divDietMenuFoodAltListIn .subcon .row .name { width: 370px; }

.divDietMenuFoodAltListIn .da_f_row .food_name { width: 373px; background-color: #BCD9FA; }

/*
.divDietMenuFoodAltList .blue { background-position: 0px -300px; }
.divDietMenuFoodAltList .gray { background-position: 0px -30px; }
.divDietMenuFoodAltList .black { background-position: 0px -120px; color: #ffffff; }
.divDietMenuFoodAltList .green { background-position: 0px -210px; }
.divDietMenuFoodAltList .red { background-position: 0px -450px; }

.divDietMenuFoodAltList .blue:hover { color: #1969a4; background-position: 0px -30px; }
.divDietMenuFoodAltList .gray:hover { color: #ffffff; background-position: 0px -120px; }
.divDietMenuFoodAltList .black:hover { color: #1969a4; background-position: 0px -210px; }
.divDietMenuFoodAltList .green:hover { color: #1969a4; background-position: 0px -300px; }
*/
.divDietMenuFoodAltListIn .row .order,
.divDietMenuFoodAltListIn .subcon .order { position: absolute; top: 0px; left: 24px; width: 25px; margin-right: 1px; }

.divDietMenuFoodAltListIn .da_f_row .dagf_gram,
.divDietMenuFoodAltListIn .row .n208,
.divDietMenuFoodAltListIn .row .n203,
.divDietMenuFoodAltListIn .row .n204,
.divDietMenuFoodAltListIn .row .n205,
.divDietMenuFoodAltListIn .row .n307,
.divDietMenuFoodAltListIn .row .nXXX,
.divDietMenuFoodAltListIn .da_f_row .n208,
.divDietMenuFoodAltListIn .da_f_row .n203,
.divDietMenuFoodAltListIn .da_f_row .n204,
.divDietMenuFoodAltListIn .da_f_row .n205,
.divDietMenuFoodAltListIn .da_f_row .n307,
.divDietMenuFoodAltListIn .da_f_row .nXXX { position: absolute; top: 0px; width: 38px; height: 19px; line-height: 19px; border-radius: 5px; font-size: 7.5pt; background: url('https://www.healthmaster.ist/e/images/fy/ntr_sub_row.png') repeat-x 0px -300px; text-align: right; padding-right: 5px; }

.divDietMenuFoodAltListIn .subcon .row .n208,
.divDietMenuFoodAltListIn .subcon .row .n203,
.divDietMenuFoodAltListIn .subcon .row .n204,
.divDietMenuFoodAltListIn .subcon .row .n205,
.divDietMenuFoodAltListIn .subcon .row .n307,
.divDietMenuFoodAltListIn .subcon .row .nXXX { background: url('https://www.healthmaster.ist/e/images/fy/ntr_sub_row.png') repeat-x 0px -210px; }

.divDietMenuFoodAltListIn .da_f_row .dagf_gram { border: 0px none; right: 242px; }

.divDietMenuFoodAltListIn .row .n208, .divDietMenuFoodAltListIn .da_f_row .n208 { right: 200px; }

.divDietMenuFoodAltListIn .row .n203, .divDietMenuFoodAltListIn .da_f_row .n203 { right: 160px; }

.divDietMenuFoodAltListIn .row .n204, .divDietMenuFoodAltListIn .da_f_row .n204 { right: 120px; }

.divDietMenuFoodAltListIn .row .n205, .divDietMenuFoodAltListIn .da_f_row .n205 { right: 080px; }

.divDietMenuFoodAltListIn .row .n307, .divDietMenuFoodAltListIn .da_f_row .n307 { right: 040px; }

.divDietMenuFoodAltListIn .row .nXXX, .divDietMenuFoodAltListIn .da_f_row .nXXX { right: 000px; }

.divDietMenuFoodAltList .divDietMenuFoodAltListPager .pgr,
.divDietMenuFoodAltList .divDietMenuFoodAltListPager .pgrs { width: 23px; height: 23px; line-height: 23px; border-radius: 12px; background-color: #fff; color: #000; margin: 1px; text-align: center; cursor: pointer; padding: 0px; text-indent: 0px; }

.divDietMenuFoodAltList .divDietMenuFoodAltListPager .pgrs { font-weight: bold; background-color: #abbfd5; }



/************************************************************************************************/
/*****************************  DietMenuAutoPrePanel  *******************************************/
/************************************************************************************************/
#divController_Con /*                  */ { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 558px; height: 800px; z-index: 2; background-color: #f3f3f3; color: #000; font-size: 8pt; font-weight: bold; }
/*.divController_Con56*/ /*                */
/*{ background: url('../img/dmcp/cp_bg.png') 0px 0px no-repeat; }*/
#divController_Hedaer /*               */ { position: absolute; top: 000px; left: 000px; width: 477px; height: 025px; /*display: none;*/ z-index: 2; }

#divController_List /*                 */ { position: absolute; top: 305px; left: 7px; width: 551px; height: 213px; z-index: 2; }

#divController_PersonList /*           */ { position: absolute; top: 568px; left: 000px; width: 558px; height: 158px; /* overflow: hidden; */ /* background-color: #b6dde8; */ border-radius: 10px; }

#divController_ConfirmButton /*        */ { position: absolute; bottom: 6px; left: 162px; width: 240px; height: 65px; /* background-color: #7CA9F7; */ border-radius: 49px; cursor: pointer; line-height: 25px; background: url('../img/dmcp/dmmc_create_btn.png') -4px -4px no-repeat; z-index: 2; }

#divController_DietMenuRefCon /*       */ { position: absolute; top: 255px; left: 0px; background-color: #f3f3f3; border-radius: 10px; line-height: 18px; font-size: 12px; z-index: 3; width: 558px; height: 539px; }

#txtController_DietMenuRefPerson /*    */ { position: absolute; top: 37px; left: 85px; width: 307px; height: 23px; background-color: transparent; border-radius: 10px; line-height: 16px; font-size: 8pt; color: #7C7E7D; font-weight: bold; border: 0px none; outline: none; text-indent: 8px; z-index: 5; text-align: center; }

#divController_DietMenuRefPersonList /**/ { position: absolute; top: 0px; left: 0px; width: 558px; height: 504px; line-height: 18px; font-size: 8pt; z-index: 2; overflow: hidden; background-color: #f3f3f3; }

#divController_IcdCon /*               */ { position: absolute; top: 246px; left: 62px; width: 430px; height: 66px; line-height: 18px; font-size: 12px; overflow: hidden; }

#divController_ExerciseCon /*          */ { position: absolute; top: 89px; left: 56px; width: 450px; height: 88px; line-height: 18px; font-size: 12px; overflow: hidden; }

#divController_IcdSearchCon,
#divController_ExerciseSearchCon /*    */ { position: absolute; top: 201px; left: 20px; width: 522px; height: 599px; line-height: 18px; font-size: 12px; overflow: hidden; z-index: 2; }

#divController_NewPersonCon,
#divController_EditPersonCon /*        */ { position: absolute; top: 00px; left: 20px; width: 500px; height: 90px; line-height: 18px; font-size: 12px; z-index: 2; /* background: url('../img/dmcp/cp_bg.png') -20px 0px no-repeat; */ }

#divController_DietMenuCount /*        */ { position: absolute; bottom: 28px; left: 179px; width: 30px; height: 20px; border-radius: 10px; cursor: pointer; line-height: 20px; background-color: rgba(132, 18, 18, 0); border: 0px none; text-align: center; vertical-align: middle; font-family: arial; font-weight: bold; color: #535658; z-index: 2; }

#divController_NewPersonCon { height: 800px; }

.div_MealConBtn { position: absolute; bottom: 14px; left: 415px; width: 35px; height: 35px; border-radius: 49px; cursor: pointer; line-height: 25px; /*background: url('../img/dmcp/ogunss.png') 0px 0px no-repeat;*/ z-index: 2; }

    .div_MealConBtn img { position: absolute; width: 32px; top: 1px; left: 2px; }

.div_AlcoholConBtn { position: absolute; bottom: 127px; left: 49px; width: 40px; height: 40px; border-radius: 49px; cursor: pointer; line-height: 25px; z-index: 2; }

    .div_AlcoholConBtn img { position: absolute; width: 35px; top: 1px; left: 3px; }

.div_NutriConBtn { position: absolute; bottom: 127px; left: 470px; width: 40px; height: 40px; border-radius: 49px; cursor: pointer; line-height: 25px; z-index: 2; }

    .div_NutriConBtn img { position: absolute; width: 27px; top: 7px; left: 7px; }

.div_NutriConBtn21 { position: absolute; bottom: 13px; left: 466px; width: 49px; height: 49px; border-radius: 49px; cursor: pointer; z-index: 2; text-align: center; line-height: 12px; padding-top: 13px; font-size: 7pt; color: #363837; box-shadow: 0px 0px 0px 5px #00abef; }

    .div_NutriConBtn21 img { position: absolute; width: 26px; left: 10px; top: 8px }


#divController_DietMenuRefPerson .icdMrck_img { top: 40px; z-index: 7; left: 367px; }

.divController_MelaFamily { position: absolute; width: 494px; height: 29px; top: 233px; left: 27px; border-radius: 21px; cursor: pointer; z-index: 3; }

#divController_DietMenuRefPerson { position: absolute; top: 12px; left: 0px; }

#divController_DietMenuRefMealsCon { position: absolute; top: 16px; left: 30px; width: 507px; z-index: 5; }

    #divController_DietMenuRefMealsCon .dma_ref_meal,
    #divController_DietMenuRefMealsCon .dma_ref_mealX { position: relative; width: 77px; height: 25px; line-height: 21px; float: left; cursor: pointer; color: #969696; text-align: center; text-indent: 0px; margin-right: 6px; font-size: 8pt; }

    #divController_DietMenuRefMealsCon .dma_ref_mealX { background: url('../img/dmcp/meal_bg02.png') 0px 0px no-repeat; }

/*#divController_DietMenuRefMealsCon .dma_ref_meal:hover,
        #divController_DietMenuRefMealsCon .dma_ref_mealX:hover { opacity: 0.9; color: #cce7f5; }*/

#divController_DietMenuRefPerson .DrugList_search_inpt2a { top: 37px; z-index: 7; }

#divController_DietMenuRefMealsCon .dma_ref_meal { background: -webkit-linear-gradient(#efeded, #F1F1F2, #efefef); background: -o-linear-gradient(#efeded, #F1F1F2, #efefef); background: -moz-linear-gradient(#efeded, #F1F1F2, #efefef); background: linear-gradient(#efeded, #F1F1F2, #efefef); border-radius: 22px; box-shadow: 0px 0px 2px #636161; border: 3px solid #fffdfd; }

#divController_DietMenuRefMealsCon .dma_ref_mealX { background: -webkit-linear-gradient(#ffffff, #ffffff, #ffffff); background: -o-linear-gradient(#ffffff, #ffffff, #ffffff); background: -moz-linear-gradient(#ffffff, #ffffff, #ffffff); background: linear-gradient(#ffffff, #ffffff, #ffffff); box-shadow: 0px 1px 0px 3px #ff0101; border: 3px solid #ffffff; border-radius: 20px; color: #0e0e0e; font-size: 9pt; }



.divController_DietMenuRefMealsContxt { position: absolute; top: 214px; left: 32px; width: 507px; z-index: 3; display: none; }

    .divController_DietMenuRefMealsContxt .dma_ref_meal { position: relative; width: 75px; height: 25px; line-height: 27px; float: left; margin-right: 8px; text-align: center; color: #7B7C7C; font-size: 8pt; font-weight: bold; }

.dma_ref_banhed { position: absolute; width: 493px; height: 30px; line-height: 34px; z-index: 4; top: 235px; left: 29px; text-align: center; font-size: 8pt; font-weight: bold; color: #61973C; cursor: pointer; }

#divControllerParamCon { width: 477px; height: 240px; /*background-color: #B5B5B5;*/ padding: 0px; border-radius: 10px; display: none; }

#divWeightTimeBalanceCon { position: absolute; top: -2px; left: 158px; width: 232px; height: 232px; border-radius: 120px; overflow: hidden; /* background-color: rgba(255, 0, 0, 0.53); */ }

#divWeightTimeBBGCon { position: absolute; top: -17px; left: 138px; width: 272px; height: 262px; border-radius: 95px; overflow: hidden; background: url(../img/dmcp/bbg.png) 0px 0px no-repeat; }

#divController_DietMenuRefCon .drugList_hedRow { top: 322px; z-index: 5; }

#divWTB_day_gr_cover { position: absolute; top: 35px; left: 35px; width: 162px; height: 162px; border-radius: 120px; overflow: hidden; z-index: 3; /* background-color: rgba(255, 0, 0, 0.23); */ }



#divController_Con .con { position: relative; width: 114px; height: 59px; float: left; margin: 18px 22px 0px 22px; }

    #divController_Con .con .hdr,
    #divController_Con .con .val,
    #divController_Con .con .val2,
    #divController_Con .con .unt { font-family: Arial; font-weight: bold; font-size: 12px; line-height: 20px; text-align: center; }

    #divController_Con .con .unt { font-size: 11px; line-height: 33px; text-indent: 0px; padding: 0px; }

    #divController_Con .con .val { font-size: 14px; line-height: 33px; }

    #divController_Con .con .hdr { position: absolute; top: 00px; left: 00px; width: 114px; height: 22px; background: url('https://www.healthmaster.ist/e/images/fy/lp_d_anls_controller_kg_bg.png') repeat-x 0px 0px; border: 1px solid #fff; display: none; }

    #divController_Con .con .val { position: absolute; top: 25px; left: 00px; width: 082px; height: 35px; background-color: transparent; border: 1px solid #fff; }

    #divController_Con .con .unt { position: absolute; top: 25px; left: 84px; width: 030px; height: 35px; background-color: #f2f2f2; border: 1px solid #fff; display: none; }

    #divController_Con .con .val2 { position: absolute; top: 25px; left: 00px; width: 114px; height: 35px; background-color: transparent; border: 1px solid #fff; }


#divWTB_gr_Con,
#divWTB_day_Con { position: absolute; top: 0px; left: 0px; width: 232px; height: 114px; /*background-color: rgba(192, 0, 0, 0.39);*/ color: #fff; font-weight: bold; font-size: 15px; line-height: 25px; }

#divWTB_day_Con { top: 115px; /*background-color: #31849b;*/ }

#divWTB_gr_lbl { position: absolute; top: 98px; left: 34px; width: 85px; text-align: right; color: #fff; font-size: 11pt; }

    #divWTB_gr_lbl span { font-size: 8pt; font-weight: bold; }

#divWTB_gr_slider { position: absolute; bottom: 0px; left: 0px; width: 232px; height: 115px; }

#divWTB_day_lbl { position: absolute; top: 122px; left: 34px; width: 85px; text-align: right; color: #fff; font-size: 11pt; }

    #divWTB_day_lbl span { font-size: 8pt; font-weight: bold; }

#divWTB_day_slider { position: absolute; top: 0px; left: 0px; width: 232px; height: 114px; }

#divWTB_day_gr_speedometer { position: absolute; top: 116px; left: 16px; width: 199px; height: 7px; background-color: #fff; background: url('../img/dmcp/cubuk.png') 0px 0px no-repeat; z-index: 0; transform: rotateZ(0deg); }

#divWTB_day_gr_speedometerO { position: absolute; top: 80px; left: 80px; width: 69px; height: 69px; background-color: #fff; background: url('../img/dmcp/gobek_renkli.png') 0px 0px no-repeat; /*background: url('../img/dmcp/gobek_gri.png') 0px 0px no-repeat;*/ z-index: 0; border-radius: 40px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.6); }

#divController_Con .ui-widget-content { /* border: 1px solid #aaaaaa; */ /* background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; */ border: 0px none; background: transparent; color: #222222; }

#divController_Con .ui-widget { font-family: Arial,Verdana,sans-serif; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border: 0px none; background: url('../img/dmcp/gr_bg.png') no-repeat 0px 0px !important; font-weight: normal; color: #555555; }

.ui-slider-horizontal .ui-slider-handle { top: -15px; margin-left: 0px; line-height: 37px; text-align: center; font-family: Arial; font-size: 15px; font-weight: bold; color: rgba(0, 0, 0, 0.6); }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 5px; height: 5px; cursor: default; }

#dv_ListNutrs .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 35px; height: 35px; cursor: pointer; margin-left: -13px; }

/*#divWTB_day_Con .ui-slider .ui-slider-handle,
#divWTB_gr_Con .ui-slider .ui-slider-handle { height: 80px; }*/

.dv_Ntrs_KhGr_Per,
.dv_Ntrs_KhPr_Per,
.dv_Ntrs_KhLp_Per { position: absolute; top: 3px; left: 410px; z-index: 2; width: 25px; cursor: default; border: 0px none; font-weight: normal; color: #555555; border-radius: 15px; }

.dv_Ntrs_KhPr_Per { top: 41px; }

.dv_Ntrs_KhLp_Per { top: 79px; }


#divWTB_day_Con .ui-slider-horizontal .ui-slider-handle { top: 0px; margin-left: 0px; padding-top: 0px; text-align: center; font-family: Arial; font-size: 15px; font-weight: bold; color: #fff; }

#divWTB_day_Con .ui-state-default,
/*#divWTB_day_Con .ui-widget-content,*/
#divWTB_day_Con .ui-widget-header .ui-state-default { border: 0px none; background: red url('../img/dmcp/slider_point.png') no-repeat 0px 0px !important; font-weight: normal; color: #555555; cursor: pointer; opacity: 0; }

#divWTB_gr_Con .ui-state-default,
/*#divWTB_gr_Con .ui-widget-content,*/
#divWTB_gr_Con .ui-widget-header .ui-state-default { top: 70px; border: 0px none; background: red url('../img/dmcp/slider_point.png') no-repeat 0px 0px !important; font-weight: normal; color: #555555; cursor: pointer; opacity: 0; }


#txtController_DietMenuRefPerson { 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); border-radius: 12px; box-shadow: 0px 0px 2px #636161; }



/*

########  ######## ########             ##     ## ######## ##    ## ##     ## 
##     ## ##       ##                   ###   ### ##       ###   ## ##     ## 
##     ## ##       ##                   #### #### ##       ####  ## ##     ## 
##     ## ######   ######               ## ### ## ######   ## ## ## ##     ## 
##     ## ##       ##                   ##     ## ##       ##  #### ##     ## 
##     ## ##       ##                   ##     ## ##       ##   ### ##     ## 
########  ######## ##                   ##     ## ######## ##    ##  #######  
                                       
*/




.divDietMenuSelecter { width: 578px; height: 83px; /* margin: 0px auto; */ position: fixed; /* page-break-after: always; */ /* background: #a24c4c; */ left: 0px; float: left; /* border-right: 9px solid #65b1d4; */ top: 30px; }

.defMenuConBanner { position: absolute; width: 80px; height: 58px; top: -23px; left: 0px; }

.defMenuDivButtonCon { position: absolute; width: 272px; height: 47px; left: -19px; display: none; }

.defMenuDivHarfCon { background-color: #5CC5D2; position: absolute; width: 518px; height: 87px; border-radius: 12px; z-index: 5; left: 10px; border-radius: 8px; display: none; }

.defMenuDivButtonKitcehCon { top: 573px; left: 10px; border-bottom-left-radius: 21px 24px; border-bottom-right-radius: 21px 24px; width: 66px; height: 24px; cursor: pointer; background: #fff; z-index: 50; position: absolute; }

    .defMenuDivButtonKitcehCon .defMenuDivBackCinImg1 { left: 35px; top: 4px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(180deg); }

    .defMenuDivButtonKitcehCon .defMenuDivBackCinImg2 { left: 11px; top: 4px; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(180deg); }


.defMenuHarfGrup1,
.defMenuHarfGrup2 { position: absolute; width: 508px; height: 60px; top: 10px; left: 5px; }

.defMenuHarfGrup2 { left: 5px; top: 311px; }

.defMenuHarfDiv { position: relative; width: 37px; height: 37px; background: #fff; float: left; border-radius: 43px; top: 18px; margin-right: 11px; left: 19px; text-align: center; line-height: 36px; font-size: 16pt; font-weight: bold; color: #5CC5D2; cursor: pointer; margin-bottom: 12px; }

.defMenuSeciliHarf { position: absolute; width: 50px; height: 50px; background-color: #fff; left: 16px; top: 265px; border-radius: 51px; text-align: center; line-height: 52px; font-weight: bold; font-size: 25pt; color: #5CC5D2; cursor: pointer; }

.defMenuHarfDivSelX { position: relative; float: left; border-radius: 43px; top: 8px; margin-right: 11px; left: 9px; text-align: center; font-weight: bold; cursor: pointer; background: #ffffff; color: #57c5d3; width: 55px; height: 55px; line-height: 56px; font-size: 20pt; margin-bottom: 9px; }



.defMenuDivOk1c,
.defMenuDivOk2c,
.defMenuDivOk1,
.defMenuDivOk2 { position: absolute; width: 23px; height: 40px; background-color: #fff; overflow: hidden; }

.defMenuDivOk1c { left: 14px; }

.defMenuDivOk2c { right: 14px; }

.defMenuDivOk1,
.defMenuDivOk2 { width: 40px; height: 40px; background-color: #5CC5D2; transform: rotateZ(45deg); cursor: pointer; }

.defMenuDivOk1 { left: 9px; }

.defMenuDivOk2 { right: 9px; }

.defMenuDivNameDiv { position: absolute; width: 192px; height: 40px; background-color: #5CC5D2; left: 40px; border-radius: 16px; font-size: 12pt; line-height: 40px; vertical-align: middle; text-align: center; color: #fff; }

.defMenuDivBackC,
.defMenuDivBack { position: absolute; width: 25px; height: 50px; background-color: #fff; overflow: hidden; left: -76px; top: 40px; }

.defMenuDivBackC { top: 38px; left: 28px; }

.defMenuDivBack { top: 0px; left: 16px; width: 80px; height: 61px; background-color: #D21137; transform: rotateZ(45deg); cursor: pointer; }

.defMenu_DCF_BackC,
.defMenu_DCF_Back { position: absolute; width: 40px; height: 79px; background-color: #fff; overflow: hidden; left: -76px; top: 40px; }

.defMenu_DCF_BackC { top: 15px; left: 15px; }

.defMenu_DCF_Back { top: 0px; left: 16px; width: 80px; height: 80px; background-color: #D21137; transform: rotateZ(45deg); cursor: pointer; }

#div_dcf_con { position: relative; }


.defMenu_DCF_BackCRec { position: absolute; width: 40px; height: 40px; overflow: hidden; left: 702px; top: 8px; border-radius: 50px; cursor: pointer; z-index: 1; }

    .defMenu_DCF_BackCRec img { position: absolute; width: 35px; height: 36px; top: 2px; left: 3px; transform: rotate(126deg); }






.divController_BgSet { position: absolute; width: 558px; height: 800px; background: url('../img/insu/insuSmrt.png') 34px 27px no-repeat; z-index: 1; }

.divController_BgSet1 { position: absolute; width: 558px; height: 800px; background: url('../img/insu/insSS.png') 34px 27px no-repeat; z-index: 1; }

.divController_BgSetHrf { position: absolute; width: 558px; height: 636px; top: 160px; background: url('../img/insu/InsuMenuConBg.png') 63px 16px no-repeat; z-index: 1; top: 0px; left: 0px; }

.divController_BgSetG { position: absolute; width: 384px; height: 62px; /*background: url('../img/insu/trtw.png') 63px 16px no-repeat;*/ z-index: 1; top: 37px; left: 139px; }






.divMainCon a.datenutr,
.divMainCon a.datechng { display: none; }

.divMainCon:hover a.datenutr,
.divMainCon:hover a.datechng { position: absolute; top: 5px; right: 14px; width: 18px; display: block; height: 18px; border-radius: 9px; background-color: #ff6a00; cursor: pointer; font-size: 13pt; line-height: 18px; color: #fff; font-weight: bold; }

.divMainCon:hover a.datechng { right: 34px; background-color: #0ca0c8; }




/*

########  ######## ########             ##     ## ######## ##    ## ##     ## 
##     ## ##       ##                   ###   ### ##       ###   ## ##     ## 
##     ## ##       ##                   #### #### ##       ####  ## ##     ## 
##     ## ######   ######               ## ### ## ######   ## ## ## ##     ## 
##     ## ##       ##                   ##     ## ##       ##  #### ##     ## 
##     ## ##       ##                   ##     ## ##       ##   ### ##     ## 
########  ######## ##                   ##     ## ######## ##    ##  #######  
                                       
            Bitis       */









/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#docCliPageAddPatiWrp { left: 50%; transform: translate(-50%, 0px); background-color: #fff; position: absolute; width: 558px; z-index: 50; top: 45px; }

.docCliPageAddPatiCon { position: absolute; width: 558px; height: 691px; top: 33px; background-color: #fff; }

.docCliPageAddPatiValueSave { outline: none; position: absolute; width: 122px; height: 35px; font-size: 9pt; text-align: center; text-indent: 0px; box-shadow: none; border-radius: 5px; border: 2px solid #0db4d5; background: #F1F9FC; color: #0db4d5; line-height: 32px; left: 298px; }
    .docCliPageAddPatiValueSave:hover { box-shadow: 0px 0px 2px 0px #000; }
    .docCliPageAddPatiValueSave:active { box-shadow: 1px 1px 3px 1px #000; }


#docCliPageAddPatiWrp .docPageAddPatiValueDiv4 { position: relative; width: 426px; height: 30px; left: 51px; top: 20px; margin-bottom: 36px; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/*
d8b   db  .d88b.  d888888b d888888b d88888b d888888b  .o88b.  .d8b.  d888888b d888888b  .d88b.  d8b   db 
888o  88 .8P  Y8. `~~88~~'   `88'   88'       `88'   d8P  Y8 d8' `8b `~~88~~'   `88'   .8P  Y8. 888o  88 
88V8o 88 88    88    88       88    88ooo      88    8P      88ooo88    88       88    88    88 88V8o 88 
88 V8o88 88    88    88       88    88~~~      88    8b      88~~~88    88       88    88    88 88 V8o88 
88  V888 `8b  d8'    88      .88.   88        .88.   Y8b  d8 88   88    88      .88.   `8b  d8' 88  V888 
VP   V8P  `Y88P'     YP    Y888888P YP      Y888888P  `Y88P' YP   YP    YP    Y888888P  `Y88P'  VP   V8P 
  
*/

.notification_header { position: relative; height: 52px; margin-left: -2px; margin-bottom: 10px; top: 84px; background: #9fdbec; }

.notification_con { position: relative; min-height: 0px; max-height: 580px; overflow: hidden; top: 90px; margin-bottom: 30px; }

.notification_header_icon { position: relative; width: 38px; float: left; margin: 6px 0px 0px 4px; cursor: pointer; }

.notification_row { position: relative; width: 565px; min-height: 53px; margin: 0px 0px 5px 6px; background-color: #fff; border-radius: 13px; cursor: pointer; border: solid 3px #B2E8F2; left: 0px; }

.notification_Icon,
.notification_Header,
.notification_Del { position: absolute; top: -5px; }

.notification_Icon { width: 32px; top: 11px; left: 11px; }

.notification_Header { left: 50px; width: 361px; height: 20px; line-height: 38px; }

.notification_Text { position: relative; width: 466px; min-height: 33px; white-space: pre-line; margin: 9px 0px 5px 53px; /* border: 1px #c72222 solid; */ line-height: 14px; top: 0px; color: #717171; }

    .notification_Text font { font-size: 12px; }

.notification_Del { width: 40px; }

.notification_ReadOk { position: absolute; width: 25px; height: 25px; border: 0px none; top: 11px; right: 10px; border-radius: 19px; display: block; /* box-shadow: 0px 0px 0px 2px #00B4D5; */ color: #0db4d5; text-indent: 0px; font-size: 14px; line-height: 18px; text-align: center; font-weight: bold; }




.notification_ReadOkK { position: absolute; width: 75px; height: 35px; border: 3px solid #0db4d5; top: 6px; right: 113px; border-radius: 12px; /* box-shadow: 0px 0px 0px 2px #00B4D5; */ color: #0db4d5; text-indent: 0px; font-size: 13px; line-height: 29px; text-align: center; font-weight: bold; }
.notification_ReadOkR { position: absolute; width: 75px; height: 35px; border: 3px solid #f00; top: 6px; right: 20px; border-radius: 12px; /* box-shadow: 0px 0px 0px 2px #00B4D5; */ color: #f00; text-indent: 0px; font-size: 13px; line-height: 29px; text-align: center; font-weight: bold; }


.firendshiprequest .notification_Text { width: 308px; }



.notification_Readtik { position: absolute; font-size: 10pt; top: -2px; left: 6px; color: #0db4d5; font-weight: bold; line-height: 20px; text-indent: 0px; }

.notification_row:hover .notification_ReadOk { display: block; }

.notification_headerDivx,
.notification_headerDiv { position: relative; width: 39px; height: 39px; margin: 3px 0px 0px 17px; background-color: #fff; float: left; cursor: pointer; border-radius: 30px; /* border: solid 2px #6CC7E2; */ /* left: 1px; */ line-height: 39px; text-align: center; text-indent: 0px; color: #6CC7E2; text-transform: lowercase; top: 4px; font-size: 23px; padding: 0px; box-shadow: 0px 0px 1px 2px #00b4d5; }

.notification_headerDivx { background-color: #00B4D5; /*border: solid 2px #fff;*/ color: #fff; box-shadow: 0px 0px 1px 2px #ffffff; }


.notificationHeader_icon0,
.notificationHeader_icon1,
.notificationHeader_icon2,
.notificationHeader_icon3,
.notificationHeader_icon4,
.notificationHeader_icon5,
.notificationHeader_icon6,
.notificationHeader_icon7,
.notificationHeader_icon8,
.notificationHeader_icon9 { position: absolute; }

.notificationHeader_icon0 { width: 28px; top: 13px; left: 4px; display: none; }

.notificationHeader_icon1 { width: 20px; top: 7px; left: 9px; }

.notificationHeader_icon2 { width: 20px; top: 7px; left: 8px; }

.notificationHeader_icon3 { width: 22px; top: 8px; left: 8px; }

.notificationHeader_icon4 { width: 19px; top: 7px; left: 8px; }

.notificationHeader_icon5 { width: 22px; top: 10px; left: 7px; }

.notificationHeader_icon6 { width: 20px; top: 7px; left: 10px; }

.notificationHeader_icon7 { width: 22px; top: 8px; left: 7px; }

.notificationHeader_icon8 { width: 17px; top: 7px; left: 10px; }

.notificationHeader_icon9 { width: 18px; top: 7px; left: 9px; }

#divNotificationPayList { width: 589px; height: 386px; /* background-color: #ecf8fb; */ }

.divNotificationPayTotalCon { position: absolute; width: 93px; height: 37px; right: 33px; top: 11px; }

.divNotificationPayTotal { position: absolute; width: 105px; height: 25px; top: 15px; left: -13px; box-shadow: 0px 0px 0px 2px #A3D9EA; line-height: 25px; text-align: center; font-size: 8pt; background-color: #fff; color: #717171; border-radius: 7px; }

    .divNotificationPayTotal span { font-size: 9pt; font-weight: bold; }

.divNotificationPayTotalN { position: absolute; width: 99px; height: 25px; top: 2px; left: 6px; box-shadow: 0px 0px 0px 2px #ff0000; line-height: 26px; text-align: center; font-size: 8pt; background-color: #fff; color: #ff0000; border-radius: 7px; }

    .divNotificationPayTotalN span { font-size: 9pt; font-weight: bold; }

.divNotificationPayTotalDet { position: absolute; width: 30px; height: 30px; left: 70px; top: 26px; /* box-shadow: 0px 0px 0px 2px #57b7da; */ border-radius: 20px; font-size: 8pt; line-height: 24px; text-align: center; font-weight: bold; cursor: pointer; }

.divNotificationPayTotalDet { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: #fff; color: #fff; box-shadow: 0px 0px 0px 2px #00B4D5; }

    .divNotificationPayTotalDet img { position: absolute; width: 26px; top: 3px; left: 2px; }


.divNotificationPayTotalFatura { position: absolute; width: 30px; height: 30px; left: 20px; top: 26px; /* box-shadow: 0px 0px 0px 2px #0e5773; */ border-radius: 19px; font-size: 8pt; line-height: 25px; text-align: center; font-weight: bold; cursor: pointer; }

.divNotificationPayTotalFatura { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: #fff; color: #fff; box-shadow: 0px 0px 0px 2px #00B4D5; }

    .divNotificationPayTotalFatura img { position: absolute; width: 20px; top: 5px; left: 7px; }

.divNotificationPayTotalEx1 { position: absolute; width: 30px; height: 30px; left: 120px; top: 26px; /* box-shadow: 0px 0px 0px 2px #57b7da; */ border-radius: 19px; font-size: 8pt; line-height: 25px; text-align: center; font-weight: bold; cursor: pointer; }

.divNotificationPayTotalEx1 { background: -webkit-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -o-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: -moz-linear-gradient(#6fbad6, #3a8ba9, #3a8ba9); background: #fff; color: #fff; box-shadow: 0px 0px 0px 2px #00B4D5; }

    .divNotificationPayTotalEx1 img { position: absolute; width: 18px; top: 3px; left: 7px; }


.divNotificationPayMounthCon { position: absolute; width: 245px; height: 25px; left: 170px; top: 22px; }

.divNotificationPayMounthArr1,
.divNotificationPayMounthArr2,
.divNotificationPayMounthVl { position: absolute; }

.divNotificationPayMounthArr1 { top: 0px; width: 0px; left: 0px; position: absolute; border-top: 12px solid transparent; border-bottom: 13px solid transparent; /*border-right: 24px solid rgb(58, 139, 169);*/ cursor: pointer; }
    .divNotificationPayMounthArr1 svg { position: absolute; top: -2px; left: 0px; }


.divNotificationPayMounthArr2 { top: 0px; width: 0px; position: absolute; left: 233px; border-top: 12px solid transparent; border-bottom: 13px solid transparent; /*border-left: 25px solid rgb(58, 139, 169);*/ cursor: pointer; }
    .divNotificationPayMounthArr2 svg { position: absolute; top: -2px; left: 0px; }



.divNotificationPayMounthVl { width: 200px; height: 20px; top: 10px; left: 29px; background-color: #fff; text-align: center; line-height: 20px; font-size: 9pt; color: #717171; border: 1px solid #A3D9EA; border-radius: 7px; }

/*.divNotificationPayMounthArr1 img { position: absolute; width: 25px; top: -8px; }
.divNotificationPayMounthArr2 img { position: absolute; width: 25px; top: -9px; }*/

.divNotificationPayMounthArr1 span { position: absolute; left: 2px; top: -7px; font-size: 24pt; font-weight: bold; height: 21px; width: 21px; border-radius: 20px; border: solid 2px #00b4d5; line-height: 11px; text-indent: 2px; color: #00b4d5; }

.divNotificationPayMounthArr2 span { position: absolute; left: 2px; top: -7px; font-size: 16pt; font-weight: bold; height: 21px; width: 21px; border-radius: 20px; border: solid 2px #00b4d5; line-height: 18px; text-align: center; color: #00b4d5; }

.divNotificationPayValList { position: absolute; width: 570px; height: 360px; top: 78px; left: 32px; }

.divNotificationPayValRow { position: relative; width: 555px; height: 48px; margin-bottom: 7px; left: -10px; }

.divNotificationPayValRow1,
.divNotificationPayValRow2,
.divNotificationPayValRow3,
.divNotificationPayValRow4,
.divNotificationPayValRow5,
.divNotificationPayValRow6,
.divNotificationPayValRow7 { position: relative; height: 20px; float: left; margin-right: 4px; margin-bottom: 7px; box-shadow: 0px 0px 0px 1px #A3D9EA; line-height: 19px; font-size: 8pt; color: #717171; border-radius: 4px; background: #fff; }

.divNotificationPayValRow1 { width: 72px; text-align: center; }

.divNotificationPayValRow2 { width: 35px; text-align: center; }

.divNotificationPayValRow3 { width: 307px; text-align: left; text-indent: 5px; white-space: nowrap; overflow: hidden; }

.divNotificationPayValRow4 { width: 54px; text-align: center; /* border: solid 1px #A3D9EA; */ }

.divNotificationPayValRow5 { width: 50px; text-align: center; color: #717171; box-shadow: 0px 0px 0px 1px #A3D9EA; }

.divNotificationPayValRow6 { width: 111px; text-align: center; }

.divNotificationPayValRow7 { width: 307px; text-align: left; text-indent: 5px; }

.divNotificationPayValRow4 span,
.divNotificationPayValRow5 span { font-size: 7pt; }

.dNotifPayEx { box-shadow: 0px 0px 0px 0px #fff !important; border: solid 1px #A3D9EA; }



#divNotificationPayFaturaList .divNotificationPayValRow { position: relative; width: 555px; height: 27px; margin-bottom: 2px; }

#divNotificationPayFaturaList .divNotificationPayValRowFatN { position: relative; width: 555px; height: 27px; margin-bottom: 7px; left: -10px; }

    #divNotificationPayFaturaList .divNotificationPayValRowFatN div { box-shadow: 0px 0px 0px 1px #A3D9EA; color: #717171; }

#divNotificationPayFaturaList .divNotificationPayValRow1,
#divNotificationPayFaturaList .divNotificationPayValRow2,
#divNotificationPayFaturaList .divNotificationPayValRow3,
#divNotificationPayFaturaList .divNotificationPayValRow4,
#divNotificationPayFaturaList .divNotificationPayValRow5,
#divNotificationPayFaturaList .divNotificationPayValRow6,
#divNotificationPayFaturaList .divNotificationPayValRow7 { position: relative; height: 20px; float: left; margin-right: 4px; margin-bottom: 4px; box-shadow: 0px 0px 0px 1px #A3D9EA; line-height: 20px; font-size: 8pt; color: #717171; border-radius: 4px; /* left: 10px; */ background: #fff; }

#divNotificationPayFaturaList .divNotificationPayValRow1 { width: 112px; text-align: center; }

#divNotificationPayFaturaList .divNotificationPayValRow2 { width: 35px; text-align: center; display: none; }

#divNotificationPayFaturaList .divNotificationPayValRow3 { width: 306px; text-align: left; text-indent: 5px; white-space: nowrap; overflow: hidden; }

#divNotificationPayFaturaList .divNotificationPayValRow4 { width: 50px; text-align: center; }

#divNotificationPayFaturaList .divNotificationPayValRow5 { width: 53px; text-align: center; /* color: #f00; */ /* box-shadow: 0px 0px 0px 1px #f00; */ }

#divNotificationPayFaturaList .divNotificationPayValRow6 { width: 99px; text-align: center; display: none; }

#divNotificationPayFaturaList .divNotificationPayValRow7 { width: 208px; text-align: left; text-indent: 5px; display: none; }

#divNotificationPayFaturaList .divNotificationPayValRow4 span,
#divNotificationPayFaturaList .divNotificationPayValRow5 span { font-size: 7pt; }

#divNotificationPayFaturaList .divNotificationPayValRow8 { position: absolute; width: 5px; height: 20px; line-height: 18px; font-size: 8pt; right: 39px; color: #3a8ba9; }


.divNotifPayBtnsCss { background: #00B4D5 !important; box-shadow: 0px 0px 0px 2px #fff; }





.divNotificationPayKguBtn1x,
.divNotificationPayKguBtn2x,
.divNotificationPayKguBtn1,
.divNotificationPayKguBtn2 { position: absolute; width: 125px; height: 25px; text-align: center; line-height: 21px; border-radius: 5px; border: 2px solid #A3D9EA; font-size: 8pt; background: #fff; color: #0db4d5; }

.divNotificationPayKguBtn1 { left: 125px; }
.divNotificationPayKguBtn2 { left: 325px; }

.divNotificationPayKguBtn1x,
.divNotificationPayKguBtn2x { border: 2px solid #A3D9EA; background: #0db4d5; color: #fff; }

.divNotificationPayKguBtn1x { left: 125px; }
.divNotificationPayKguBtn2x { left: 325px; }




.divNotificationPayKguBtnMcbr { position: absolute; top: 11px; width: 100%; }




.docPageNotifScrenOpnClsNotifBtn { position: absolute; width: 60px; height: 26px; background-color: #fff; top: 20px; left: 15px; border: 2px solid #0db4d5; border-radius: 25px; cursor: pointer; }
    .docPageNotifScrenOpnClsNotifBtn div { position: absolute; width: 20px; height: 20px; background: #0db4d5; border-radius: 20px; left: 33px; top: 1px; }







/* ============================================================================================================================================================= */

#divNotificationPayDocMnyBan { position: absolute; width: 529px; height: 25px; line-height: 25px; font-size: 8pt; background-color: #fff; left: -8px; text-align: center; color: #717171; box-shadow: 0px 0px 0px 2px #a3d9ea; border-radius: 7px; }

.divNotificationPayDocMnyList { position: absolute; width: 520px; height: 330px; top: 30px; overflow: hidden; }

.divNotificationPayDocMnyRow { position: relative; width: 419px; height: 136px; margin-bottom: 2px; top: 2px; }

.divNotificationPayDocMnyRowVl1 { position: absolute; width: 388px; height: 20px; line-height: 20px; font-size: 7pt; box-shadow: 0px 0px 0px 1px #9da59b; border-radius: 5px; text-indent: 7px; left: 16px; }

.divNotificationPayDocMnyRowVlX { position: relative; width: 256px; top: 25px; left: 17px; height: 20px; margin-bottom: 1px; }

.divNotificationPayDocMnyRowVl2 { position: relative; width: 112px; height: 17px; line-height: 18px; font-size: 7pt; box-shadow: 0px 0px 0px 1px #9da59b; border-radius: 5px; text-indent: 7px; float: left; margin-right: 6px; }

.Notifmny1 { height: 51px; }

.Notifmny2 { height: 73px; }

.Notifmny0 { height: 24px; }

.Notifmny4 { height: 116px; }

.NotifPayDocMnyRowCs { text-align: right; padding-right: 15px; }


/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */

/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */


.docPageNotifSetupScreen { position: absolute; width: 581px; min-height: 583px; background-color: #ECF8FB; left: -12px; top: 49px; border-radius: 6px; height: 777px; z-index: 15; border: 2px solid #CDEFF6; }

.docPageNotifSetupScreenExit { position: absolute; top: 17px; right: 21px; cursor: pointer; width: 50px; height: 50px; }
    .docPageNotifSetupScreenExit img { position: absolute; width: 50px; height: 50px; transform: rotate(126deg); }

.docPageNotifSetupPersonFrstWelWordCap { position: absolute; width: 380px; margin-right: 13px; text-align: center; left: 98px; top: 0px; background: #9FDBEC; height: 78px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.docPageNotifSetupPersonNameWrap { position: absolute; width: 250px; height: 54px; top: 0px; left: 66px; color: #00b4d5; text-align: center; line-height: 18px; padding-top: 9px; font-size: 10pt; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-weight: bold; }


.docPageNotifSetupBnrWrdCon { width: 100%; background-color: red; position: relative; height: 52px; margin-left: -2px; margin-bottom: 10px; top: 84px; background: #9fdbec; }

.docPageNotifSetupBnrWrd1,
.docPageNotifSetupBnrWrd2,
.docPageNotifSetupBnrWrd3 { position: relative; height: 25px; line-height: 23px; font-size: 9pt; background-color: #fff; float: left; cursor: pointer; border-radius: 30px; border: solid 2px #6CC7E2; left: 27px; text-align: center; color: #6CC7E2; text-transform: lowercase; top: 12px; margin-right: 10px; }

.docPageNotifSetupBnrWrd1 { width: 280px; margin-right: 30px; }
.docPageNotifSetupBnrWrd2 { width: 100px; }
.docPageNotifSetupBnrWrd3 { width: 100px; }


#docPageNotifSetupRowDataList { position: relative; min-height: 0px; max-height: 580px; overflow: scroll; top: 90px; margin-bottom: 30px; }


.notificationSetup_row { position: relative; width: 525px; min-height: 53px; margin: 0px 0px 5px 6px; background-color: #fff; border-radius: 13px; cursor: pointer; border: solid 3px #B2E8F2; left: 19px; }

.notificationSetup_Icon,
.notificationSetup_Header,
.notificationSetup_Del { position: absolute; top: -5px; }

.notificationSetup_Icon { width: 32px; top: 11px; left: 11px; }

.notificationSetup_Header { left: 50px; width: 361px; height: 20px; line-height: 38px; }

.notificationSetup_Text { position: relative; width: 466px; min-height: 33px; white-space: pre-line; margin: 9px 0px 5px 53px; /* border: 1px #c72222 solid; */ line-height: 38px; top: 0px; color: #717171; font-size: 11pt; }

    .notificationSetup_Text font { font-size: 12px; }

.notificationSetup_Del { width: 40px; }






.notificationSetupBtnWrap { position: absolute; top: 12px; left: 443px; width: 70px; height: 30px; }

.notificationSetupBtn { position: relative; width: 60px; height: 26px; background-color: #fff; border: 2px solid #0db4d5; border-radius: 25px; top: 2px; float: left; margin-right: 8px; }
.notificationSetupBtnx { position: relative; width: 60px; height: 26px; background-color: #fff; border: 2px solid #9fdbec; border-radius: 25px; top: 2px; float: left; margin-right: 8px; }

.notificationSetupBtn div { position: absolute; width: 20px; height: 20px; background: #0db4d5; border-radius: 20px; left: 33px; top: 1px; }
.notificationSetupBtnx div { position: absolute; width: 20px; height: 20px; background: #9fdbec; border-radius: 20px; left: 3px; top: 1px; }



.notificationSetup_subRow { }
    .notificationSetup_subRow .notificationSetup_row { width: 479px; left: 65px; height: 45px; min-height: unset; background-color: #f4fcff; border: solid 2px #B2E8F2; }
    .notificationSetup_subRow .notificationSetup_Icon,
    .notificationSetup_subRow .notificationSetup_Header,
    .notificationSetup_subRow .notificationSetup_Del { width: 26px; top: 9px; left: 11px; }

    .notificationSetup_subRow .notificationSetupBtnWrap { left: unset; top: 5px; right: 5px; }

    .notificationSetup_subRow .notificationSetupBtn,
    .notificationSetup_subRow .notificationSetupBtnx { }
    .notificationSetup_subRow .notificationSetup_Text { min-height: unset; height: 30px; line-height: 30px; margin: 5px 0px 5px 53px; width: 350px; font-size: 9pt; }








/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */




.diyetist_MainFixedRghtNotifMnBtns1x,
.diyetist_MainFixedRghtNotifMnBtns2x,
.diyetist_MainFixedRghtNotifMnBtns3x,
.diyetist_MainFixedRghtNotifMnBtns4x,
.diyetist_MainFixedRghtNotifMnBtns5x,
.diyetist_MainFixedRghtNotifMnBtns7x,
.diyetist_MainFixedRghtNotifMnBtns6x,
.diyetist_MainFixedRghtNotifMnBtns1,
.diyetist_MainFixedRghtNotifMnBtns2,
.diyetist_MainFixedRghtNotifMnBtns3,
.diyetist_MainFixedRghtNotifMnBtns4,
.diyetist_MainFixedRghtNotifMnBtns5,
.diyetist_MainFixedRghtNotifMnBtns7,
.diyetist_MainFixedRghtNotifMnBtns6 { position: relative; margin-bottom: 3px; top: 65px; width: 40px; height: 40px; border-radius: 20px; border: 3px solid #2fc2dd; background: #fff; right: 0px; cursor: pointer; z-index: 10; }

.diyetist_MainFixedRghtNotifMnBtns1x,
.diyetist_MainFixedRghtNotifMnBtns1 { left: -8px; top: 74px; }

.diyetist_MainFixedRghtNotifMnBtns2x,
.diyetist_MainFixedRghtNotifMnBtns2 { left: 41px; top: 31px; }

.diyetist_MainFixedRghtNotifMnBtns3x,
.diyetist_MainFixedRghtNotifMnBtns3 { left: 92px; top: -12px; }

.diyetist_MainFixedRghtNotifMnBtns4x,
.diyetist_MainFixedRghtNotifMnBtns4 { left: 262px; top: 10px; }

.diyetist_MainFixedRghtNotifMnBtns5x,
.diyetist_MainFixedRghtNotifMnBtns5 { left: 299px; top: 11px; }

.diyetist_MainFixedRghtNotifMnBtns6x,
.diyetist_MainFixedRghtNotifMnBtns6 { left: 243px; top: -55px; }

.diyetist_MainFixedRghtNotifMnBtns7x,
.diyetist_MainFixedRghtNotifMnBtns7 { left: 343px; top: -98px; }

.diyetist_MainFixedRghtNotifMnBtns1x,
.diyetist_MainFixedRghtNotifMnBtns2x,
.diyetist_MainFixedRghtNotifMnBtns3x,
.diyetist_MainFixedRghtNotifMnBtns4x,
.diyetist_MainFixedRghtNotifMnBtns5x,
.diyetist_MainFixedRghtNotifMnBtns7x,
.diyetist_MainFixedRghtNotifMnBtns6x { border: 3px solid #0db4d5; background: #fff; box-shadow: 0px 0px 1px 1px #0db4d5; }


    .diyetist_MainFixedRghtNotifMnBtns1x img,
    .diyetist_MainFixedRghtNotifMnBtns1 img { position: absolute; width: 23px; top: 6px; left: 6px; }

    .diyetist_MainFixedRghtNotifMnBtns2x img,
    .diyetist_MainFixedRghtNotifMnBtns2 img { position: absolute; width: 23px; top: 6px; left: 6px; }

    .diyetist_MainFixedRghtNotifMnBtns3x img,
    .diyetist_MainFixedRghtNotifMnBtns3 img { position: absolute; width: 26px; top: 6px; left: 4px; }

    .diyetist_MainFixedRghtNotifMnBtns4x img
    .diyetist_MainFixedRghtNotifMnBtns4 img { position: absolute; width: 22px; top: 7px; left: 7px; }

    .diyetist_MainFixedRghtNotifMnBtns5x img
    .diyetist_MainFixedRghtNotifMnBtns5 img { position: absolute; width: 24px; top: 10px; left: 6px; }

    .diyetist_MainFixedRghtNotifMnBtns6x img,
    .diyetist_MainFixedRghtNotifMnBtns6 img { position: absolute; width: 24px; top: 4px; left: 5px; }

    .diyetist_MainFixedRghtNotifMnBtns7x img,
    .diyetist_MainFixedRghtNotifMnBtns7 img { position: absolute; width: 23px; top: 4px; left: 6px; }

.docPageNotifScreenPersonFrstWelWordCap { position: absolute; width: 380px; margin-right: 13px; text-align: center; left: 98px; top: 0px; background: #9FDBEC; height: 78px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.docPageNotifScreenPersonNameWrap { position: absolute; width: 250px; height: 54px; top: 0px; left: 66px; color: #00b4d5; text-align: center; line-height: 18px; padding-top: 9px; font-size: 10pt; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-weight: bold; }

.docPageNotifScreenPersonFrstWelWordSpan { font-size: 9pt; font-weight: normal; }

#diyetist_MainFixedNotifBtnsCon { position: relative; width: 1px; height: 1px; left: -424px; top: -67px; }







#divNotificationPayKodFlwScren { position: absolute; width: 570px; height: 302px; top: 76px; left: 4px; z-index: 131; }

.divNotificationPayKodFlwScrenBnrCon { position: absolute; width: 540px; height: 25px; top: 0px; left: 15px; }

.divNotificationPayKodFlwScrenBnrV1,
.divNotificationPayKodFlwScrenBnrV2,
.divNotificationPayKodFlwScrenBnrV3,
.divNotificationPayKodFlwScrenBnrV4,
.divNotificationPayKodFlwScrenBnrV5,
.divNotificationPayKodFlwScrenBnrV6 { position: relative; height: 20px; float: left; margin-right: 4px; margin-bottom: 4px; box-shadow: 0px 0px 0px 1px #0db4d5; line-height: 20px; font-size: 8pt; color: #fff; border-radius: 4px; /* left: 10px; */ background: #0db4d5; text-align: center; }

.divNotificationPayKodFlwScrenBnrV1 { width: 112px; }
.divNotificationPayKodFlwScrenBnrV2 { width: 216px; }
.divNotificationPayKodFlwScrenBnrV3 { width: 40px; }
.divNotificationPayKodFlwScrenBnrV4 { width: 50px; }
.divNotificationPayKodFlwScrenBnrV5 { width: 49px; }
.divNotificationPayKodFlwScrenBnrV6 { width: 49px; }

#divNotificationPayKodFlwDataList { position: absolute; width: 550px; height: 250px; top: 27px; left: 10px; }


.divNotificationPayKodFlwScrenRowCon { position: relative; width: 550px; height: 25px; top: 0px; left: 5px; margin-bottom: 2px; }

.divNotificationPayKodFlwScrenRowV1,
.divNotificationPayKodFlwScrenRowV2,
.divNotificationPayKodFlwScrenRowV3,
.divNotificationPayKodFlwScrenRowV4,
.divNotificationPayKodFlwScrenRowV5,
.divNotificationPayKodFlwScrenRowV6 { position: relative; height: 20px; float: left; margin-right: 4px; margin-bottom: 4px; box-shadow: 0px 0px 0px 1px #0db4d5; line-height: 20px; font-size: 8pt; color: #0db4d5; border-radius: 4px; /* left: 10px; */ background: #fff; text-align: center; }

.divNotificationPayKodFlwScrenRowV1 { width: 112px; }
.divNotificationPayKodFlwScrenRowV2 { width: 216px; text-align: left; text-indent: 10px; }
.divNotificationPayKodFlwScrenRowV3 { width: 40px; }
.divNotificationPayKodFlwScrenRowV4 { width: 50px; }
.divNotificationPayKodFlwScrenRowV5 { width: 49px; color: #1bd65d; }
.divNotificationPayKodFlwScrenRowV6 { width: 50px; }



.divNotificationPayKodFlwScrenSubRowLst { position: relative; height: auto; margin-bottom: 5px; }

.divNotificationPayKodFlwScrenSubRowCon { position: relative; width: 540px; height: 25px; top: 0px; left: 5px; margin-bottom: 2px; }

.divNotificationPayKodFlwScrenSubRowV1,
.divNotificationPayKodFlwScrenSubRowV2,
.divNotificationPayKodFlwScrenSubRowV3,
.divNotificationPayKodFlwScrenSubRowV4,
.divNotificationPayKodFlwScrenSubRowV5,
.divNotificationPayKodFlwScrenSubRowV6 { position: relative; height: 20px; float: left; margin-right: 4px; margin-bottom: 4px; box-shadow: 0px 0px 0px 1px #a4dbed; line-height: 20px; font-size: 8pt; color: #0db4d5; border-radius: 4px; /* left: 10px; */ background: #fff; text-align: center; left: 30px; }

.divNotificationPayKodFlwScrenSubRowV1 { width: 82px; }
.divNotificationPayKodFlwScrenSubRowV2 { width: 216px; text-align: left; text-indent: 10px; }
.divNotificationPayKodFlwScrenSubRowV3 { width: 40px; }
.divNotificationPayKodFlwScrenSubRowV4 { width: 50px; }
.divNotificationPayKodFlwScrenSubRowV5 { width: 49px; color: #13b100; }
.divNotificationPayKodFlwScrenSubRowV6 { width: 50px; }








/* ============================================================================================================================================================= */
/* ============================================================================================================================================================= */


/*
d8b   db  .d88b.  d888888b d888888b d88888b d888888b  .o88b.  .d8b.  d888888b d888888b  .d88b.  d8b   db 
888o  88 .8P  Y8. `~~88~~'   `88'   88'       `88'   d8P  Y8 d8' `8b `~~88~~'   `88'   .8P  Y8. 888o  88 
88V8o 88 88    88    88       88    88ooo      88    8P      88ooo88    88       88    88    88 88V8o 88 
88 V8o88 88    88    88       88    88~~~      88    8b      88~~~88    88       88    88    88 88 V8o88 
88  V888 `8b  d8'    88      .88.   88        .88.   Y8b  d8 88   88    88      .88.   `8b  d8' 88  V888 
VP   V8P  `Y88P'     YP    Y888888P YP      Y888888P  `Y88P' YP   YP    YP    Y888888P  `Y88P'  VP   V8P 
  
*/




/*                                                                               
                                                                                  
DDDDDDDDDDDDD                                                                     
D::::::::::::DDD                                                                  
D:::::::::::::::DD                                                                
DDD:::::DDDDD:::::D                                                               
  D:::::D    D:::::D  rrrrr   rrrrrrrrr    uuuuuu    uuuuuu      ggggggggg   ggggg
  D:::::D     D:::::D r::::rrr:::::::::r   u::::u    u::::u     g:::::::::ggg::::g
  D:::::D     D:::::D r:::::::::::::::::r  u::::u    u::::u    g:::::::::::::::::g
  D:::::D     D:::::D rr::::::rrrrr::::::r u::::u    u::::u   g::::::ggggg::::::gg
  D:::::D     D:::::D  r:::::r     r:::::r u::::u    u::::u   g:::::g     g:::::g 
  D:::::D     D:::::D  r:::::r     rrrrrrr u::::u    u::::u   g:::::g     g:::::g 
  D:::::D     D:::::D  r:::::r             u::::u    u::::u   g:::::g     g:::::g 
  D:::::D    D:::::D   r:::::r             u:::::uuuu:::::u   g::::::g    g:::::g 
DDD:::::DDDDD:::::D    r:::::r             u:::::::::::::::uu g:::::::ggggg:::::g 
D:::::::::::::::DD     r:::::r              u:::::::::::::::u  g::::::::::::::::g 
D::::::::::::DDD       r:::::r               uu::::::::uu:::u   gg::::::::::::::g 
DDDDDDDDDDDDD          rrrrrrr                 uuuuuuuu  uuuu     gggggggg::::::g 
                                                                          g:::::g 
                                                              gggggg      g:::::g 
                                                              g:::::gg   gg:::::g 
                                                               g::::::ggg:::::::g 
                                                                gg:::::::::::::g  
                                                                  ggg::::::ggg    
                                                                     gggggg       
                                                              
*/

.cssVaccineBan { position: absolute; height: 15px; width: 15px; border-radius: 15px; background: #2c92b9; top: 120px; left: 560px; z-index: 20; text-indent: 0px; line-height: 42px; color: #0db4d5; }

.cssVaccineCat { position: absolute; top: -80px; left: -80px; width: 737px; height: 1041px; background: #fff; border: solid 2px #6cc7e2; border-radius: 7px; z-index: 20; overflow: hidden; }

.cssVaccineCat1 { position: absolute; top: 145px; left: 0px; width: 700px; height: 20px; }

.cssVaccineCat1_1 { position: absolute; left: 30px; width: 70px; height: 24px; border: solid 2px #6cc7e2; border-radius: 4px; text-align: center; line-height: 20px; font-weight: bold; font-family: verdana; }

.cssVaccineCat1_2 { /* position: absolute; */ /* left: 110px; */ /* width: 580px; */ /* height: 24px; */ /* border: solid 2px #6cc7e2; */ /* border-radius: 4px; */ /* text-align: center; */ /* line-height: 20px; */ /* font-weight: bold; */ /* font-family: verdana; */ }

.cssVaccineCat2 { position: absolute; top: 175px; left: 0px; width: 700px; height: 20px; }

.cssVaccineCat2_1 { position: absolute; left: 30px; width: 70px; height: 24px; border: solid 2px #6cc7e2; border-radius: 4px; text-align: center; line-height: 20px; color: #0db4d5; font-family: verdana; }

.cssVaccineCat2_2 { position: absolute; left: 110px; width: 580px; height: 24px; border: solid 2px #6cc7e2; border-radius: 4px; text-indent: 10px; line-height: 20px; font-weight: bold; font-family: verdana; }

.cssVaccineCat3 { position: absolute; top: 240px; left: 0px; height: 570px; width: 700px; }

.cssVaccineDivCat { position: relative; width: 700px; height: 31px; top: 0px; left: 0px; }

.cssVaccineAge { position: absolute; left: 40px; top: 0px; width: 110px; height: 24px; border: solid 2px #6cc7e2; border-radius: 4px; text-align: center; line-height: 20px; /* font-weight: bold; */ font-family: verdana; }

.cssVac { position: relative; float: left; border: solid 2px #000; margin-right: 8px; width: 100px; height: 24px; border-radius: 4px; text-align: center; line-height: 19px; font-size: 11px; font-family: verdana; }

#cssVac1 { color: #f30909; border: solid 2px #f30909; }

#cssVac2 { color: #ef7d04; border: solid 2px #ef7d04; }

#cssVac3 { color: #0a127b; border: solid 2px #0a127b; }

#cssVac4 { color: #178e09; border: solid 2px #178e09; }

#cssVac5 { color: #f5ef05; border: solid 2px #f5ef05; }

#cssVac6 { color: #0e9aef; border: solid 2px #0e9aef; }

#cssVac7 { color: #7b7c7c; border: solid 2px #7b7c7c; }

#cssVac8 { color: #0d1bd4; border: solid 2px #0d1bd4; }

#cssVac9 { color: #f8bf55; border: solid 2px #0a127b; }

#cssVac10 { color: #1cf902; border: solid 2px #1cf902; }


.cssVacCapDiv { position: absolute; left: 156px; height: 30px; width: 520px; }

.cssVaccineCat4 { position: absolute; top: 850px; left: 40px; border: solid 1px #000; width: 650px; height: 165px; font-family: verdana; font-size: 11px; }

.cssVaccineDexCat1 { position: absolute; top: 16px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat1 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat2 { position: absolute; top: 31px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat2 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat3 { position: absolute; top: 46px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat3 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat4 { position: absolute; top: 61px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat4 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat5 { position: absolute; top: 76px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat5 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat6 { position: absolute; top: 91px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat6 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat7 { position: absolute; top: 106px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat7 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat8 { position: absolute; top: 121px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat8 span { font-weight: normal; color: #959595; }

.cssVaccineDexCat9 { position: absolute; top: 136px; left: 12px; font-weight: bold; color: #000; }

    .cssVaccineDexCat9 span { font-weight: normal; color: #959595; }











/* --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */












.diyetistPageDrugCon { position: absolute; width: 518px; height: 624px; overflow: hidden; left: 7px; top: 7px; z-index: 2; }

.divController_DrugList { position: absolute; width: 518px; height: 616px; top: 3px; overflow: hidden; z-index: 50; }

.divDrugList_relativeList { position: fixed; width: 117px; height: 440px; left: 516px; top: 310px; z-index: 6; border-radius: 28px; }

.divDrugList_relativeList { background: #f1f9fc; border: solid 2px #d9f4f9; }

.divDrugList_btn_genList { position: absolute; width: 40px; height: 40px; top: 16px; left: 386px; z-index: 5; cursor: pointer; border-radius: 25px; }

.DrugList_search_inpt { position: absolute; width: 261px; height: 24px; line-height: 22px; top: 19px; left: 83px; border: none; /*background-color: transparent;*/ z-index: 1; font-size: 10pt; color: #7B7C7C; font-weight: bold; text-align: center; border-radius: 17px; }

.DrugList_search_inpt_bg { position: absolute; width: 246px; height: 24px; line-height: 23px; top: 18px; left: 169px; border: none; background-color: transparent; z-index: 1; font-size: 8pt; color: #7B7C7C; background: url('../img/dmcp/dis_src.png') 9px 6px no-repeat; }

.DrugList_search_inpt8 { position: absolute; width: 262px; height: 24px; line-height: 22px; top: 19px; left: 61px; border: none; z-index: 1; font-size: 8pt; color: #7B7C7C; font-weight: bold; text-align: center; border-radius: 17px; }

.DrugList_search_inptM { /* position: absolute; */ /* width: 246px; */ /* height: 24px; */ /* line-height: 21px; */ /* top: 20px; */ /* left: 90px; */ /* border: none; */ /* background-color: transparent; */ /* z-index:;font-size: 8pt;;pt; */ /* color: #7B7C7C; */ /* font-weight: bold; */ /* text-align: center; */ /* padding-bottom: 3px; */ }

.DrugList_search_inpt2 { position: absolute; width: 80px; height: 24px; line-height: 23px; top: 18px; left: 443px; border: none; background-color: transparent; z-index: 1; font-size: 8pt; text-align: center; background: url('../img/dmcp/icd_txt.png') 9px 6px no-repeat; }

.DrugList_search_inpt2a { position: absolute; width: 80px; height: 24px; line-height: 23px; top: 23px; left: 427px; border: none; background-color: transparent; z-index: 1; font-size: 8pt; text-align: center; color: #7B7C7C; font-weight: bold; border-radius: 17px; }

.divDrugList_btnLook { position: absolute; width: 47px; height: 47px; top: 12px; left: 7px; z-index: 1; cursor: pointer; border-radius: 36px; }

.divbtnLook_bg { background: url('../img/dmcp/btn_look.png') 0px 0px no-repeat; }

.divbtnLook_bgrx { background: url('../img/dmcp/rx.png') 0px 0px no-repeat; }

.divDrugList_btnLook img { position: absolute; width: 30px; top: 9px; left: 10px; }

#btnLook_poli img,
#btnLook_icd2 img { position: absolute; width: 30px; top: 15px; left: 8px; }

.divDrugList_btnLookMM { position: absolute; width: 51px; height: 51px; top: 7px; left: 27px; z-index: 1; cursor: pointer; border-radius: 36px; background: url('../img/dmcp/bckC.png') -3px -3px no-repeat; }

.divDrugList_btnaddDrug { position: absolute; width: 37px; height: 37px; top: 13px; left: 332px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 37px; font-size: 20pt; color: #000; font-weight: bolder; }
/*.divDrugList_btnaddDrug:hover,
    .divbtnaddDrug_bg { background: url('../img/dmcp/drgAdd_btn.png') 0px 0px no-repeat; }*/

.divDrugList_btnaddBetak { position: absolute; width: 37px; height: 37px; top: 13px; left: 351px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 37px; font-weight: bolder; font-size: 21pt; }

    .divDrugList_btnaddBetak:hover,
    .divbtnaddDrug_bg { background: url('../img/dmcp/drgAdd_btn.png') 0px 0px no-repeat; }

.DrugList_search_inptM,
.divDrugList_btn_genList,
.divDrugList_btnaddBetak,
.soyge_H_div { /* background: #d8eee2; */ }

    .divDrugList_btn_genList img { position: absolute; width: 28px; top: 6px; left: 6px; }

.divDrugList_btn_genList { position: absolute; width: 40px; height: 40px; top: 16px; left: 386px; z-index: 5; cursor: pointer; border-radius: 25px; }

.divDrugList_relativeList .g7m { /* top: 3px; */ }

.divDrugList_relativeList .g8m { /* top: 4px; */ }

.divDrugList_relativeList .g9m { /* top: 5px; */ }

.divDrugList_relativeList .g10m { /* top: 6px; */ }

.divDrugList_relativeList .g11m { /* top: 6px; */ }

.divDrugList_relativeList .g12m { /* top: 6px; */ }

.divDrugList_relativeList .g13m { /* top: 7px; */ }

.divDrugList_relativeList .g14m { /* top: 6px; */ }

.divConPoint { position: absolute; top: 3px; left: 83px; width: 11px; height: 11px; background: #0db4d5; border-radius: 15px; }

.relativeList_row { position: relative; width: 82px; height: 22px; cursor: pointer; margin-bottom: 1px; top: 20px; border-radius: 20px; line-height: 17px; font-size: 8pt; font-weight: normal; text-indent: 7px; color: #0db4d5; margin-bottom: 7px; left: 9px; }

    .relativeList_row span { font-size: 6pt; }

.relative_ll_row { /* position: relative; */ /* width: 373px; */ /* min-height: 28px; */ /* left: 86px; */ /* top: -2px; */ }

.relativeList_rowg { position: relative; width: 74px; height: 22px; cursor: pointer; top: 4px; border-radius: 20px; left: 44px; /* float: left; */ font-size: 7pt; line-height: 19px; text-align: left; color: #0db4d5; margin-bottom: 1px; margin-right: 3px; font-weight: normal; text-indent: 10px; font-family: verdana; }

.relativeList_rowg { border: solid 2px #d9f4f9; }

    .relativeList_rowg span { font-size: 6pt; }

    .relativeList_rowg .imgg { position: absolute; width: 13px; left: 52px; top: 3px; }

.sghListSub_rowg .imgg { position: absolute; width: 13px; left: 40px; top: 6px; }

.dna_sghRelPer .imgg { position: absolute; width: 13px; left: 61px; top: 6px; }

.relativeList_row .imgg { position: absolute; width: 15px; left: 57px; top: 2px; }

.relativeList_row { background: #fff; border-radius: 7px; border: solid 2px #d9f4f9; font-family: verdana; }


.relativeList_rowxz { position: relative; width: 82px; height: 22px; cursor: pointer; margin-bottom: 1px; top: 20px; border-radius: 20px; line-height: 19px; font-size: 8pt; font-weight: normal; text-indent: 7px; color: #F8B316; margin-bottom: 7px; left: 9px; }

    .relativeList_rowxz span { font-size: 6pt; }

    .relativeList_rowxz span { font-size: 6pt; }

    .relativeList_rowxz .imgg { position: absolute; width: 14px; left: 58px; top: 3px; }

.relativeList_rowxz { background: #fff; border-radius: 7px; border: solid 2px #6cc7e2; }


#divController_IcdListCon1 .DrugList_search_inptM { left: 125px; width: 455px; top: 20px; border-radius: 6px; font-family: verdana; }

.DrugList_search_inptM,
.divDrugList_btn_genList,
.divDrugList_btnaddBetak,
.soyge_H_div { /* background: #fff; */ /* border: solid 2px #a3d9ea; */ color: #52b4d5; }


.DrugList_search_inpt2a { position: absolute; width: 50px; height: 24px; line-height: 24px; top: 20px; left: 70px; border: none; z-index: 1; font-size: 8pt; text-align: center; color: #008b60; /* font-weight: bold; */ border-radius: 6px; font-family: verdana; padding: 10px; }



.PoliList_search_inpt { position: absolute; width: 196px; height: 24px; line-height: 23px; top: 19px; left: 327px; border: none; z-index: 1; font-size: 8pt; color: #7B7C7C; font-weight: bold; text-align: center; border-radius: 20px; }

.divPoliList_btn_genList { position: absolute; width: 45px; height: 45px; top: 9px; left: 271px; z-index: 5; cursor: pointer; border-radius: 25px; }

    .divPoliList_btn_genList img { position: absolute; width: 23px; top: 9px; left: 11px; }

.divDrugList_btnaddPoli { position: absolute; width: 37px; height: 37px; top: 12px; left: 231px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 37px; font-weight: bolder; font-size: 21pt; }

    .divDrugList_btnaddPoli:hover,
    .divbtnaddDrug_bg { background: url('../img/dmcp/drgAdd_btn.png') 0px 0px no-repeat; }

.DrugList_search_inpt8,
.divDrugList_btnLook,
.DrugList_search_inpt,
.DrugList_search_inpt2a,
.PoliList_search_inpt,
.divPoliList_btn_genList,
.divDrugList_btnaddPoli,
.divDrugList_btnOTC,
.divDrugList_btnOTC2,
.divDrugList_btnaddDrug { background: #fff; border: 2px solid #A3D9EA; color: #00B4D5; }

.divPlNo { position: absolute; top: 20px; left: 35px; width: 30px; height: 24px; border: solid 2px #a3d9ea; border-radius: 6px; color: #00b4d5; font-size: 8pt; text-align: center; line-height: 20px; font-family: verdana; font-weight: bold; }

.divDrugList_btnOTC { position: absolute; width: 47px; height: 47px; top: 7px; left: 375px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 47px; font-size: 11pt; color: #000; font-weight: bolder; text-indent: 2px; color: #00B4D5; }

.icdMrck_img { position: absolute; width: 16px; height: 16px; left: 375px; top: 25px; z-index: 1; }

.icdMrck_img2 { position: absolute; width: 12px; height: 12px; left: 501px; top: 25px; }

#divController_DrugList .icdMrck_img { left: 300px; z-index: 5; }

#divController_DrugList .icdMrck_img2 { width: 12px; height: 12px; left: 487px; top: 28px; z-index: 2; }

.drugList_list { position: absolute; width: 555px; height: 552px; top: 64px; overflow: hidden; }

#divController_DrugList .drugList_list { height: 550px; top: 63px; }

#drugVitOtcList_list2m { z-index: 2; background-color: #fff; }

.drug_ll_row { position: relative; width: 375px; top: 2px; height: 30px; left: 125px; color: #0db4d5; cursor: pointer; margin-bottom: 2px; border-radius: 12px; }

.drug_ll_row1 { position: absolute; line-height: 21px; width: 26px; height: 26px; left: -91px; font-size: 8pt; text-align: center; font-weight: normal; border-radius: 6px; font-family: verdana; }

.drug_ll_row2 { position: absolute; line-height: 22px; width: 455px; height: 26px; left: 0px; font-size: 8pt; text-indent: 9px; border-radius: 12px; white-space: nowrap; overflow: hidden; font-weight: normal; }

.drug_ll_row3 { position: absolute; line-height: 28px; width: 82px; height: 25px; left: 419px; font-size: 8pt; text-indent: 17px; border-radius: 12px; white-space: nowrap; overflow: hidden; font-weight: normal; }

.drugList_list { position: absolute; width: 585px; height: 835px; top: 64px; overflow: hidden; }

.drugList_listsrc { position: absolute; width: 555px; height: 477px; top: 63px; overflow: hidden; background: url('../img/dmcp/disase_src.png') 0px -11px no-repeat; }

.RelSrc_list { position: absolute; width: 558px; height: 476px; top: 67px; background: url('../img/dmcp/soyge_li.png') 0px 0px no-repeat; }

.drug_ll_row1 { }

.drug_ll_row2 { border-radius: 12px; background: #fff; box-shadow: none; color: #0db4d5; font-family: verdana; }

.drug_ll_row3 { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); border-radius: 12px; background: #fff; box-shadow: none; border: 2px solid #A3D9EA; color: #8D8D8D; display: none; }

.drug_icd_row { position: absolute; width: 50px; height: 26px; border-radius: 6px; left: -58px; }

.drug_ll_rowbg .drug_ll_row2 .spn_dna,
.drug_ll_rowbg .drug_ll_row1,
.drug_ll_rowbg .drug_ll_row2,
.drug_ll_rowbg .drug_icd_row { background: #eff9f4; border: solid 2px #6cc7e2; }

.drug_ll_rowbg .drug_ll_row3 { display: none; }

#divController_IcdList1 .drug_ll_row .drug_ll_row3 { display: none; }

.drug_ll_row1,
.drug_ll_row2,
.drug_ll_row3,
.drug_icd_row { border: solid 2px #d9f4f9; }

.spn_dna { position: absolute; left: 420px; border: solid 2px #d9f4f9; height: 26px; width: 33px; top: -2px; text-indent: 9px; border-radius: 12px; line-height: 22px; }

#drugList_list .drug_ll_row .drug_ll_row1 { left: 33px; line-height: 23px; background: #6CC7E2; color: #fff; border: 2px solid #6cc7e2; }

#drugList_list .drug_ll_row .drug_ll_row2 { left: 63px; width: 300px; line-height: 22px; /* background-color: red; */ overflow: hidden; white-space: nowrap; }

#drugList_list .drug_ll_row .drug_ll_row3 { line-height: 22px; }

#drugList_list .drug_ll_row .delM { left: 32px; border-radius: 20px; }

.hwdaw_inptValue { position: absolute; width: 50px; height: 24px; left: 364px; top: 1px; line-height: 24px; text-align: center; font-size: 8pt; border: none; color: #7B7C7C; }

.hwdaw_inptValue { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); border-radius: 12px; box-shadow: 0px 0px 1px #969696 inset; }

.drug_ll_row .delM, .newDis_DataRow .delM { left: -118px; top: 2px; display: none; background: #fff; border: solid 2px #D55A55; position: absolute; width: 18px; height: 18px; cursor: pointer; z-index: 3; background-color: #fff; text-align: center; line-height: 15px; color: #D55A55; font-weight: bold; font-size: 10pt; text-indent: 1px; border-radius: 26px; }

#drugList_list .drug_ll_row .delM { left: 32px; border-radius: 20px; }

.drug_ll_rowSub { position: relative; width: 479px; height: 377px; line-height: 25px; left: 33px; background-color: #f2fcff; top: -1px; }

.drug_ll_rowsub1,
.drug_ll_rowsub2,
.drug_ll_rowsub3,
.drug_ll_rowsubDrugCon,
.drug_ll_rowsubMeals { position: absolute; font-size: 8pt; line-height: 18px; top: 2px; color: #7B7C7C; font-weight: normal; }

.drug_ll_rowsub1 { width: 475px; height: 328px; text-align: center; left: -4px; top: 37px; }

.drug_ll_rowsub2 { width: 82px; height: 26px; text-align: center; left: 31px; display: none; }

.drug_ll_rowsub3 { width: 446px; height: 28px; text-align: center; left: 29px; top: 88px; }

.drug_ll_rowsubMeals { width: 150px; height: 57px; left: 86px; }

.drug_ll_rowsubMealsNm1,
.drug_ll_rowsubMealsNm2,
.drug_ll_rowsubMealsNm3,
.drug_ll_rowsubMealsNm4,
.drug_ll_rowsubMealsNm5,
.drug_ll_rowsubMealsNm6 { position: absolute; width: 37px; height: 9px; font-size: 5pt; line-height: 12px; color: #7B7C7C; border: none; background-color: transparent; text-align: center; }

.drug_ll_rowSub input { color: #7B7C7C; }

.drug_ll_rowsubMeals ::-webkit-input-placeholder,
.drug_ll_rowsubMeals :-moz-placeholder,
.drug_ll_rowsubMeals ::-moz-placeholder,
.drug_ll_rowsubMeals :-ms-input-placeholder { color: #7B7C7C; font-size: 8pt; height: 19px; line-height: 20px; padding-bottom: 2px; }

.drug_ll_rowsubFrormul,
.drug_ll_rowsubPros { position: absolute; width: 200px; height: 35px; top: 4px; line-height: 35px; font-size: 9pt; cursor: pointer; }

.drug_ll_rowsubPros { left: 257px; }

.drug_ll_rowsubFrormul { left: 5px; }


.drug_ll_rowsubUsages1,
.drug_ll_rowsubUsages2,
.drug_ll_rowsubStartDate,
.drug_ll_rowsubStopDate { position: absolute; width: 113px; height: 41px; top: 49px; box-shadow: 0px 0px 3px 1px #8ccab9; }

.drug_ll_rowsubStopDate { left: 352px; }

.drug_ll_rowsubStartDate { left: 236px; }

.drug_ll_rowsubUsages2 { left: 120px; }

.drug_ll_rowsubUsages1 { left: 4px; }

.drug_ll_rowsubDataC,
.drug_ll_rowsubDataName { position: absolute; width: 113px; background-color: #fff; }

.drug_ll_rowsubDataC { top: 1px; height: 26px; left: 0px; text-align: center; border: none; font-size: 9pt; border-bottom: 1px solid #8ccab9; }

.drug_ll_rowsubDataName { top: 27px; height: 13px; left: 0px; text-align: center; line-height: 15px; font-size: 6pt; }

.drug_ll_rowsubDrugInfoU { position: absolute; width: 468px; height: 32px; top: 103px; }

.drug_ll_rowsubHowUsageData,
.drug_ll_rowsubHowUsageSml,
.drug_ll_rowsubHowUsageInfoDiv { position: absolute; width: 80px; height: 30px; top: 1px; text-align: center; line-height: 30px; background-color: transparent; border: none; }

.drug_ll_rowsubFrormul,
.drug_ll_rowsubPros,
.drug_ll_rowsubHowUsageData,
.drug_ll_rowsubHowUsageSml,
.drug_ll_rowsubHowUsageInfoDiv { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); border-radius: 21px; box-shadow: 0px 0px 3px #8ccab9; }


    .drug_ll_rowsubHowUsageSml ::-webkit-input-placeholder,
    .drug_ll_rowsubHowUsageSml :-moz-placeholder,
    .drug_ll_rowsubHowUsageSml ::-moz-placeholder,
    .drug_ll_rowsubHowUsageSml :-ms-input-placeholder { font-size: 7pt; }

    .drug_ll_rowsubHowUsageData ::-webkit-input-placeholder,
    .drug_ll_rowsubHowUsageData :-moz-placeholder,
    .drug_ll_rowsubHowUsageData ::-moz-placeholder,
    .drug_ll_rowsubHowUsageData :-ms-input-placeholder { font-size: 7pt; }




.drug_ll_formulList { position: absolute; width: 554px; height: 373px; background-color: #f2fcff; left: -51px; z-index: 10; overflow: hidden; }

.drug_ll_formulClose,
.drug_ll_formulDrugName,
.drug_ll_formulDrugList,
.drug_ll_formulDrugMg,
.drug_ll_formulDrugEtkenName,
.drug_ll_ProsClose,
.drug_ll_ProsDrugName,
.drug_ll_formulDrugVlGr,
.drug_ll_ProsDrugDataList { position: absolute; }

.drug_ll_formulDrugList { top: 41px; left: 29px; width: 503px; height: 288px; overflow: hidden; }

.drug_ll_formulDrugName { left: 76px; top: 14px; height: 28px; width: 447px; line-height: 31px; text-indent: 9px; }

.drug_ll_formulClose { left: 30px; top: 5px; height: 40px; width: 40px; cursor: pointer; }

.drug_ll_formulClose,
.drug_ll_formulDrugName { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); box-shadow: 0px 0px 2px #8ccab9; border-radius: 20px; }


.drug_ll_formulCloseImg { position: absolute; width: 25px; top: 8px; left: 8px; }

#docPageMainIframCon .drug_ll_formulCloseImg { display: block; }


.drug_ll_formulListRow { position: relative; width: 250px; height: 32px; float: left; }

.drug_ll_formulDrugMg { width: 29px; height: 27px; top: 1px; line-height: 27px; background: transparent; left: 43px; border: none; display: none; }

.drug_ll_formulDrugEtkenName { width: 165px; height: 27px; top: 1px; left: 78px; line-height: 27px; background: transparent; border: none; }

.drug_ll_formulDrugVlGr { width: 70px; height: 27px; top: 1px; line-height: 27px; background: transparent; left: 3px; border: none; }

.drug_ll_formulDrugMg,
.drug_ll_formulDrugVlGr { top: 3px; text-align: center; }

.drug_ll_formulDrugEtkenName { top: 3px; text-align: left; text-indent: 11px; }

.drug_ll_formulDrugMg,
.drug_ll_formulDrugVlGr,
.drug_ll_formulDrugEtkenName { font-size: 8pt; }

.drug_ll_formulDrugVlGr,
.drug_ll_formulDrugEtkenName { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); box-shadow: 0px 0px 2px #8ccab9; border-radius: 20px; }


.div_DrugProspektusSubCon { position: absolute; width: 515px; background-color: #fff; height: 620px; z-index: 90; }

.drug_ll_ProsDrugDataList { top: 11px; left: 30px; width: 464px; height: 599px; overflow: hidden; box-shadow: 0px 0px 6px 2px #65b1d4; border-radius: 5px; padding: 00px 10px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; }

.drug_ll_ProsDrugName { left: 38px; top: 10px; height: 45px; width: 425px; line-height: 45px; text-align: center; font-size: 9pt; }

.drug_ll_ProsClose { left: 34px; top: 14px; width: 35px; height: 35px; cursor: pointer; border-radius: 32px; z-index: 5; box-shadow: 0px 0px 4px 0px #62cbed; }

.drug_ll_ProsDrugDataList a { color: #000; }

.drugListFromulBan { position: absolute; width: 558px; height: 537px; top: 0px; z-index: 10; background: #f3f3f3; }

.drug_ll_formulDrugList { position: absolute; top: 47px; left: 28px; width: 506px; height: 322px; overflow: hidden; }

.drug_ll_ProsClose { background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); }

    .drug_ll_ProsClose img { position: absolute; width: 25px; top: 7px; left: 5px; }

.drug_ll_rowsubHowUsageInfoDiv { left: 234px; width: 231px; }

.drug_ll_rowsubHowUsageSml { left: 153px; width: 72px; }

.drug_ll_rowsubHowUsageData { left: 6px; width: 140px; }

.drug_ll_rowsubDayDivCon { position: absolute; width: 469px; height: 47px; top: 145px; left: 3px; }

.drug_ll_rowsubUsagesDay { position: relative; width: 73px; height: 42px; top: 2px; left: 3px; float: left; margin-right: 4px; box-shadow: 0px 0px 3px 1px #8ccab9; }


.drug_ll_rowsubUsageMeal { position: absolute; width: 72px; background: #fff; }

.drug_ll_rowsubUsageSize { position: absolute; width: 72px; text-align: center; border: none; font-size: 9pt; background-color: #fff; border-bottom: 2px solid #8ccab9; }


.drug_ll_rowsubUsageSize { top: 0px; height: 29px; left: 0px; line-height: 29px; }

.drug_ll_rowsubUsageMeal { top: 28px; height: 13px; left: 0px; text-align: center; line-height: 15px; font-size: 6pt; }

.drug_ll_rowsubInteractionCon { position: absolute; width: 469px; height: 53px; top: 206px; left: 3px; }


.drug_ll_rowsubInteraBanner { position: absolute; width: 462px; height: 19px; top: 2px; }

.drug_ll_rowsubUsageBanName,
.drug_ll_rowsubUsageBan1,
.drug_ll_rowsubUsageBan2,
.drug_ll_rowsubUsageBan3,
.drug_ll_rowsubUsageBan4 { position: absolute; height: 19px; font-size: 7pt; line-height: 21px; box-shadow: 0px 0px 2px #8ccab9; }

.drug_ll_rowsubUsageBan4 { left: 403px; width: 58px; }

.drug_ll_rowsubUsageBan3 { left: 342px; width: 58px; }

.drug_ll_rowsubUsageBan2 { left: 281px; width: 58px; }

.drug_ll_rowsubUsageBan1 { left: 220px; width: 58px; background-color: #fff; border-radius: 20px; }

.drug_ll_rowsubUsageBanName { width: 215px; background-color: #fff; border-radius: 4px; }


.drug_ll_rowsubUsageBan2 { background: -webkit-linear-gradient(#fbee88, #ecd94a, #c7b94b); background: -o-linear-gradient(#fbee88, #ecd94a, #c7b94b); background: -moz-linear-gradient(#fbee88, #ecd94a, #c7b94b); background: linear-gradient(#fbee88, #ecd94a, #c7b94b); border-radius: 21px; }

.drug_ll_rowsubUsageBan3 { background: -webkit-linear-gradient(#f9daac, #F7BD69, #e69826); background: -o-linear-gradient(#f9daac, #F7BD69, #e69826); background: -moz-linear-gradient(#f9daac, #F7BD69, #e69826); background: linear-gradient(#f9daac, #F7BD69, #e69826); border-radius: 21px; }

.drug_ll_rowsubUsageBan4 { background: -webkit-linear-gradient(#f9daac, #F7BD69, #e69826); background: -o-linear-gradient(#f9daac, #F7BD69, #e69826); background: -moz-linear-gradient(#f9daac, #F7BD69, #e69826); background: linear-gradient(#fba9a9, #F26B6B, #fb2c2c); border-radius: 21px; }




.drug_ll_rowsubUsageBan4,
.drug_ll_rowsubUsageBan3,
.drug_ll_rowsubUsageBan2 { color: #fff; }


.drug_ll_rowsubAlerInfo { position: absolute; width: 231px; height: 56px; top: 271px; left: 3px; box-shadow: 0px 0px 3px 1px #8ccab9; }

.drug_ll_rowsubYanEtInfo { position: absolute; width: 231px; height: 56px; top: 271px; left: 235px; box-shadow: 0px 0px 3px 1px #8ccab9; }

.drug_ll_rowsubAlerInptData { position: absolute; width: 229px; top: 1px; height: 40px; left: 1px; border: none; border-bottom: 2px solid #8ccab9; }

.drug_ll_rowsubAlerName { position: absolute; width: 228px; top: 40px; height: 13px; left: 2px; text-align: center; line-height: 15px; font-size: 6pt; background-color: #fff; }






.drug_ll_rowsubMealsNm6,
.drug_ll_rowsubMealsNm5,
.drug_ll_rowsubMealsNm4 { top: 46px; }

.drug_ll_rowsubMealsNm1,
.drug_ll_rowsubMealsNm3,
.drug_ll_rowsubMealsNm2 { top: 16px; }

.drug_ll_rowsubMealsNm1 { left: 9px; }

.drug_ll_rowsubMealsNm6 { left: 106px; }

.drug_ll_rowsubMealsNm5 { left: 58px; }

.drug_ll_rowsubMealsNm4 { left: 9px; }

.drug_ll_rowsubMealsNm3 { left: 106px; }

.drug_ll_rowsubMealsNm2 { left: 57px; }


.inpt_drug_ll_rowsubMeals1,
.inpt_drug_ll_rowsubMeals2,
.inpt_drug_ll_rowsubMeals3,
.inpt_drug_ll_rowsubMeals4,
.inpt_drug_ll_rowsubMeals5,
.inpt_drug_ll_rowsubMeals6 { position: relative; width: 46px; height: 20px; line-height: 20px; background-color: transparent; left: -3px; text-align: center; margin-left: 3px; margin-bottom: 9px; z-index: 5; border: none; font-size: 8pt; color: #7B7C7C; }

.drug_ll_rowsubDrugCon { width: 473px; height: 31px; left: 0px; top: 21px; }

.dl_rowsubDrugCon { position: relative; width: 23px; height: 27px; float: left; left: 2px; margin-right: 8px; margin-bottom: 2px; color: #7B7C7C; line-height: 27px; font-size: 8pt; text-align: center; border: none; background-color: #fff; top: 3px; box-shadow: 0px 0px 2px #8ccab9; }

.drug_ll_row2 .spn { position: absolute; width: 47px; height: 25px; left: 302px; line-height: 25px; text-align: center; font-size: 8pt; text-indent: 0px; }

.hwdaw_inptValue { position: absolute; width: 50px; height: 24px; left: 366px; top: 1px; line-height: 24px; text-align: center; font-size: 8pt; border: none; color: #7B7C7C; background: #fff; box-shadow: none; border: 2px solid #A3D9EA; color: #8D8D8D; }

.inpt_drug_ll_rowsubDrugUsages,
.inpt_drug_ll_rowsubDrugStartDAte,
.inpt_drug_ll_rowsubDrugFinshDAte { position: absolute; width: 80px; height: 25px; line-height: 25px; background-color: transparent; color: #7B7C7C; border: none; text-align: center; font-size: 8pt; }

.inpt_drug_ll_rowsubDrugUsages { left: 1px; top: 2px; width: 85px; }

.inpt_drug_ll_rowsubDrugStartDAte { left: 371px; top: 2px; width: 64px; }

.inpt_drug_ll_rowsubDrugFinshDAte { left: 371px; top: 31px; width: 64px; }

.inpt_dl_rowsubDrugNotes { position: relative; width: 143px; height: 27px; line-height: 28px; border: none; background-color: transparent; float: left; margin-right: 3px; text-align: center; font-size: 8pt; color: #7B7C7C; }

.drug_ll_rowSub .drug_ll_row1 { left: 1px; top: 5px; color: #7B7C7C; }

.drug_ll_rowSub .drug_ll_row2 { top: 4px; line-height: 25px; color: #7B7C7C; cursor: pointer; width: 349px; }

.drug_ll_rowSub .drug_ll_row3 { left: 385px; top: 4px; line-height: 26px; color: #7B7C7C; }


.OTC_listOTCsrc { position: absolute; width: 540px; height: 440px; top: 38px; left: -7px; overflow: hidden; }

    .OTC_listOTCsrc .drug_ll_rowsrc { cursor: pointer; }

    .OTC_listOTCsrc .drug_ll_rowsrc_red { cursor: pointer; }

#drugList_listOTCsrc2 { background-color: #ffffff; height: 526px; top: 0px; }

.drug_ll_rowsrc { position: relative; width: 512px; height: 29px; /* left: 15px; */ top: 3px; color: #7B7C7C; }

.OTC_listOTCsrc .drug_ll_rowsrc { cursor: pointer; }

.drugList_listOTCsrc { position: absolute; width: 558px; height: 477px; top: 63px; background-color: #f3f3f3; }


.drug_ll_rowsrc_red { position: relative; width: 512px; height: 29px; left: 0px; top: 3px; color: #E40000; }

.divDrugList_btnOTC2 { position: absolute; width: 48px; height: 47px; top: 7px; left: 374px; z-index: 1; cursor: pointer; border-radius: 25px; text-align: center; line-height: 47px; font-weight: bolder; font-size: 10pt; }





.drug_ll_rowsubAlarmBtn { position: absolute; width: 36px; top: 5px; left: 213px; z-index: 2; cursor: pointer; }

.drug_ll_rowsubAlarmCon { position: absolute; width: 468px; height: 48px; top: 46px; /* box-shadow: 0px 0px 3px 1px #8ccab9; */ left: 1px; background-color: #f2fcff; z-index: 5; }

.drug_ll_rowsubAlarmR { position: relative; float: left; width: 200px; height: 41px; top: 4px; box-shadow: 0px 0px 0px 1px #8ccab9; left: 15px; margin-right: 30px; }

.drug_ll_rowsubAlarmData { position: absolute; width: 200px; background-color: #fff; top: 1px; height: 26px; left: 0px; text-align: center; border: none; font-size: 9pt; border-bottom: 1px solid #8ccab9; }

.drug_ll_rowsubAlarmDataName { position: absolute; background-color: #fff; width: 200px; top: 27px; height: 13px; left: 0px; text-align: center; line-height: 15px; font-size: 6pt; }






/*                                                                               
                                                                                  
DDDDDDDDDDDDD                                                                     
D::::::::::::DDD                                                                  
D:::::::::::::::DD                                                                
DDD:::::DDDDD:::::D                                                               
  D:::::D    D:::::D  rrrrr   rrrrrrrrr    uuuuuu    uuuuuu      ggggggggg   ggggg
  D:::::D     D:::::D r::::rrr:::::::::r   u::::u    u::::u     g:::::::::ggg::::g
  D:::::D     D:::::D r:::::::::::::::::r  u::::u    u::::u    g:::::::::::::::::g
  D:::::D     D:::::D rr::::::rrrrr::::::r u::::u    u::::u   g::::::ggggg::::::gg
  D:::::D     D:::::D  r:::::r     r:::::r u::::u    u::::u   g:::::g     g:::::g 
  D:::::D     D:::::D  r:::::r     rrrrrrr u::::u    u::::u   g:::::g     g:::::g 
  D:::::D     D:::::D  r:::::r             u::::u    u::::u   g:::::g     g:::::g 
  D:::::D    D:::::D   r:::::r             u:::::uuuu:::::u   g::::::g    g:::::g 
DDD:::::DDDDD:::::D    r:::::r             u:::::::::::::::uu g:::::::ggggg:::::g 
D:::::::::::::::DD     r:::::r              u:::::::::::::::u  g::::::::::::::::g 
D::::::::::::DDD       r:::::r               uu::::::::uu:::u   gg::::::::::::::g 
DDDDDDDDDDDDD          rrrrrrr                 uuuuuuuu  uuuu     gggggggg::::::g 
                                                                          g:::::g 
                                                              gggggg      g:::::g 
                                                              g:::::gg   gg:::::g 
                                                               g::::::ggg:::::::g 
                                                                gg:::::::::::::g  
                                                                  ggg::::::ggg    
                                                                     gggggg       
                                                              
Bitis      */








/*
                                                            
 _______             _______   _______   _______  _________  _______   _______ 
(  ____ \ |\     /| (  ____ \ (  ____ ) (  ____ \ \__   __/ (  ____ \ (  ____ \
| (    \/ ( \   / ) | (    \/ | (    )| | (    \/    ) (    | (    \/ | (    \/
| (__      \ (_) /  | (__     | (____)| | |          | |    | (_____  | (__    
|  __)      ) _ (   |  __)    |     __) | |          | |    (_____  ) |  __)   
| (        / ( ) \  | (       | (\ (    | |          | |          ) | | (      
| (____/\ ( /   \ ) | (____/\ | ) \ \__ | (____/\ ___) (___ /\____) | | (____/\
(_______/ |/     \| (_______/ |/   \__/ (_______/ \_______/ \_______) (_______/
                                                                               
                                                            
*/

.drug_ll_row:hover .delM, .newDis_DataRow:hover .delM, .egzo_sec_row:hover .delM { display: block; }

.ontExerCon { position: absolute; background: #fff; top: 52px; width: 562px; height: 500px; z-index: 5; }

.egzo_sec_row .delM { display: none; background: #fff; border: solid 2px #D55A55; position: absolute; width: 18px; cursor: pointer; z-index: 3; background-color: #fff; text-align: center; line-height: 15px; color: #D55A55; font-weight: bold; font-size: 10pt; text-indent: 1px; top: 3px; left: 335px; height: 18px; border-radius: 30px; }

.sM_ExericseCatCon { position: absolute; }

.sM_ExericseCatCon { top: 3px; width: 430px; left: 80px; height: 125px; border-radius: 28px; }

.sM_ExericseCatCon { box-shadow: none; background: transparent; }

.dme_catExerciseBBBtn { position: relative; width: 50px; height: 50px; border-radius: 35px !important; top: 5px; left: 7px; float: left; margin-right: 16px; margin-bottom: 12px; line-height: 50px; text-align: center; color: #14B6F1; font-weight: bold; font-family: 'Arial Black'; font-size: 12px; cursor: pointer; }

.dme_catExerciseBBBtn { background: #fff; }

    .dme_catExerciseBBBtn img { position: absolute; width: 50px; top: 0px; left: 0px; }

.dme_catExerciseBBBtnx { position: relative; width: 42px; height: 42px; border-radius: 25px !important; top: 5px; left: 15px; float: left; margin-right: 12px; margin-bottom: 3px; }

.dme_catExerciseBBBtnx { background: -webkit-linear-gradient(#ced2d6, #ebecee, #ffffff); background: -o-linear-gradient(#ced2d6, #ebecee, #ffffff); background: -moz-linear-gradient(#ced2d6, #ebecee, #ffffff); background: linear-gradient(#ced2d6, #ebecee, #ffffff); background: #fff; }

    .dme_catExerciseBBBtnx img { position: absolute; width: 38px; top: 6px; left: 2px; }

.exerGymWrap { position: absolute; width: 440px; height: 326px; background-color: #fff; z-index: 2; top: 126px; left: 67px; }

.exerGymWrapxx { position: absolute; width: 440px; height: 284px; background-color: #fff; z-index: 2; top: 214px; left: 67px; overflow: hidden; }

.exerGymBannerCon { position: absolute; width: 446px; height: 30px; top: 0px; left: 0px; }

.Thm1exerciseAlarmBanExerName { position: absolute; width: 440px; height: 20px; background-color: #fff; line-height: 18px; z-index: 5; top: -1px; left: -1px; border: 1px solid #0db4d5; /* border-radius: 5px; */ text-indent: 18px; font-size: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #0db4d5; }

.exerGymBannerDiv1,
.exerGymBannerDiv2,
.exerGymBannerDiv3,
.exerGymBannerDiv4,
.exerGymBannerDiv5,
.exerGymBannerDiv6,
.exerGymBannerDiv7 { position: relative; margin-right: 2px; float: left; }

.exerGymBannerDiv2,
.exerGymBannerDiv3,
.exerGymBannerDiv4,
.exerGymBannerDiv5,
.exerGymBannerDiv6,
.exerGymBannerDiv7 { height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; }

.exerGymBannerDiv1 { height: 27px; width: 26px; }

.exerGymBannerDiv2 { width: 270px; text-align: left; text-indent: 12px; font-size: 12px; font-weight: bold; }

.exerGymBannerDiv3 { width: 24px; }

.exerGymBannerDiv4 { width: 24px; background: #0db4d5 !important; color: #fff !important; }

.exerGymBannerDiv5 { width: 29px; background: #0db4d5 !important; color: #fff !important; }

.exerGymBannerDiv6 { width: 29px; background: #0db4d5 !important; color: #fff !important; }

.exerGymBannerDiv7 { width: 29px; background: #0db4d5 !important; color: #fff !important; }

.exerGymBannerDiv2,
.exerGymBannerDiv3,
.exerGymBannerDiv4,
.exerGymBannerDiv5,
.exerGymBannerDiv6,
.exerGymBannerDiv7 { box-shadow: none; border-radius: 6px; background: #0db4d5; border: none; color: #fff; }

.exerGymDataList { position: absolute; width: 441px; height: 333px; top: 33px; overflow: auto; }

.exerGymDataListRow { position: relative; width: 424px; height: 24px; margin-bottom: 4px; }

.exerGymDataListRowvl1,
.exerGymDataListRowvl2,
.exerGymDataListRowvl3,
.exerGymDataListRowvl4,
.exerGymDataListRowvl5,
.exerGymDataListRowvl6,
.exerGymDataListRowvl7 { position: relative; margin-right: 2px; float: left; height: 24px; background-color: #fff; border: 2px solid #d8eee2; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; color: #14B6F1; }

.exerGymDataListRowvl1 { width: 26px; }

.exerGymDataListRowvl2 { width: 272px; text-align: left; text-indent: 5px; }

.exerGymDataListRowvl3 { width: 24px; }

.exerGymDataListRowvl4 { width: 24px; }

.exerGymDataListRowvl5 { width: 29px; }

.exerGymDataListRowvl6 { width: 29px; }

.exerGymDataListRowvl7 { width: 29px; }

.exerGymDataListRowvl1,
.exerGymDataListRowvl2,
.exerGymDataListRowvl4 { border-radius: 6px; border: 2px solid #b5e3f0; background: #fff; box-shadow: none; color: #14B6F1; }

.exerGymDataListImgxx { display: none; }

.exerGymDataListImgxx { display: block; position: absolute; left: 1px; top: 3px; width: 18px; display: none; }

.exerGymDataListImg { display: none; }

.exerGymDataListImgyy { display: block; }

.exerGymBannerDiv1 img { position: absolute; width: 23px; top: 5px; left: 2px; }

.exerGymSetpDataListSubRow { position: relative; width: 346px; height: 47px; margin-bottom: 5px; left: 74px; overflow: hidden; }

.exerGymSetpDataListSubRowNm { position: relative; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d8eee2; top: 0px; border-radius: 5px; text-align: left; line-height: 20px; font-size: 9px; width: 133px; left: 26px; text-indent: 5px; border: 2px solid #b5e3f0; background: #fff; box-shadow: none; color: #14B6F1; }

.exerGymSetpDataListSubRowCn { position: relative; float: left; height: 22px; width: 200px; left: 26px; }

.exerGymSetpDataListSubRowCnVlx,
.exerGymSetpDataListSubRowCnVl { position: relative; margin-right: 2px; float: left; width: 29px; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 0px; border-radius: 5px; text-align: center; line-height: 20px; font-size: 9px; margin-bottom: 2px; border: 2px solid #b5e3f0; background: #fff; box-shadow: none; color: #14B6F1; }

.exerGymSetpDataListSubRowCnVlx { background-color: #b5e3f0; }

.exerGymDataListRowvl4 img { position: absolute; width: 16px; top: 4px; left: 2px; }

.sM_ExericseXCatkBtn1 { position: absolute; cursor: pointer; left: 110px; z-index: 5; }

    .sM_ExericseXCatkBtn1 img { position: absolute; width: 25px; top: 10px; left: 8px; }

.sM_ExericseXCatkBtn2 { position: absolute; cursor: pointer; left: 400px; z-index: 5; }

    .sM_ExericseXCatkBtn2 img { position: absolute; width: 23px; top: 10px; left: 10px; }

.divController_Egzercise { position: absolute; width: 558px; height: 547px; top: 0px; background-color: transparent; z-index: 5; }

.egzo_sec_list { position: absolute; width: 470px; height: 270px; top: 230px; left: 56px; overflow: scroll; }

.egzo_all_list { position: relative; background: #fff; width: 480px; height: 317px; top: 198px; left: 26px; overflow: hidden; }

.egzo_sec_btn_div { position: absolute; width: 478px; height: 141px; top: 54px; left: 42px; }

.egzo_sec_btn_div { border-radius: 41px; background: -webkit-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -o-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: -moz-linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); background: linear-gradient(#DCEFF4, #ebfbff, #DCEFF4); box-shadow: none; background: transparent; }


.egzo_bnValue { position: absolute; width: 48px; height: 24px; line-height: 25px; left: 323px; top: 2px; text-align: center; font-size: 10pt; color: #14B6F1; }

.exercise_goto_details { position: absolute; width: 53px; height: 43px; line-height: 25px; left: 181px; top: 11px; text-align: center; font-size: 10pt; color: #7B7C7C; cursor: pointer; z-index: 8; }

.exerciseTotalManualDiv { position: absolute; width: 308px; height: 33px; left: 222px; top: 15px; z-index: 5; border-radius: 6px; }

.exerciseTotalManualDiv { 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); }


.exerciseTotalManualBgImg { position: absolute; width: 58px; height: 41px; left: 252px; top: -5px; }

.exerciseTotalManualTitle,
.exerciseTotalManualInpt { position: absolute; }

.exerciseTotalManualInpt { left: 256px; width: 50px; height: 32px; top: -1px; border: none; text-align: center; background-color: transparent; font-size: 12pt; font-weight: bold; color: #7C7E7D; line-height: 32px; }

.exerciseTotalManualTitle { left: 6px; top: 2px; height: 30px; width: 225px; line-height: 30px; color: #7C7E7D; white-space: nowrap; text-indent: 29px; font-size: 9pt; font-weight: bold; }




.egzo_src_inpt { position: absolute; width: 250px; height: 27px; top: 20px; left: 152px; line-height: 27px; border: none; font-size: 8pt; color: #14B6F1; text-align: center; font-weight: bold; }

.egzo_src_inpta { position: absolute; width: 333px; height: 30px; top: 25px; left: 194px; background-color: transparent; line-height: 30px; border: none; font-size: 8pt; background: url('../img/dmcp/src_bg.png') 125px 6px no-repeat; }

.egzo_src_inpt { background: #d1ecf4; border-radius: 13px; }


.egzo_a_z_div { position: absolute; width: 35px; height: 35px; top: 235px; left: 386px; }

.egzo_sec_row { position: relative; width: 388px; height: 29px; top: 1px; margin-bottom: 1px; }

.egzo_div_no { position: absolute; width: 23px; height: 25px; left: 0px; line-height: 25px; font-size: 8pt; text-align: center; color: #353535; font-weight: normal; }

.egzo_div_name { position: absolute; width: 336px; height: 25px; left: 27px; line-height: 25px; font-size: 8pt; text-indent: 8px; white-space: nowrap; overflow: hidden; color: #14B6F1; font-weight: normal; }

.egzo_div_time { position: absolute; width: 34px; height: 25px; left: 366px; line-height: 25px; font-size: 8pt; text-align: center; color: #14B6F1; font-weight: normal; }

.egzo_div_cal { position: absolute; width: 34px; height: 25px; left: 403px; line-height: 25px; font-size: 8pt; text-align: center; color: #14B6F1; font-weight: normal; }

.egzo_all_div_row { position: relative; width: 440px; height: 25px; line-height: 22px; text-indent: 12px; font-size: 8pt; cursor: pointer; color: #14B6F1; font-weight: normal; left: 28px; margin-bottom: 4px; }

.egzo_spsl_cat_btn { position: relative; width: 55px; height: 55px; top: 8px; left: 11px; border-radius: 37px; float: left; margin-right: 9px; margin-bottom: 13px; cursor: pointer; background: #d1ecf4; }

    .egzo_spsl_cat_btn img { position: absolute; max-width: 34px; max-height: 34px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.egzo_spsl_cat_btnxc { position: relative; width: 55px; height: 55px; top: 8px; left: 13px; border-radius: 37px; float: left; margin-right: 9px; margin-bottom: 13px; cursor: pointer; }

.egzo_spsl_cat_btnxc { border-radius: 36px; background: -webkit-linear-gradient(#feffff, #eae9e9, #cacbcc); background: -o-linear-gradient(#feffff, #eae9e9, #cacbcc); background: -moz-linear-gradient(#feffff, #eae9e9, #cacbcc); background: linear-gradient(#feffff, #eae9e9, #cacbcc); box-shadow: 0px 0px 7px 3px #5d5b5b; }


.egzo_spsl_cat_btnxx { position: relative; width: 55px; height: 55px; top: 8px; left: 11px; border-radius: 37px; float: left; margin-right: 9px; margin-bottom: 13px; cursor: pointer; }

    .egzo_spsl_cat_btnxx img { position: absolute; max-width: 34px; max-height: 34px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.egzo_spsl_cat_btnxx { border: solid 1px #0db4d5; background: #d1ecf4; }

.egzo_div_no,
.egzo_div_name,
.egzo_div_time,
.egzo_div_cal,
.egzo_all_div_row { border-radius: 8px; background: #fff; border: solid 2px #b5e3f0; }

.egzo_div_noImgx { position: absolute; width: 18px; top: 1px; left: 1px; }

.egzo_div_noImg { display: none; }

.egzo_div_noImg2 { display: none; }

.egzo_div_noImg3 { position: absolute; width: 18px; top: 1px; left: 1px; }

.egzo_spsl_cat_btnImg1,
.egzo_spsl_cat_btnImg2,
.egzo_spsl_cat_btnImg3,
.egzo_spsl_cat_btnImg4,
.egzo_spsl_cat_btnImg5,
.egzo_spsl_cat_btnImg6,
.egzo_spsl_cat_btnImg7,
.egzo_spsl_cat_btnImg8,
.egzo_spsl_cat_btnImg9,
.egzo_spsl_cat_btnImg10,
.egzo_spsl_cat_btnImg11,
.egzo_spsl_cat_btnImg12,
.egzo_spsl_cat_btnImg13,
.egzo_spsl_cat_btnImg14 { position: absolute; }

.egzo_spsl_cat_btnImg1 { width: 24px; top: 6px; left: 15px; }

.egzo_spsl_cat_btnImg2 { width: 40px; top: 13px; left: 6px; }

.egzo_spsl_cat_btnImg3 { width: 36px; top: 9px; left: 6px; }

.egzo_spsl_cat_btnImg4 { width: 38px; top: 16px; left: 7px; }

.egzo_spsl_cat_btnImg5 { width: 26px; top: 7px; left: 10px; }

.egzo_spsl_cat_btnImg6 { width: 38px; top: 8px; left: 8px; }

.egzo_spsl_cat_btnImg7 { width: 32px; top: 6px; left: 13px; }

.egzo_spsl_cat_btnImg8 { width: 30px; top: 5px; left: 8px; }

.egzo_spsl_cat_btnImg9 { width: 37px; top: 9px; left: 4px; }

.egzo_spsl_cat_btnImg10 { width: 38px; top: 10px; left: 8px; }

.egzo_spsl_cat_btnImg11 { width: 30px; top: 9px; left: 11px; }

.egzo_spsl_cat_btnImg12 { width: 30px; top: 8px; left: 12px; }

.egzo_spsl_cat_btnImg13 { width: 23px; top: 5px; left: 16px; }

.egzo_spsl_cat_btnImg14 { width: 40px; top: 17px; left: 7px; }





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

.exerciseAlarmCon { position: absolute; width: 440px; height: 325px; background-color: #fff; z-index: 5; top: 195px; left: 54px; border: solid 1px #0db4d5; border-radius: 10px; }

.exerciseAlarmBan { position: absolute; width: 450px; height: 28px; top: 22px; left: 9px; }

.exerciseAlarmBanDays { position: relative; width: 52px; height: 28px; line-height: 28px; font-size: 8pt; color: #fff; background-color: #0db4d5; float: left; margin-right: 5px; text-align: center; left: 13px; border-radius: 6px; }

.exerciseAlarmList { position: absolute; width: 400px; height: 301px; top: 55px; left: 19px; overflow: hidden; }

.exerciseAlarmRow { position: absolute; width: 400px; height: 42px; top: 3px; }

.exerciseAlarmRowVl { position: relative; width: 49px; height: 42px; box-shadow: 0px 0px 0px 1px #0db4d5; left: 5px; border-radius: 5px; float: left; margin-right: 8px; }

    .exerciseAlarmRowVl span { position: absolute; text-align: center; font-size: 6pt; width: 39px; top: 31px; text-indent: 10px; color: #14C6F6; }

.exerciseAlarmRowInpt { position: absolute; width: 51px; height: 30px; border: 1px solid #0db4d5; line-height: 30px; top: -1px; left: -1px; border-radius: 5px; text-align: center; font-size: 8pt; color: #14C6F6; }

.exerciseAlarmTimeSetupCon { position: absolute; width: 393px; height: 187px; top: 60px; border: 1px solid #0db4d5; left: 5px; border-radius: 5px; color: #14C6F6; }


/* ------------------------------------------------------ */
.div_clock1 { position: absolute; width: 46px; height: 23px; text-align: center; line-height: 20px; font-size: 10pt; border-radius: 9px; left: 15px; top: -1px; }

.div_clock2 { position: absolute; width: 46px; height: 23px; text-align: center; line-height: 20px; font-size: 10pt; border-radius: 9px; left: 15px; top: 31px; }

.div_clock3 { position: absolute; width: 46px; height: 23px; text-align: center; line-height: 20px; font-size: 10pt; border-radius: 9px; left: 15px; top: 63px; }

.div_clock4 { position: absolute; width: 46px; height: 23px; text-align: center; line-height: 20px; font-size: 10pt; border-radius: 9px; left: 15px; top: 95px; }

.clock1 { position: absolute; width: 15px; height: 19px; line-height: 19px; font-size: 11pt; left: 43px; top: 3px; }

.clock2 { position: absolute; width: 15px; height: 19px; line-height: 19px; font-size: 11pt; left: 43px; top: 24px; }

.clock3 { position: absolute; width: 15px; height: 19px; line-height: 19px; font-size: 11pt; left: 43px; top: 48px; }


.hour_MG { position: absolute; width: 85px; height: 22px; border: 1px solid #0db4d5; text-align: center; font-size: 9pt; border-radius: 4px; line-height: 21px; }

.hour_all { top: 10px; }

.hour_allb { top: 42px; }

.hour_allc { top: 75px; }

.hour_alld { top: 107px; }

.hour_alle { top: 105px; }


.hour_all2 { position: absolute; width: 53px; height: 19px; top: 1px; border: 1px solid #228095; text-align: center; font-size: 9pt; top: 10px; }

.hour_all3 { position: absolute; width: 53px; height: 19px; top: 1px; border: 1px solid #228095; text-align: center; font-size: 9pt; }

.hour1a { position: absolute; width: 20px; height: 19px; left: 27px; background-color: transparent; border: none; top: 1px; line-height: 19px; }

.hour1 { height: 19px; line-height: 19px; }


.duration1 { top: 10px; }

.duration2 { top: 42px; }

.duration3 { top: 75px; }

.duration4 { top: 107px; }

.dk_all { left: 174px; width: 19px; height: 22px; position: absolute; font-size: 8pt; line-height: 20px; border: 1px solid #0db4d5; border-radius: 4px; text-align: center; }

.dk1 { top: 10px; }

.dk2 { top: 42px; }

.dk3 { top: 76px; }

.dk4 { top: 107px; }


.dk_allm { left: 284px; width: 19px; height: 22px; position: absolute; font-size: 8pt; line-height: 20px; border: 1px solid #0db4d5; border-radius: 4px; text-align: center; }

.dk1m { top: 10px; }

.dk2m { top: 44px; }

.dk3m { top: 78px; }

.dk4m { top: 112px; }

.exercise_btn_sv { position: absolute; width: 160px; height: 20px; background-color: #F8B316; color: #fff; cursor: pointer; top: 159px; left: 28px; text-align: center; font-size: 9pt; line-height: 20px; border-radius: 4px; }

.exercise_btn_dl { position: absolute; width: 160px; height: 20px; background-color: #0db4d5; color: #fff; cursor: pointer; top: 159px; left: 202px; text-align: center; font-size: 9pt; line-height: 20px; border-radius: 4px; }

.img_clock { width: 34px; height: 34px; }

.div_clock_mcbr { position: absolute; top: 20px; }


.exec_banner1 { position: absolute; width: 85px; height: 15px; text-align: center; line-height: 14px; font-size: 7pt; border: 1px solid #0db4d5; top: 5px; left: 59px; border-radius: 4px; }

.exec_banner2 { position: absolute; width: 86px; height: 15px; text-align: center; line-height: 14px; font-size: 7pt; border: 1px solid #0db4d5; top: 5px; left: 165px; border-radius: 4px; }

.exec_banner3 { position: absolute; width: 90px; height: 15px; text-align: center; line-height: 14px; font-size: 7pt; border: 1px solid #0db4d5; top: 5px; left: 271px; border-radius: 4px; }


.warntimeMG { position: relative; border: 1px solid #0FA6D4; border-radius: 4px; height: 22px; width: 36px; font-size: 9pt; line-height: 20px; text-align: center; float: left; margin-bottom: 12px; }

.day0,
.day1,
.day2,
.day3,
.day4,
.day5,
.day6,
.warntime .warntime0, .warntimes .warntime0,
.warntime .warntime1, .warntimes .warntime1,
.warntime .warntime2, .warntimes .warntime2,
.warntime .warntime3, .warntimes .warntime3,
.warntime .warntime4, .warntimes .warntime4,
.warntime .warntime5, .warntimes .warntime5,
.warntime .warntime6, .warntimes .warntime6 { position: relative; width: 70px; height: 22px; line-height: 22px; font-family: Arial; font-size: 8pt; float: left; margin-right: 2px; border: 1px solid #0db4d5; border-radius: 4px; text-align: center; color: #14C6F6; }

.warntime { position: absolute; top: 28px; width: 50px; left: 271px; height: 120px; }

.hours { position: absolute; top: 18px; left: 59px; width: 290px; }

.hour1,
.hour2,
.hour3 { position: absolute; left: 7px; /* border: 1px solid #228095; */ background-color: transparent; width: 19px; text-align: center; border: none; top: 1px; font-size: 8pt; color: #14C6F6; }

.duration1,
.duration2,
.duration4,
.duration3 { position: absolute; left: 105px; border: 1px solid #0db4d5; background-color: transparent; width: 67px; border-radius: 4px; height: 22px; text-align: center; font-size: 8pt; color: #14C6F6; }


.clock1,
.clock2,
.clock3 { position: absolute; left: 50px; }








/* ------------------------------------------------------ */





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





#prag_StartDataDiv { position: absolute; width: 112px; height: 50px; left: 389px; top: 31px; background-color: #efefef; }


.egzo_cato_1 { background: url('../img/dmcp/btns/eg_yrys.png') 0px 0px no-repeat; }

.egzo_cato_2 { background: url('../img/dmcp/btns/eg_kosu.png') 0px 0px no-repeat; }

.egzo_cato_3 { background: url('../img/dmcp/btns/eg_bsk.png') 0px 0px no-repeat; }

.egzo_cato_4 { background: url('../img/dmcp/btns/eg_yzm.png') 0px 0px no-repeat; }

.egzo_cato_5 { background: url('../img/dmcp/btns/eg_ftbl.png') 0px 0px no-repeat; }

.egzo_cato_6 { background: url('../img/dmcp/btns/eg_bskt.png') 0px 0px no-repeat; }

.egzo_cato_7 { background: url('../img/dmcp/btns/eg_vly.png') 0px 0px no-repeat; }

.egzo_cato_8 { background: url('../img/dmcp/btns/eg_tns.png') 0px 0px no-repeat; }

.egzo_cato_9 { background: url('../img/dmcp/btns/eg_kyk.png') 0px 0px no-repeat; }

.egzo_cato_10 { background: url('../img/dmcp/btns/eg_aer.png') 0px 0px no-repeat; }

.egzo_cato_11 { background: url('../img/dmcp/btns/eg_hltr.png') 0px 0px no-repeat; }

.egzo_cato_14 { background: url('../img/dmcp/btns/eg_hp.png') 0px 0px no-repeat; }

.egzo_all_div_rows { color: #F8B316; }


.egzo_hed_names { position: absolute; width: 353px; height: 30px; top: 198px; left: 45px; }

.egzo_hed_names2 { position: absolute; width: 353px; height: 27px; top: 202px; left: 181px; text-align: center; font-weight: bold; font-size: 8pt; line-height: 27px; color: #7B7C7C; }

.egzo_bn_1 { position: absolute; width: 27px; height: 29px; line-height: 29px; left: 10px; font-size: 8pt; text-align: center; color: #14B6F1; }

.egzo_bn_2 { position: absolute; width: 333px; height: 29px; line-height: 33px; left: 40px; font-size: 8pt; text-align: center; color: #14B6F1; font-size: 9pt; font-weight: bold; }

.egzo_bn_3 { position: absolute; width: 36px; height: 29px; line-height: 29px; left: 375px; font-size: 8pt; text-align: center; color: #14B6F1; }

.egzo_bn_4 { position: absolute; width: 36px; height: 29px; line-height: 29px; left: 413px; font-size: 8pt; text-align: center; color: #14B6F1; }

.egzo_bn_1,
.egzo_bn_2,
.egzo_bn_3,
.egzo_bn_4 { background: #d1ecf4; border-radius: 8px; }

.egzo_bnValue { background: #d1ecf4; border-radius: 8px; border: solid 1px #6cc7e2; }

#divController_Egzercise .icdMrck_img { left: 375px; top: 15px; z-index: 5; }













/*
                                                            
 _______             _______   _______   _______  _________  _______   _______ 
(  ____ \ |\     /| (  ____ \ (  ____ ) (  ____ \ \__   __/ (  ____ \ (  ____ \
| (    \/ ( \   / ) | (    \/ | (    )| | (    \/    ) (    | (    \/ | (    \/
| (__      \ (_) /  | (__     | (____)| | |          | |    | (_____  | (__    
|  __)      ) _ (   |  __)    |     __) | |          | |    (_____  ) |  __)   
| (        / ( ) \  | (       | (\ (    | |          | |          ) | | (      
| (____/\ ( /   \ ) | (____/\ | ) \ \__ | (____/\ ___) (___ /\____) | | (____/\
(_______/ |/     \| (_______/ |/   \__/ (_______/ \_______/ \_______) (_______/
                                                                               
                                                            
Bitis         */









/***************** tansiyon graifik ***********************************************************************************************************************************************/
/***************** tansiyon graifik ***********************************************************************************************************************************************/
/***************** tansiyon graifik ***********************************************************************************************************************************************/

#div_BloodPressure { position: absolute; top: 26px; left: 0px; width: 628px; height: 421px; background: #fff url('../img/blood_pressure_char_bg.jpg'); line-height: 435px; overflow: hidden; }

#cnvs_BloodPressure { position: absolute; top: 0px; left: 0px; width: 628px; height: 433px; line-height: 435px; }

#div_BloodPressureDots .dot, #div_BloodPressure .dot { position: absolute; width: 12px; height: 12px; line-height: 10px; border: 0px none; border-radius: 6px; background-color: green; }

    #div_BloodPressureDots .dot:hover, #div_BloodPressure .dot:hover { border-color: #41728a; }

    #div_BloodPressureDots .dot .val, #div_BloodPressure .dot .val { position: absolute; top: -12px; left: -16px; width: 40px; height: 10px; line-height: 10px; text-align: center; font-family: Arial; font-size: 6.5pt; color: #4F4F4F; }

#div_BloodPressureDots .h { background-color: red; }

/***************** tansiyon graifik ***********************************************************************************************************************************************/
/***************** tansiyon graifik ***********************************************************************************************************************************************/
/***************** tansiyon graifik ***********************************************************************************************************************************************/


#divDigiKeyBoardCon { position: absolute; top: 31px; left: 298px; width: 126px; height: 95px; }

#divDiKb1,
#divDiKb2,
#divDiKb3,
#divDiKb4,
#divDiKb5,
#divDiKb6,
#divDiKb7,
#divDiKb8,
#divDiKb9,
#divDiKb0 { position: relative; float: left; width: 30px; height: 25px; /* border: 1px solid #000000; */ color: #8E8E8E; background-color: #ffffff; border-radius: 6px; cursor: pointer; line-height: 26px; user-select: none; text-align: center; margin: 0px 7px 7px 0px; font-size: 9pt; }

#divDiKbD { position: relative; float: left; width: 30px; height: 25px; border: 1px solid #ffa500; color: #fff; background-color: #ffa500; border-radius: 6px; cursor: pointer; line-height: 22px; user-select: none; text-align: center; margin: 0px 3px 3px 0px; font-size: 8pt; }


#divDiKb0 { margin: 0px 7px 3px 38px; }







/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */


#docPageAllNotesInptCon .divRecExAreaConx { position: absolute; width: 560px; height: 360px; top: 749px; left: 1px; z-index: 5; }


#docPageAllNotesInptCon .cssAnatoBanCon { position: absolute; width: 617px; height: 39px; top: -48px; left: -4px; }

#docPageAllNotesInptCon .cssAnatoBanCon { background: -webkit-linear-gradient(#373737, #373737, #373737); background: -o-linear-gradient(#373737, #373737, #373737); background: -moz-linear-gradient(#373737, #373737, #373737); background: linear-gradient(#373737, #373737, #373737); /* box-shadow: 0px 0px 0px 2px #ababab; */ /* border-radius: 10px; */ border-bottom-left-radius: 38px; border-bottom-right-radius: 38px; }

#docPageAllNotesInptCon .cssAnatoBanCats { position: relative; width: 89px; height: 24px; top: 7px; left: 32px; float: left; background-color: #f7f7f7; border-radius: 5px; margin-right: 5px; color: #000; text-align: center; line-height: 24px; font-size: 8pt; }

    #docPageAllNotesInptCon .cssAnatoBanCats:hover { background-color: #5a5a5a; color: #fff; }

.cssAnatoBanCats div { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }



#docPageAllNotesInptCon .divRecExAreaEditCon { position: absolute; width: 560px; height: 260px; top: 0px; left: 40px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap1,
#docPageAllNotesInptCon .divRecExAreaEditWrap2,
#docPageAllNotesInptCon .divRecExAreaEditWrap3 { position: absolute; }

#docPageAllNotesInptCon .divRecExAreaEditWrap1 { width: 386px; height: 256px; border-right: 2px solid #615f5f; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2 { left: 401px; width: 171px; height: 258px; border-bottom: 2px solid #615f5f; }

#docPageAllNotesInptCon .divRecExAreaEditWrap3 { left: 401px; width: 171px; height: 47px; top: 210px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap1,
#docPageAllNotesInptCon .divRecExAreaEditWrap2 { 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 0px 2px #DEF5FA; border: 2px solid #DEF5FA; border-radius: 10px; }


#docPageAllNotesInptCon .divRecExAreaEditWrap3Btn { position: relative; width: 117px; height: 34px; top: 0px; left: 26px; background-color: #6CC7E2; border-radius: 15px; color: #fff; text-align: center; line-height: 25px; font-size: 11pt; cursor: pointer; text-transform: lowercase; border: solid 4px #00B4D5; }

    #docPageAllNotesInptCon .divRecExAreaEditWrap3Btn:hover { font-weight: bold; }

#docPageAllNotesInptCon #divLeftFrame_lf { position: relative; width: 109px; left: 0px; height: 131px !important; }



#docPageAllNotesInptCon .trAnatoMainDateRow { position: relative; height: 22px; }

#docPageAllNotesInptCon .trAnatoDateMain { height: 0px; }




#docPageAllNotesInptCon .divRecExAreaEditWrap2Img1,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img2,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img3,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img4,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img5,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img6,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img7,
#docPageAllNotesInptCon .divRecExAreaEditWrap2Img8 { position: relative; float: left; margin-right: 20px; margin-bottom: 24px; top: 37px; left: 19px; cursor: pointer; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img1 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img2 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img3 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img4 { height: 29px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img5 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img6 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img7 { height: 30px; }

#docPageAllNotesInptCon .divRecExAreaEditWrap2Img8 { height: 30px; margin-left: 32px; }










/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */
/* 88888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888 */


/*##     ##    ###    ##    ##    ###     ######   ######## ##     ## ######## ##    ## ######## ########     ###    ##    ## ######## ##       
###   ###   ## ##   ###   ##   ## ##   ##    ##  ##       ###   ### ##       ###   ##    ##    ##     ##   ## ##   ###   ## ##       ##       
#### ####  ##   ##  ####  ##  ##   ##  ##        ##       #### #### ##       ####  ##    ##    ##     ##  ##   ##  ####  ## ##       ##       
## ### ## ##     ## ## ## ## ##     ## ##   #### ######   ## ### ## ######   ## ## ##    ##    ########  ##     ## ## ## ## ######   ##       
##     ## ######### ##  #### ######### ##    ##  ##       ##     ## ##       ##  ####    ##    ##        ######### ##  #### ##       ##       
##     ## ##     ## ##   ### ##     ## ##    ##  ##       ##     ## ##       ##   ###    ##    ##        ##     ## ##   ### ##       ##       
##     ## ##     ## ##    ## ##     ##  ######   ######## ##     ## ######## ##    ##    ##    ##        ##     ## ##    ## ######## ######## */

.diyetistMonitoScreenCon { position: absolute; height: 1041px; width: 737px; background: #6CC7E2; z-index: 170; top: 153px; border-radius: 13px; left: 50%; transform: translate(-50%, 0px); }

.diyetistMonitoScreenBack { position: absolute; width: 727px; height: 1013px; background: #fff; top: 24px; left: 5px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; }

.diyetistMonitoScreenTop { position: absolute; width: 785px; height: 50px; left: 23px; }

.diyetistMonitoScreenBannerButtonsx,
.diyetistMonitoScreenBannerButtons { position: relative; width: 62px; height: 47px; float: left; left: -34px; top: -10px; margin-right: 48px; cursor: pointer; }

.diyetistMonitoScreenBannerButtons1 { position: relative; width: 75px; height: 20px; top: 24px; left: 4px; text-align: center; color: #2ABDF2; font-size: 8pt; }

.diyetistMonitoScreenBannerButtons2 { position: relative; width: 20px; height: 20px; background: #fff; top: -19px; left: 32px; border-radius: 20px; border: solid 2px #A3D9EA; }

.diyetistMonitoScreenBannerButtons2x { position: relative; width: 20px; height: 20px; background: #00b4d5; top: -19px; left: 32px; border-radius: 20px; border: solid 2px #0995b1; }

.diyetistMonitoScreenBannerButtons3 { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }

.diyetistMonitoScreenBannerButtons3x { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); }

.diyetistMonitoScreenMenu { position: absolute; width: 727px; height: 30px; background: #D1ECF4; left: 0px; top: 45px; }

.diyetistMonitoScreenMenu1 { position: absolute; width: 270px; height: 30px; top: 0px; }

.diyetistMonitoScreenMenu2 { position: absolute; width: 200px; height: 30px; left: 247px; top: 0px; }

.diyetistMonitoScreenMenu3 { position: absolute; width: 175px; height: 30px; left: 447px; top: 0px; }

.diyetistMonitoScreenMenu1Opt { position: relative; width: 40px; height: 23px; float: left; margin: 8px 0px 0px 8px; color: #2ABDF2; text-decoration: underline; cursor: pointer; font-size: 8pt; }

.diyetistMonitoScreenMenu2Set { position: relative; width: 32px; height: 24px; float: left; margin: 8px 0px 0px 7px; color: #2ABDF2; cursor: pointer; }

.diyetistMonitoScreenMenu3Other { position: relative; width: 44px; height: 23px; float: left; margin: 8px 0px 0px 4px; color: #2ABDF2; cursor: pointer; font-size: 8pt; }

.diyetistMonitoScreenList { position: absolute; width: 586px; height: 920px; top: 76px; left: 0px; overflow: hidden; }

.diyetistMonitoScreenListRowCon1 .diyetistMonitoScreenListRow { position: absolute; width: 190px; height: 20px; top: 13px; left: 15px; color: #8E8E8E; font-size: 7pt; line-height: 20px; }

.diyetistMonitoScreenListRowCon0 .diyetistMonitoScreenListRow { position: absolute; width: 190px; height: 20px; top: 13px; left: 15px; color: #00B4D5; font-size: 7pt; line-height: 20px; }

.diyetistMonitoScreenListRowCon0,
.diyetistMonitoScreenListRowCon1 { position: relative; width: 736px; height: 36px; left: 0px; top: 10px; margin-bottom: 5px; }

.diyetistMonitoScreenListRow1 { position: absolute; width: 190px; height: 20px; top: 13px; left: 15px; color: #00B4D5; font-size: 7pt; line-height: 20px; }

    .diyetistMonitoScreenListRow1:focus { width: 500px; background-color: red; }

.diyetistMonitoScreenListRow0 { position: absolute; width: 190px; height: 20px; top: 13px; left: 15px; color: #00B4D5; font-size: 7pt; line-height: 20px; }

.diyetistMonitoScreenListRow2 { position: absolute; width: 30px; height: 30px; background: #D1ECF4; top: 8px; left: 202px; /* text-align: center; */ line-height: 10px; font-size: 9px; color: #00c4e8; }

    .diyetistMonitoScreenListRow2 img { width: 30px; height: 30px; transition: 100ms; object-fit: cover; object-position: 100% 0%; }

    .diyetistMonitoScreenListRow2:hover img { position: absolute; transform: scale(2.2); z-index: 2000; border-radius: 5px; }

.diyetistMonitoScreenListRow3 { position: absolute; width: 200px; height: 20px; top: 14px; left: 254px; }

.diyetistMonitoScreenListRowCon1 .diyetistMonitoScreenListRow3Btn { position: relative; width: 16px; height: 16px; background: #fff; border: solid 1px #7b7c7c; float: left; margin-right: 23px; border-radius: 20px; }

.diyetistMonitoScreenListRowCon0 .diyetistMonitoScreenListRow3Btn { position: relative; width: 16px; height: 16px; background: #fff; border: solid 1px #00B4D5; float: left; margin-right: 23px; border-radius: 20px; }

.diyetistMonitoScreenSide { position: absolute; width: 180px; height: 215px; left: 727px; top: 80px; }

.diyetistMonitoScreenSideButtons { position: relative; width: 190px; height: 47px; float: left; left: -34px; top: -10px; margin-right: 26px; cursor: pointer; }

.diyetistMonitoScreenSideButtons1 { position: relative; width: 138px; height: 20px; top: 16px; left: 50px; color: transparent; }

.diyetistMonitoScreenSideButtons2 { position: relative; width: 20px; height: 20px; background: #fff; top: -7px; left: 26px; border-radius: 20px; border: solid 2px #A3D9EA; }

.diyetistMonitoScreenSideButtons3 { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }

.diyetistMonitoScreenMenu2img { position: relative; height: 22px; width: 22px; top: -4px; left: -4px; }

.diyetistMonitoScreenLeftSide { position: absolute; width: 180px; height: 215px; left: 678px; top: 375px; }

.diyetistMonitoScreenLeftSideButtons { position: relative; width: 70px; height: 47px; float: left; left: 50px; top: -10px; margin-right: 26px; cursor: pointer; }

.diyetistMonitoScreenLeftSideButtons1 { position: relative; width: 190px; height: 20px; top: 16px; left: 20px; color: #7b7c7cd9; text-align: left; display: none; }

.diyetistMonitoScreenLeftSideButtons:hover .diyetistMonitoScreenLeftSideButtons1 { display: block; }

.diyetistMonitoScreenLeftSideButtons1x { position: relative; width: 190px; height: 20px; top: 16px; left: 20px; color: #7b7c7cd9; text-align: left; }

.diyetistMonitoScreenLeftSideButtons2 { position: absolute; width: 20px; height: 20px; background: #fff; top: 13px; left: -8px; border-radius: 20px; border: solid 2px #A3D9EA; }

.diyetistMonitoScreenLeftSideButtons2x { position: relative; width: 20px; height: 20px; background: #00B4D5; top: -7px; left: -8px; border-radius: 20px; border: solid 2px #0995b1; }

.diyetistMonitoScreenLeftSideButtons3 { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-50%, -50%); }

.diyetistMonitoScreenLeftSideButtons3x { position: absolute; width: 6px; height: 6px; border-radius: 60px; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); }

.diyetistMonitoScreenOptns { position: absolute; top: 4px; left: 447px; }

.diyetistMonitoScreenComp,
.diyetistMonitoScreenPoint,
.diyetistMonitoScreenOthr { position: relative; height: 20px; width: 39px; float: left; top: 0px; left: 0px; margin-right: 9px; }


.diyetistMonitoScreenBannerButtonsx .diyetistMonitoScreenBannerButtons2 { background: #00b4d5; border-radius: 20px; border: solid 2px #0995b1; }

.diyetistMonitoScreenBannerButtonsx .diyetistMonitoScreenBannerButtons3 { background-color: #fff; }









/*
##     ##    ###    ##    ##    ###     ######   ######## ##     ## ######## ##    ## ########     ########     ###    ##    ## ######## ##       
###   ###   ## ##   ###   ##   ## ##   ##    ##  ##       ###   ### ##       ###   ##    ##        ##     ##   ## ##   ###   ## ##       ##       
#### ####  ##   ##  ####  ##  ##   ##  ##        ##       #### #### ##       ####  ##    ##        ##     ##  ##   ##  ####  ## ##       ##       
## ### ## ##     ## ## ## ## ##     ## ##   #### ######   ## ### ## ######   ## ## ##    ##        ########  ##     ## ## ## ## ######   ##       
##     ## ######### ##  #### ######### ##    ##  ##       ##     ## ##       ##  ####    ##        ##        ######### ##  #### ##       ##       
##     ## ##     ## ##   ### ##     ## ##    ##  ##       ##     ## ##       ##   ###    ##        ##        ##     ## ##   ### ##       ##       
##     ## ##     ## ##    ## ##     ##  ######   ######## ##     ## ######## ##    ##    ##        ##        ##     ## ##    ## ######## ######## 

*/

.exerGymSetpWrap { position: absolute; top: 0px; left: 50px; border-left: 7px solid #fff; border-right: 7px solid #fff; width: 455px; height: 265px; background-color: #fff; z-index: 10; }

.exerGymSetpWrapSelct { position: absolute; top: 1px; left: 10px; background-color: #0db4d5; width: 10px; height: 26px; }

.exerGymSetpWrapSelctSpn { position: absolute; top: 5px; left: 15px; font-size: 18px; color: #0db4d5; }

.exerGymSetpBannerCon { position: absolute; width: 346px; height: 22px; top: 25px; left: 10px; }

.exerGymSetpBannerDiv1 { position: absolute; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; }

.exerGymSetpBannerDiv2 { position: absolute; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; left: 301px; }

.exerGymSetpBannerDiv3 { position: absolute; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; left: 332px; }

.exerGymSetpBannerDiv4 { position: absolute; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; left: 363px; }

.exerGymSetpBannerDiv5 { position: absolute; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; }

.exerGymSetpBannerDiv6 { position: absolute; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 7px; border-radius: 5px; text-align: center; line-height: 22px; font-size: 9px; }

.exerGymSetpBannerDiv1 { width: 196px; }

.exerGymSetpBannerDiv2 { width: 29px; background: #0db4d5 !important; color: #fff; }

.exerGymSetpBannerDiv3 { width: 29px; background: #0db4d5 !important; color: #fff; }

.exerGymSetpBannerDiv4 { width: 29px; background: #0db4d5 !important; color: #fff; }

.exerGymSetpBannerDiv5 { width: 29px; background: #f7982c !important; color: #fff; display: none; }

.exerGymSetpBannerDiv6 { width: 29px; background: #f7982c !important; color: #fff; display: none; }

.exerGymSetpBannerDiv1,
.exerGymSetpBannerDiv2,
.exerGymSetpBannerDiv3,
.exerGymSetpBannerDiv4,
.exerGymSetpBannerDiv5,
.exerGymSetpBannerDiv6 { background: -webkit-linear-gradient(#FBFBFB, #ffffff, #f1f1f1); background: -o-linear-gradient(#FBFBFB, #ffffff, #f1f1f1); background: -moz-linear-gradient(#FBFBFB, #ffffff, #f1f1f1); background: linear-gradient(#FBFBFB, #ffffff, #f1f1f1); box-shadow: none; border-radius: 6px; background: #fddebd; border: none; }

.exerGymSetpDataList { position: absolute; width: 441px; height: 205px; top: 58px; left: 10px; overflow: auto; }

.exerGymSetpDataListRow { position: relative; width: 366px; height: 20px; margin-bottom: 5px; }

.exerGymSetpDataListRowvl1,
.exerGymSetpDataListRowvl2,
.exerGymSetpDataListRowvl3,
.exerGymSetpDataListRowvl4,
.exerGymSetpDataListRowvl5,
.exerGymSetpDataListRowvl6 { position: relative; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 0px; border-radius: 5px; text-align: center; line-height: 20px; font-size: 10px; border: 2px solid #E9F0F5; color: #14B6F1; }

.exerGymSetpDataListRowvl7 { position: absolute; height: 22px; top: 0px; left: 393px; border-radius: 5px; text-align: center; line-height: 20px; font-size: 14px; }

.exerGymSetpDataListRowvl1 { width: 26px; }

.exerGymSetpDataListIndent { position: relative; width: 26px; margin-right: 2px; float: left; height: 22px; }

.exerGymSetpDataListRowvl2 { width: 272px; text-align: left; text-indent: 5px; white-space: nowrap; }

.exerGymSetpDataListRowvl3 { width: 29px; }

.exerGymSetpDataListRowvl4 { width: 29px; }

.exerGymSetpDataListRowvl5 { width: 29px; }

.exerGymSetpDataListRowvl6 { width: 29px; display: none; }

.exerGymSetpDataListRowvl7 { width: 29px; }

.exerGymSetpDataListRowvl6 img { max-width: 29px; max-height: 22px; }

.exerGymSetpDataListRowvl1,
.exerGymSetpDataListRowvl2 { background: -webkit-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: -o-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: -moz-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: linear-gradient(#f3f3f3, #ffffff, #e0e0e0); box-shadow: none; border-radius: 6px; background: #fff; border: 2px solid #E9F0F5; color: #14B6F1; }

.exerGymSetpFootrBan { position: absolute; width: 446px; height: 37px; bottom: 4px; }

.exerGymSetpFootrBtn1,
.exerGymSetpFootrBtn2,
.exerGymSetpFootrBtn3,
.exerGymSetpFootrBtn4 { position: relative; float: left; margin-right: 5px; border-radius: 6px; left: 3px; }

.exerGymSetpFootrBtn1 { height: 33px; }

.exerGymSetpFootrBtn2 { height: 33px; }

.exerGymSetpFootrBtn4 { height: 33px; }

::placeholder { color: #0DB4D5 }

.exerGymSetpFootrBtn3 { height: 22px; width: 297px; margin-right: 14px; top: -192px; left: -37px; font-size: 11px; line-height: 22px; text-indent: 5px; color: #6cc7e2; background: #d1ecf4; border: none; }

.exerGymSetpFootrBtn1span { position: absolute; width: 25px; height: 25px; left: -7px; top: 0px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 13px solid #0db4d5; }

.exerGymSetpFootrBtn1 { width: 33px; border: 3px solid #d1ecf4; margin-right: 15px; top: -223px; left: 415px; border-radius: 30px; }

.exerGymSetpFootrBtn2 { width: 29px; margin-right: 11px; }

.exerGymSetpFootrBtn4 { position: absolute; width: 29px; height: 22px; top: -192px; left: 280px; color: #fff; font-size: 18px; background: #0db4d5; text-align: center; line-height: 20px; }

.exerGymSetpFootrBtn1 img { position: absolute; width: 25px; top: 4px; left: 6px; }

.exerGymSetpFootrBtn2 img { position: absolute; width: 29px; top: 0px; left: 0px; }

.exerGymSetpFootrBtn4 img { position: absolute; width: 29px; top: -273px; left: -50px; }

.exerGymSetpDataListSubRow { position: relative; width: 346px; min-height: 40px; margin-bottom: 10px; }

.exerGymSetpDataListSubRow2 { position: relative; width: 401px; margin-bottom: 10px; left: 0px; }

.exerGymSetpDataListSubRowNm { position: relative; margin-right: 2px; float: left; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 0px; border-radius: 5px; text-align: left; line-height: 20px; font-size: 9px; width: 133px; left: 26px; text-indent: 5px; border: 2px solid #E9F0F5; background: #fff; box-shadow: none; color: #759DC1; }

.exerGymSetpDataListSubRowCn { position: relative; float: left; height: 22px; width: 200px; left: 26px; }

.exerGymSetpDataListSubRowCnVlx,
.exerGymSetpDataListSubRowCnVl { position: relative; margin-right: 2px; float: left; width: 29px; height: 22px; background-color: #fff; border: 1px solid #d4d4d4; top: 0px; border-radius: 5px; text-align: center; line-height: 20px; font-size: 9px; margin-bottom: 2px; border: 2px solid #E9F0F5; background: #fff; box-shadow: none; color: #759DC1; }

.exerGymSetpDataListSubRowCnVlx { background-color: #34c7ff; }

.exerGymDataListRowvl4 img { position: absolute; width: 16px; top: 3px; left: 3px; }

.exerGymDataListImgxx { display: block; }

.exerGymDataListImg { display: none; }

.exerGymSetpMZDataListRowvl1,
.exerGymSetpMZDataListRowvl2,
.exerGymSetpMZDataListRowvl3,
.exerGymSetpMZDataListRowvl4,
.exerGymSetpMZDataListRowvl5,
.exerGymSetpMZDataListRowvl6 { position: relative; margin-right: 2px; float: left; height: 25px; background-color: #fff; border: 1px solid #d4d4d4; top: 0px; border-radius: 5px; text-align: center; line-height: 23px; font-size: 10px; }

.exerGymSetpMZDataListRowvl7 { position: absolute; height: 25px; top: 1px; left: 271px; text-align: center; line-height: 23px; }

.exerGymSetpMZDataListRowvl1 { width: 26px; }

.exerGymSetpMZDataListRowvl2 { width: 272px; text-align: left; text-indent: 5px; white-space: nowrap; }

.exerGymSetpMZDataListRowvl3 { width: 29px; }

.exerGymSetpMZDataListRowvl4 { width: 29px; }

.exerGymSetpMZDataListRowvl5 { width: 29px; }

.exerGymSetpMZDataListRowvl6 { width: 27px; font-size: 15px !important; border: none !important; }

.exerGymSetpMZDataListRowvl7 { width: 29px; font-size: 19px !important; border: none !important; display: none; }

.exerGymSetpMZDataListRowvl6 img { max-width: 27px; max-height: 22px; position: absolute; left: 3px; top: 1px; }

.exerGymSetpMZDataListRowvl1,
.exerGymSetpMZDataListRowvl2,
.exerGymSetpMZDataListRowvl3,
.exerGymSetpMZDataListRowvl4,
.exerGymSetpMZDataListRowvl5,
.exerGymSetpMZDataListRowvl6 { background: -webkit-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: -o-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: -moz-linear-gradient(#f3f3f3, #ffffff, #e0e0e0); background: linear-gradient(#f3f3f3, #ffffff, #e0e0e0); box-shadow: 0px 0px 1px #bbbbbb; border-radius: 6px; border: 2px solid #b5e3f0; background: #fff; box-shadow: none; color: #14B6F1; }

.exerGymSetpMZDataListRowvl7 { box-shadow: none; }




.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl1,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl2,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl3,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl4,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl5,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl6,
.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl7 { border: 2px solid #0db4d5; line-height: 24px; }

.exerGymSetpMZDataListEditName { max-width: 29px; max-height: 22px; position: absolute; left: 250px; top: 1px; display: none; }

.exerGymSetpDataListMnRowx .exerGymSetpMZDataListEditName { display: block; }

.exerGymSetpDataListMnRowx,
.exerGymSetpDataListMnRow { position: relative; width: 424px; height: 26px; margin-bottom: 4px; }

.exerGymSetpDataListRow { position: relative; width: 406px; height: 20px; margin-bottom: 5px; }

.exerGymSetpDataListMnRowx .exerGymSetpMZDataListRowvl7 { display: block }

.nwTheme1StepSppedDytsynDuplicMenuWarnScrnClsBg { position: absolute; width: 360px; height: 570px; top: 0px; left: 0px; }









/*

##     ##     ##    ##  #######  ######## #### ########
 ##   ##      ###   ## ##     ##    ##     ##  ##
  ## ##       ####  ## ##     ##    ##     ##  ##
   ###        ## ## ## ##     ##    ##     ##  ######
  ## ##       ##  #### ##     ##    ##     ##  ##
 ##   ##      ##   ### ##     ##    ##     ##  ##
##     ##     ##    ##  #######     ##    #### ##


*/


#diyetist_XnotifPage { position: absolute; width: 581px; background-color: #ECF8FB; left: 31.9%; top: 94px; border-radius: 6px; height: 777px; z-index: 15; border: 2px solid #CDEFF6; }

.diyetist_XnotifPageHead { position: relative; width: 380px; height: 89px; margin-right: 13px; text-align: center; left: 100px; top: 0px; background: #9FDBEC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

    .diyetist_XnotifPageHead div { position: absolute; width: 250px; height: 65px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 67px; line-height: 18px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; top: 0px; padding-top: 5px; }

.diyetist_XnotifPageExit { position: absolute; top: 17px; right: 21px; cursor: pointer; width: 50px; height: 50px; }

    .diyetist_XnotifPageExit img { position: absolute; width: 50px; height: 50px; left: 0px; top: 0px; transform: rotate(126deg); }

.Xnotification_row { position: relative; width: 490px; min-height: 33px; margin: 0px 0px 5px 6px; background-color: #fff; border-radius: 13px; cursor: pointer; border: solid 3px #B2E8F2; left: 38px; top: 18px; }

.Xnotification_IconWarn,
.Xnotification_Icon,
.Xnotification_Header,
.Xnotification_Del { position: absolute; top: -5px; }

.Xnotification_Icon { width: 32px; top: 11px; left: 11px; }

.Xnotification_IconWarn { width: 26px; top: 3px; left: 454px; }

.Xnotification_Header { left: 50px; width: 361px; height: 20px; line-height: 38px; }

.Xnotification_Text { position: relative; width: 400px; min-height: 19px; white-space: pre-line; margin: 8px 0px 5px 15px; /* border: 1px #fff solid; */ line-height: 14px; top: 0px; color: #717171; }

.Xnotification_Del { width: 40px; }

.Xnotification_ReadOk { position: absolute; width: 18px; height: 18px; border: 2px solid #b2e8f2; top: 14px; right: 10px; border-radius: 19px; display: none; box-shadow: 0px 0px 0px 2px #00B4D5; }

.Xnotification_Readtik { position: absolute; font-size: 8pt; top: -1px; left: 2px; color: #0f5874; font-weight: bold; }

.Xnotification_row:hover .notification_ReadOk { display: block; }




#ifrmMidPage { position: absolute; top: -16px; left: 0px; width: 821px; height: 100%; background-color: #fff; border: 0px none; border-radius: 6px; padding: 0px; margin: 0px; }

body::-webkit-scrollbar { width: 0px; height: 0px; }

#divIfrmMidPageSideBars { position: absolute; top: 110px; left: calc( ((100% - 826px) / 2 ) ); width: 821px; height: calc( 100% - 110px ); }

#divIfrmMidPageLeftSideBar { position: absolute; left: 0px; top: 0px; width: 38px; height: 100%; background: #C4E9F3; border-radius: 7px; border: solid 2px #A9E5F0; }

#divIfrmMidPageRightSideBar { position: absolute; right: 0px; top: 0px; width: 38px; height: 100%; background: #daeff7; border-top-right-radius: 45px; border: solid 1px #A9E5F0; }

#divAppointmentDatesList { position: absolute; top: 387px; right: calc( ( 100% - 1278px )/2 + -1px ); width: 232px; height: 418px; overflow-y: scroll; overflow-x: hidden; z-index: 501; background: #fff; }

.shadow_LF_S { Width: 120px; Height: 19px; line-height: 15px; cursor: pointer; text-align: center; vertical-align: middle; background-repeat: no-repeat; color: #235879; font-size: 10px; font-weight: bold; font-family: verdana; text-decoration: none; background-color: Transparent; border-style: none; padding: 0px; overflow: hidden; white-space: nowrap; position: relative; background: #fff; margin-bottom: 3px; border-radius: 5px; border: 2px solid #0d5b79; }

.shadow_LF_N { Width: 120px; Height: 21px; line-height: 17px; cursor: pointer; text-align: center; vertical-align: middle; background-repeat: no-repeat; color: #8e8eab; font-size: 8pt; font-family: verdana; text-decoration: none; border: solid 1px #d1ecf4; padding: 0px; overflow: hidden; white-space: nowrap; position: relative; background: #fff; border-radius: 5px; margin-bottom: 3px; }

    .shadow_LF_N:hover { color: #ab8eab; cursor: pointer; font-weight: bold; }

    .shadow_LF_S .del, .shadow_LF_N .del { position: absolute; top: 4px; right: 4px; width: 11px; height: 11px; cursor: pointer; border: solid 1px #D55A55; display: none; font-size: 12px; font-weight: bold; color: #D55A55; border-radius: 30px; line-height: 7px; }

    .shadow_LF_S:hover .del, .shadow_LF_N:hover .del { display: block; }


.docPageWelcomeData { position: absolute; top: 24px; left: -62px; width: 750px; height: 740px; /*background: #fff;*/ z-index: 0; border-radius: 50px; }

.welHeaderPage { position: absolute; top: 00px; left: 0px; width: 737px; height: 80px; display: none; }

.welHeaderPageTtl { position: absolute; top: 32px; left: 329px; font-size: 13pt; color: #0db4d5; width: 544px; text-align: center; height: 30px; line-height: 30px; white-space: nowrap; }

.welHeaderPageTtl2 { position: absolute; top: 55px; left: 329px; font-size: 14pt; color: #AFB1B4; width: 544px; height: 30px; line-height: 30px; text-align: center; }

.welDataPage { position: absolute; top: 70px; left: 0px; width: 737px; height: 600px; }

.welDataPageRdv { position: absolute; top: 20px; left: 0px; width: 290px; height: 250px; border: 3px solid #0db4d5; border-radius: 10px; }

.welDataPageRdvHead { position: absolute; width: 286px; height: 20px; top: 0px; left: 0px; background: #0db4d5; color: #fff; text-indent: 150px; line-height: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.welDataPageRdvData { position: absolute; top: 26px; left: 0px; width: 284px; height: 211px; overflow: scroll; }

.welDataPageRdvDataPrsn1 { color: #858585; }

.welDataPageRdvDataPrsnDate { position: absolute; top: 0px; left: 12px; width: 90px; height: 20px; white-space: nowrap; text-indent: 0px; text-align: right; font-size: 7pt; }
    .welDataPageRdvDataPrsnDate span { font-size: 7pt; }

.welDataPageRdvDataPrsn0 { color: #0db4d5; }

.welDataPageRdvDataPrsn1,
.welDataPageRdvDataPrsn0 { position: relative; top: 0px; width: 284px; height: 19px; text-indent: 130px; line-height: 20px; font-size: 7pt; }



.welDataPageRdvDataPrsn2Date { position: absolute; top: 0px; left: -66px; font-size: 8pt; }

.welDataPageRmnd { position: absolute; top: 20px; left: 326px; width: 547px; height: 250px; border: 3px solid #0db4d5; border-radius: 10px; }

.welDataPageRmndHead { position: absolute; width: 542px; height: 20px; top: 0px; left: 0px; background: #0db4d5; color: #fff; text-indent: 0px; line-height: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: right; padding-right: 11px; }

.welDataPageRmndData { position: absolute; top: 26px; left: 0px; width: 539px; height: 215px; overflow: scroll; }

.welDataPageRmndDataRx { position: absolute; top: 10px; left: 0px; width: 414px; height: 30px; text-indent: 70px; color: #868686; font-size: 8pt; }

    .welDataPageRmndDataRx div { position: absolute; top: 0px; left: 10px; border: 2px solid #868686; width: 16px; height: 16px; border-radius: 20px; text-indent: 20px; line-height: 11px; }

    .welDataPageRmndDataRx span { position: absolute; left: 70px; top: 0px; }

.welDataPageRmndDataRx2 { position: absolute; top: 50px; left: 0px; width: 414px; height: 30px; text-indent: 70px; color: #0db4d5; font-size: 8pt; }

    .welDataPageRmndDataRx2 div { position: absolute; top: 0px; left: 10px; border: 2px solid #69D3E6; width: 16px; height: 16px; border-radius: 20px; text-indent: 20px; line-height: 11px; }

    .welDataPageRmndDataRx2 span { position: absolute; left: 70px; top: 0px; }

.welDataPageEgz { position: absolute; top: 297px; left: 0px; width: 290px; height: 250px; border: 3px solid #0db4d5; border-radius: 10px; }

.welDataPageEgzHead { position: absolute; width: 286px; height: 20px; top: 0px; left: 0px; background: #0db4d5; color: #fff; text-indent: 150px; line-height: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.welDataPageEgzData { position: absolute; top: 28px; left: 0px; width: 284px; height: 211px; overflow: scroll; }

.welDataPageEgzDataPrsn0 { color: #9E9E9E; }

    .welDataPageEgzDataPrsn0 .welDataPageEgzDataPrsnStep { position: absolute; left: 210px; top: 0px; text-indent: 0px; width: 64px; height: 25px; text-align: right; white-space: nowrap; }

    .welDataPageEgzDataPrsn0 span { position: absolute; top: 0px; left: 220px; text-indent: 0px; width: 24px; height: 25px; text-align: right; }

.welDataPageEgzDataPrsn1 { color: #0db4d5; }

    .welDataPageEgzDataPrsn1 .welDataPageEgzDataPrsnStep { position: absolute; left: 210px; top: 0px; text-indent: 0px; width: 64px; height: 25px; text-align: right; white-space: nowrap; }

    .welDataPageEgzDataPrsn1 span { position: absolute; top: 0px; left: 220px; text-indent: 0px; width: 24px; height: 25px; text-align: right; }

.welDataPageEgzDataPrsn1,
.welDataPageEgzDataPrsn0 { position: relative; top: 6px; width: 284px; height: 37px; text-indent: 53px; line-height: 30px; font-size: 8pt; margin-bottom: 5px; }

.welDataPageEgzDataPrsnPic { position: absolute; width: 36px; height: 36px; border-radius: 20px; top: 0px; left: 10px; overflow: hidden; }

.welDataPageEgzDataPrsn1 .welDataPageEgzDataPrsnPic { /* border: 1px solid #0db4d5; */ }
.welDataPageEgzDataPrsn0 .welDataPageEgzDataPrsnPic { /* border: 1px solid #868686; */ }

.welDataPageEgzDataPrsnPic img { position: absolute; max-height: 37px; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.welDataPageEgzDataPrsnKcal { position: absolute; left: 54px; top: 21px; text-indent: 0px; width: 64px; height: 13px; text-align: right; white-space: nowrap; line-height: 17px; }


.welDataPageMsg { position: absolute; top: 297px; left: 326px; width: 547px; height: 250px; border: 3px solid #0db4d5; border-radius: 10px; }

.welDataPageMsgHead { position: absolute; width: 542px; height: 20px; top: 0px; left: 0px; background: #0db4d5; color: #fff; text-indent: 0px; line-height: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: right; padding-right: 11px; }

.welDataPageMsgData { position: absolute; top: 29px; left: 0px; width: 534px; height: 209px; overflow: scroll; }

.welDataPageMsgDataPrsn0,
.welDataPageMsgDataPrsn1 { position: relative; /* top: 8px; */ left: 0px; width: 534px; height: 37px; text-indent: 55px; font-size: 8pt; margin-bottom: 5px; line-height: 26px; }


.welDataPageMsgDataPrsn0 { color: #0db4d5; }

    .welDataPageMsgDataPrsn0 .welDataPageMsgDataPrsnLstMesg { position: absolute; top: 0px; left: 10px; /* border: 2px solid #69D3E6; */ width: 30px; height: 30px; border-radius: 40px; overflow: hidden; }



.welDataPageMsgDataPrsn1 { color: #868686; }

    .welDataPageMsgDataPrsn1 .welDataPageMsgDataPrsnLstMesg { position: absolute; top: 0px; left: 10px; /* border: 2px solid #868686; */ width: 30px; height: 30px; border-radius: 40px; overflow: hidden; }



    .welDataPageMsgDataPrsn0 span,
    .welDataPageMsgDataPrsn1 span { position: absolute; left: 56px; top: 16px; width: 500px; height: 20px; line-height: 20px; font-size: 7pt; text-indent: 0px; overflow: hidden; white-space: nowrap; }

        .welDataPageMsgDataPrsn0 span font,
        .welDataPageMsgDataPrsn1 span font { font-size: 7pt; }

.mainpage_notification_Icon { position: absolute; left: 8px; top: 13px; width: 22px; top: 11px; left: 11px; }
.mainpage_notification_Text { text-transform: none; font-family: Arial; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; position: relative; white-space: pre-line; margin: 9px 0px 5px 53px; line-height: 14px; top: 0px; color: #717171; left: -9px; width: 461px; font-size: 7pt; min-height: 29px; }

.mainpage_notification_ReadOk { text-transform: none; font-family: Arial; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; outline: none; position: absolute; border-radius: 19px; color: #0db4d5; text-indent: 0px; font-size: 14px; line-height: 23px; text-align: center; font-weight: bold; display: none; top: 10px; right: 6px; width: 23px; height: 23px; }
.notification_row:hover .mainpage_notification_ReadOk { display: block; }


.welDataPageMsgDataPrsnPic { position: absolute; max-height: 30px; top: 50%; left: 50%; transform: translate(-50%,-50%); }


.welDataPageRdvImg { position: absolute; width: 20px; top: 7px; left: 8px; z-index: 1; background: #fff; }

.welDataPageRmndImg { position: absolute; width: 21px; top: 8px; left: 8px; z-index: 1; /* background: #fff; */ }

.welDataPageEgzImg { position: absolute; width: 25px; top: 7px; left: 5px; z-index: 1; /* background: #fff; */ }

.welDataPageMsgImg { position: absolute; width: 24px; top: 10px; left: 6px; z-index: 1; background: #fff; }


.welDataPageEgzImgSll { position: absolute; width: 40px; height: 40px; height: 41px; left: -19px; border: 2px solid #0db4d5; border-radius: 20px; z-index: 1; background: #fff; top: -16px; }



#welDataPagePersonalEgzData .notification_row { width: 273px; min-height: 48px; }
    #welDataPagePersonalEgzData .notification_row .mainpage_notification_Icon { left: 5px; }
    #welDataPagePersonalEgzData .notification_row .mainpage_notification_Text { left: -9px; width: 204px; font-size: 7pt; min-height: 28px; }
    #welDataPagePersonalEgzData .notification_row .mainpage_notification_ReadOk { top: 2px; right: 2px; width: 23px; height: 23px; }


#welDataPagePresRmndData .notification_row { width: 529px; min-height: 48px; }
    #welDataPagePresRmndData .notification_row .notification_Icon { left: 5px; top: 5px; }
    #welDataPagePresRmndData .notification_row .notification_Text { left: -9px; width: 461px; font-size: 7pt; min-height: 29px; }
    #welDataPagePresRmndData .notification_row .notification_ReadOk { top: 2px; right: 2px; width: 21px; height: 21px; }




.welDataPageAdmnBtn { position: absolute; left: 25px; top: -16px; }
.welDataPageAdmnBtnIcon { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; background-color: #fff; border: none; border-radius: 20px; z-index: 1; box-shadow: 1px 1px 3px 2px #0db4d5; transition: 200ms; font-size: 25px; text-align: center; line-height: 40px; color: #0db4d5; }
    .welDataPageAdmnBtnIcon:hover { filter: hue-rotate(45deg); }

#welDivAdmnLastPersonListCon { position: absolute; width: 900px; height: 560px; background: #fff; left: -20px; border: 2px solid #0db4d5; border-radius: 15px; z-index: 5; }


#welDivAdmnLastPersonDataList { position: relative; background: #fff; width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px auto; overflow: scroll; }


.welDivAdmnLastPersonListCls { position: absolute; width: 40px; height: 40px; border: 2px solid #009bc0; border-radius: 30px; top: -21px; right: -8px; background: #fff; z-index: 1; }

    .welDivAdmnLastPersonListCls div { position: absolute; left: 4px; top: 8px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 21px solid rgb(0 155 192); width: 0px; z-index: 2; cursor: pointer; }

.divLastPersonsListRow { position: relative; width: calc(100% - 20px); height: 30px; margin: 5px auto; display: grid; grid-template-columns: 30px auto 150px; grid-column-gap: 3px; color: #fff; line-height: 30px; }
.divLastPersonsListPict { max-width: 30px; max-height: 30px; border-radius: 30px; background-color: #0db4d5; }
.divLastPersonsListName { border-radius: 30px; background-color: #0db4d5; text-indent: 10px; }
.divLastPersonsListRegDate { border-radius: 30px; background-color: #0db4d5; text-indent: 0px; text-align: center; }



.divLastPersonsListRow:hover .divLastPersonsListPict,
.divLastPersonsListRow:hover .divLastPersonsListName,
.divLastPersonsListRow:hover .divLastPersonsListRegDate { box-shadow: 1px 1px 3px 1px #000; }









/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* map marker icon */
.olAlphaImg { z-index: 102; }


.diplomacon { position: absolute; top: -100px; left: 2px; width: 578px; height: 443px; background-color: #fff; z-index: 3; }

    .diplomacon input[type="file"] { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.diplomafrontx,
.diplomafront { top: 5px; left: 10px; }

.diplomabackx,
.diplomaback { top: 5px; left: 295px; }

.diplomacert1x,
.diplomacert1 { top: 220px; left: 10px; }

.diplomacert2x,
.diplomacert2 { top: 220px; left: 295px; }

.diplomalabel,
.diplomafrontx,
.diplomabackx,
.diplomafront,
.diplomaback,
.diplomacert1x,
.diplomacert2x,
.diplomacert1,
.diplomacert2 { position: absolute; width: 275px; height: 187px; vertical-align: top; border: 1px solid #cdeff6; text-align: center; border-radius: 9px; }

.diplomalabel { bottom: -1px; left: 0px; height: 14px; line-height: 44px; white-space: nowrap; font-family: Verdana; font-size: 10px; vertical-align: middle; font-weight: 900; z-index: 1; border: 0px none; color: #9bc7e2; text-shadow: 0px -2px 1px #fff; }

#divProUserInfoCon { position: relative; top: -25px; left: 88px; height: 33px; width: 87px; /* display: none; */ }

.prosPict, .prosClientPict { position: absolute; top: -26px; left: 4px; width: 60px; height: 60px; object-fit: cover; object-position: 100% 15%; border-radius: 50px; border: 3px solid #a3d9ea; }
.prosName, .prosClientName { position: absolute; top: 38px; left: -117px; height: 14px; width: 300px; line-height: 14px; white-space: nowrap; font-family: Verdana; font-size: 9pt; vertical-align: middle; font-weight: 900; color: #6cc7e4; text-align: center; }

.prosClientPict { left: 411px; }
.prosClientName { left: 293px; }

.prosToClientAppointmentAnimation { position: absolute; top: 33px; left: 80px; width: 20px; }


.diplomaconClsBtn { position: absolute; width: 30px; height: 30px; border-radius: 50px; float: left; right: 5px; top: 409px; margin-right: 6px; border: 2px solid #a4dbed; background-color: #fff; z-index: 1; cursor: pointer; }
    .diplomaconClsBtn div { border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 16px solid #0db4d5; width: 0px; left: 2px; top: 4px; position: absolute; transform: rotate(15deg); }


.diplomafrontx { width: 538px; height: 397px; top: 5px; left: 10px; }
    .diplomafrontx .newDocSaveDataDip1 { width: 538px; height: 397px; }
    .diplomafrontx .diyetistDoc_DipValueCon { width: 538px; height: 397px; }
    .diplomafrontx .diplomalabel { width: 538px; }



.diplomabackx { width: 538px; height: 397px; top: 5px; left: 10px; }
    .diplomabackx .newDocSaveDataDip1 { width: 538px; height: 397px; }
    .diplomabackx .diyetistDoc_DipValueCon { width: 538px; height: 397px; }
    .diplomabackx .diplomalabel { width: 538px; }



.diplomacert1x { width: 538px; height: 397px; top: 5px; left: 10px; }
    .diplomacert1x .newDocSaveDataDip1 { width: 538px; height: 397px; }
    .diplomacert1x .diyetistDoc_DipValueCon { width: 538px; height: 397px; }
    .diplomacert1x .diplomalabel { width: 538px; }
    .diplomacert1x .diyetistDoc_DipValueCon .SertifMainCon { zoom: 0.5; top: 41px; left: 17px; }
    .diplomacert1x .diyetistDoc_DipValueCon .SertifMainConx { zoom: 0.5; top: 41px; left: 17px; }



.diplomacert2x { width: 538px; height: 397px; top: 5px; left: 10px; }
    .diplomacert2x .newDocSaveDataDip1 { width: 538px; height: 397px; }
    .diplomacert2x .diyetistDoc_DipValueCon { width: 538px; height: 397px; }
    .diplomacert2x .diplomalabel { width: 538px; }


.diplomafrontx .newDocSaveDataDip1 img { max-width: 528px; max-height: 370px; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.diplomabackx .newDocSaveDataDip1 img { max-width: 528px; max-height: 370px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.person2proAdd,
.person2proWaiting,
.person2proDel { position: absolute; top: 4px; left: -10px; width: 33px; height: 33px; border-radius: 20px; transition: 200ms; cursor: pointer; text-indent: 0px; text-align: center; line-height: 32px; font-size: 20px; color: #fff; }

.person2proAdd { background-color: #babbbb; }
.person2proWaiting { background-color: #87f4f4; }
.person2proDel { background-color: #0DB4D5; }


.person2proIsRequestSendToPerson { position: absolute; top: -8px; right: -9px; width: 15px; height: 15px; border-radius: 10px; transition: 200ms; cursor: pointer; border: 4px solid #87f4f4; background-color: #fff; display: none; }
.person2proWaiting .person2proIsRequestSendToPerson { display: block; }

.person2proAddImg,
.person2proDelImg { position: absolute; top: 5px; left: 7px; height: 20px; width: 20px; background-color: transparent; border-radius: 1px; }

.calendarfy_table { position: relative; width: 100%; height: 100%; border: 0px none; border-collapse: separate; border-spacing: 2px; margin: 0px; padding: 0px; }

    .calendarfy_table tr { height: calc(100% / 7); }

    .calendarfy_table td, .calendarfy_table th { width: calc(100% / 7); font-size: 12px; border: 3px solid rgba(251, 251, 251, 0.00); }

.calendarfy_today,
.calendarfy_sel,
.calendarfy_day,
.calendarfy_dayx,
.calendarfy_day_we,
.calendarfy_day_wi { position: relative; text-align: center; vertical-align: middle; transition: 700ms; cursor: pointer; }

    .calendarfy_today:hover,
    .calendarfy_sel:hover,
    .calendarfy_day:hover,
    .calendarfy_dayx:hover { border: 3px outset #0db4d5; border-radius: 5px; }

.calendarfy_today { }

.calendarfy_sel { }

.calendarfy_day { }

.calendarfy_dayx { }

.calendarfy_day_we { }

.calendarfy_day_wi { }

.calendarfy_table .css_fyc_list_month { color: #081f27; }




/***/



.diyetist_MainFixedMainDataListCon2 { position: absolute; width: 200px; height: 400px; left: 0px; top: 195px; }

.menuLevel1,
.menuLevel1x { position: relative; width: 190px; height: 26px; line-height: 22px; border: 3px solid #D9F4F9; background-color: #F1F9FC; color: #57CCE3; left: 5px; border-radius: 5px; text-indent: 5px; font-size: 9pt; margin-bottom: 8px; cursor: pointer; }

.menuLevel1x { border: 2px solid #5bc5e8; color: #fff; font-weight: bold; background-color: #5bc5e8; text-align: center; text-indent: 0px; }

.menuLevelSub1 { }

.menuLevel2,
.menuLevel2x { position: relative; width: 170px; height: 26px; line-height: 22px; color: #57CCE3; left: 3px; text-indent: 25px; font-size: 9pt; cursor: pointer; overflow: hidden; white-space: nowrap; }

.menuLevel2x { color: #ffa500 !important; }

.dot { position: absolute; width: 00px; height: 00px; top: 5px; left: 9px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid rgb(87, 207, 234); }

.dotx { position: absolute; width: 00px; height: 00px; /* border-radius: 10px; */ top: 5px; left: 8px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid rgb(255, 165, 0); }

.menuLevelSubRow1 { }

.menuLevel3,
.menuLevel3x { position: relative; width: 185px; height: 20px; line-height: 20px; color: #57CCE3; left: 16px; border-radius: 5px; text-indent: 20px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.menuLevel3x { color: #0989a2 !important; }

.menuLevel4,
.menuLevel4x { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 30px; border-radius: 5px; text-indent: 20px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; }

.menuLevel4x { color: #0989a2 !important; }

.menuLevel3:hover { color: #0989a2; }

.menuLevelDsbl { position: relative; width: 165px; height: 20px; line-height: 20px; color: #57CCE3; left: 16px; border-radius: 5px; text-indent: 20px; font-size: 9pt; margin-bottom: 3px; white-space: nowrap; overflow: hidden; cursor: pointer; opacity: 0.5; }



















.divDietWarnFirstWellScreen { position: absolute; width: 658px; height: 714px; top: 0px; left: 0px; background-color: #a4dbed96; z-index: 10; }

.divDietWarnFirstWellScreenAlrtCon { position: absolute; width: 540px; height: 180px; border: 5px solid #fff; border-radius: 15px; background: #52b4d5; top: 266px; left: 50%; transform: translate(-50%,0); }

.divDietWarnFirstWellScreenAlrtMtn { position: absolute; width: 540px; height: 180px; text-align: center; line-height: 23px; font-size: 12pt; color: #fff; padding-top: 16px; }











/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */

.nwTheme1StepSppedDytsynNotEditBlockPersonWarnCon { position: absolute; width: 540px; height: auto; border: 5px solid #fff; border-radius: 15px; background: #52b4d5; top: 48px; left: 50%; transform: translate(-50%,0); }

.nwTheme1StepSppedDytsynNotEditBlockPersonWarnCon2x { position: absolute; width: 540px; height: 180px; border: 5px solid #fff; /* top: 25px; */ /* left: 10px; */ border-radius: 15px; background: #52b4d5; top: 49px; left: 50%; transform: translate(-50%,0); }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm1,
.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm2,
.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm2x,
.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm3,
.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm4 { position: relative; width: 320px; height: 36px; line-height: 44px; /* background:  red; */ margin-bottom: 5px; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm1 { text-align: center; font-size: 10pt; color: #fff; height: 52px; line-height: 22px; width: 540px; padding-top: 13px; margin-bottom: 15px; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm2 { left: 5px; border-radius: 10px; border: 5px solid #fff; background: #fff; text-indent: 0px; font-size: 9pt; width: 472px; left: 27px; min-height: 43px; line-height: 15px; max-height: 88px; resize: none; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm2x { border-radius: 10px; border: none; background: #fff; text-indent: 15px; font-size: 12px; width: 479px; left: 26px; height: 35px; line-height: 36px; color: #272424; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm3 { text-align: center; color: #fff; height: 11px; line-height: 13px; width: 530px; font-size: 7pt; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm4 { width: 430px; }


.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm1 span { font-weight: bold; font-size: 11pt; }



.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm4Btn { position: relative; width: 130px; height: 40px; /* background-color: red; */ line-height: 39px; float: left; margin-right: 32px; left: 108px; text-align: center; font-size: 15px; color: #fff; font-weight: bold; cursor: pointer; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnVlsItm4Btn2x { position: relative; width: 130px; height: 32px; /* background-color: red; */ line-height: 34px; float: left; margin-right: 46px; left: 115px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; box-shadow: 0px 0px 6px 1px #fff; top: 9px; border-radius: 5px; cursor: pointer; }

.nwTheme1StepSppedNotEditDytsynBlockPersonWarnScrnClsBg { position: absolute; width: 737px; height: 570px; top: 0px; left: 0px; }

.menuToPerson_Picture { position: absolute; max-height: 38px; max-width: 38px; top: 10px; left: 10px; border-radius: 5px; }

.nwTheme1StepSppedNotEditDytsynWarnPageAll { position: absolute; width: 360px; height: 570px; background: rgba(19, 18, 18, 0.35); z-index: 60; top: 0px; left: 0px; }

.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm1,
.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm2,
.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm3,
.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm4 { position: relative; width: 320px; height: 44px; line-height: 44px; /* background:  red; */ margin-bottom: 5px; }

.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm1 { text-align: center; font-size: 11px; color: #fff; height: 49px; line-height: 50px; width: 330px; }

.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm2 { left: 5px; border-radius: 10px; border: none; background: #fff; text-indent: 5px; font-size: 12px; width: 250px; left: 40px; height: 35px; }

.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm3 { text-align: center; color: #fff; height: 17px; line-height: 13px; width: 330px; font-size: 9px; }

.nwTheme1StepSppedNotEditDytsynWarnAllPgVlsItm4 { width: 330px; }


.nwTheme1StepSppedNotEditDytsynWarnAllPgVlCon { position: absolute; width: 340px; height: 172px; border: 5px solid #fff; top: 125px; left: 10px; border-radius: 15px; background: #f7982c; }

#nwTheme1StepSppedDytsynBlockPersonWarnScrn { position: absolute; width: 100%; height: 1px; background: transparent; z-index: 1001; left: 0px; top: 0px; }

.dietistDataChsSel { position: absolute; top: 390px; left: 49px; width: 540px; height: 70px; padding-left: 5px; }

.dietistDataChsSelRow { position: relative; float: left; width: 103px; height: 18px; top: 4px; left: 0px; border: 2px solid transparent; /* margin-right: 5px; */ /* margin-bottom: 5px; */ /* background: #a3d9ea; */ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 6pt; color: #fff; text-align: center; line-height: 12px; text-transform: uppercase; }

.dietistDataChsSelRowCap,
.dietistDataChsSelRowCapx { position: relative; width: 103px; height: 22px; float: left; box-shadow: 0px 0px 0px 1px #A3D9EA; top: 4px; margin-right: 15px; margin-bottom: 8px; border-radius: 5px; background: #a3d9ea; cursor: pointer; }

.dietistDataChsSelRowCapx { background: #0db4d5; box-shadow: 0px 0px 0px 1px #0db4d5; }

.diyetist_Word2Spn { position: relative; color: #33C3DD; text-shadow: none; font-size: 15pt; height: 20px; line-height: 19px; margin-bottom: 9px; width: 440px; }

.diyetist_Word1aSpn { position: relative; color: #33C3DD; text-shadow: none; font-size: 15pt; height: 20px; line-height: 20px; margin-bottom: 9px; width: 440px; }

.diyetistFooterCopyBt { position: absolute; bottom: 11px; }

.diyetistFooterCopyBtSocial { position: absolute; left: 283px; /*left: 153px;*/ width: 500px; color: #8E8E8E; /* bottom: -13px; */ line-height: 30px; }

.diyetistFooterCopyBtAlt { position: absolute; left: 0px; /* left: 747px; */ width: 100%; color: #8E8E8E; /* bottom: -20px; */ line-height: 30px; text-align: center; }

.diyetistFooterCopyBtSocialCp { position: absolute; left: 497px; display: none; }

.diyetistFooterCopyBtSocial1 { position: absolute; width: 30px; left: 20px; /* top: 28px; */ cursor: pointer; }
.diyetistFooterCopyBtSocial2 { position: absolute; width: 30px; left: 60px; /* top: 28px; */ cursor: pointer; }
.diyetistFooterCopyBtSocial3 { position: absolute; width: 30px; left: 100px; /* top: 28px; */ cursor: pointer; }
.diyetistFooterCopyBtSocial4 { position: absolute; width: 30px; left: 140px; /* top: 28px; */ cursor: pointer; }
.diyetistFooterCopyBtSocial5 { position: absolute; width: 30px; left: 180px; /* top: 28px; */ cursor: pointer; }

.diyetist_LoginNewUserDiyetistBlbck { position: absolute; width: 3px; height: 428px; background: #a4dbed; top: 14px; left: -10px; }

.divUAS_ApplyFromNowOnDateButtonDate { position: absolute; top: 93px; left: 90px; width: 132px; height: 35px; border-radius: 8px; border: 1px solid #5bc5e8; color: #0db4d5; }

.diyetistFooterCopyBt5 { position: fixed; bottom: 0px; height: 31px; width: 1280px; background-color: #ffffff; z-index: 2700; margin: 0px auto; left: 50%; transform: translate(-50%,0%); }

#diyetistLangHImgTr { }
#diyetistLangHImgEn { width: 33px !important; }





#diyetistInfsVideosCon { position: fixed; width: 1286px; height: 100%; background: #a3e3ff91; z-index: 150; }


.diyetist_AdvangeBtn { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; top: 404px; left: 825px; cursor: pointer; height: 40px; line-height: 36px; text-align: center; }

.diyetist_AdvangeBtn2 { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; top: 344px; left: 761px; cursor: pointer; height: 40px; line-height: 36px; text-align: left; text-indent: 34px; }

    .diyetist_AdvangeBtn2 span { font-size: 8pt; }

    .diyetist_AdvangeBtn2 img { position: absolute; width: 33px; left: 153px; top: 6px; }



.diyetist_AdvangeBtn3 { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; top: 163px; left: 486px; cursor: pointer; height: 40px; line-height: 36px; text-align: center; }


.diyetist_checkupBtn { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; top: 404px; left: 825px; cursor: pointer; height: 40px; line-height: 36px; text-align: center; }



/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */
/* uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu */


#diyetist_DietistHelpVideo { position: relative; width: 1285px; height: 100%; min-height: 930px; margin: 0px auto; top: 0px; overflow: hidden; }

#diyetist_DietistHelpVideoWrapper { position: absolute; width: 558px; height: 620px; top: 120px; left: 318px; z-index: 50; border-radius: 10px; border: 2px solid #CDEFF6; background-color: #ECF8FB; }

#diyetist_DietistHelpVideoDataList { position: absolute; width: 553px; height: 450px; top: 141px; left: 0px; z-index: 50; border-radius: 10px; }

    #diyetist_DietistHelpVideoDataList .diyetist_LoginVideoWrap { top: 0px; height: 409px; }


.diyetist_DietistHelpVideoBnr { width: 396px; height: 50px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: 81px; position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
    .diyetist_DietistHelpVideoBnr div { position: absolute; width: 210px; height: 22px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 92px; line-height: 22px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.diyetist_DietistHelpVideoBnrBtnCon { position: absolute; width: 480px; height: 70px; top: 77px; left: 53px; }


    .diyetist_DietistHelpVideoBnrBtnCon .dietistDataChsSelRowCapx,
    .diyetist_DietistHelpVideoBnrBtnCon .dietistDataChsSelRowCap { }

.diyetist_DietistHelpVideoWrpCls { position: absolute; top: 7px; right: 15px; width: 35px; height: 35px; z-index: 3; cursor: pointer; }
    .diyetist_DietistHelpVideoWrpCls img { position: absolute; width: 35px; height: 35px; transform: rotate(126deg); }


.docPageHelposHmWe { position: absolute; width: 36px; height: 36px; background-color: #fff; top: 6px; z-index: 6; left: 107px; border-radius: 20px; cursor: pointer; }
    .docPageHelposHmWe img { position: absolute; width: 36px; top: 0px; left: 0px; }



/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */

#diyetist_DietistSpslPricesWrp { position: relative; width: 1285px; height: 100%; min-height: 930px; margin: 0px auto; top: 0px; overflow: hidden; }

#diyetist_DietistSpslPricesWrapper { position: absolute; width: 558px; height: 620px; top: 120px; left: 318px; z-index: 50; border-radius: 10px; border: 2px solid #CDEFF6; background-color: #ECF8FB; }

#diyetist_DietistHelpVideoDataList { position: absolute; width: 553px; height: 450px; top: 141px; left: 0px; z-index: 50; border-radius: 10px; }

    #diyetist_DietistHelpVideoDataList .diyetist_LoginVideoWrap { top: 0px; height: 409px; }


.diyetist_DietistSpslPricesBnr { width: 396px; height: 50px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: 81px; position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
    .diyetist_DietistSpslPricesBnr div { position: absolute; width: 210px; height: 22px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; left: 92px; line-height: 22px; font-size: 10pt; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.diyetist_DietistSpslPricesBnrBtnCon { position: absolute; width: 480px; height: 70px; top: 77px; left: 53px; }


    .diyetist_DietistSpslPricesBnrBtnCon .dietistDataChsSelRowCapx,
    .diyetist_DietistSpslPricesBnrBtnCon .dietistDataChsSelRowCap { }

.diyetist_DietistSpslPricesWrpCls { position: absolute; top: 7px; right: 15px; width: 35px; height: 35px; z-index: 3; cursor: pointer; }
    .diyetist_DietistSpslPricesWrpCls img { position: absolute; width: 35px; height: 35px; transform: rotate(126deg); }


.docPageSpslPricesHmWe { position: absolute; width: 36px; height: 36px; background-color: #fff; top: 6px; z-index: 6; left: 107px; border-radius: 20px; cursor: pointer; }
    .docPageSpslPricesHmWe img { position: absolute; width: 36px; top: 0px; left: 0px; }


#diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy { top: 60px; width: 550px; }

    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMvl,
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMper,
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperDm,
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperKd { border: 2px solid #a3d9ea; background: #9fdbec; position: relative; float: left; margin-right: 5px; color: #fff; font-weight: bold; }


    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMvl { left: 0px; width: 220px; }
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMper { left: 0px; width: 96px; }
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperDm { left: 0px; width: 108px; }
    #diyetist_DietistSpslPricesWrp .newDocSaveDataForMeRowPsy .newDocSaveDataChoseBtnsRowDMperKd { height: 26px; left: 0px; border-radius: 5px; line-height: 21px !important; font-size: 8pt; text-align: center; text-transform: uppercase; width: 94px; }

#diyetist_DietistSpslPricesWrp .diyetist_DietistHelpVideoBnrBtnCon { position: absolute; width: 548px; height: calc(100% - 100px); top: 93px; left: 4px; }

#diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList { position: absolute; width: 548px; height: calc(100% - 100px); top: 93px; left: 7px; }

    #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow { width: 548px; }
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1,
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2,
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm,
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2kd { position: relative; float: left; left: 0px; height: 26px; line-height: 22px; border-radius: 5px; border: 1px solid #A3D9EA; background: #fff; color: #0db4d5; margin-right: 5px; }

        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1 { width: 221px; }
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2 { width: 96px; }
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { width: 108px; }
        #diyetist_DietistSpslPricesWrp #diyetist_DietistSpslPricesDataList .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2kd { width: 94px; font-size: 9pt; text-align: right; padding-right: 30px; }



/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */


#newDocSaveCompPromoVlsCon { position: absolute; width: 572px; height: 663px; background-color: #ecf8fb; top: 91px; left: -9px; border-radius: 5px; /* background: url(../img/prombg.png) -3px 0px no-repeat; */ background-size: 578px; }


#newDocSaveCompPromoVlsMainDataCon { position: absolute; width: 538px; height: 643px; top: 0px; left: 17px; }

.newDocSaveCompPromoVlsConBnrBtns { position: absolute; left: 137px; z-index: 1; top: -55px; width: 400px; }


.newDocSaveCompPromoVlsMainInptsCon { position: absolute; width: 538px; height: 190px; left: 0px; top: 0px; }


.newDocSaveCompPromoVlsMainInptsRow2,
.newDocSaveCompPromoVlsMainInptsRow { position: relative; width: 399px; height: 33px; left: 0px; margin-bottom: 4px; }

.newDocSaveCompPromoVlsMainInptsRow2 { height: 124px; }

.newDocSaveCompPromoVlsMainInptsRowVl4,
.newDocSaveCompPromoVlsMainInptsRowVl5,
.newDocSaveCompPromoVlsMainInptsRowVl6,
.newDocSaveCompPromoVlsMainInptsRowVl7,
.newDocSaveCompPromoVlsMainInptsRowVl3,
.newDocSaveCompPromoVlsMainInptsRowVl1,
.newDocSaveCompPromoVlsMainInptsRowVl2,
.newDocSaveCompPromoVlsMainInptsRowVl8,
.newDocSaveCompPromoVlsMainInptsRowVl9 { position: relative; height: 26px; border-radius: 5px; float: left; margin-bottom: 5px; margin-right: 5px; }

.newDocSaveCompPromoVlsMainInptsRowVl1 { border: 2px solid #a3d9ea; background: #9fdbec; font-size: 8pt; text-align: left; width: 92px; text-indent: 10px; margin-right: 8px; color: #fff; line-height: 22px; }
.newDocSaveCompPromoVlsMainInptsRowVl2 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 221px; }
.newDocSaveCompPromoVlsMainInptsRowVl3 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 266px; left: 123px; margin-right: 85px; display: none; }

.newDocSaveCompPromoVlsMainInptsRowVl4 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 150px; left: 100px; }
.newDocSaveCompPromoVlsMainInptsRowVl5 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 200px; left: 100px; margin-right: 87px; }
.newDocSaveCompPromoVlsMainInptsRowVl6 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 86px; left: 100px; }
.newDocSaveCompPromoVlsMainInptsRowVl7 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 135px; left: 100px; }

.newDocSaveCompPromoVlsMainInptsRowVl8 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 290px; height: 57px; line-height: 15px; padding-left: 5px; text-indent: 0px; padding-bottom: 2px; max-width: 290px; min-width: 266px; max-height: 57px; min-height: 57px; }

.newDocSaveCompPromoVlsMainInptsRowVl9 { font-size: 8pt; line-height: 23px; text-indent: 5px; color: #0db4d5; border: 2px solid #96D7EA; background: #fff; width: 64px; left: 0px; }



.newDocSaveCompPromoVlsMainInptsRowVl6:placeholder { color: #b0edf9 !important; }
.newDocSaveCompPromoVlsMainInptsRowVl6:-ms-input-placeholder { color: #b0edf9 !important; }
.newDocSaveCompPromoVlsMainInptsRowVl6:-ms-input-placeholder { color: #b0edf9 !important; }



.newDocSaveCompPromoVlsMainImgRow { position: absolute; width: 112px; height: 156px; right: 27px; top: 0px; border: 2px solid #96D7EA; background: #fff; border-radius: 5px; overflow: hidden; }

    .newDocSaveCompPromoVlsMainImgRow #img_compPromo_Logo { position: absolute; width: 70px; left: 29px; top: 29px; }



.newDocSaveCompPromoVlsMainBtnsCon { position: absolute; width: 575px; height: 30px; left: 0px; top: 165px; }

.newDocSaveCompPromoVlsMainBtnsDiv2x,
.newDocSaveCompPromoVlsMainBtnsDiv3x,
.newDocSaveCompPromoVlsMainBtnsDiv4x,
.newDocSaveCompPromoVlsMainBtnsDiv1x,
.newDocSaveCompPromoVlsMainBtnsDiv2,
.newDocSaveCompPromoVlsMainBtnsDiv3,
.newDocSaveCompPromoVlsMainBtnsDiv4,
.newDocSaveCompPromoVlsMainBtnsDiv1 { position: relative; border: 2px solid #a3d9ea; background: #9fdbec; font-size: 8pt; text-align: center; width: 163px; text-indent: 10px; left: 0px; color: #fff; line-height: 22px; height: 26px; float: left; margin-right: 9px; border-radius: 5px; }


.newDocSaveCompPromoVlsMainBtnsDiv2 { width: 208px; }
.newDocSaveCompPromoVlsMainBtnsDiv3 { width: 64px; text-indent: 0px; }
.newDocSaveCompPromoVlsMainBtnsDiv4 { width: 64px; text-indent: 0px; }
.newDocSaveCompPromoVlsMainBtnsDiv1 { width: 172px; }


.newDocSaveCompPromoVlsMainBtnsDiv2x,
.newDocSaveCompPromoVlsMainBtnsDiv3x,
.newDocSaveCompPromoVlsMainBtnsDiv4x,
.newDocSaveCompPromoVlsMainBtnsDiv1x { border: 2px solid #0db4d5; background: #ffffff; color: #0db4d5; }


.newDocSaveCompPromoVlsMainBtnsDiv2x { width: 208px; }
.newDocSaveCompPromoVlsMainBtnsDiv3x { width: 64px; text-indent: 0px; }
.newDocSaveCompPromoVlsMainBtnsDiv4x { width: 64px; text-indent: 0px; }
.newDocSaveCompPromoVlsMainBtnsDiv1x { width: 172px; }


#newDocSaveCompPromoVlsMainBtnsDiv2Lst option { position: absolute; text-indent: 5px; padding-left: 5px; }




#newDocSaveCompPromoVlsMainMapVls { position: absolute; width: 540px; height: 440px; top: 196px; left: 0px; }


.newDocSaveCompPromoVlsMainPinImg { position: absolute; width: 90px; top: 16px; left: 8px; z-index: 1; }


.newDocSaveCompPromoVlsMainEntrVls { position: absolute; width: 540px; height: 635px; top: 14px; left: 0px; overflow: scroll; }

.newDocSaveCompPromoVlsMainEntrVlsRow3,
.newDocSaveCompPromoVlsMainEntrVlsRow2,
.newDocSaveCompPromoVlsMainEntrVlsTrncRow,
.newDocSaveCompPromoVlsMainEntrVlsRow { position: relative; width: 555px; height: 42px; left: 0px; top: 0px; margin-bottom: 6px; }

.newDocSaveCompPromoVlsMainEntrVlsRow2 { height: 302px; }
.newDocSaveCompPromoVlsMainEntrVlsRow3 { height: 30px; }



.newDocSaveCompPromoVlsMainEntrVlsRowMta1,
.newDocSaveCompPromoVlsMainEntrVlsRowMta2,
.newDocSaveCompPromoVlsMainEntrVlsRowMta3,
.newDocSaveCompPromoVlsMainEntrVlsRowMta4,
.newDocSaveCompPromoVlsMainEntrVlsRowMta5,
.newDocSaveCompPromoVlsMainEntrVlsRowMta6,
.newDocSaveCompPromoVlsMainEntrVlsRowMta7,
.newDocSaveCompPromoVlsMainEntrVlsRowMta8 { position: relative; float: left; height: 30px; line-height: 28px; font-size: 8pt; background: #fff; border: 2px solid #a4dbed; border-radius: 5px; margin-right: 9px; color: #0db4d5; }


.newDocSaveCompPromoVlsMainEntrVlsRowMta1 { width: 171px; text-indent: 0px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta2 { width: 100px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta3 { width: 100px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta4 { width: 64px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta5 { width: 64px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta6 { width: 64px; text-align: center; background: #ef443c; color: #fff !important; line-height: 31px; font-size: 9pt; border: none !important; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta7 { width: 100px; text-align: center; }
.newDocSaveCompPromoVlsMainEntrVlsRowMta8 { width: 152px; text-align: center; }


.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp1,
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp2,
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp3,
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp4 { position: absolute; width: 58px; height: 10px; text-align: center; line-height: 9px; font-size: 6pt; /* background-color: red; */ top: 32px; color: #0db4d5; }


.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp1 { left: 221px; }
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp2 { left: 307px; }
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp3 { left: 400px; }
.newDocSaveCompPromoVlsMainEntrVlsRowMtaSsp4 { left: 473px; }

.newDocSaveCompPromoVlsMainEntrTextVlsRow { position: relative; width: 463px; height: 145px; margin-bottom: 2px; border: 2px solid #9fdbec; border-radius: 5px; /* max-height: 130px; */ max-width: 463px; min-width: 389px; min-height: 130px; padding: 5px; font-size: 8pt; line-height: 15px; color: #0db4d5; margin-top: 5px; }


.storeListRow { position: relative; width: 550px; height: 25px; margin-bottom: 2px; cursor: pointer; }
.storeListName { position: absolute; width: 115px; height: 20px; border: 2px solid #a3d9ea; background: #9fdbec; font-size: 8pt; text-align: left; text-indent: 10px; color: #fff; line-height: 20px; }


.newDocSaveCompPromoVlsConBnrNewStore { position: absolute; top: 0px; right: 19px; width: 64px; height: 30px; z-index: 0; cursor: pointer; border: 2px solid #36deff; border-radius: 5px; text-align: center; line-height: 26px; color: #fff; background: #36deff; font-size: 9pt; font-weight: bold; }



.newDocSaveCompPromoVlsStoreBnrCon { position: absolute; width: 538px; height: 26px; border: 2px solid #a3d9ea; background: #9fdbec; text-align: center; line-height: 24px; color: #fff; font-size: 8pt; border-radius: 5px; }
.newDocSaveCompPromoVlsStoreBnr2Con { position: absolute; width: 568px; height: 26px; top: 30px; }


.newDocSaveCompPromoVlsStoreBnr2vl1,
.newDocSaveCompPromoVlsStoreBnr2vl2,
.newDocSaveCompPromoVlsStoreBnr2vl3,
.newDocSaveCompPromoVlsStoreBnr2vl4 { position: relative; border: 0px solid #a3d9ea; background: #9fdbec; font-size: 8pt; text-align: center; width: 163px; text-indent: 0px; left: 0px; color: #fff; line-height: 26px; height: 26px; float: left; margin-right: 9px; border-radius: 5px; }


.newDocSaveCompPromoVlsStoreBnr2vl1 { width: 61px; }
.newDocSaveCompPromoVlsStoreBnr2vl2 { width: 150px; }
.newDocSaveCompPromoVlsStoreBnr2vl3 { width: 150px; }
.newDocSaveCompPromoVlsStoreBnr2vl4 { width: 150px; }


.newDocSaveCompPromoVlsStoreDataList { position: absolute; width: 555px; height: 602px; top: 60px; background: #ecf8fb; z-index: 1; }


.newDocSaveCompPromoVlsStoreListRwVl1,
.newDocSaveCompPromoVlsStoreListRwVl2,
.newDocSaveCompPromoVlsStoreListRwVl3,
.newDocSaveCompPromoVlsStoreListRwVl4 { position: relative; border: 2px solid #0db4d5; background: #ffffff; font-size: 8pt; text-align: center; width: 163px; text-indent: 0px; left: 0px; color: #0db4d5; line-height: 24px; height: 26px; float: left; margin-right: 9px; border-radius: 5px; }


.newDocSaveCompPromoVlsStoreListRwVl1 { width: 61px; }
.newDocSaveCompPromoVlsStoreListRwVl2 { width: 150px; }
.newDocSaveCompPromoVlsStoreListRwVl3 { width: 150px; }
.newDocSaveCompPromoVlsStoreListRwVl4 { width: 150px; }


.newDocSaveCompPromoVlsStoreListRwVlDel { position: absolute; width: 61px; height: 26px; top: -2px; left: -2px; border-radius: 5px; color: #7a929d; z-index: 1; font-size: 11px; background: red; cursor: pointer; display: none; }
    .newDocSaveCompPromoVlsStoreListRwVlDel div { position: absolute; width: 16px; height: 3px; background: #fff; top: 11px; left: 23px; }

.storeListRow:hover .newDocSaveCompPromoVlsStoreListRwVlDel { display: block; }


.newDocSaveCompPromoVlsMainBtnOk,
.newDocSaveCompPromoVlsMainBtnCn,
.newDocSaveCompPromoVlsMainBtnCn2 { position: absolute; width: 35px; height: 35px; border-radius: 20px; text-align: center; line-height: 28px; background: #fff; font-weight: bold; }


.newDocSaveCompPromoVlsMainBtnOk { border: 4px solid #0db4d5; top: 55px; left: 8px; color: #0db4d5; font-size: 16pt; line-height: 30px; }
.newDocSaveCompPromoVlsMainBtnCn { border: 4px solid #f00; top: 58px; left: 29px; color: #f00; font-size: 12pt; font-family: 'Arial Black'; }
.newDocSaveCompPromoVlsMainBtnCn2 { border: 4px solid #f00; top: 55px; left: 52px; color: #f00; font-size: 12pt; font-family: 'Arial Black'; }

.newDocSaveCompPromoVlsMainBtnOk:hover { box-shadow: 0px 0px 3px 1px #0db4d5; }
.newDocSaveCompPromoVlsMainBtnCn:hover { box-shadow: 0px 0px 3px 1px #f00; }
.newDocSaveCompPromoVlsMainBtnCn2:hover { box-shadow: 0px 0px 3px 1px #f00; }

.newDocSaveCompPromoVlsMainPinClrRow { position: absolute; width: 20px; height: 30px; top: 9px; right: 0px; }

.newDocSaveCompPromoVlsMainPinClrRow1,
.newDocSaveCompPromoVlsMainPinClrRow2,
.newDocSaveCompPromoVlsMainPinClrRow3,
.newDocSaveCompPromoVlsMainPinClrRow4,
.newDocSaveCompPromoVlsMainPinClrRow5 { position: relative; width: 20px; height: 20px; background-color: red; float: left; z-index: 1; margin-right: 5px; border-radius: 5px; cursor: pointer; margin-bottom: 9px; }

.newDocSaveCompPromoVlsMainPinClrRow1 { background-color: #00FA3B; }
.newDocSaveCompPromoVlsMainPinClrRow2 { background-color: #106CE9; }
.newDocSaveCompPromoVlsMainPinClrRow3 { background-color: #F05323; }
.newDocSaveCompPromoVlsMainPinClrRow4 { background-color: #C211F4; }
.newDocSaveCompPromoVlsMainPinClrRow5 { background-color: #000000; }



.newDocSaveCompPromoVlsMainImgRowPls { position: absolute; width: 30px; height: 30px; border-radius: 20px; text-align: center; line-height: 24px; background: #fff; font-weight: bold; border: 4px solid #0db4d5; top: 115px; left: 98px; color: #0db4d5; font-size: 16pt; display: none; cursor: pointer; z-index: 1; }

.newDocSaveCompPromoVlsMainImgRow:hover .newDocSaveCompPromoVlsMainImgRowPls { display: block; }


#newDocSaveCompPromoVlsMainMapVls .leaflet-control-zoom-in { top: 308px !important; left: 477px !important; position: absolute !important; width: 40px !important; height: 40px !important; line-height: 37px !important; font-size: 20pt !important; opacity: 0.4 !important; }
#newDocSaveCompPromoVlsMainMapVls .leaflet-control-zoom-out { top: 359px !important; left: 477px !important; position: absolute !important; width: 40px !important; height: 40px !important; font-size: 20pt !important; opacity: 0.4 !important; line-height: 40px !important; }


#newDocSaveCompPromoVlsMainMapVls .leaflet-control-zoom-in:hover { opacity: 1 !important; }
#newDocSaveCompPromoVlsMainMapVls .leaflet-control-zoom-out:hover { opacity: 1 !important; }




#newDocSaveCompPromoVlsCon .newDocSaveCompPromoVlsConBnrBtns { left: 81px; width: 500px; }
#newDocSaveCompPromoVlsCon .newDocSaveBanNewBtnsCatDivx { width: 88px; margin-right: 16px; }
#newDocSaveCompPromoVlsCon .newDocSaveBanNewBtnsCatDiv1 { top: 27px; }
#newDocSaveCompPromoVlsCon .newDocSaveBanNewBtnsCatDiv2 { }
#newDocSaveCompPromoVlsCon .newDocSaveBanNewBtnsCatDiv3 { }





/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */





.divManagPersonListRow { position: relative; top: 15px; left: -6px; width: 560px; height: 43px; margin-bottom: 5px; }

.divManagPersonListRowVl1,
.divManagPersonListRowVl2,
.divManagPersonListRowVl3 { position: relative; color: #0db4d5; border: 1px solid #96D7EA; background: #fff; height: 34px; line-height: 32px; float: left; margin-right: 5px; border-radius: 5px; font-size: 9pt; }


.divManagPersonListRowVl1 { width: 37px; overflow: hidden; }
.divManagPersonListRowVl2 { width: 330px; text-indent: 7px; }
.divManagPersonListRowVl3 { width: 170px; text-align: center; }


.divManagPersonListRowVl1 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 37px; }

.divManagPersonListRowVl1:hover img { width: 50px; }


.divManagMsAddPer { position: absolute; width: 40px; height: 40px; background-color: #fff; border: 2px solid #0db4d5; border-radius: 30px; text-align: center; line-height: 36px; font-size: 23pt; top: 11px; left: 35px; color: #0db4d5; cursor: pointer; z-index: 8; }


.divManagMsAddPerDavLink { position: absolute; width: 476px; height: 90px; background-color: #fff; top: 220px; left: 50px; border: 2px solid #0db4d5; border-radius: 10px; }

.divManagMsAddPerDavLinkCls { position: absolute; width: 25px; height: 25px; border-radius: 20px; background-color: #0db4d5; text-align: center; line-height: 23px; font-size: 13pt; right: -9px; top: -9px; cursor: pointer; color: #fff; font-weight: bold; }


.divManagMsAddPerDavLinkWrt1 { position: absolute; width: 150px; height: 20px; line-height: 20px; font-size: 8pt; top: 5px; left: 18px; color: #0db4d5; font-weight: bold; }
.divManagMsAddPerDavLinkWrt3 { position: absolute; width: 380px; height: 20px; line-height: 20px; font-size: 8pt; top: 60px; left: 18px; color: #0db4d5; }
.divManagMsAddPerDavLinkWrt2 { position: absolute; width: 447px; height: 26px; line-height: 25px; font-size: 8pt; top: 30px; left: 11px; border: 1px solid #0db4d5; border-radius: 5px; text-indent: 5px; color: #fff; background: #5bc5e8; }




/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */


#newDocSaveCompAppsSet { position: absolute; width: 555px; height: 694px; background-color: #ecf8fb; z-index: 5; left: 0px; top: 58px; /*box-shadow: 0px 0px 4px 2px #00b4d5;*/ }


.newDocSaveCompAppsSetBannerBtnsCon { position: absolute; left: 70px; z-index: 1; top: -24px; width: 460px; }



.newDocSaveCompAppsSetMainAppsUsagesVls { position: absolute; width: 555px; height: 663px; top: 27px; left: 0px; }

.newDocSaveCompAppsSetMainAppsUsagesVlsBnr1 { position: absolute; width: 554px; height: 30px; line-height: 30px; text-align: center; background: #fff; border: 2px solid #0db4d5; border-radius: 5px; color: #4f4f4f; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2 { position: absolute; width: 574px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; color: #4f4f4f; top: 34px; }


.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V1,
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V2,
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V3,
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V4,
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V5,
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V6 { position: relative; float: left; height: 30px; line-height: 30px; font-size: 8pt; border-radius: 5px; color: #ffffff; margin-right: 5px; border: 0px solid #a3d9ea; background: #9fdbec; }


.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V1 { width: 174px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V2 { width: 174px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V3 { width: 44px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V4 { width: 44px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V5 { width: 44px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsBnr2V6 { width: 49px; }



#newDocSaveCompAppsSetMainAppsUsagesVlsDataList { position: absolute; width: 560px; height: 599px; top: 67px; left: 0px; overflow: scroll; }

.newDocSaveCompAppsSetMainAppsUsagesVlsDataRow { position: relative; width: 574px; height: 30px; top: 0px; margin-bottom: 5px; }

.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl1,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl2,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl3,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl4,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl5,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl6 { position: relative; border: 1px solid #A3D9EA; float: left; height: 28px; line-height: 28px; font-size: 8pt; border-radius: 5px; color: #4f4f4f; margin-right: 5px; background: #fff; }


.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl1 { width: 174px; text-indent: 5px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl2 { width: 174px; text-indent: 5px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl3 { width: 44px; text-align: center; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl4 { width: 44px; text-align: center; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl5 { width: 44px; text-align: center; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataRowVl6 { width: 49px; }



.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowCon { position: relative; width: 574px; height: auto; margin-bottom: 13px; }


.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRow { position: relative; width: 574px; height: 25px; top: 0px; margin-bottom: 5px; }

.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl1,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl2,
.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl3 { position: relative; height: 25px; line-height: 25px; font-size: 8pt; border: 1px solid #A3D9EA; float: left; text-align: center; margin-right: 5px; left: 357px; border-radius: 5px; background: #fff; }

.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl1 { width: 70px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl2 { width: 70px; }
.newDocSaveCompAppsSetMainAppsUsagesVlsDataSubRowVl3 { width: 48px; }

.drpDwnListPku { position: absolute; width: 525px; background-color: #fff; left: 5px; top: 72px; height: 250px; z-index: 1; overflow: hidden; }

    .drpDwnListPku .drpDwnLstRow { position: relative; width: 470px; height: 28px; line-height: 28px; left: 41px; border: 1px solid #0db4d5; margin-bottom: 5px; border-radius: 5px; text-indent: 9px; margin-top: 5px; max-height: 500px; cursor: pointer; }




#DrpDwnLstVls1 { position: absolute; width: 555px; height: auto; background-color: white; z-index: 2; top: 33px; border: 2px solid #d3d3d3; border-radius: 5px; }

.drpDwnLstRow, .drpDwnLstRowX { position: relative; width: 530px; height: 28px; line-height: 28px; left: 11px; border: 1px solid #0db4d5; margin-bottom: 5px; border-radius: 5px; text-indent: 9px; margin-top: 5px; max-height: 500px; cursor: pointer; font-size: 12px; }

    .drpDwnLstRow:hover { box-shadow: 0px 0px 4px #0db4d5; }
    .drpDwnLstRowX:hover { box-shadow: 0px 0px 4px #000; }

.drpDwnLstRowX { background-color: #0db4d5; color: #fff; }














/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */

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


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

/*
.monthPre { color: gray; text-align: center; }
.monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
.dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
.calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
.monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
.dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
.calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


.calendarRightArv,
.calendarLeftArv { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 12pt; line-height: 22px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; }

.calendarRightArv { right: 5px; text-indent: 2px; }
.calendarLeftArv { left: 6px; }

.calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
.calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

.calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
.calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

.calendarSelectMounth::-webkit-scrollbar { width: 0px; }
.calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

.calendarSelectYear::-webkit-scrollbar { width: 1px; }
.calendarSelectYear option::-webkit-scrollbar { width: 1px; }

.dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }

*/
.calendar tr:first-child td:first-child { border: 0px none; box-shadow: unset; }

.calendar_header_label { position: relative; width: 100%; height: 30px; line-height: 30px; text-align: center; text-indent: 0px; padding: 0px; margin: 0px; overflow: scroll; white-space: nowrap; background-color: #0db4d5; color: #FFFFFF; border-top-left-radius: 30px; border-top-right-radius: 30px; box-shadow: 0px 1px 3px #000000; }

.monthPre { color: gray; text-align: center; }
.calendarHeaderRow { color: #096b7f; text-align: center; height: 55px; position: relative; }
.monthNow { color: #096b7f; text-align: center; height: 45px !important; position: relative; }
.calendar .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
.calendar td { htmlContent: 2px; width: 40px; font-size: 16px; height: 10px; border: 2px solid #f4f4f4; border-radius: 7px; box-shadow: 0px 0px 3px #c4c0c0; font-weight: bold; cursor: pointer; }
.monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 65px; border-radius: 30px; cursor: pointer; }
.dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
.calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 380px; width: 474px; border-spacing: 4px; border-collapse: separate; border: 1px solid #fff; border-radius: 10px; border-top-left-radius: 38px; border-top-right-radius: 38px; }

.calendarHeaderTable { width: 100%; background-color: #0db4d5; border-radius: 65px; }
    .calendarHeaderTable tr th:first-child,
    .calendarHeaderTable tr th:last-child { width: 45px; }

.calendarRightArv,
.calendarLeftArv { position: unset; width: 45px; height: 45px; background-color: #fff; border: 0px none; border-radius: 50%; text-align: center; font-size: 35px; line-height: 44px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; margin: 2px; transition: 200ms; }

.calendarRightArv { right: 5px; text-indent: 2px; }
    .calendarRightArv:is(:hover, :focus) { box-shadow: 5px 1px 6px 2px #000; }
    .calendarRightArv:is(:active) { box-shadow: 5px 1px 6px 4px #000; filter: hue-rotate(7deg); }
.calendarLeftArv { left: 6px; }
    .calendarLeftArv:is(:hover, :focus) { box-shadow: 5px 1px 6px 2px #000; }
    .calendarLeftArv:is(:active) { box-shadow: 5px 1px 6px 4px #000; filter: hue-rotate(7deg); }

/*.calendarRightArv:hover,
    .calendarLeftArv:hover,
    .calendarRightArv:active,
    .calendarLeftArv:active { box-shadow: 0px 0px 5px #0db4d5; font-size: 45px; transform: scale(1.1); }*/





.calendarSelectMounth { position: relative; width: 100px; height: 25px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; font-size: 25px; font-weight: bold; }
    .calendarSelectMounth:is(:hover, :focus) { text-shadow: 5px 1px 6px #000; }
    .calendarSelectMounth:is(:active) { text-shadow: 5px 1px 6px #000; filter: hue-rotate(7deg); }

.calendarSelectYear { position: relative; width: 70px; height: 25px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; font-size: 25px; font-weight: bold; }
    .calendarSelectYear:is(:hover, :focus) { text-shadow: 5px 1px 6px #000; }
    .calendarSelectYear:is(:active) { text-shadow: 5px 1px 6px #000; filter: hue-rotate(7deg); }


.calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 15px; }
.calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 15px; }

.calendarSelectMounth::-webkit-scrollbar { width: 0px; }
.calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

.calendarSelectYear::-webkit-scrollbar { width: 1px; }
.calendarSelectYear option::-webkit-scrollbar { width: 1px; }

.dayNowClss { position: relative; width: 53px; height: 37px; line-height: 37px; text-align: center; top: 0px; left: 0px; font-size: 25px; font-weight: bold; border: 0px none; border-radius: 5px; background-color: transparent; }
    .dayNowClss:is(:hover, :focus) { box-shadow: 5px 1px 6px 2px #000; }
    .dayNowClss:is(:active) { box-shadow: 5px 1px 6px 4px #000; filter: hue-rotate(7deg); }


.calendar_hour,
.calendar_minute { width: 58px; height: 40px; line-height: 18px; border: 1px solid #0db4d5; border-radius: 3px; text-align: center; font-size: 22px; position: relative; left: 5px; border-radius: 9px; top: 10px; margin-right: 3px; }

.calendar_hour { }
.calendar_minute { }
.calendar_time_seperator { color: #fff; font-size: 22px; font-weight: bold; line-height: 20px; position: absolute; top: 20px; left: 63px; }

.calendar_SaveBtn { position: relative; width: 131px; height: 55px; line-height: 54px; border: 2px solid #0db4d5; background: #0db4d5; margin-top: 0px; text-align: center; border-radius: 10px; color: #fff; font-size: 20px; margin-left: 51px; float: left; top: 0px; left: 0px; }
    .calendar_SaveBtn:is(:hover, :focus) { box-shadow: 5px 1px 6px 2px #000; }
    .calendar_SaveBtn:is(:active) { box-shadow: 5px 1px 6px 4px #000; filter: hue-rotate(7deg); }
.calendar_CloseBtn { position: relative; border: 0px none; background-color: transparent; margin-top: 6px; margin-left: 80px; color: #0db4d5; font-size: 30px; width: 50px; height: 50px; border-radius: 5px; }
    .calendar_CloseBtn:is(:hover, :focus) { box-shadow: 5px 1px 6px 2px #000; }
    .calendar_CloseBtn:is(:active) { box-shadow: 5px 1px 6px 4px #000; filter: hue-rotate(7deg); }

.calendar_ExWrd { width: 70px; height: 23px; line-height: 2px; margin-top: 13px; text-align: center; border-radius: 5px; color: #fff; font-size: 15px; }

.calendar_hoMinSvCon { position: relative; width: 472px; height: 60px; margin: 0px auto; margin-top: 10px; }

.calendar_hoMinCon { position: relative; width: 134px; height: 55px; float: left; background: #0db4d5; border-radius: 8px; margin-right: 17px; }




.dietistBody .calendarSelectMounth { position: relative; width: 154px; height: 47px; line-height: 47px; margin-right: 7px; border: none; background: transparent; color: #fff; font-size: 25px; font-weight: bold; padding-left: 10px; }
.dietistBody .calendarSelectYear { position: relative; width: 70px; height: 40px; line-height: 40px; text-align: center; border: none; background: transparent; color: #fff; font-size: 25px; font-weight: bold; }

.dietistBody .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 15px; text-indent: 5px; padding-left: 5px; border-left: 5px solid #fff; }
.dietistBody .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 15px; text-indent: 5px; padding-left: 5px; }

.dietistBody .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
.dietistBody .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

.dietistBody .calendarSelectYear::-webkit-scrollbar { width: 1px; }
.dietistBody .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

.dietistBody .dayNowClss { position: relative; width: 63px; height: 57px; line-height: 55px; text-align: center; top: 0px; left: 0px; font-size: 25px; font-weight: bold; }


.diyetistGrafLabDateStpDataRowClndrCon { position: relative; width: 511px; margin: 0px; background-color: #fff; border: 5px solid #fff; border-radius: 10px; box-shadow: 1px 1px 5px 1px #000; }


#divUserAppoSetDateFromNowOnTxt { position: absolute; top: 150px; left: calc( (100% - 511px)/2); width: 511px; border-radius: 10px; background-color: #f4f4f4; box-shadow: 0px 0px 15px #000; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0px; }


#diyetistGrafLabDateStpDateDataList .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 214px; height: 203px; background: #bcbcbc; border: 2px solid #0db4d5; border-radius: 9px; overflow: hidden; }

#diyetistGrafLabDateStpDateDataList .monthPre { color: gray; text-align: center; }
#diyetistGrafLabDateStpDateDataList .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
#diyetistGrafLabDateStpDateDataList .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
#diyetistGrafLabDateStpDateDataList .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
#diyetistGrafLabDateStpDateDataList .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
#diyetistGrafLabDateStpDateDataList .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
#diyetistGrafLabDateStpDateDataList .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


#diyetistGrafLabDateStpDataRowClndr1 { position: absolute; width: 247px; top: 28px; left: -10px; }
#diyetistGrafLabDateStpDataRowClndr2 { position: absolute; width: 250px; top: 28px; left: -10px; }

#diyetistGrafLabDateStpDateDataList .calendarRightArv,
#diyetistGrafLabDateStpDateDataList .calendarLeftArv { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 12pt; line-height: 22px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; }

#diyetistGrafLabDateStpDateDataList .calendarRightArv { right: 5px; text-indent: 2px; }
#diyetistGrafLabDateStpDateDataList .calendarLeftArv { left: 6px; }

#diyetistGrafLabDateStpDateDataList .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
#diyetistGrafLabDateStpDateDataList .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

#diyetistGrafLabDateStpDateDataList .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
#diyetistGrafLabDateStpDateDataList .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

#diyetistGrafLabDateStpDateDataList .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
#diyetistGrafLabDateStpDateDataList .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

#diyetistGrafLabDateStpDateDataList .calendarSelectYear::-webkit-scrollbar { width: 1px; }
#diyetistGrafLabDateStpDateDataList .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

#diyetistGrafLabDateStpDateDataList .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }






/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */


#docCliPageAddPatiVals4Cal { position: absolute; left: 528px; top: 365px; width: 215px; height: 204px; z-index: 2; }


    #docCliPageAddPatiVals4Cal .monthPre { color: gray; text-align: center; }
    #docCliPageAddPatiVals4Cal .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
    #docCliPageAddPatiVals4Cal .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
    #docCliPageAddPatiVals4Cal .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
    #docCliPageAddPatiVals4Cal .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #docCliPageAddPatiVals4Cal .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
    #docCliPageAddPatiVals4Cal .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


    #docCliPageAddPatiVals4Cal .calendarRightArv,
    #docCliPageAddPatiVals4Cal .calendarLeftArv { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 12pt; line-height: 22px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; }

    #docCliPageAddPatiVals4Cal .calendarRightArv { right: 5px; text-indent: 2px; }
    #docCliPageAddPatiVals4Cal .calendarLeftArv { left: 6px; }

    #docCliPageAddPatiVals4Cal .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
    #docCliPageAddPatiVals4Cal .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

    #docCliPageAddPatiVals4Cal .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
    #docCliPageAddPatiVals4Cal .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

    #docCliPageAddPatiVals4Cal .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
    #docCliPageAddPatiVals4Cal .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

    #docCliPageAddPatiVals4Cal .calendarSelectYear::-webkit-scrollbar { width: 1px; }
    #docCliPageAddPatiVals4Cal .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

    #docCliPageAddPatiVals4Cal .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }

    #docCliPageAddPatiVals4Cal #divUserAppoSetDateFromNowOnTxt { position: absolute; top: calc( (100% - 260px)/2); left: calc( (100% - 250px)/2); width: 250px; height: 260px; background-color: #ecf8fb; z-index: 2; border: 20px solid #ecf8fb; border-radius: 10px; box-shadow: 1px 1px 1px #b4abab; }


    #docCliPageAddPatiVals4Cal .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 214px; height: 203px; background: #bcbcbc; border: 2px solid #0db4d5; border-radius: 9px; overflow: hidden; }

    #docCliPageAddPatiVals4Cal .monthPre { color: gray; text-align: center; }
    #docCliPageAddPatiVals4Cal .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
    #docCliPageAddPatiVals4Cal .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
    #docCliPageAddPatiVals4Cal .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
    #docCliPageAddPatiVals4Cal .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #docCliPageAddPatiVals4Cal .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
    #docCliPageAddPatiVals4Cal .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


#diyetistGrafLabDateStpDataRowClndr1 { position: absolute; width: 247px; top: 28px; left: -10px; }
#diyetistGrafLabDateStpDataRowClndr2 { position: absolute; width: 250px; top: 28px; left: -10px; }

#docCliPageAddPatiVals4Cal .calendarRightArv,
#docCliPageAddPatiVals4Cal .calendarLeftArv { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 12pt; line-height: 22px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; }

#docCliPageAddPatiVals4Cal .calendarRightArv { right: 5px; text-indent: 2px; }
#docCliPageAddPatiVals4Cal .calendarLeftArv { left: 6px; }

#docCliPageAddPatiVals4Cal .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
#docCliPageAddPatiVals4Cal .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

#docCliPageAddPatiVals4Cal .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
#docCliPageAddPatiVals4Cal .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

#docCliPageAddPatiVals4Cal .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
#docCliPageAddPatiVals4Cal .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

#docCliPageAddPatiVals4Cal .calendarSelectYear::-webkit-scrollbar { width: 1px; }
#docCliPageAddPatiVals4Cal .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

#docCliPageAddPatiVals4Cal .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }






/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */




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


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



/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------- */




.userXTitle { position: relative; left: 15px; font-size: 8pt; white-space: nowrap; }
.userXName { position: relative; left: 0px; font-size: 9pt; white-space: nowrap; }
.userXLastname { position: relative; left: -15px; font-size: 9pt; white-space: nowrap; }






/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */

#diyetist_InfsPdfCon { position: relative; width: 100%; height: 100%; background: #a3e3ffcf; z-index: 150; top: 0px; left: 0px; }

.diyetist_InfsPdfWrap { position: relative; width: 709px; height: calc(93% - 57px); background: #fff; margin: 0px auto; box-shadow: 0px 0px 0px 6px #03acdb; top: 35px; border-radius: 5px; /* background: url(../img/pdf/coa.png) 0px 0px no-repeat; */ background-size: 710px; }

.diyetist_InfsPdfCls { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #03acdb; top: -25px; background: #fff; left: 682px; z-index: 2; }
    .diyetist_InfsPdfCls div { position: absolute; left: 9px; top: 4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #00B4D5; width: 0px; z-index: 2; }

#diyetist_InfsPdfWrap { overflow: scroll; position: relative; width: 709px; height: 100%; overflow-x: hidden; }

.diyetist_InfsPdfMain { position: relative; width: 709px; margin: 0px auto; height: auto; white-space: nowrap; }

.diyetist_InfsPdfBnrImgCon { position: absolute; width: 100%; height: 101px; background: #1d92ba }
.diyetist_InfsPdfBnrImg { position: absolute; width: 139px; top: 32px; left: 546px; }


.diyetist_InfsPdfBnrWrd { position: absolute; width: 310px; height: 30px; line-height: 30px; color: #fff; font-size: 13pt; top: 71px; left: 108px; text-align: left; white-space: nowrap; }




.diyetist_InfsPdfMnWrdCn1 { position: relative; width: 512px; height: 290px; background-color: #EFFAFD; top: 205px; left: 90px; border-radius: 10px; /* opacity: 0.4; */ white-space: nowrap; }

.diyetist_InfsPdfMnWrdCn1Spn1,
.diyetist_InfsPdfMnWrdCn1Spn2,
.diyetist_InfsPdfMnWrdCn1Spn3,
.diyetist_InfsPdfMnWrdCn1Spn4 { position: relative; width: 490px; left: 19px; top: 17px; margin-bottom: 5px; font-size: 12px; line-height: 19px; color: #57585B; }


.diyetist_InfsPdfMnWrdCn1Spn1 { color: #5DC0D7; font-size: 20px; line-height: 21px; }
.diyetist_InfsPdfMnWrdCn1Spn2 { top: 32px; }
.diyetist_InfsPdfMnWrdCn1Spn3 { top: 43px; }
.diyetist_InfsPdfMnWrdCn1Spn4 { top: 58px; }


/* /// */

.diyetist_InfsPdfMnWrdCn2 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; }

    .diyetist_InfsPdfMnWrdCn2 .diyetist_InfsPdfMnWrdCzg { width: 290px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn2 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn2 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

    .diyetist_InfsPdfMnWrdCn2 .diyetist_InfsPdfMnWrdMvWrd2 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 20px; font-size: 12px; color: #57585B; margin-bottom: 20px; }
        .diyetist_InfsPdfMnWrdCn2 .diyetist_InfsPdfMnWrdMvWrd2 span { color: #009BBF; font-size: 14px; }


/* /// */

.diyetist_InfsPdfMnWrdCn3 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn3 .diyetist_InfsPdfMnWrdCzg { width: 310px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn3 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn3 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn4 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn4 .diyetist_InfsPdfMnWrdCzg { width: 360px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn4 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn4 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn5 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn5 .diyetist_InfsPdfMnWrdCzg { width: 390px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn5 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn5 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn6 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn6 .diyetist_InfsPdfMnWrdCzg { width: 520px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn6 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn6 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn7 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn7 .diyetist_InfsPdfMnWrdCzg { width: 375px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 12.5pt; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; height: 22px; left: 4px; white-space: nowrap; }

    .diyetist_InfsPdfMnWrdCn7 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn7 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn8 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdCzg { width: 485px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; }

    .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }
        .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdMvWrd1 .diyetist_InfsPdfMnWrdMvWrd1s1 { position: relative; margin-top: 10px; left: 39px; }
            .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdMvWrd1 .diyetist_InfsPdfMnWrdMvWrd1s1 .diyetist_InfsPdfMnWrdMvWrd1s2 { font-size: 10pt; color: #009BBF; margin-top: 12px; }
            .diyetist_InfsPdfMnWrdCn8 .diyetist_InfsPdfMnWrdMvWrd1 .diyetist_InfsPdfMnWrdMvWrd1s1 .diyetist_InfsPdfMnWrdMvWrd1s3 { left: 8px; position: relative; }

/* /// */

.diyetist_InfsPdfMnWrdCn9 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn9 .diyetist_InfsPdfMnWrdCzg { width: 567px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; min-height: 25px; left: 4px; white-space: nowrap; }

    .diyetist_InfsPdfMnWrdCn9 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn9 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn10 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn10 .diyetist_InfsPdfMnWrdCzg { width: 607px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 0px; line-height: 20px; height: auto; left: 4px; white-space: nowrap; padding-left: 101px; }

    .diyetist_InfsPdfMnWrdCn10 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn10 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn11 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn11 .diyetist_InfsPdfMnWrdCzg { width: 597px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 0px; line-height: 20px; height: auto; left: 4px; white-space: nowrap; padding-left: 101px; }

    .diyetist_InfsPdfMnWrdCn11 .diyetist_InfsPdfMnWrdMvWrd2 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 9pt; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn11 .diyetist_InfsPdfMnWrdMvWrd2 span { color: #009BBF; /* font-size: 10.5pt; */ }

/* /// */

.diyetist_InfsPdfMnWrdCn12 { position: relative; width: 702px; height: auto; top: 249px; left: 2px; margin-top: 7px; }

    .diyetist_InfsPdfMnWrdCn12 .diyetist_InfsPdfMnWrdCzg { width: 597px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 12.5pt; top: 11px; margin-bottom: 10px; text-indent: 0px; line-height: 20px; height: auto; left: 4px; white-space: nowrap; padding-left: 101px; }

    .diyetist_InfsPdfMnWrdCn12 .diyetist_InfsPdfMnWrdMvWrd2 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 9pt; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn12 .diyetist_InfsPdfMnWrdMvWrd2 span { color: #009BBF; /* font-size: 10.5pt; */ }

/* /// */

.diyetist_InfsPdfMnWrdCn13 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; }

    .diyetist_InfsPdfMnWrdCn13 .diyetist_InfsPdfMnWrdCzg { width: 627px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 0px; line-height: 20px; min-height: 25px; left: 4px; white-space: nowrap; padding-left: 101px; }

    .diyetist_InfsPdfMnWrdCn13 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn13 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }

/* /// */

.diyetist_InfsPdfMnWrdCn14 { position: relative; width: 702px; height: auto; top: 256px; left: 2px; margin-top: 40px; margin-bottom: 150px; }

    .diyetist_InfsPdfMnWrdCn14 .diyetist_InfsPdfMnWrdCzg { width: 639px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 0px; line-height: 20px; min-height: 25px; left: 4px; white-space: nowrap; padding-left: 101px; }

    .diyetist_InfsPdfMnWrdCn14 .diyetist_InfsPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }
        .diyetist_InfsPdfMnWrdCn14 .diyetist_InfsPdfMnWrdMvWrd1 span { color: #009BBF; font-size: 14px; }


/* /// */

.diyetist_InfsPdfMnWrdCnFootr { position: relative; width: 709px; height: 40px; background-color: #009BBE; top: 256px; margin-bottom: 20px; }

    .diyetist_InfsPdfMnWrdCnFootr .diyetist_InfsPdfMnWrdCnFootrw1 { position: relative; width: 340px; float: left; white-space: nowrap; color: #fff; top: 12px; left: 35px; font-size: 9pt; }
    .diyetist_InfsPdfMnWrdCnFootr .diyetist_InfsPdfMnWrdCnFootrw2 { position: relative; width: 140px; float: left; white-space: nowrap; color: #fff; top: 12px; left: 195px; font-size: 9pt; }

/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */


#diyetist_InfsWndhmCon { position: relative; width: 100%; height: 100%; background: #0ba489c7; z-index: 150; top: 0px; left: 0px; }
.diyetist_InfsWndhmWrp { position: relative; width: 709px; height: calc(93% - 57px); background: #fff; margin: 0px auto; box-shadow: 0px 0px 0px 6px #4fbba7; top: 35px; border-radius: 5px; /*background: url(../img/pdf/wnd.png) 0px 0px no-repeat;*/ background-size: 710px; }


.diyetist_InfsWndhmCls { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #01a084; top: -25px; background: #fff; left: 682px; z-index: 2; }
    .diyetist_InfsWndhmCls div { position: absolute; left: 9px; top: 4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #03a185; width: 0px; z-index: 2; }


#diyetist_InfsWndhmWrp { overflow: scroll; position: relative; width: 709px; height: 100%; overflow-x: hidden; }

.diyetist_InfsWndhmMain { position: relative; width: 709px; margin: 0px auto; height: auto; }

.diyetist_InfsWndhmBnrImgCon { position: absolute; width: 100%; height: 180px; }

.diyetist_InfsWndhmBnrImg { position: absolute; width: 709px; left: 0px; }

.diyetist_InfsWndhmBnrWrd { position: absolute; width: 310px; height: 30px; line-height: 28px; color: #fff; font-size: 14pt; top: 47px; left: 198px; text-align: left; white-space: nowrap; }

.diyetist_InfsWndhmMnWrdCn1 { position: relative; width: 702px; height: auto; top: 222px; left: 2px; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg { width: 380px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg2 { width: 380px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 15pt; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg3 { width: 574px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg4 { width: 520px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg5 { width: 452px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg6 { width: 302px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg7 { width: 252px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdCzg8 { width: 465px; position: relative; color: #007685; border-bottom: 1px solid #007685; font-size: 18px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1 { position: relative; top: 0px; left: 105px; line-height: 18px; margin-top: 16px; font-size: 12px; color: #57585B; }
    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1s { position: relative; top: 0px; left: 135px; line-height: 17px; margin-top: 44px; font-size: 11pt; color: #57585B; width: 232px; text-align: center; }
        .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1s span { font-size: 10pt; }
    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1SS { font-size: 9pt; color: #808082; }

    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1 .diyetist_InfsWndhmMnWrdv1Dt { position: relative; margin-bottom: 8px; }
        .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1 .diyetist_InfsWndhmMnWrdv1Dt div { position: relative; width: 5px; height: 5px; background: #58595B; float: left; top: 5px; border-radius: 15px; margin-right: 5px; }
    .diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdv1 .diyetist_InfsWndhmMnWrdv1Dt2 { position: relative; margin-bottom: 5px; text-indent: 20px; margin-top: 5px; }


.diyetist_InfsWndhmMnImgSln { position: relative; width: 550px; left: 95px; margin-top: 40px; }

.diyetist_InfsWndhmMnImgWrd { width: 380px; position: relative; color: #5E6264; font-size: 15px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; margin-top: 3px; width: 540px; text-align: center; }
    .diyetist_InfsWndhmMnImgWrd span { font-size: 12px; }

.diyetist_InfsWndhmMnWrdEtknlk { width: 705px; position: relative; color: #fff; font-size: 15pt; top: 4px; text-indent: 0px; line-height: 55px; left: 0px; white-space: nowrap; min-height: 174px; font-weight: bold; margin-top: 50px; text-align: center; margin-bottom: 50px; }
    .diyetist_InfsWndhmMnWrdEtknlk div { position: absolute; left: 190px; top: 50px; font-size: 22px; }

.diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdEtkon { width: 312px; position: relative; color: #00A185; border-bottom: 1px solid #00A185; font-size: 20px; top: 4px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: bold; text-align: left; margin-top: 50px; }

.diyetist_InfsWndhmMnWrdCn1 .diyetist_InfsWndhmMnWrdEtkonTm { width: 305px; position: relative; color: #00A185; font-size: 11pt; top: 0px; margin-bottom: 0px; text-indent: 0px; line-height: 20px; left: 105px; white-space: nowrap; min-height: 25px; font-weight: normal; text-align: center; margin-top: 5px; }

/* --------- */

.diyetist_InfsWndhmMnWrdEtkonLstRow1 { width: 705px; position: relative; top: 4px; text-indent: 0px; left: 0px; min-height: 24px; margin-top: 14px; margin-bottom: 12px; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow1 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow1 .InfosWndhmEducDiv { position: relative; float: left; font-size: 10pt; left: 28px; color: #58595B; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow1 .InfosWndhmTimsDiv { width: 90px; text-align: center; margin-right: 40px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow1 .InfosWndhmEducDiv { text-align: left; width: 340px; }


/* --------- */


.diyetist_InfsWndhmMnWrdEtkonLstRow2 { width: 705px; position: relative; top: 4px; text-indent: 0px; left: 0px; min-height: 24px; margin-top: 5px; margin-bottom: 12px; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmPersoDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmEducDiv2,
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmEducDiv { position: relative; float: left; font-size: 10pt; left: 28px; color: #231F20; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmTimsDiv { width: 90px; text-align: center; margin-right: 28px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmEducDiv { text-align: left; width: 273px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmEducDiv2 { text-align: left; width: 273px; font-size: 8pt; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow2 .InfosWndhmPersoDiv { width: 260px; text-align: right; margin-right: 50px; font-style: italic; font-size: 9pt; }



/* --------- */


.diyetist_InfsWndhmMnWrdEtkonLstRow3 { width: 705px; position: relative; top: 4px; text-indent: 0px; left: 0px; min-height: 24px; margin-top: 5px; margin-bottom: 12px; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmPersoDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmEducDiv { position: relative; float: left; font-size: 10pt; left: 28px; color: #00A185; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmTimsDiv { width: 90px; text-align: center; margin-right: 28px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmEducDiv { text-align: left; width: 273px; font-size: 9pt; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow3 .InfosWndhmPersoDiv { width: 260px; text-align: right; margin-right: 50px; font-style: italic; font-size: 9pt; }

/* --------- */


.diyetist_InfsWndhmMnWrdEtkonLstRow4 { width: 625px; position: relative; top: 4px; text-indent: 0px; left: 19px; min-height: 24px; margin-top: 1px; margin-bottom: 12px; height: 0; background: #fdeacf; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmPersoDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmEducDiv { position: relative; float: left; font-size: 10pt; left: 9px; color: #58595B; white-space: nowrap; line-height: 26px; /* top: -24px; */ font-weight: bold; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmTimsDiv { width: 90px; text-align: center; margin-right: 28px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmEducDiv { text-align: left; width: 358px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow4 .InfosWndhmPersoDiv { width: 67px; text-align: right; margin-right: 50px; font-style: italic; border-top: 24px solid #fdeacf; border-right: 35px solid transparent; height: 0; left: 125px; }

/* --------- */


.diyetist_InfsWndhmMnWrdEtkonLstRow5 { width: 625px; position: relative; top: 4px; text-indent: 0px; left: 19px; min-height: 24px; margin-top: 1px; margin-bottom: 12px; height: 0; background: #00A388; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmPersoDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmEducDiv { position: relative; float: left; font-size: 10pt; left: 9px; color: #fff; white-space: nowrap; line-height: 26px; /* top: -24px; */ font-weight: bold; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmTimsDiv { width: 90px; text-align: center; margin-right: 28px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmEducDiv { text-align: left; width: 358px; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow5 .InfosWndhmPersoDiv { width: 67px; text-align: right; margin-right: 50px; font-style: italic; border-top: 24px solid #00a388; border-right: 35px solid transparent; height: 0; left: 125px; }


/* --------- */


.diyetist_InfsWndhmMnWrdEtkonLstRow6 { width: 505px; position: relative; top: 4px; text-indent: 0px; left: 130px; min-height: 84px; margin-top: 25px; margin-bottom: 12px; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmPersoDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmTimsDiv,
    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmEducDiv { position: relative; /* float: left; */ font-size: 11pt; left: 28px; color: #5A595B; white-space: nowrap; font-style: italic; margin-bottom: 5px; }

    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmTimsDiv { width: 450px; text-align: left; margin-right: 40px; font-weight: bold; font-size: 11pt; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmEducDiv { text-align: left; width: 260px; font-size: 10pt; }
    .diyetist_InfsWndhmMnWrdEtkonLstRow6 .InfosWndhmPersoDiv { width: 260px; text-align: left; margin-right: 50px; font-style: italic; font-size: 10pt; }

/* --------- */
.diyetist_InfsWndhmMnWrdEtkonLstDkm1 { position: absolute; width: 1px; height: 595px; background-color: #8AD0C3; top: -3px; left: 130px; z-index: 1; }
.diyetist_InfsWndhmMnWrdEtkonLstDkm2 { position: absolute; width: 690px; height: 1px; background-color: #8AD0C3; top: 63px; left: 23px; z-index: 1; }




.diyetist_InfsWndhmMnWrdPrices { width: 705px; position: relative; color: #fff; font-size: 15pt; top: 4px; text-indent: 0px; line-height: 35px; left: 0px; white-space: nowrap; min-height: 174px; font-weight: bold; margin-top: 50px; text-align: center; margin-bottom: 50px; padding-top: 5px; }
    .diyetist_InfsWndhmMnWrdPrices div { position: absolute; left: 190px; top: 50px; font-size: 20px; }


.diyetist_InfsWndhmMnWrdPricesRow1 { position: relative; left: 53px; height: 141px; margin-bottom: 60px; width: 590px; }

    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf1,
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf1eng,
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf2,
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf3,
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf4 { position: relative; width: 422px; height: 23px; top: 19px; line-height: 30px; text-align: right; font-size: 12px; color: #6D6E70; }

    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf2 { width: 440px; left: -14px; }
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf3 { width: 452px; left: -30px; }

    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf1 { text-align: right; font-size: 18px; width: 470px; font-weight: bold; color: #007685; margin-bottom: 9px; }
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf1eng { text-align: right; font-size: 14pt; width: 530px; font-weight: bold; color: #007685; margin-bottom: 9px; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf2 div { position: relative; float: left; left: 454px; font-size: 15px; }
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf3 div { position: relative; float: left; left: 442px; font-size: 15px; }
    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSf4 div { position: relative; float: left; left: 383px; font-size: 15px; }

    .diyetist_InfsWndhmMnWrdPricesRow1 .diyetist_InfsWndhmMnWrdPricesRowSfBg { position: absolute; width: 590px; }



.diyetist_InfsWndhmMnWrdPricesRow2 { position: relative; left: 53px; height: 141px; margin-bottom: 60px; width: 590px; }

    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf1,
    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf2,
    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf3,
    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf4 { position: relative; width: 500px; height: 23px; top: 19px; line-height: 30px; text-align: right; font-size: 12px; color: #6D6E70; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf1 { text-align: right; font-size: 18px; width: 470px; font-weight: bold; color: #007685; margin-bottom: 9px; left: 80px; }

    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf2 div { position: relative; float: left; left: 518px; font-size: 15px; }
    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf3 div { position: relative; float: left; left: 491px; font-size: 15px; }
    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSf4 div { position: relative; float: left; left: 372px; font-size: 11pt; }

    .diyetist_InfsWndhmMnWrdPricesRow2 .diyetist_InfsWndhmMnWrdPricesRowSfBg { position: absolute; width: 600px; }



.diyetist_InfsWndhmMnWrdPricesRow3 { position: relative; left: 53px; height: 141px; margin-bottom: 60px; width: 590px; }

    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf1,
    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf2,
    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf3,
    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf4 { position: relative; width: 500px; height: 33px; top: 25px; line-height: 19px; text-align: left; font-size: 12px; color: #6D6E70; white-space: nowrap; }

    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf1 { text-align: left; font-size: 15pt; width: 470px; font-weight: bold; color: #007685; margin-bottom: 19px; left: 53px; top: 34px; }

    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf3 span { font-style: italic; }

    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf2 { margin-bottom: 15px; left: 25px; }
    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSf3 { left: 25px; }

    .diyetist_InfsWndhmMnWrdPricesRow3 .diyetist_InfsWndhmMnWrdPricesRowSfBg { position: absolute; width: 620px; }





.diyetist_InfsWndhmWrdPrices1 { width: 705px; position: relative; color: #fff; font-size: 15pt; top: 4px; text-indent: 0px; line-height: 35px; left: 0px; white-space: nowrap; min-height: 174px; font-weight: bold; margin-top: 50px; text-align: center; margin-bottom: 50px; padding-top: 5px; margin-top: 150px; }

    .diyetist_InfsWndhmWrdPrices1 .diyetist_InfsWndhmBnrImg { position: absolute; width: 709px; left: 0px; }
    .diyetist_InfsWndhmWrdPrices1 div { position: absolute; left: 190px; top: 50px; font-size: 16px; font-weight: bold; }




.diyetist_InfsWndhmWrdPrices1Desti { position: relative; width: 110px; height: 30px; margin-bottom: 5px; text-align: center; font-size: 12pt; color: #fff; background: #F28E1E; left: 40px; line-height: 31px; font-style: italic; }

.diyetist_InfsWndhmWrdPrices1DestiProw { position: relative; margin-bottom: 100px; }

.diyetist_InfsWndhmWrdPrices1DestiProwBn1 { position: relative; width: 610px; height: 30px; font-size: 10pt; background: #00B6A9; line-height: 30px; color: #fff; left: 40px; text-indent: 20px; font-weight: bold; font-style: italic; }

.diyetist_InfsWndhmWrdPrices1DestiProwBn2 { position: relative; width: 610px; height: 30px; line-height: 30px; left: 40px; margin-top: 7px; }
    .diyetist_InfsWndhmWrdPrices1DestiProwBn2 div { position: relative; width: 110px; height: 30px; margin-bottom: 5px; float: left; text-align: center; font-size: 12pt; color: #fff; background: #F28E1E; left: 270px; line-height: 31px; font-style: italic; margin-right: 5px; }


.diyetist_InfsWndhmWrdPrices1DestiProwBn3 { position: relative; width: 619px; height: 30px; line-height: 30px; left: 40px; margin-top: 7px; }

    .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB1,
    .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB2,
    .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB3,
    .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB4 { position: relative; width: 110px; height: 30px; margin-bottom: 5px; float: left; text-align: center; font-size: 12pt; color: #58595B; left: 0px; line-height: 31px; margin-right: 5px; }

    .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB1 { width: 266px; text-align: left; text-indent: 40px; }

.diyetist_InfsWndhmWrdPrices1DestiProw2 { position: relative; margin-bottom: 50px; }

    .diyetist_InfsWndhmWrdPrices1DestiProw2 .diyetist_InfsWndhmWrdPrices1DestiProwBn3 { margin-top: 7px; top: 7px; }

        .diyetist_InfsWndhmWrdPrices1DestiProw2 .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB1 { width: 496px; }
        .diyetist_InfsWndhmWrdPrices1DestiProw2 .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB2 { }

        .diyetist_InfsWndhmWrdPrices1DestiProw2 .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB1 span { color: #00B6A9; }
        .diyetist_InfsWndhmWrdPrices1DestiProw2 .diyetist_InfsWndhmWrdPrices1DestiProwBn3 .wndPDB2 span { color: #00B6A9; }


.diyetist_InfsWndhmWrdPrices1DestiInfsWrd { position: relative; margin-bottom: 50px; padding-left: 65px; color: #00B6A9; line-height: 21px; font-size: 11pt; min-height: 90px; }
    .diyetist_InfsWndhmWrdPrices1DestiInfsWrd .wndPDBi1 { position: relative; float: left; margin-right: 10px; left: 6px; text-align: right; }
    .diyetist_InfsWndhmWrdPrices1DestiInfsWrd .wndPDBi2 { position: relative; float: left; /* margin-right: 5px; */ left: 7px; margin-bottom: 5px; width: 615px; }
    .diyetist_InfsWndhmWrdPrices1DestiInfsWrd .wndPDBi3 { position: relative; float: left; left: 0px; margin-right: 10px; }
    .diyetist_InfsWndhmWrdPrices1DestiInfsWrd .wndPDBi4 { position: relative; float: left; /* margin-right: 5px; */ left: 0px; width: 615px; margin-bottom: 5px; }



.diyetist_InfsWndhmWrdPrices1DestiEng { position: relative; width: 230px; height: 30px; margin-bottom: 5px; text-align: center; font-size: 12pt; color: #fff; background: #F28E1E; left: 40px; line-height: 31px; font-style: italic; margin-top: 150px; }







/* ================================================================================================================== */
/* ================================================================================================================== */

#diyetist_InfsSinojCon { position: relative; width: 100%; height: 100%; background: #a3e3ffcf; z-index: 150; top: 0px; left: 0px; }
.diyetist_InfsSinojWrp { position: relative; width: 709px; height: calc(93% - 57px); background: #fff; margin: 0px auto; box-shadow: 0px 0px 0px 6px #03acdb; top: 35px; border-radius: 5px; /*background: url(../img/pdf/wnd.png) 0px 0px no-repeat;*/ background-size: 710px; }

.diyetist_InfsSinojCls { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #03acdb; top: -25px; background: #fff; left: 682px; z-index: 2; }
    .diyetist_InfsSinojCls div { position: absolute; left: 9px; top: 4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid #03acdb; width: 0px; z-index: 2; }

#diyetist_SinojPdfWrap { overflow: scroll; position: relative; width: 709px; height: 100%; overflow-x: hidden; }

.diyetist_SinojPdfMain { position: relative; width: 709px; margin: 0px auto; height: auto; }

.diyetist_SinojPdfBnrImgCon { position: absolute; width: 100%; height: 101px; background: #1d92ba; }

.diyetist_SinojPdfBnrImg { position: absolute; width: 139px; top: 32px; left: 546px; }
.diyetist_SinojPdfBnrWrd { position: absolute; width: 310px; height: 30px; line-height: 30px; color: #fff; font-size: 18px; top: 66px; left: 108px; text-align: left; white-space: nowrap; font-weight: bold; }

.diyetist_SinojPdfMnWrdCn1 { position: relative; width: 702px; height: auto; top: 156px; left: 2px; }
    .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojPdfMnWrdCzg { width: 610px; position: relative; color: #009BBF; border-bottom: 1px solid #009BBF; font-size: 16px; top: 11px; margin-bottom: 10px; text-indent: 101px; line-height: 20px; left: 4px; white-space: nowrap; min-height: 25px; font-weight: bold; }

    .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojPdfMnWrdMvWrd1 { position: relative; top: 5px; left: 105px; line-height: 18px; margin-top: 25px; font-size: 12px; color: #57585B; }

        .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojPdfMnWrdMvWrd1 .diyetist_SinojPdfMnWrdMvWrd1spn1 { font-size: 9pt; }
        .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojPdfMnWrdMvWrd1 .diyetist_SinojPdfMnWrdMvWrd1spn1bld { font-weight: bold; color: #3c3b3b; }

        .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojPdfMnWrdMvWrd1 .diyetist_SinojPdfMnWrdMvWrd1s1 { position: relative; margin-top: 10px; left: 39px; }

    .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojWndhmMnWrdv1s { position: relative; top: 0px; left: -37px; line-height: 17px; margin-top: 14px; font-size: 13px; color: #57585B; width: 232px; text-align: center; margin-bottom: 50px; }

        .diyetist_SinojPdfMnWrdCn1 .diyetist_SinojWndhmMnWrdv1s span { font-size: 11px; }











/* ================================================================================================================== */
/* ================================================================================================================== */







/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */
/* pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf pdf  */




.imageResizerHeaderButtonsCon { position: absolute; top: -70px; left: 128px; padding: 0px; padding-left: 10px; margin: 0px; width: 600px; height: 69px; background-color: transparent; }
.resizeDiv { position: absolute; top: 0px; left: 0px; padding: 0px; margin: 0px; min-width: 300px; }

.resizeIcon { position: absolute; bottom: 0px; right: 0px; width: 30px; height: 30px; cursor: nw-resize; background: url('img/resize_icon.png') no-repeat rgba(0, 148, 255, 0.40); background-size: 30px 30px; }

.iconload,
.iconsave,
.rotateRightIcon,
.rotateLeftIcon,
.iconclose { position: relative; display: inline-block; margin: 2px 7px; top: 0px; float: left; cursor: pointer; }


.iconload { width: 75px; height: 75px; cursor: pointer; background: url('../img/rek1.png') no-repeat; background-size: 69px; border: 3px solid #65d0ec; border-radius: 40px; }
.iconsave { width: 70px; height: 70px; cursor: pointer; background: url('../img/icon_saveb.png') 16px 9px no-repeat #68d0ec; background-size: 35px; border: 3px solid #169bbf; border-radius: 40px; }
.rotateRightIcon { width: 70px; border: 3px solid #169bbf; border-radius: 40px; }
.rotateLeftIcon { width: 70px; border: 3px solid #169bbf; border-radius: 40px; }
.iconclose { width: 48px; height: 48px; cursor: pointer; /* background: url('../img/di/ddd4.png') no-repeat; */ background-size: 48px 48px; box-shadow: 0px 0px 4px #817ea782; background: #009BBF; border: 3px solid #65d0ec; border-radius: 30px; margin-left: 82px; }

.iconloadText { position: absolute; top: 50px; left: 13px; width: 60px; font-size: 8px; color: #fff; font-style: italic; }
.iconsaveText { position: absolute; top: 49px; left: 20px; width: 60px; font-size: 8px; color: #fff; font-style: italic; }

.iconcloseText { position: absolute; top: 8px; left: 1px; width: 50px; font-size: 10pt; color: #0bb5d3; letter-spacing: 1px; transform: rotate(45deg); }
.iconload input { width: 100%; height: 100%; opacity: 0; cursor: pointer; }

#divImageResizerCanvasX { margin-top: 13px; border-radius: 400px; border: 6px solid #65D0EC; }

.iconsaveRotate1 { position: absolute; top: 53px; left: 216px; width: 60px; font-size: 8px; color: #fff; font-style: italic; }
.iconsaveRotate2 { position: absolute; top: 53px; left: 301px; width: 60px; font-size: 8px; color: #fff; font-style: italic; }
















/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnCon { position: absolute; width: 540px; height: auto; border: 5px solid #fff; border-radius: 15px; background: #52b4d5; top: 225px; left: 50%; transform: translate(-50%,0); /* background: url(../img/led.png); */ }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x { position: absolute; width: 540px; height: 180px; border: 5px solid #fff; border-radius: 15px; background: #52b4d5; top: 49px; left: 50%; transform: translate(-50%,0); }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2x,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm3,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { position: relative; width: 320px; height: 44px; line-height: 44px; /* background:  red; */ margin-bottom: 5px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1 { text-align: center; font-size: 10pt; color: #fff; height: 34px; line-height: 63px; width: 516px; /* text-indent: 30px; */ margin-bottom: 12px; left: 39px; top: 11px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2 { left: 5px; border-radius: 10px; border: none; background: #fff; text-indent: 0px; font-size: 12pt; width: 442px; left: 75px; height: 40px; text-align: center; line-height: 25px; top: 14px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2x { border-radius: 10px; border: none; background: #fff; text-indent: 15px; font-size: 12px; width: 479px; left: 26px; height: 35px; line-height: 36px; color: #272424; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm3 { color: #fff; height: 17px; line-height: 13px; width: 540px; font-size: 7pt; letter-spacing: 1px; text-align: left; text-indent: 51px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { width: 430px; margin-bottom: 9px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5 { width: 536px; height: 360px; z-index: 2; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn { position: relative; width: 124px; height: 45px; /* background-color: red; */ line-height: 44px; float: left; margin-right: 25px; left: 149px; text-align: center; font-size: 14pt; color: #fff; font-weight: bold; cursor: pointer; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2x { position: relative; width: 130px; height: 32px; /* background-color: red; */ line-height: 34px; float: left; margin-right: 46px; left: 115px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; box-shadow: 0px 0px 6px 1px #fff; top: 9px; border-radius: 5px; cursor: pointer; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnScrnClsBg { position: absolute; width: 737px; height: 628px; top: 0px; left: 0px; }

#divSendDytMenuToPersonTkWarnCon .menuToPerson_Picture { position: absolute; max-height: 38px; max-width: 38px; top: 10px; left: 10px; border-radius: 5px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnPageAll { position: absolute; width: 360px; height: 570px; background: rgba(19, 18, 18, 0.35); z-index: 60; top: 0px; left: 0px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm1,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm2,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm3,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm4 { position: relative; width: 320px; height: 44px; line-height: 44px; /* background:  red; */ margin-bottom: 5px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm1 { text-align: center; font-size: 11px; color: #fff; height: 49px; line-height: 50px; width: 330px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm2 { left: 5px; border-radius: 10px; border: none; background: #fff; text-indent: 5px; font-size: 12px; width: 250px; left: 40px; height: 35px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm3 { text-align: center; color: #fff; height: 17px; line-height: 13px; width: 330px; font-size: 9px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlsItm4 { width: 330px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynWarnAllPgVlCon { position: absolute; width: 340px; height: 172px; border: 5px solid #fff; top: 125px; left: 10px; border-radius: 15px; background: #f7982c; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5List { position: absolute; width: 532px; height: 311px; top: -25px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5ListBnrNms { position: absolute; width: 532px; height: 35px; top: 9px; left: 190px; }

    #divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5ListBnrNms div { position: relative; width: 300px; height: 30px; line-height: 36px; text-align: right; float: left; margin-right: 9px; left: 0px; font-size: 9pt; color: #fff; font-weight: normal; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataList { position: absolute; width: 532px; height: 316px; top: 34px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowx,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow2,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow { position: relative; height: 27px; width: 494px; float: left; margin-right: 0px; left: 7px; margin-bottom: 4px; cursor: pointer; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow2 { position: relative; width: 310px; height: 30px; line-height: 30px; text-align: left; float: left; margin-right: 9px; left: 89px; font-size: 9pt; color: #fff; font-weight: normal; margin-top: 25px; top: 77px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow3 { position: absolute; width: 310px; height: 35px; line-height: 30px; text-align: left; float: left; left: 53px; font-size: 9pt; color: #fff; font-weight: bold; top: 293px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl1,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl2,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl3,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl4 { position: relative; height: 25px; float: left; text-align: center; border: 1px solid #fff; margin-right: 8px; top: 3px; line-height: 24px; font-size: 10pt; margin-bottom: 5px; color: #fff; left: 27px; border-radius: 5px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl1 { width: 67px; font-size: 10pt; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl2 { width: 349px; text-align: left; text-indent: 5px; font-size: 7pt; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl3 { width: 143px; margin-left: 0px; left: 39px; top: 4px; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl4 { width: 24px; border-radius: 15px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl1 span { font-size: 6pt; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow3Arrw1 { position: absolute; left: 5px; top: 7px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 25px solid rgb(255, 255, 255); width: 0px; z-index: 2; cursor: pointer; }
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow3Arrw2 { position: absolute; left: 191px; top: 7px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 25px solid rgb(255, 255, 255); width: 0px; z-index: 2; cursor: pointer; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl3InfWrd { position: absolute; text-align: left; text-indent: 40px; color: #fff; height: 17px; line-height: 13px; width: 415px; font-size: 7pt; /* letter-spacing: 1px; */ /* background-color: rebeccapurple; */ top: 39px; left: -2px; font-weight: normal; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow4 { position: absolute; width: 310px; height: 35px; line-height: 30px; text-align: left; float: left; left: 288px; font-size: 9pt; color: #fff; font-weight: bold; top: 293px; }

    #divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRow4 .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl3 { background-color: #fff; color: #52b4d5; font-weight: bold; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowx .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl4,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowx .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl1,
#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowx .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataListRowVl2 { background-color: #fff; color: #52b4d5; font-weight: bold; }

#divSendDytMenuToPersonTkWarnCon #nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5DataConList { position: relative; width: 524px; height: 164px; }

#divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1img { position: absolute; width: 60px; height: 60px; background-color: #fff; left: 12px; top: 51px; border: 1px solid #6ac2df; border-radius: 40px; }

    #divSendDytMenuToPersonTkWarnCon .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1img img { position: absolute; height: 55px; width: 55px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px; object-fit: cover; object-position: 100% 15%; border-radius: 60px; }









/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
.nwNoopMenuWarnScrn { position: absolute; width: 100%; height: 100%; background: rgba(19, 18, 18, 0.35); z-index: 1001; left: 0px; bottom: 0; }

.nwNoopMenuWarnScrnClsBg { position: absolute; width: 360px; height: 570px; top: 0px; left: 0px; }

.nwNoopMenuWarnCon { position: absolute; width: 680px; height: 227px; border: 5px solid #fff; top: 120px; left: 190px; border-radius: 15px; background: #0DB4D5; }

.nwNoopMenuWarnCon2x { position: absolute; width: 340px; height: 172px; border: 5px solid #fff; top: 25px; left: 10px; border-radius: 15px; background: #f7982c; }

.nwNoopMenuWarnVlsItm1,
.nwNoopMenuWarnVlsItm2,
.nwNoopMenuWarnVlsItm2x,
.nwNoopMenuWarnVlsItm3,
.nwNoopMenuWarnVlsItm4 { position: relative; width: 320px; height: 44px; line-height: 44px; /* background:  red; */ margin-bottom: 5px; top: 10px; }

.nwNoopMenuWarnVlsItm1 { text-align: center; font-size: 15pt; color: #ffe198; height: 49px; line-height: 50px; width: 670px; }
.nwNoopMenuWarnVlsItm2 { left: 5px; border-radius: 10px; border: none; background: #fff; text-indent: 0px; font-size: 12px; width: 590px; left: 40px; height: 78px; line-height: 21px; text-align: center; padding-top: 18px; }
.nwNoopMenuWarnVlsItm2x { border-radius: 10px; border: none; background: #fff; text-indent: 5px; font-size: 12px; width: 250px; left: 40px; height: 35px; line-height: 36px; color: #272424; }
.nwNoopMenuWarnVlsItm3 { text-align: center; color: #fff; height: 17px; line-height: 13px; width: 330px; font-size: 9px; }
.nwNoopMenuWarnVlsItm4 { width: 330px; }

.nwNoopMenuWarnVlsItm2 span { }

.nwNoopMenuWarnVlsItm4Btn { position: relative; width: 130px; height: 45px; /* background-color: red; */ line-height: 39px; float: left; margin-right: 18px; left: 23px; text-align: center; font-size: 15px; color: #ffe198; font-weight: bold; top: 21px; }

.nwNoopMenuWarnVlsItm4Btn2x { position: relative; width: 130px; height: 45px; /* background-color: red; */ line-height: 39px; float: left; margin-right: 18px; left: 23px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; }

.nwNoopMenuWarnScrnClsBg { position: absolute; width: 360px; height: 570px; top: 0px; left: 0px; }

.nwNoopMenuWarnVlsItmMrkt1 { position: absolute; width: 58px; height: 58px; background: #fff; top: 150px; left: 418px; border-radius: 30px; }
.nwNoopMenuWarnVlsItmMrkt2 { position: absolute; width: 58px; height: 58px; background: #fff; top: 150px; left: 510px; border-radius: 30px; }


.nwNoopMenuWarnVlsItmMrkt1 img { position: absolute; width: 35px; top: 8px; left: 16px; }
.nwNoopMenuWarnVlsItmMrkt2 img { position: absolute; width: 39px; top: 8px; left: 10px; }




/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

.docPageAddPatiShareBtn { position: absolute; width: 25px; top: 98px; right: 70px; z-index: 1; height: 21px; }

.docPageAddPatiShareAppCon { position: absolute; width: 438px; height: 652px; top: 133px; left: 71px; background: #fff; border: 2px solid #0db4d5; z-index: 2; border-radius: 10px; }





.docPageAddPatiShareAppRow { position: relative; width: 400px; height: 50px; border: 2px solid #f7982c; left: 17px; border-radius: 5px; margin-bottom: 6px; }

.docPageAddPatiShareAppConCls { position: absolute; top: -4px; right: -10px; width: 30px; height: 30px; cursor: pointer; transform: rotate(126deg); z-index: 1; }

#docPageAddPatiShareAppList { position: absolute; top: 24px; }

.docPageAddPatiShareAppRowVlImg,
.docPageAddPatiShareAppRowVlNm,
.docPageAddPatiShareAppRowVlEx { position: relative; float: left; top: 3px; left: 5px; }


.docPageAddPatiShareAppRowVlImg { width: 40px; height: 40px; border: 2px solid #f7982c; border-radius: 20px; }
.docPageAddPatiShareAppRowVlNm { width: 200px; height: 20px; line-height: 20px; font-size: 15px; margin-left: 11px; top: 6px; }
.docPageAddPatiShareAppRowVlEx { width: 200px; height: 20px; line-height: 20px; font-size: 10px; margin-left: 12px; }


.docPageAddPatiShareAppRowVlImg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 25px; max-height: 25px; }


.diyetistDoc_TitleSlect { position: absolute; width: 201px; height: 26px; line-height: 21px; font-size: 8pt; text-align: left; left: 135px; border-radius: 5px; box-shadow: none; background-color: #fff; border: 2px solid #96D7EA; color: #0db4d5; text-indent: 7px; }




/*.docPageAddPatiShareAppCon { position: absolute; width: 358px; height: 429px; top: 139px; left: 1px; background: #fff; border: 2px solid #f7982c; z-index: 2; border-radius: 10px; }*/




#docPageAddPatiShareAppLinksCon { position: absolute; width: 413px; height: 316px; background-color: #fff; top: 79px; left: 11px; border-radius: 15px; border: 4px solid #0db4d5; }


.docPageAddPatiShareAppLinksRow1,
.docPageAddPatiShareAppLinksRow2,
.docPageAddPatiShareAppLinksRow3 { position: relative; height: 65px; width: 370px; border: 1px solid #45bbd2; margin-bottom: 15px; top: 60px; left: 16px; border-radius: 5px; background: #eefcff; }


.docPageAddPatiShareAppLinksRow1 { }
.docPageAddPatiShareAppLinksRow2 { }
.docPageAddPatiShareAppLinksRow3 { }



.docPageAddPatiShareAppLinksRow1 .docPageAddPatiShareAppLinksRowVl { position: absolute; width: 260px; height: 20px; line-height: 20px; font-size: 9pt; top: 5px; left: 14px; }
.docPageAddPatiShareAppLinksRow1 .docPageAddPatiShareAppLinksRowLnk { position: absolute; width: 347px; height: 27px; line-height: 26px; font-size: 9pt; top: 26px; left: 10px; border: 1px solid #0db4d5; border-radius: 5px; text-indent: 6px; color: #0db4d5; cursor: pointer; background: #fff; }

.docPageAddPatiShareAppLinksRow2 .docPageAddPatiShareAppLinksRowVl { position: absolute; width: 260px; height: 20px; line-height: 20px; font-size: 9pt; top: 5px; left: 14px; }
.docPageAddPatiShareAppLinksRow2 .docPageAddPatiShareAppLinksRowLnk { position: absolute; width: 347px; height: 27px; line-height: 26px; font-size: 9pt; top: 26px; left: 10px; border: 1px solid #0db4d5; border-radius: 5px; text-indent: 6px; color: #0db4d5; cursor: pointer; background: #fff; white-space: nowrap; overflow: hidden; }

.docPageAddPatiShareAppLinksRow3 .docPageAddPatiShareAppLinksRowVl { position: absolute; width: 260px; height: 20px; line-height: 20px; font-size: 9pt; top: 5px; left: 14px; }
.docPageAddPatiShareAppLinksRow3 .docPageAddPatiShareAppLinksRowLnk { position: absolute; width: 347px; height: 27px; line-height: 26px; font-size: 9pt; top: 26px; left: 10px; border: 1px solid #0db4d5; border-radius: 5px; text-indent: 6px; color: #0db4d5; cursor: pointer; background: #fff; white-space: nowrap; overflow: hidden; }

.docPageAddPatiShareAppLinksCls { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; cursor: pointer; transform: rotate(126deg); z-index: 1; }

#docPageAddPatiShareAppLinksNm { position: absolute; width: 408px; height: 20px; line-height: 20px; font-size: 14pt; top: 27px; left: 0px; color: #0db4d5; font-weight: bold; text-align: center; }









.docPageAddPatiSendDkeyBtn { position: absolute; width: 30px; height: 30px; /* border: 2px solid #0db4d5; */ }
    .docPageAddPatiSendDkeyBtn img { position: absolute; width: 32px; top: -6px; left: -4px; }



/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */






#MainMenuLeftClickDisabledWarnPage { /*position: fixed;*/ /*top: 0px;*/ /*width: 100%;*/ /*height: 100%;*/ /*background: rgba(198, 241, 255, 0.74);*/ /*z-index: 1001;*/ /*left: 0px;*/ /*bottom: 0;*/ }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x { position: absolute; width: 540px; height: 155px; border: 5px solid #fff; border-radius: 15px; background: #52b4d5; top: 269px; left: 50%; transform: translate(-50%,0); }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1,
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2,
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm2x,
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm5,
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm3,
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { position: relative; width: 320px; height: 44px; line-height: 44px; /* background: red; */ margin-bottom: 5px; }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1 { text-align: center; font-size: 13pt; color: #fff; height: 34px; line-height: 55px; width: 540px; /* text-indent: 30px; */ }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1 { top: 14px; line-height: 28px; }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { width: 430px; margin-bottom: 9px; }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { width: 528px; top: 29px; }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr3tr { position: relative; width: 72px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 48px; left: 81px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; cursor: pointer; }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr3EnPay { position: relative; width: 29px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 48px; left: 81px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; cursor: pointer; }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr2tr { position: relative; width: 30px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 18px; left: 102px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; cursor: pointer; }
    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr3tr { left: 210px; top: 20px; font-size: 20px; border: 2px solid #fff; width: 128px; line-height: 40px; border-radius: 10px; /*left: 227px;*/ }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr3EnPay { left: 238px; }

    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr2tr { left: 193px; }


    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { font-size: 20px; }






    /* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
    /* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



    #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt { }
        #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt .nwTheme1StepSppedDytsynDuplicMenuWarnCon2x { width: 540px; height: 427px; top: 179px; }
        #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm1 { }
        #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4 { top: 289px !important; }
        #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr { }


            /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
            /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
            /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 264px; height: 256px; background: #bcbcbc; border: 2px solid #fff; border-radius: 9px; overflow: hidden; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .monthPre { color: gray; text-align: center; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; cursor: pointer; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 252px; width: 261px; }

                #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendar td:hover { background-color: #fff; }

        #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr { position: absolute; width: 250px; top: 64px; left: 133px; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarRightArv,
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarLeftArv { position: absolute; width: 20px; height: 20px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 12pt; line-height: 22px; top: 5px; font-weight: bold; cursor: pointer; color: #0db4d5; z-index: 1; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarRightArv { right: 5px; text-indent: 2px; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarLeftArv { left: 6px; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectYear::-webkit-scrollbar { width: 1px; }
            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

            #MainMenuLeftClickDisabledWarnPage .nwTheme1StepSppedMinWarPragnnt #nwTheme1StepSppedMinWarPragnntCalndr .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */


#diyetist_HMGDocs { position: absolute; transition-duration: 0.4s; text-decoration: none; overflow: hidden; font-size: 10pt; color: #ffffff; border-radius: 20px; border: 3px solid #edf3f5; background-color: #79ddf1; width: 210px; top: 284px; left: 701px; cursor: pointer; height: 40px; line-height: 36px; text-align: left; text-indent: 34px; }





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */


.notLogGrafConOpnBtn { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: 2px solid #A7DDEE; top: 290px; background: #fff; left: 511px; z-index: 15; }

    .notLogGrafConOpnBtn img { position: absolute; width: 30px; top: 7px; left: 8px; }



#notLogGrafCon { position: absolute; width: 1171px; height: calc(100% - 356px); background-color: #fff; top: 276px; left: 31px; z-index: 23; /* border: 2px solid #0db4d5; */ border-radius: 5px; /* overflow: hidden; */ border-top-right-radius: 150px; }



.notLogGrafConCls { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #A7DDEE; top: -52px; background: #fff; left: 561px; z-index: 1; }

    .notLogGrafConCls div { position: absolute; left: 6px; top: -3px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #00B4D5; width: 0px; z-index: 2; transform: translate(10px, 10px); }
    .notLogGrafConCls img { position: absolute; width: 25px; top: 7px; left: 7px; }


#notLogGrafDataList { position: absolute; width: 590px; height: 645px; /*calc(100% - 120px);*/ background-color: #fff; top: 82px; left: 45px; z-index: 150; /* border: 2px solid #0db4d5; */ border-radius: 5px; zoom: 0.85; }









    #notLogGrafDataList .sM_GraphDataValDateCon { position: relative; width: 611px; height: 50px; top: 5px; left: -25px; background-color: #fff; z-index: 8; box-shadow: 0px 0px 3px 0px #a4dbed; box-shadow: none; }

    #notLogGrafDataList .app_graph_row { position: relative; width: 562px !important; height: 77px; margin-bottom: 17px; top: 5px; left: 7px; }

    #notLogGrafDataList .app_graph_row_name { position: absolute; width: auto; height: 12px; line-height: 12px; font-size: 10px; text-align: right; background-color: #fff; z-index: 5; right: 17px; top: -5px; border: none; border-top: none; border-right: none; color: #0db4d5; font-weight: normal; border-radius: 5px; border-bottom-right-radius: 0px; white-space: nowrap; text-indent: 0px; display: flow-root; border-left: 5px solid #fff; border-right: 5px solid #fff; }

    #notLogGrafDataList .app_graph_row_refcon { position: absolute; width: 30px; height: 59px; left: -10px; }

    #notLogGrafDataList .app_graph_row_refcon_right_side { position: absolute; width: 30px; height: 59px; right: 0px; }

    #notLogGrafDataList .app_graph_row_innerCon { position: absolute; width: 528px !important; height: 72px; left: 20px; top: 0px; box-shadow: none; border-radius: 5px; overflow: hidden; border: 1px solid #a4dbed; }

    #notLogGrafDataList .app_graph_row_innerCon_SwipeCon { position: absolute; top: 0px; left: -284px; width: 1000px; height: 70px; box-shadow: 0px 0px 0px 1px #5d5d5f; border-radius: 5px; overflow: hidden; }

    #notLogGrafDataList .app_graph_row_innerCon_SwipeCon_graphcon { position: absolute; width: 375px; height: 68px; top: 0px; left: 277px; overflow: visible; }

    #notLogGrafDataList .app_graph_row_insert_new_row { position: absolute; bottom: -11px; left: 6px; width: 30px; height: 30px; line-height: 20px; color: #fff; font-family: Arial; font-size: 20px; padding: 0px; margin: 0px; text-align: center; border-radius: 10px; }

    #notLogGrafDataList .app_graph_row_remove_row { position: absolute; bottom: -12px; right: 1px; width: 30px; height: 30px; line-height: 22px; color: #fff; font-family: Arial; font-size: 20px; padding: 0px; margin: 0px; text-align: center; border-radius: 10px; }

    #notLogGrafDataList .app_graph_row_graph_row_order_box { position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; border: 1px solid #F7982C; line-height: 8px; text-indent: 0px; font-size: 10px; border-radius: 3px; text-align: center; display: none; }

    #notLogGrafDataList .app_graph_row_graph_row_order_box_displayer .app_graph_row_graph_row_order_box { display: block; }

    #notLogGrafDataList .graphLeftSideSingleValueLabel { position: absolute; top: calc(50% - 5px); right: 2px; height: 30%; width: 19px; line-height: 10px; font-size: 9px; text-align: right; color: #ffa500; vertical-align: middle; }

    #notLogGrafDataList .graphLeftSideSingleValueLabelRightSide { position: absolute; top: calc(50% - 5px); right: 0px; height: 10px; width: 19px; line-height: 10px; font-size: 9px; text-align: right; color: #ffa500; vertical-align: middle; }

    #notLogGrafDataList .app_graph_row_refcon_label { position: absolute; width: 30px; height: 15px; line-height: 13px; font-size: 9px; margin-bottom: 0px; text-align: right; color: #0db4d5; right: 5px; }

    #notLogGrafDataList .app_graph_row_refcon_labelRightSide { position: absolute; top: calc(50% - 5px); right: 0px; height: 10px; width: 19px; line-height: 10px; font-size: 9px; text-align: right; color: #ffa500; vertical-align: middle; }


    #notLogGrafDataList #nwTheme1StepSppedGrafisCon { position: absolute; width: 335px; height: 425px; background-color: #fff; top: 140px; z-index: 4; border-top-right-radius: 78px; }


    #notLogGrafDataList .sM_GraphDataValDateCon { position: relative; width: 611px; height: 50px; top: 5px; left: -25px; background-color: transparent; z-index: 8; box-shadow: 0px 0px 3px 0px #a4dbed; box-shadow: none; }

    /*.div_DMMinsuMain .sM_GraphDataValDateVls1 { position: absolute; top: -1px; left: 6px; text-align: left; text-indent: 0px; color: #808080; font-weight: bold; font-size: 8pt; line-height: 17px; }
.div_DMMinsuMain .sM_GraphDataValDateVls2 { position: absolute; top: -1px; right: 6px; text-align: left; text-indent: 0px; color: #808080; font-weight: bold; font-size: 8pt; line-height: 17px; }*/

    #notLogGrafDataList .sM_GraphDataValDateVls1,
    #notLogGrafDataList .sM_GraphDataValDateVls2 { position: absolute; top: 18px; text-align: center; text-indent: 0px; color: #887b7b; font-weight: bold; font-size: 9pt; line-height: 12px; width: 100px; height: 1px; }

    #notLogGrafDataList .sM_GraphDataValDateVls1 { left: 43px; }

    #notLogGrafDataList .sM_GraphDataValDateVls2 { right: 19px; }



    #notLogGrafDataList .sM_GraphDataValDateBtn1,
    #notLogGrafDataList .sM_GraphDataValDateBtn2 { position: absolute; width: 28px; height: 28px; background-color: #ffffff; border-radius: 30px; text-align: center; font-family: 'Arial Black'; color: #ffffff; cursor: pointer; z-index: 3; top: 77px; }

    #notLogGrafDataList .sM_GraphDataValDateBtn1 { left: 20px; line-height: 29px; font-size: 15pt; padding-right: 4px; }

    #notLogGrafDataList .sM_GraphDataValDateBtn2 { right: -1px; line-height: 27px; font-size: 14pt; padding-left: 3px; }

    #notLogGrafDataList .sM_GraphDataValDateList { position: relative; left: 31px; width: 236px; height: 20px; background: #fff; border-radius: 7px; top: 25px; }

    #notLogGrafDataList .sM_GraphDataValDateListRow { position: relative; float: left; margin-right: 9px; font-size: 7pt; left: 22px; top: 7px; color: #0db4d8; width: 40px; }


    #notLogGrafDataList .sM_GraphDataValDateBtn1a { position: absolute; border: solid #0db4d5; border-width: 0 7px 7px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 9px; left: 10px; }

    #notLogGrafDataList .sM_GraphDataValDateBtn1c { position: absolute; border: solid #0db4d5; border-width: 0 7px 7px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 9px; left: 8px; }

    #notLogGrafDataList .sM_GraphDataValDateTimes { position: absolute; background-color: #fff; border-radius: 20px; /* border: 1px solid #f7982c; */ text-align: center; line-height: 30px; font-size: 9px; color: #7895a3; left: 285px; top: -43px; }

        #notLogGrafDataList .sM_GraphDataValDateTimes img { position: absolute; width: 60px; left: 0px; top: 3px; }

    #notLogGrafDataList .nwTheme1StepSpeedPKUblVl1Div3GrafIn { position: absolute; top: 66px; background: #fff; width: 585px; height: 545px; overflow: scroll; }

    #notLogGrafDataList .nwTheme1StepSpeedPKUblVl1Div3GrafInPls { position: absolute; width: 120px; height: 24px; line-height: 30px; font-size: 14px; border-radius: unset; border-top-left-radius: 31px; border-top-right-radius: 31px; }

    #notLogGrafDataList .stepSpeedMainGrafDmConLx .dailyDataRowCapMenu { top: 45px; width: 567px; left: 52px; }

        #notLogGrafDataList .stepSpeedMainGrafDmConLx .dailyDataRowCapMenu .dailyDataRowCapMenuRow { width: 37.5px; }

    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1x,
    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2x,
    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1,
    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2 { position: absolute; float: left; background: #0db4d5; color: #fff; width: 70px; height: 25px; border-radius: 25px; font-size: 14px; font-weight: bold; text-align: center; line-height: 22px; border: 2px solid #267eaf; }

    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1 { left: 185px; top: -4px; background: #ffffff; color: #0db4d5; }

    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2 { left: 371px; top: -4px; background: #ffffff; color: #0db4d5; }


    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1x { left: 185px; top: -4px; background: #00b4d5; color: #ffffff; border: 1px solid #00b4d5; line-height: 22px; box-shadow: 0px 0px 0px 1px #247daf, 0px 0px 0px 3px #fff, 0px 0px 0px 4px #3084b3; width: 70px; height: 25px; box-shadow: none; }

    #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2x { left: 371px; top: -4px; background: #00b4d5; color: #ffffff; border: 1px solid #00b4d5; line-height: 23px; height: 25px; box-shadow: none; }


        #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1x div,
        #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2x div { display: none; }

        #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck1x div,
        #notLogGrafDataList .nwTheme1StepSppedDefCatCrcVlBtnClck2x div { position: absolute; width: 8px; height: 8px; top: 29px; left: 15px; background: #f7982c; border-radius: 10px; display: block; display: none; }


    #notLogGrafDataList .dailyDataRowCapMenu { position: relative; height: 20px; background: #fff; border-radius: 7px; top: 36px; width: 567px; left: 46px; }


    #notLogGrafDataList .dailyDataRowCapMenuRow { position: relative; float: left; font-size: 11px; left: 2px; top: -3px; color: #000; width: 75px; text-align: center; }
    #notLogGrafDataList .dailyDataRowCapMenuDateCell { font-size: 14px; color: #000; font-weight: bold; }

    #notLogGrafDataList .AppGraph_TimeRefLabel { position: absolute; top: 3px; left: 0px; width: 60px; height: 60px; line-height: 60px; font-size: 15px; font-weight: bold; color: #f7982c; padding: 0px; margin: 0px; text-indent: 0px; cursor: pointer; border-radius: 25px; }


    #notLogGrafDataList .app_graph_row_media_data { position: relative; width: 322px; height: 30px; margin-bottom: 6px; top: 5px; left: 7px; }
        #notLogGrafDataList .app_graph_row_media_data .app_graph_row_innerCon { height: 25px; }

    #notLogGrafDataList #stepSpeedGrafEntrValueCon { }

    #notLogGrafDataList .svgLabel { position: relative; font-size: 8pt; color: coral; fill: #595959; }


.notLogGrafPersoValues { left: 26px; position: absolute; }

.notLogGrafPersoImg { position: absolute; width: 65px; height: 65px; top: 3px; left: 19px; overflow: hidden; border-radius: 48px; border: 3px solid #A3D9EA; background: #c6e8f3; z-index: 1; }
    .notLogGrafPersoImg img { position: absolute; left: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 100% 0%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.notLogGrafPersoNames { position: absolute; width: 430px; height: 27px; line-height: 27px; top: 12px; left: 69px; text-align: right; color: #0db4d5; font-size: 11pt; font-weight: bold; border-radius: 2px; text-indent: 10px; z-index: 2; }

.notLogGrafPersoWeHe { position: absolute; width: 159px; height: 49px; line-height: 26px; top: 24px; left: 341px; color: #0db4d5; font-size: 10pt; text-align: right; letter-spacing: 0px; /* font-weight: bold; */ border-radius: 45px; padding-top: 9px; z-index: 2; }

    .notLogGrafPersoWeHe span { font-size: 8pt; }





.notLogGrafExBgDkr { position: absolute; width: 530px; height: 640px; border: 4px solid #0db4d5; top: -15px; left: 21px; border-radius: 11px; }








.notLogMediaCon { position: absolute; width: 600px; background-color: #fff; left: 618px; top: 34px; height: calc(100% - 34px); border-top-right-radius: 150px 220px; }

.notLogMediaDataList { position: absolute; width: 500px; height: calc(100% - 58px); top: 84px; /* border: 2px solid #0db4d5; */ border-radius: 11px; left: 30px; }

.notLogMediaDataVidBtnCon { position: relative; width: 146px; height: 107px; float: left; box-shadow: 0px 0px 0px 1px #A3D9EA; top: 12px; left: 3px; margin-right: 15px; margin-bottom: 9px; border-radius: 5px; background: #fff; cursor: pointer; }
    .notLogMediaDataVidBtnCon:hover { box-shadow: 0px 0px 3px 2px #a3d9ea; }
.notLogMediaDataVidBtnCirc { position: absolute; width: 28px; height: 28px; background-color: #fff; border: 2px solid #A3D9EA; top: 56px; left: 113px; border-radius: 20px; }
.notLogMediaDataVidBtnCon:hover .notLogMediaDataVidBtnCirc { border: 2px solid #00b4d5; }
.notLogMediaDataVidBtnCirc div { position: absolute; left: 8px; top: 3px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 12px solid #00B4D5; width: 0px; z-index: 2; }
.notLogMediaDataVidNm { position: absolute; width: 146px; height: 18px; bottom: 0px; /* border-top: 1px solid #fff; */ text-align: center; line-height: 19px; font-size: 7pt; background: #A3D9EA; color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.notLogMediaBannerCat { position: absolute; width: 513px; height: 30px; top: -56px; left: 10px; line-height: 29px; text-align: left; color: #0db4d5; font-weight: normal; font-size: 17pt; }












.notLogMediaBannerCatBtn1,
.notLogMediaBannerCatBtn2,
.notLogMediaBannerCatBtn3,
.notLogMediaBannerCatBtn4,
.notLogMediaBannerCatBtn5,
.notLogMediaBannerCatBtn6,
.notLogMediaBannerCatBtn7,
.notLogMediaBannerCatBtn8,
.notLogMediaBannerCatBtn9,
.notLogMediaBannerCatBtn10,
.notLogMediaBannerCatBtn11,
.notLogMediaBannerCatBtn12,
.notLogMediaBannerCatBtn { position: relative; width: auto; height: 30px; line-height: 30px; text-align: center; font-size: 8pt; float: left; margin-right: 5px; border: 1px solid #a4dbed; border-radius: 5px; cursor: pointer; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; }
.notLogMediaBannerCatBtnx { font-weight: bold; border: 1px solid #0db4d5; }
    .notLogMediaBannerCatBtnx:hover { font-weight: bold; border: 1px solid #0db4d5; }
.notLogMediaBannerCatBtn:hover { font-weight: normal; border: 1px solid #0db4d5; }


.notLogMediaBannerCatBtn1 { width: auto; padding-left: 10px; padding-right: 10px; }
.notLogMediaBannerCatBtn2 { width: auto; padding-left: 10px; padding-right: 10px; }
.notLogMediaBannerCatBtn3 { width: auto; }
.notLogMediaBannerCatBtn4 { width: auto; }
.notLogMediaBannerCatBtn5 { width: auto; }
.notLogMediaBannerCatBtn6 { width: auto; }
.notLogMediaBannerCatBtn7 { width: auto; }
.notLogMediaBannerCatBtn8 { width: auto; }
.notLogMediaBannerCatBtn9 { width: auto; }
.notLogMediaBannerCatBtn10 { width: auto; }
.notLogMediaBannerCatBtn11 { width: auto; }
.notLogMediaBannerCatBtn12 { width: auto; }


#notLogMediaBannerCatDrpDwnLstBr { position: relative; width: 350px; height: 35px; line-height: 35px; text-align: center; font-size: 11pt; float: left; margin-right: 5px; border: 1px solid #a4dbed; border-radius: 5px; cursor: pointer; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; left: 87px; background: #0db4d5; top: 47px; border-top-left-radius: 50px 50px; border-top-right-radius: 50px 50px; color: #fff; font-weight: bold; }

#notLogMediaBannerCatDrpDwnLstLst { position: absolute; width: 350px; height: auto; background: #fff; z-index: 5; top: 86px; border: 1px solid #0db4d5; overflow: scroll; max-height: 171px; border-radius: 5px; left: 87px; }
    #notLogMediaBannerCatDrpDwnLstLst .drpDwnLstRow { width: 328px; height: 28px; background: #0db4d5; color: #fff; }




/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */




#diyetistPwaMinInfWrd { position: absolute; width: 510px; height: 30px; top: 357px; left: 52px; line-height: 20px; font-size: 9pt; color: #8E8E8E; background: #fff; z-index: 2; color: #0db4d5; padding-left: 18px; text-align: center; }




#diyetistPwaMinList { position: absolute; width: 538px; height: 350px; background-color: #fff; top: 381px; left: 45px; z-index: 5; border-radius: 34px; border: 1px solid #0db4d5; }

.diyetistPwaMinCon { width: 549px; height: 318px; position: absolute; top: 16px; left: -2px; overflow: scroll; }
.diyetistPwaMinRow { position: relative; width: 126px; height: 76px; /* border: 2px solid #000; */ left: 0px; float: left; margin-right: 6px; margin-bottom: 5px; }

.diyetistPwaMinRowVl1,
.diyetistPwaMinRowVl2 { position: relative; /* float: left; */ }

.diyetistPwaMinRowVl1 { width: 117px; height: 50px; align-items: center; }
.diyetistPwaMinRowVl2 { width: 117px; height: 30px; text-align: center; line-height: 30px; font-size: 9pt; color: #047990; white-space: nowrap; }

.diyetistPwaMinRowVl1 img { position: absolute; width: 50px; top: 0; left: 50%; transform: translate(-50%,0px); border-radius: 5px; }

.diyetistPwaMinRowVl2mx { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 8pt; text-align: center; top: 5px; left: 76px; font-weight: bold; color: #0db4d5; }
.diyetistPwaMinRowVl2mx2 { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 8pt; text-align: center; top: 5px; left: 76px; font-weight: bold; color: #0db4d5; }


.diyetistPwaMinAppSrcCon { position: absolute; width: 475px; height: 36px; top: 0px; left: 0px; display: none; }
.diyetistPwaMinAppSrcInpt { position: absolute; width: 140px; height: 25px; background-color: #fff; border: 1px solid #0db4d5; border-radius: 5px; text-align: center; font-size: 8pt; left: 171px; top: 5px; }

.diyetistPwaMinRowDwn { position: absolute; width: 15px; top: 29px; left: 93px; }

.opstPwa { opacity: 0.4; }


.diyetistPwaSelOptnCon { position: absolute; width: 381px; height: 67px; background-color: #fff; top: 295px; left: 50px; z-index: 5; /* border: 2px solid #0db4d5; */ border-radius: 5px; }

.diyetistPwaSelOptnRowx,
.diyetistPwaSelOptnRow { position: relative; width: 370px; height: 25px; top: 3px; left: 5px; cursor: pointer; }

.diyetistPwaSelOptnRowChck,
.diyetistPwaSelOptnRowNm { position: relative; float: left; }


.diyetistPwaSelOptnRowChck { width: 20px; height: 20px; border: 1px solid #0db4d5; color: #0db4d5; border-radius: 12px; }
    .diyetistPwaSelOptnRowChck div { position: absolute; }

.diyetistPwaSelOptnRowx .diyetistPwaSelOptnRowChck div { position: absolute; width: 10px; height: 10px; background: #0db4d5; border-radius: 8px; top: 4px; left: 4px; }


.diyetistPwaSelOptnRowNm { width: 300px; height: 25px; line-height: 22px; font-size: 9pt; margin-left: 5px; color: #0db4d5; }

.diyetistPwaSelOptnRow input:checked ~ .diyetistPwaSelOptnRowChck { background-color: #2196F3; }


#diyetistPwaSelOptnMenu { left: 26px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */




.rghtMnBarOpenBtn { display: none; }






/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */





.diyetistMonitoScreenListSubWarnWriteSmsCon { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: #057ea27d; }

.diyetistMonitoScreenListSubWarnWriteSmsWrp { position: absolute; width: 480px; height: 420px; border: 2px solid #00b4d5; background: #fff; border-radius: 10px; top: 20px; left: calc(50% - 240px); }

.diyetistMonitoScreenListSubWarnWriteSmsWrpCls { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

.diyetistMonitoScreenListSubWarnWriteSmsDvV1,
.diyetistMonitoScreenListSubWarnWriteSmsDvV2,
.diyetistMonitoScreenListSubWarnWriteSmsDvV3 { position: relative; border: 2px solid #00b4d5; border-radius: 6px; left: 50px; top: 50px; margin-bottom: 5px; }


.diyetistMonitoScreenListSubWarnWriteSmsDvV1 { width: 374px; height: 30px; text-align: left; font-size: 10pt; line-height: 27px; text-indent: 10px; }
.diyetistMonitoScreenListSubWarnWriteSmsDvV2 { width: 373px; height: 238px; max-width: 373px; max-height: 238px; min-width: 373px; min-height: 238px; font-size: 10pt; text-align: left; padding: 10px; line-height: 15px; }
.diyetistMonitoScreenListSubWarnWriteSmsDvV3 { width: 100px; height: 30px; text-align: center; font-size: 10pt; line-height: 25px; cursor: pointer; }

    .diyetistMonitoScreenListSubWarnWriteSmsDvV3:hover { background: #00b4d5; color: #fff; }

.adminWrnSmsCount { position: absolute; width: 50px; height: 20px; line-height: 20px; font-size: 8pt; text-align: center; left: 387px; top: 320px; }

.mesSenOkScrn { position: absolute; width: 100%; height: 90px; background: #00b4d5; color: #fff; font-size: 15pt; text-align: center; font-style: italic; z-index: 2; top: 135px; left: 0px; line-height: 93px; }


















/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */


.newDis_SpslCatBtnsRowDt2 { display: none; }





#nwTheme1StepSpeedPKUwrnScreen .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr3 { position: relative; width: 80px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 48px; left: 141px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; }

#nwTheme1StepSpeedPKUwrnScreen .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr2 { position: relative; width: 77px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 18px; left: 171px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; }

#nwTheme1StepSpeedPKUwrnScreen .nwTheme1StepSppedDytsynDuplicMenuWarnVlsItm4Btn2xkr { position: relative; width: 41px; height: 45px; /* background-color: red; */ line-height: 69px; float: left; margin-right: 18px; left: 203px; text-align: center; font-size: 17px; color: #fff; font-weight: bold; letter-spacing: 2px; border-bottom: 2px solid #fff; }



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.menopauseButton { position: relative; background-color: #0db4d5; color: #fff; width: 100px; height: 28px; line-height: 20px; border: 3px outset #0ca2bf; border-radius: 5px; top: 84px; }
.menopauseButton2 { position: relative; background-color: #fff; color: #0db4d5; width: 100px; height: 28px; line-height: 20px; border: 3px outset #0ca2bf; border-radius: 5px; left: 9px; text-align: center; top: 84px; }

    .menopauseButton2::placeholder { color: #6CC7E2; font-size: 11px; }

    .menopauseButton2:-ms-input-placeholder { color: #6CC7E2; font-size: 11px; }

    .menopauseButton2::-ms-input-placeholder { color: #6CC7E2; font-size: 11px; }


.divGrafFavListBnrCon { display: none; }




.var_ScreenWarnings_Del_Container { position: absolute; top: 50px; left: calc((100% - 400px)/2); width: 400px; min-height: 100px; background-color: #fff; box-shadow: 3px 3px 10px #000; border: 10px solid #fff; }
.var_ScreenWarnings_Del_Message { position: relative; font-size: 14px; }
.var_ScreenWarnings_Del_ButtonContainer { position: relative; }
.var_ScreenWarnings_Del_Cancel { position: relative; }
.var_ScreenWarnings_Del_Delete { position: relative; }


/**/