.labGraphListViewPage { position: relative; top: 0px; width: 737px; height: 100%; overflow: scroll; }
.labGraphListViewPage_Header { position: relative; height: 94px; }
.labGraphListViewPage_Body { position: relative; width: calc(100% - 30px); height: calc(100% - 94px); overflow: scroll; margin: 0px auto; }
.labGraphListViewPage_HeaderDateCell { position: relative; height: 35px; line-height: 20px; background-color: #dceff7; float: left; color: #1a7575; width: 65px; font-size: 6px; margin-right: 6px; text-align: center; border-radius: 5px; }

    .labGraphListViewPage_HeaderDateCell .year,
    .labGraphListViewPage_HeaderDateCell .month,
    .labGraphListViewPage_HeaderDateCell .day,
    .labGraphListViewPage_HeaderDateCell .time { position: absolute; left: 0px; width: 65px; height: 10px; font-size: 8pt; line-height: 10px; }
    .labGraphListViewPage_HeaderDateCell .year { top: 0px; }
    .labGraphListViewPage_HeaderDateCell .month { top: 7px; font-family: Arial; }
    .labGraphListViewPage_HeaderDateCell .day { top: 20px; }
    .labGraphListViewPage_HeaderDateCell .time { top: 20px; font-size: 7pt; }

    .labGraphListViewPage_HeaderDateCell:last-child,
    .labGraphListViewPage_HeaderDateInfoCell:last-child,
    .labGraphListViewPage_LabPerson_Date_Cell:last-child { margin-right: 0px; }

.labGraphListViewPage_HeaderDateInfoCell { position: relative; width: 65px; height: 15px; margin-right: 6px; float: left; background: #dceff7; left: 0px; border-radius: 5px; }

.labGraphListViewPage_HeaderDatesCon { position: sticky; top: 0px; left: 0px; height: 39px; font-size: 8px; text-align: center; margin: 0px; border-radius: 5px; z-index: 2; background-color: #fff; }
.labGraphListViewPage_HeaderExtraInfoCon { position: sticky; top: 39px; left: 0px; height: 25px; font-size: 8px; text-align: center; margin: 0px; border-radius: 5px; z-index: 2; background-color: #fff; }


.labGraphListViewPage_Body .twentyPageDataTestGroupName { position: sticky; top: unset; left: 0px; text-align: left; text-indent: 142px; white-space: nowrap; overflow: scroll; margin-bottom: 6px; }

.labGraphListViewPage_LabGroupAnalyseContainer { position: relative; min-height: 45px; z-index: 0; top: -7px; border: 1px solid #dceff7; border-radius: 7px; }

.labGraphListViewPage_LabPerson_Date_Cell { position: relative; height: 43px; line-height: 20px; /*background-color: #f3f8fd;*/ float: left; color: #1a7575; width: 65px; font-size: 6px; margin-right: 6px; text-align: center; border-radius: 5px; /*border: 1px solid #cee1e9;*/ }

.labGraphListViewPage_LabAnalyseLabel { position: sticky; top: unset; left: 0px; width: 10px; height: 14px; text-align: right; white-space: nowrap; line-height: 13px; font-size: 12px; padding: 0px 2px; border: none; border-top: none; border-right: none; color: #1a7575; font-weight: normal; border-radius: 5px; border-bottom-right-radius: 0px; z-index: 1; }
    .labGraphListViewPage_LabAnalyseLabel .lgrName { white-space: nowrap; background-color: #fff; border-radius: 11px; padding: 1px 4px; border: 1px solid #dceff7; margin-left: 5px; }
    .labGraphListViewPage_LabAnalyseLabel .lgrRef { white-space: nowrap; font-size: 9px; }

.labGraphListViewPage_LabPerson_Date_Cell_graph_0,
.labGraphListViewPage_LabPerson_Date_Cell_graph_1,
.labGraphListViewPage_LabPerson_Date_Cell_graph_2,
.labGraphListViewPage_LabPerson_Date_Cell_graph_3 { position: absolute; bottom: 0px; width: 100%; border-radius: 5px; }
.labGraphListViewPage_LabPerson_Date_Cell_graph_0 { height: 50%; background-color: rgb(212, 236, 246); }
.labGraphListViewPage_LabPerson_Date_Cell_graph_1 { height: 25%; background-color: rgb(255, 139, 139); }
.labGraphListViewPage_LabPerson_Date_Cell_graph_2 { height: 75%; background-color: rgb(255, 139, 139); }

.labGraphListViewPage_LabPerson_Date_Cell_Result { position: absolute; top: 10px; width: 100%; }



.stepSpeedMainGrafLx { position: relative; background-color: #fff; margin-bottom: 15px; height: 100%; }
.stepSpeedAlterRowGrafCon { position: absolute; width: 702px; height: 126px; top: 0px; left: 0px; overflow: hidden; }
.stepSpeedAlterRowXxVlsSwipeCon { position: absolute; top: 0px; left: 0px; width: 700px; height: 126px; border-radius: 5px; overflow: hidden; }
.stepSpeedAlterRowXxVlsCon { position: absolute; width: 702px; height: 128px; left: 20px; top: 0px; box-shadow: none; border-radius: 5px; overflow: hidden; border: 1px solid #a4dbed; }
.stepSpeedAlterRowXxNumbs { position: absolute; width: 15px; height: 95px; left: 700px; }
.stepSpeedAlterRowXxNO { position: relative; width: 16px; height: 9px; line-height: 13px; font-size: 6pt; margin-bottom: 20px; text-align: right; color: #00B4D5; }
.stepSpeedAlterRowXxNO1 { position: relative; width: 16px; height: 9px; line-height: 13px; font-size: 6pt; margin-bottom: 20px; text-align: right; color: #00B4D5; }
.stepSpeedAlterCatNm { position: absolute; height: 14px; line-height: 13px; font-size: 7pt; text-align: left; background-color: transparent; left: 28px; top: 4px; border: none; border-top: none; border-right: none; color: #1a7575; font-weight: normal; border-radius: 5px; border-bottom-right-radius: 0px; z-index: 5; cursor: pointer; }
.stepSpeedAlterRowXxx { position: relative; width: 720px; height: 125px; margin-bottom: 9px; top: 5px; left: 0px; }
.stepSpeedAlterRowXxVlsCon2 { position: absolute; width: 702px; height: 128px; left: 20px; top: 0px; box-shadow: none; border-radius: 5px; overflow: hidden; border: 1px solid #a4dbed; }
.stepSpeedAlterRowXxxsml { position: relative; width: 720px; height: 125px; margin-bottom: 9px; top: 5px; left: 0px; box-shadow: none; }
.stepSpeedAlterRowXxNumbsx { position: absolute; width: 15px; height: 93px; left: -1px; top: 0px; }
.stepSpeedAlterRowExerciseGrafCon { position: absolute; width: 702px; height: 126px; top: 0px; left: 0px; overflow: hidden; }

#stepSpeedGrafEntrValueCon { position: absolute; width: 90px; height: 43px; background-color: #fff; top: 200px; left: 104px; background-image: none; background-size: 341px 120px; z-index: 500; }
.stepSpeedGrafEntrValueTopDiv { position: absolute; top: -200px; left: 0px; width: 360px; height: 200px; background-color: #fff; display: none; }
.stepSpeedGrafEntrValueRightDiv { position: absolute; top: 178px; right: 0px; width: 48px; height: 300px; background-color: #fff; display: none; }
#stepSpeedGrafEntrValueDate { position: absolute; width: 138px; height: 23px; text-align: center; line-height: 22px; font-size: 9px; background-color: #fff; top: 9px; left: 101px; border: 1px solid #6d6c6c; border-radius: 5px; display: none; }
#stepSpeedGrafEntrValueClose { position: absolute; width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; background-color: #00B4D5; top: -10px; left: 85px; border: 1px solid #a5a5a5; border-radius: 15px; box-shadow: 0px 0px 3px 1px #fff; color: #fff; font-weight: bold; border: none; }
.stepSpeedGrafEntrValueWrpRow { position: relative; width: 100px; height: 41px; float: left; top: 5px; margin-right: 11px; margin-bottom: 4px; }
.stepSpeedGrafEntrValueWrpRowInpt { position: absolute; width: 100px; height: 24px; line-height: 24px; border: 2px solid #0db4d5; border-radius: 5px; background-color: #fff; text-align: center; font-size: 12px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: #808080; }
.stepSpeedGrafEntrValueWrpRowVlName { position: absolute; width: 100px; bottom: 2px; left: 0px; height: 15px; line-height: 16px; text-align: center; font-size: 9px; border: none; border-radius: 5px; background-color: #00B4D5; color: #ffffff; z-index: 1; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.stepSpeedGrafEntrValueWrpGrpDiv { position: absolute; width: 70px; height: 25px; top: -28px; border: none; border-radius: 0px; background-color: #00B4D5; text-align: center; font-size: 13px; text-align: left; text-indent: 13px; font-weight: bold; line-height: 25px; color: #fff; border-bottom-right-radius: 17px; border-top-right-radius: 17px; display: none; }
    .stepSpeedGrafEntrValueWrpGrpDiv div { position: absolute; width: 25px; height: 25px; line-height: 25px; text-align: center; right: -2px; top: 0px; text-indent: 0px; background-color: #fddebd; font-size: 13px; border-radius: 21px; color: #24699f; }
#stepSpeedGrafEntrValueWrpRow1,
#stepSpeedGrafEntrValueWrpRow4 { top: 10px; }


#divPersonalLabGraphHeader { position: relative; width: 100%; height: 30px; padding-left: 17px; }

.headerDateLabel { position: relative; width: 38px; height: 35px; line-height: 20px; margin: 1px; font-size: 7px; text-align: center; background-color: #dceff7; float: left; left: 2px; color: #1a7575; border-radius: 0px; font-family: Arial; }
.headerTimeLabel { position: absolute; top: 18px; width: 38px; height: 10px; line-height: 10px; margin: 0px; font-size: 7px; text-align: center; }



.twentyPageData .stepSpeedMainGrafLx { }
.twentyPageData .stepSpeedAlterRowGrafCon { width: 705px; }
.twentyPageData .stepSpeedAlterRowXxVlsSwipeCon { }
.twentyPageData .stepSpeedAlterRowXxVlsCon { left: 16px; width: 705px; height: 54px; }
.twentyPageData .stepSpeedAlterRowXxNumbs { }
.twentyPageData .stepSpeedAlterRowXxNO { }
.twentyPageData .stepSpeedAlterCatNm { left: unset; top: -6px; right: 0px; text-align: right; width: auto; white-space: nowrap; background-color: #fff; padding: 0px 2px; }
.twentyPageData .stepSpeedAlterRowXxx { top: 0px; width: 725px; height: 53px; margin: 0px; margin-bottom: 22px !important; }
.twentyPageData .stepSpeedAlterRowXxVlsCon2 { }
.twentyPageData .stepSpeedAlterRowXxxsml { }
.twentyPageData .stepSpeedAlterRowXxNumbsx { }
.twentyPageData .stepSpeedAlterRowExerciseGrafCon { }

.labValueGraph .twentyPageData .stepSpeedAlterRowGrafCon { margin-top: 2px; width: 705px; }

.twentyPageData .labGraphLabAnalyseName { position: absolute; top: -9px; left: 23px; width: auto; height: 14px; text-align: right; white-space: nowrap; line-height: 13px; font-size: 12px; background-color: #fff; padding: 0px 2px; border: none; border-top: none; border-right: none; color: #1a7575; font-weight: normal; border-radius: 5px; border-bottom-right-radius: 0px; }
.twentyPageData .labGraphLabAnalyseUnit { font-size: 10px; color: #1a7575; font-weight: normal; }

.twentyPageData .stepSpeedAlterRowRefWhite { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; text-align: center; }

.twentyPage .headerDateLabel { /*width: 33px;*/ width: 65px; font-size: 6px; margin-right: 5px; text-align: center; border-radius: 5px; }
.twentyPage .headerTimeLabel { width: 34px; }

.twentyPage .headerDateLabel .year,
.twentyPage .headerDateLabel .month,
.twentyPage .headerDateLabel .day,
.twentyPage .headerDateLabel .time { position: absolute; left: 0px; width: 65px; height: 10px; font-size: 8pt; line-height: 10px; margin-right: unset; border: unset; border-radius: unset; padding: unset; color: unset; text-indent: unset; }

.twentyPage .headerDateLabel .year { top: 0px; /* background-color: #acd8e8; */ }
.twentyPage .headerDateLabel .month { top: 7px; /* background-color: #acd8e8; */ font-family: Arial; }
.twentyPage .headerDateLabel .day { top: 20px; /* background-color: #acd8e8; */ }
.twentyPage .headerDateLabel .time { top: 20px; font-size: 7pt; }



.twentyPageListViewPWA .twentyPage .headerDateLabel .month { top: -1px; }


.twentyPageData .stepSpeedAlterRowXxNO1,
.twentyPageData .stepSpeedAlterRowXxNO2,
.twentyPageData .stepSpeedAlterRowXxNO3,
.twentyPageData .stepSpeedAlterRowXxNO4 { position: absolute; left: 10px; width: 21px; height: 10px; line-height: 11px; font-size: 7pt; text-align: center; color: #1a7575; white-space: nowrap; background-color: #fff; }

.twentyPageListViewPWA .twentyPageData .stepSpeedAlterRowXxNO1,
.twentyPageListViewPWA .twentyPageData .stepSpeedAlterRowXxNO2,
.twentyPageListViewPWA .twentyPageData .stepSpeedAlterRowXxNO3,
.twentyPageListViewPWA .twentyPageData .stepSpeedAlterRowXxNO4 { left: 20px; }

.stepSpeedAlterRowLblAbs { position: absolute; right: -4px; width: 26px; line-height: 8px; font-size: 7pt; text-align: right; color: #00B4D5; }










.twentyPageDataTestGroupConx { position: absolute; top: 52px; }

.twentyPageDataTestGroupDatesVlCon { position: absolute; width: 699px; height: 15px; top: 0px; left: 31px; background-color: #b7dfef; }





.cnvs_date_top { position: absolute; width: 610px; height: 32px; right: 45px; background-color: #b6dde8; top: 101px; border-top-right-radius: 7px; padding: 0px 10px 0px 10px; overflow-x: scroll; border-left: 12px solid #b6dde8; border-right: 13px solid #b6dde8; }
.cnvs_banner_all { position: absolute; width: 732px; height: 79px; top: 14px; background-color: #b6dde8; border-radius: 8px; }

.cnvs_num { position: absolute; width: 717px; height: 20px; background-color: #fff; border-radius: 14px; left: 7px; top: 2px; border: 1px solid #92CCDB; overflow: hidden; }
    .cnvs_num .cnvs_drug_inf { margin-right: 5px; top: 1px; width: 137px; }

.cnvs_alfa_con { position: absolute; width: 735px; height: 45px; top: 27px; left: 24px; }
.cnvs_alfa_div { position: relative; width: 56px; height: 45px; float: left; margin-right: 15px; }

.cnvs_1 { position: relative; width: 650px; height: 118px; }

.cnvs_date_banner { position: absolute; width: 630px; height: 26px; left: 18px; top: 109px; }
.cnvs_div_date { position: relative; width: 63px; height: 25px; text-align: center; font-size: 7pt; padding-top: 2px; line-height: 10px; background-color: transparent; float: left; }

.m1 { background-color: #DBEEF3; }
.m0 { background-color: #F4FAFB; }

.cnvs_value { position: absolute; width: 631px; height: 100px; left: 18px; top: 0px; border: 1px solid #7FD6F7; }

.cnvs_number { position: absolute; width: 20px; height: 100px; top: 0px; left: 0px; }

.cnvsNum_1 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 0px; }
.cnvsNum_2 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 20px; }
.cnvsNum_3 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 24px; }
.cnvsNum_4 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 52px; }
.cnvsNum_5 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 71px; }
.cnvsNum_6 { position: absolute; width: 15px; font-size: 7pt; text-align: right; bottom: 89px; }

.cnvs_bottom_banner { position: absolute; width: 732px; height: 142px; bottom: 0px; background-color: #b6dde8; border-radius: 10px; }
    .cnvs_bottom_banner .cnvs_num { top: 5px; display: none; }

.cnvs_bttm_alfas { position: absolute; width: 724px; height: 130px; top: 9px; left: 5px; overflow: hidden; }

.cnvs_alfaz_div { position: relative; width: 56px; height: 70px; float: left; margin-right: 7px; }
.cnvs_drug_div { position: absolute; width: 753px; height: 45px; top: 0px; left: 0px; }

.cnvs_drug_inf { position: relative; width: 183px; height: 16px; line-height: 16px; font-size: 6pt; text-indent: 20px; float: left; left: 16px; margin-right: 5px; white-space: nowrap; overflow: hidden; margin-bottom: 2px; }
.cnvs_drug_inf_ball { position: absolute; width: 16px; height: 16px; background-color: #B6DDE8; text-align: center; font-size: 7pt; text-indent: 0px; border-radius: 14px; color: #fff; }

.cnvs_drug_div .cnvs_drug_inf { left: 0px; overflow: hidden; margin-bottom: 6px; }
.cnvs_drug_div .cnvs_drug_inf_ball { background: #fff; color: #4a4a4a; }


.cnvs_dis_cat { position: absolute; width: 174px; height: 12px; line-height: 12px; font-size: 7pt; top: 102px; left: 18px; white-space: nowrap; }
    .cnvs_dis_cat span { font-size: 5pt; }


.cnvs_code_con { position: relative; width: 57px; height: 19px; float: left; margin-right: 10px; left: 31px; }
.cnvs_code_a { position: absolute; width: 15px; height: 15px; text-align: center; background-color: #B7DFEB; border-radius: 12px; font-size: 12px; line-height: 16px; top: 2px; vertical-align: middle; text-indent: 0px; padding: 0px; color: #fff; }
.cnvs_code_inf { position: absolute; width: 41px; height: 19px; line-height: 21px; font-size: 11px; left: 14px; text-indent: 5px; white-space: nowrap; color: #1a7575; }

.cnvs_date { position: relative; width: 22px; height: 13px; line-height: 14px; font-size: 11px; top: 7px; float: left; margin-right: 17px; cursor: pointer; color: #1a7575; }

.cnvs_list_data_all { position: absolute; width: 650px; height: 705px; top: 136px; }

.cnvs_date_topXdiv { position: absolute; width: 590px; height: 32px; top: 101px; border: 2px solid #b6dde8; border-top-left-radius: 7px; left: 50px; }

.hemog_alfa_all { position: absolute; width: 519px; height: 47px; top: 70px; left: 126px; }
.hemog_alfa { position: relative; width: 47px; height: 41px; top: 2px; float: left; margin-right: 4px; left: 7px; }
.hemog_alfa_a { position: relative; width: 14px; height: 15px; text-align: center; border-radius: 12px; font-size: 7pt; line-height: 16px; float: left; margin-right: 4px; margin-bottom: 2px; background: url("../img/fff_bg.png") no-repeat; }

.docPageGraphScale { position: absolute; top: 0px; right: -13px; z-index: 1; background: #fff; display: none; height: 128px; }

.stepSpeedAlterRowXxxsml:hover .docPageGraphScale { display: block; }

.docPageGraphScaleRow,
.docPageGraphScaleRowx { position: relative; width: 24px; height: 18px; margin-bottom: 4px; border: 1px solid #0db4d5; border-radius: 20px; color: #fff; font-weight: bold; font-size: 7pt; text-align: center; line-height: 17px; background: #0db4d5; cursor: pointer; }

.docPageGraphScaleRowx { background: #ffa500; border: 1px solid #ffa500; color: #fff; }

.stepSpeedAlterRowXxx:hover .docPageGraphScale { display: block; }


.cnvs_date_InboDiv { position: absolute; width: auto; left: 0px; }




/* 888888888888888888888888888888888888888888888888888888888 */
/* 888888888888888888888888888888888888888888888888888888888 */

.docPageGraphScaleInptGll { position: absolute; width: 24px; height: 20px; right: 1px; bottom: 1px; background-color: #fff; border: 2px solid #0db4d5; border-radius: 5px; text-align: center; font-size: 9px; color: #000080; }


#diyetistGrafLabDateStp { position: absolute; top: 387px; right: calc( ( 100% - 1226px )/2 + 0px ); width: 176px; height: 418px; z-index: 501; }

.diyetistGrafLabDateStpCat1,
.diyetistGrafLabDateStpCat2 { position: relative; width: 30px; height: 30px; border: 2px solid #00B4D5; border-radius: 20px; background-color: #fff; float: left; left: 40px; margin-right: 14px; }


#diyetistGrafLabDateStpDateDataList { position: absolute; width: 176px; height: 390px; top: 35px; }

.diyetistGrafLabDateStpDataRow { position: relative; width: 176px; height: 25px; margin-bottom: 5px; }

.diyetistGrafLabDateStpDataRowBnr { position: relative; width: 85px; height: 25px; line-height: 25px; text-align: center; font-size: 8pt; margin-right: 3px; float: left; background: #0db4d5; color: #fff; cursor: pointer; border: none; }

.diyetistGrafLabDateStpDataRowVl2,
.diyetistGrafLabDateStpDataRowVl3,
.diyetistGrafLabDateStpDataRowVl1 { position: relative; height: 25px; line-height: 25px; text-align: center; font-size: 8pt; margin-right: 3px; float: left; background: #CEEBF3; }

.diyetistGrafLabDateStpDataRowVl1 { width: 86px; }
.diyetistGrafLabDateStpDataRowVl2 { width: 40px; }
.diyetistGrafLabDateStpDataRowVl3 { width: 41px; }


.diyetistGrafLabDateStpDataSubRow { position: relative; width: 176px; height: 68px; margin-bottom: 5px; border: 1px solid #0db4d5; display: none; }

.diyetistGrafLabDateStpDataSubRowBtn { position: relative; width: 26px; height: 26px; background-color: #0db4d5; border-radius: 20px; line-height: 27px; font-size: 8pt; text-align: center; color: #fff; float: left; margin-right: 5px; margin-bottom: 5px; top: 5px; left: 9px; }







#diyetistGrafLabDateStpLabDataList { position: absolute; width: 176px; height: 390px; top: 35px; overflow: scroll; }


.diyetistGrafLabDateStpLabDataBnrSrc { position: absolute; width: 126px; height: 25px; line-height: 25px; text-indent: 5px; font-size: 8pt; border: 1px solid #0db4d5; top: 0px; left: 12px; }
.diyetistGrafLabDateStpLabDataBnrSrcBtn { position: absolute; width: 25px; height: 25px; border: 1px solid #0db4d5; left: 142px; top: 0px; border-radius: 20px; }
    .diyetistGrafLabDateStpLabDataBnrSrcBtn img { position: absolute; width: 15px; top: 4px; left: 4px; }


#diyetistGrafLabDateStpLabVlDataList { position: absolute; width: 176px; height: 352px; top: 30px; overflow: scroll; }


.diyetistGrafLabDateStpLabVlDataListRowx,
.diyetistGrafLabDateStpLabVlDataListRow { position: relative; width: 176px; height: 25px; margin-bottom: 5px; line-height: 26px; font-size: 8pt; text-align: left; text-indent: 5px; background: #CEEBF3; }


.diyetistGrafLabDateStpLabVlDataListRowx { border: 2px solid #0db4d5; background: #fff; color: #0db4d5; line-height: 23px; }


.diyetistGrafLabDateStpCat1 img { position: absolute; width: 16px; top: 5px; left: 5px; }
.diyetistGrafLabDateStpCat2 img { position: absolute; width: 19px; top: 4px; left: 4px; }


#divPersonalGraphCon .userGraphDataValDateCon { display: none; }




/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */

.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUbnrWrd2,
.nwTheme1StepSpeedPKUbigGraf #nwTheme1StepSpeedPKUbnrWrdPGNM,
.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUCls,
.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUblVl2 { display: none; }


.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUblVl1 { top: 25px; height: 455px; }

.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUblVl1Div3 { height: 403px; }

    .nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUblVl1Div3 .nwTheme1StepSpeedPKUblVl1Div3GrafIn { height: 430px !important; }



.nwTheme1StepSpeedPKUbigGraf .nwTheme1StepSpeedPKUblVl1DivBigScrn div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #f7982c; position: absolute; top: 8px; left: 6px; border-bottom: none; }


.nwTheme1StepSpeedPKUblVl1Div3GrafInPls { position: relative; bottom: -4px; left: calc((100% - 120px) / 2); width: 120px; height: 30px; line-height: 31px; background-color: #0db4d5; color: #fff; font-family: Arial; font-size: 20px; padding: 0px; margin: 0px; text-align: center; border-radius: 10px; margin-top: 10px; cursor: pointer; }



.nwTheme1StepSpeedPKUblVl1DivBigScrn { position: absolute; width: 28px; height: 28px; line-height: 20px; font-size: 11px; left: 262px; top: 6px; color: #fff; font-size: 9px; background-color: #fff; border-radius: 20px; }

    .nwTheme1StepSpeedPKUblVl1DivBigScrn div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 16px solid #f7982c; position: absolute; top: 4px; left: 6px; }





.stepSpeedGraphInsertNewRow { position: absolute; bottom: -7px; left: 17px; width: 16px; height: 16px; line-height: 20px; background-color: #f7982c; color: #fff; font-family: Arial; font-size: 20px; padding: 0px; margin: 0px; text-align: center; border-radius: 10px; z-index: 1; }
    .stepSpeedGraphInsertNewRow:hover { transform: scale(1.2); }

.stepSpeedGraphInsertNewRowNeg { position: absolute; bottom: -7px; left: 302px; width: 15px; height: 15px; line-height: 20px; background-color: #f7982c; color: #fff; font-family: Arial; font-size: 20px; padding: 0px; margin: 0px; text-align: center; border-radius: 10px; }
    .stepSpeedGraphInsertNewRowNeg:hover { transform: scale(1.2); }



.stepSpeedGraphInsertNewRow1 { position: absolute; width: 2px; height: 10px; background: #fff; left: 7px; top: 3px; }
.stepSpeedGraphInsertNewRow2 { position: absolute; width: 10px; height: 2px; background: #fff; left: 3px; top: 7px; }
.stepSpeedGraphInsertNewRow3 { position: absolute; width: 9px; height: 2px; background: #fff; left: 3px; top: 7px; }






/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */

/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */

#userGraphDataCategory3 { position: absolute; top: 70px; height: 417px; width: 558px; overflow: scroll; }



.userGraphDataValDateCon { position: absolute; width: 600px; height: 50px; background-color: #fff; z-index: 8; left: -20px; box-shadow: 0px 0px 3px 0px #fddebd; top: 12px; }

.userGraphDataValDateVls1 { position: absolute; top: -1px; left: 6px; text-align: left; text-indent: 0px; color: #808080; font-weight: bold; font-size: 8pt; line-height: 17px; }
.userGraphDataValDateVls2 { position: absolute; top: -1px; right: 6px; text-align: left; text-indent: 0px; color: #808080; font-weight: bold; font-size: 8pt; line-height: 17px; }

.userGraphDataValDateBtn1,
.userGraphDataValDateBtn2 { position: absolute; width: 28px; height: 28px; background-color: #f7982c; border-radius: 30px; text-align: center; font-family: 'Arial Black'; color: #ffffff; cursor: pointer; z-index: 3; top: 18px; }

.userGraphDataValDateBtn1 { left: 0px; line-height: 29px; font-size: 15pt; padding-right: 4px; }
.userGraphDataValDateBtn2 { right: 0px; line-height: 27px; font-size: 14pt; padding-left: 3px; }

.userGraphDataValDateList { position: relative; left: 32px; width: 538px; height: 20px; background: #fff; border-radius: 7px; top: 25px; overflow: scroll; }

.userGraphDataValDateListRow { position: relative; float: left; margin-right: 7px; font-size: 6pt; left: 6px; top: 0px; color: #808080; width: 31px; text-align: center; }

    .userGraphDataValDateListRow span { font-size: 5.6pt; }

.docPageGraphScaleInptGll { display: none; }



#divPWA_LabGraphCon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: scroll; z-index: 30; }


/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */




#stepSpeedGrafEntrValueCon { font-size: 12px; text-transform: none; font-family: Arial; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; position: fixed; top: calc((35% - 70px)); left: calc((100% - 340px) / 2); width: 340px; height: 85px; z-index: 200; background: #52b4d5; }
.stepSpeedGrafEntrValueWrpRow { position: relative; width: 71px; height: 36px; float: left; top: 30px; left: 12px; margin-right: 11px; margin-bottom: 8px; }
.stepSpeedGrafEntrValueWrpRowInpt { position: absolute; width: 100px; height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 5px; background-color: #fff; text-align: center; font-size: 13px; left: 10px; top: -3px; }
.stepSpeedGrafEntrValueWrpRowVlName { text-transform: none; font-family: Arial; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; position: absolute; bottom: 0px; height: 25px; text-align: left; font-size: 10px; border-radius: 5px; top: -55px; left: -13px; border-top-left-radius: 16px 11px; border-top-right-radius: 16px 11px; line-height: 21px; width: 340px; border-bottom: 4px solid #fff; z-index: 1; text-indent: 15px; color: #fff; background: #52b4d5; }
.stepSpeedGrafEntrValueWrpRowDateInpt { position: absolute; width: 102px; height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 5px; background-color: #fff; text-align: center; font-size: 13px; left: 126px; top: -3px; }
.stepSpeedGrafEntrValueWrpRowDateInpt2 { position: absolute; width: 60px; height: 30px; line-height: 30px; border: 1px solid #fff; border-radius: 5px; background-color: #fff; text-align: center; font-size: 13px; left: 243px; top: -3px; }
#divSelectLabGrfExCalender { position: absolute; width: 345px; top: 41px; left: -14px; z-index: 10; border-radius: 9px; background-color: #ffffff; height: 350px; }
#stepSpeedGrafEntrValueDate { position: absolute; width: 138px; height: 23px; text-align: center; line-height: 22px; font-size: 9px; background-color: #fff; top: 9px; left: 101px; border: 1px solid #6d6c6c; border-radius: 5px; display: none; }
#stepSpeedGrafEntrValueClose { background-color: #52b4d5; top: -67px; left: 104px; width: 131px; cursor: pointer; border: 3px solid #fff; position: absolute; height: 42px; line-height: 29px; font-size: 13pt; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; font-weight: bold; padding-top: 5px; text-indent: 0px; border-top-left-radius: 60px; border-top-right-radius: 60px; z-index: 1; }
.stepSpeedGrafEntrValueBtnSv { background-color: #52b4d5; top: 85px; left: 104px; width: 131px; cursor: pointer; border: 3px solid #fff; position: absolute; height: 47px; line-height: 29px; font-size: 13pt; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; font-weight: bold; padding-top: 5px; text-indent: 0px; z-index: 1; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
/**/




/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */
/* sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssw */




.docPageListDataCon .sM_GraphDataValDateCon { position: relative; width: 611px; height: 50px; top: 5px; left: -25px; background-color: #fff; z-index: 8; box-shadow: 0px 0px 3px 0px #fddebd; display: none; }


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#divSelectLabGrfExCalender { position: absolute; width: 345px; top: 41px; left: -14px; z-index: 10; border-radius: 9px; background-color: #ffffff; height: 321px; }

    #divSelectLabGrfExCalender .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 344px; height: 320px; background: #fff; border: 2px solid #52b4d5; border-radius: 9px; overflow: hidden; }

    #divSelectLabGrfExCalender .monthPre { color: gray; text-align: center; }
    #divSelectLabGrfExCalender .monthNow { color: #52b4d5; text-align: center; height: 48px !important; position: relative; cursor: pointer; }
    #divSelectLabGrfExCalender .dayNow { border: 2px solid #0db4d5; color: #0db4d5; text-align: center; font-size: 18px !important; text-indent: 2px; font-weight: bold; }
    #divSelectLabGrfExCalender .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
    #divSelectLabGrfExCalender .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #divSelectLabGrfExCalender .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 27px; width: 100%; }
    #divSelectLabGrfExCalender .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 234px; width: 340px; }
    #divSelectLabGrfExCalender .monthNowBnr { color: #096b7f; text-align: center; height: 50px !important; position: relative; background: #f47575; }
    #divSelectLabGrfExCalender .dayNamesBnr { position: relative; width: 44px; height: 27px; float: left; text-align: center; margin-right: 4px; line-height: 28px; }
    #divSelectLabGrfExCalender .dayNames div { position: relative; float: left; width: 40px; height: 24px; line-height: 24px; font-size: 12px; margin-right: 8px; left: 5px; }
    #divSelectLabGrfExCalender .calendarRightArv,
    #divSelectLabGrfExCalender .calendarLeftArv { position: absolute; width: 30px; height: 30px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 18pt; line-height: 31px; top: 8px; font-weight: bold; cursor: pointer; color: #52b4d5; z-index: 1; }
    #divSelectLabGrfExCalender .calendarRightArv { right: 5px; text-indent: 2px; }
    #divSelectLabGrfExCalender .calendarLeftArv { left: 6px; }
    #divSelectLabGrfExCalender .calendarSelectMounth { position: relative; width: 105px; height: 20px; line-height: 20px; margin-right: 13px; border: none; background: transparent; color: #fff; font-size: 15px; float: left; left: 70px; top: 2px; }
    #divSelectLabGrfExCalender .calendarSelectYear { position: relative; width: 73px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; font-size: 15px; float: left; left: 70px; top: 2px; }
    #divSelectLabGrfExCalender .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
    #divSelectLabGrfExCalender .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }
    #divSelectLabGrfExCalender .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
    #divSelectLabGrfExCalender .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }
    #divSelectLabGrfExCalender .calendarSelectYear::-webkit-scrollbar { width: 1px; }
    #divSelectLabGrfExCalender .calendarSelectYear option::-webkit-scrollbar { width: 1px; }
    #divSelectLabGrfExCalender .dayNowClss { position: relative; width: 45px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }
    #divSelectLabGrfExCalender .calendarCls { position: absolute; width: 90px; height: 23px; line-height: 23px; text-align: center; top: 318px; left: 122px; background-color: #f47575; color: #fff; border-radius: 5px; line-height: 23px; font-size: 13px; }
    #divSelectLabGrfExCalender .calendarHghDv { position: relative; width: 1px; height: 30px; float: left; }
    #divSelectLabGrfExCalender .monthNowCn { position: relative; height: 45px; background: #0db4d5; width: 340px; }


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



.nwTheme1StepSpeedPKUblVl1Div3GrafIn { overflow: scroll; height: calc( 100% - 8px ); }


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

#divPregnancyGrfExCalender { position: absolute; width: 345px; top: 51px; left: 80px; z-index: 10; border-radius: 9px; background-color: #ffffff; height: 321px; }

    #divPregnancyGrfExCalender .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 344px; height: 320px; background: #fff; border: 2px solid #52b4d5; border-radius: 9px; overflow: hidden; }

    #divPregnancyGrfExCalender .monthPre { color: gray; text-align: center; }
    #divPregnancyGrfExCalender .monthNow { color: #52b4d5; text-align: center; height: 48px !important; position: relative; cursor: pointer; }
    #divPregnancyGrfExCalender .dayNow { border: 2px solid #0db4d5; color: #0db4d5; text-align: center; font-size: 18px !important; text-indent: 2px; font-weight: bold; }
    #divPregnancyGrfExCalender .calendar td { htmlContent: 2px; width: 40px; font-size: 16px; height: 20px; }
    #divPregnancyGrfExCalender .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #divPregnancyGrfExCalender .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 27px; width: 100%; }
    #divPregnancyGrfExCalender .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 234px; width: 340px; }
    #divPregnancyGrfExCalender .monthNowBnr { color: #096b7f; text-align: center; height: 50px !important; position: relative; background: #f47575; }
    #divPregnancyGrfExCalender .dayNamesBnr { position: relative; width: 44px; height: 27px; float: left; text-align: center; margin-right: 4px; line-height: 28px; }
    #divPregnancyGrfExCalender .dayNames div { position: relative; float: left; width: 40px; height: 24px; line-height: 24px; font-size: 12px; margin-right: 8px; left: 5px; }
    #divPregnancyGrfExCalender .calendarRightArv,
    #divPregnancyGrfExCalender .calendarLeftArv { position: absolute; width: 30px; height: 30px; background-color: #fff; border-radius: 15px; text-align: center; font-size: 18pt; line-height: 31px; top: 8px; font-weight: bold; cursor: pointer; color: #52b4d5; z-index: 1; }
    #divPregnancyGrfExCalender .calendarRightArv { right: 5px; text-indent: 2px; }
    #divPregnancyGrfExCalender .calendarLeftArv { left: 6px; }
    #divPregnancyGrfExCalender .calendarSelectMounth { position: relative; width: 105px; height: 20px; line-height: 20px; margin-right: 13px; border: none; background: transparent; color: #fff; font-size: 15px; float: left; left: 70px; top: 2px; }
    #divPregnancyGrfExCalender .calendarSelectYear { position: relative; width: 73px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; font-size: 15px; float: left; left: 70px; top: 2px; }
    #divPregnancyGrfExCalender .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 18px; }
    #divPregnancyGrfExCalender .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 18px; }
    #divPregnancyGrfExCalender .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
    #divPregnancyGrfExCalender .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }
    #divPregnancyGrfExCalender .calendarSelectYear::-webkit-scrollbar { width: 1px; }
    #divPregnancyGrfExCalender .calendarSelectYear option::-webkit-scrollbar { width: 1px; }
    #divPregnancyGrfExCalender .dayNowClss { position: relative; width: 45px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }
    #divPregnancyGrfExCalender .calendarCls { position: absolute; width: 90px; height: 23px; line-height: 23px; text-align: center; top: 318px; left: 122px; background-color: #f47575; color: #fff; border-radius: 5px; line-height: 23px; font-size: 13px; }
    #divPregnancyGrfExCalender .calendarHghDv { position: relative; width: 1px; height: 30px; float: left; }
    #divPregnancyGrfExCalender .monthNowCn { position: relative; height: 45px; background: #0db4d5; width: 340px; }


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */




#twentyPageDataDrugTakenInfCon { position: fixed; width: 737px; height: 594px; background: #fff; top: 209px; left: calc((100% - 737px)/2); z-index: 15; border: 2px solid #b6dde8; border-radius: 5px; }

.twentyPageDataDrugTakenInfConCls { position: absolute; width: 39px; height: 39px; border-radius: 30px; border: 2px solid #a4dbed; left: 5px; top: 5px; background: #fff; cursor: pointer; z-index: 1; }
    .twentyPageDataDrugTakenInfConCls div { position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 16px solid #0db4d5; width: 0px; top: 1px; left: 9px; transform: rotate(89deg); }


.twentyPageDataDrugTakenInfDataWrp { position: absolute; width: 730px; height: 590px; left: 0px; top: 0px; }

#twentyPageDataDrugTakenInfDataCalender { position: absolute; width: 250px; height: 250px; background: #fff; border: 3px solid #b6dde8; top: 50px; left: 10px; border-radius: 12px; }

.twentyPageDataDrugTakenInfDataUsagesWrp { position: absolute; width: 455px; height: 580px; background: #fff; /* border: 1px solid #b6dde8; */ top: 3px; left: 270px; border-radius: 5px; }

.twentyPageDataDrugTakenInfDataUsagesBnr { position: absolute; width: 455px; height: 35px; top: 0px; left: 0px; }

.twentyPageDataDrugTakenInfDataUsagesBnrRw { position: relative; width: 48px; height: 32px; background: #daeff7; float: left; margin-right: 4px; left: 33px; }

.twentyPageDataDrugTakenInfDataUsagesBnrRwVl1,
.twentyPageDataDrugTakenInfDataUsagesBnrRwVl2 { position: relative; width: 50px; height: 16px; line-height: 19px; text-align: center; color: #3f8fad; top: 1px; }

.twentyPageDataDrugTakenInfDataUsagesBnrRwVl1 { font-size: 13px; }
.twentyPageDataDrugTakenInfDataUsagesBnrRwVl2 { font-size: 11px; line-height: 10px; }


#twentyPageDataDrugTakenInfDataUsagesDataList { position: absolute; width: 450px; height: 491px; background-color: #fff; top: 44px; left: 2px; overflow: scroll; }

.twentyPageDataDrugTakenInfDataUsagesDataListRow { position: relative; width: 450px; height: 51px; float: left; margin-right: 4px; left: 0px; margin-bottom: 5px; }

.twentyPageDataDrugTakenInfDataUsagesDataListRowV1,
.twentyPageDataDrugTakenInfDataUsagesDataListRowV2,
.twentyPageDataDrugTakenInfDataUsagesDataListRowV3 { position: relative; float: left; height: 20px; border: 1px solid #b6dde8; margin-right: 3px; font-size: 12px; border-radius: 5px; line-height: 19px; left: 3px; margin-bottom: 3px; color: #fff; background: #b6dde8; }


.twentyPageDataDrugTakenInfDataUsagesDataListRowV1 { width: 25px; text-align: center; }
.twentyPageDataDrugTakenInfDataUsagesDataListRowV2 { width: 414px; text-align: left; text-indent: 5px; }
.twentyPageDataDrugTakenInfDataUsagesDataListRowV3 { width: 442px; border: none; background: none; }

.twentyPageDataDrugTakenInfDataUsagesDataListRowV3Sel { position: relative; width: 25px; height: 25px; border: 1px solid #b6dde8; float: left; border-radius: 20px; left: 39px; margin-right: 27px; }







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



#twentyPageDataDrugTakenInfDataCalender .monthPre { color: gray; text-align: center; }
#twentyPageDataDrugTakenInfDataCalender .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
#twentyPageDataDrugTakenInfDataCalender .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
#twentyPageDataDrugTakenInfDataCalender .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
#twentyPageDataDrugTakenInfDataCalender .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
#twentyPageDataDrugTakenInfDataCalender .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
#twentyPageDataDrugTakenInfDataCalender .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


#twentyPageDataDrugTakenInfDataCalender .calendarRightArv,
#twentyPageDataDrugTakenInfDataCalender .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; }

#twentyPageDataDrugTakenInfDataCalender .calendarRightArv { right: 5px; text-indent: 2px; }
#twentyPageDataDrugTakenInfDataCalender .calendarLeftArv { left: 6px; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear::-webkit-scrollbar { width: 1px; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

#twentyPageDataDrugTakenInfDataCalender .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }

#twentyPageDataDrugTakenInfDataCalender #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; }


#twentyPageDataDrugTakenInfDataCalender .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 244px; height: 244px; background: #bcbcbc; border: 2px solid #0db4d5; border-radius: 9px; overflow: hidden; }

#twentyPageDataDrugTakenInfDataCalender .monthPre { color: gray; text-align: center; }
#twentyPageDataDrugTakenInfDataCalender .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
#twentyPageDataDrugTakenInfDataCalender .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
#twentyPageDataDrugTakenInfDataCalender .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
#twentyPageDataDrugTakenInfDataCalender .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
#twentyPageDataDrugTakenInfDataCalender .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
#twentyPageDataDrugTakenInfDataCalender .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 242px; width: 240px; }


#twentyPageDataDrugTakenInfDataCalender #diyetistGrafLabDateStpDataRowClndr1 { position: absolute; width: 247px; top: 28px; left: -10px; }
#twentyPageDataDrugTakenInfDataCalender #diyetistGrafLabDateStpDataRowClndr2 { position: absolute; width: 250px; top: 28px; left: -10px; }

#twentyPageDataDrugTakenInfDataCalender .calendarRightArv,
#twentyPageDataDrugTakenInfDataCalender .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; }

#twentyPageDataDrugTakenInfDataCalender .calendarRightArv { right: 5px; text-indent: 2px; }
#twentyPageDataDrugTakenInfDataCalender .calendarLeftArv { left: 6px; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear::-webkit-scrollbar { width: 1px; }
#twentyPageDataDrugTakenInfDataCalender .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

#twentyPageDataDrugTakenInfDataCalender .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }






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


.cnvs_date_arwP,
.cnvs_date_arwN { position: absolute; width: 32px; height: 32px; /* border: 2px solid #1693c9; */ border-radius: 30px; background: #fff; top: 99px; }

.cnvs_date_arwP { left: 17px; }
.cnvs_date_arwN { left: 693px; }


.cnvs_date_arwP div { position: absolute; left: 4px; top: 6px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 18px solid #b6dde8; width: 0px; z-index: 2; cursor: pointer; }
.cnvs_date_arwN div { position: absolute; left: 10px; top: 6px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 18px solid #b6dde8; width: 0px; z-index: 2; cursor: pointer; }


.cnvsSlct2DatesClndrBtn { position: absolute; width: 25px; height: 25px; border: 1px solid #0db4d5; border-radius: 20px; top: 1px; left: 2px; cursor: pointer; }


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


************************************************************************
***********************************************************************/
#cnvsSlct2DatesClndrVl { position: absolute; z-index: 10; width: 100%; height: 0px; }


    #cnvsSlct2DatesClndrVl .monthPre { color: gray; text-align: center; }
    #cnvsSlct2DatesClndrVl .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
    #cnvsSlct2DatesClndrVl .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
    #cnvsSlct2DatesClndrVl .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
    #cnvsSlct2DatesClndrVl .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #cnvsSlct2DatesClndrVl .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
    #cnvsSlct2DatesClndrVl .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 192px; width: 210px; }


    #cnvsSlct2DatesClndrVl .calendarRightArv,
    #cnvsSlct2DatesClndrVl .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; }

    #cnvsSlct2DatesClndrVl .calendarRightArv { right: 5px; text-indent: 2px; }
    #cnvsSlct2DatesClndrVl .calendarLeftArv { left: 6px; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
    #cnvsSlct2DatesClndrVl .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

    #cnvsSlct2DatesClndrVl .calendarSelectYear::-webkit-scrollbar { width: 1px; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

    #cnvsSlct2DatesClndrVl .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }

    #cnvsSlct2DatesClndrVl #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; }


    #cnvsSlct2DatesClndrVl .diyetistGrafLabDateStpDataRowClndrCon { position: relative; z-index: 5; width: 335px; height: a; background: #bcbcbc; border: 2px solid #0db4d5; border-radius: 9px; overflow: hidden; left: 13px; top: 10px; }

    #cnvsSlct2DatesClndrVl .monthPre { color: gray; text-align: center; }
    #cnvsSlct2DatesClndrVl .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; }
    #cnvsSlct2DatesClndrVl .dayNow { border: 2px solid black; color: #FF0000; text-align: center; }
    #cnvsSlct2DatesClndrVl .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; }
    #cnvsSlct2DatesClndrVl .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; }
    #cnvsSlct2DatesClndrVl .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; }
    #cnvsSlct2DatesClndrVl .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 212px; width: 330px; border-top-left-radius: 10px; border-top-right-radius: 10px; }


    #cnvsSlct2DatesClndrVl #diyetistGrafLabDateStpDataRowClndr1 { position: absolute; width: 247px; top: 28px; left: -10px; }
    #cnvsSlct2DatesClndrVl #diyetistGrafLabDateStpDataRowClndr2 { position: absolute; width: 250px; top: 28px; left: -10px; }

    #cnvsSlct2DatesClndrVl .calendarRightArv,
    #cnvsSlct2DatesClndrVl .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; }

    #cnvsSlct2DatesClndrVl .calendarRightArv { right: 5px; text-indent: 2px; }
    #cnvsSlct2DatesClndrVl .calendarLeftArv { left: 6px; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth { position: relative; width: 125px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear { position: relative; width: 82px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; }

    #cnvsSlct2DatesClndrVl .calendarSelectMounth::-webkit-scrollbar { width: 0px; }
    #cnvsSlct2DatesClndrVl .calendarSelectMounth option::-webkit-scrollbar { width: 0px; }

    #cnvsSlct2DatesClndrVl .calendarSelectYear::-webkit-scrollbar { width: 1px; }
    #cnvsSlct2DatesClndrVl .calendarSelectYear option::-webkit-scrollbar { width: 1px; }

    #cnvsSlct2DatesClndrVl .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; }






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





.cnvsSlct2DatesClndrVlExCf { position: relative; left: calc((100% - 330px) / 2); width: 330px; height: auto; background: #fff; border-radius: 5px; top: 10px; }


.cnvsSlct2DatesClndrVlBttmCon { position: relative; width: 213px; height: 50px; top: 10px; left: 62px; }

.cnvsSlct2DatesClndrVlBttmConBtnOk { position: absolute; width: 90px; height: 30px; text-align: center; line-height: 30px; background: #0db4d5; border-radius: 10px; font-size: 13px; color: #fff; top: 29px; left: 59px; border: 2px outset #0db4d5; cursor: pointer; }

.cnvsSlct2DatesClndrVlBttmConBtnTxt { position: absolute; width: 220px; height: 22px; text-align: center; line-height: 19px; /* background: #0db4d5; */ border-radius: 10px; font-size: 11px; color: #0db4d5; top: 7px; left: 0px; }

.cnvsSlct2DatesClndrBtn img { position: absolute; width: 15px; left: 4px; top: 3px; }



#cnvsSlct2DatesClndrVl .calendarHeaderRow { height: 37px; }





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


.twentyPageListViewPWA .cnvs_date_arwP { display: none; }
.twentyPageListViewPWA .cnvs_date_arwN { display: none; left: 522px; }
.twentyPageListViewPWA .cnvs_date_topXdiv { display: none; width: 400px; }
.twentyPageListViewPWA .cnvs_date_top { display: none; width: 421px; }
.twentyPageListViewPWA .twPageBannertwBck { width: 558px; }




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


.twentyPageDataTestGroupSeperator { position: relative; height: 10px; }













/**/