body { } #openNotifBrowserStpWarnCon { position: fixed; width: 360px; height: 550px; border: 2px solid #0db4d5; background: #fff; border-radius: 5px; top: 30px; left: 45px; z-index: 150; } .openNotifBrowserStpWarnWrp { position: absolute; width: 337px; height: 228px; top: 0px; left: 10px; background: #fff; z-index: 1; } .openNotifBrowserStpWarnArw { position: absolute; width: 45px; height: 45px; border-radius: 30px; border: 2px solid #0db4d5; top: -24px; background: #fff; left: calc((100% - 45px) / 2); z-index: 1; } .openNotifBrowserStpWarnArw div { position: absolute; left: 20px; top: 7px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #0db4d5; width: 0px; z-index: 2; transform: translate(10px, 10px); transform: rotate(270deg); transform-origin: 0; } .openNotifBrowserStpWarnBtnOk { position: absolute; width: 110px; height: 28px; line-height: 26px; text-align: center; font-size: 14px; border: 1px solid #0db4d5; color: #0db4d5; bottom: 8px; z-index: 1; left: calc((100% - 110px) / 2); border-radius: 5px; cursor: pointer; } .openNotifBrowserStpWarnBtnOk:hover { border: 2px solid #0db4d5; line-height: 25px; } .openNotifBrowserStpWarnWrd { position: absolute; width: 337px; height: 220px; top: 10px; left: 0px; line-height: 20px; font-size: 14px; text-align: center; } .openNotifBrowserStpWarnWrd span { color: #0db4d5 } .openNotifBrowserStpWarnWrd .onbsInfImg { position: relative; height: 43px; top: 3px; left: -37px; } .openNotifBrowserStpWarnWrd .onbsInfImg2 { position: relative; height: 43px; top: 3px; left: -37px; } .openNotifBrowserStpWarnWrd .onbsAlgnCntr { width: 100%; text-align: center; position: relative; top: 15px; } .openNotifBrowserStpWarnWrd .onbsAlgnTop { position: absolute; width: 70px; text-align: center; top: 55px; float: left; left: 229px; } .openNotifBrowserStpWarnWrd .onbsAlgnTopEng { position: absolute; width: 70px; text-align: center; top: 75px; float: left; left: 229px; } .openNotifBrowserStpWarnWrp .ntfWrnImg1 { position: absolute; height: 300px; top: 199px; left: 13px; } .openNotifBrowserStpWarnWrp .ntfWrnImg2 { position: absolute; height: 266px; top: 212px; left: 2px; /* display: none; */ } .openNotifBrowserStpWarnWrp .ntfWrnImgMob1 { position: absolute; height: 300px; top: 199px; left: 13px; } .openNotifBrowserStpWarnWrp .ntfWrnImgMob2 { position: absolute; height: 300px; top: 199px; left: 13px; } .openNotifBrowserStpWarnImgArw1 { position: absolute; width: 40px; height: 40px; border-radius: 30px; border: 2px solid #0db4d5; top: 296px; background: #fff; left: -5px; z-index: 1; opacity: 0.4; cursor: pointer; } .openNotifBrowserStpWarnImgArw1 div { position: absolute; left: 23px; top: 4px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #0db4d5; width: 0px; z-index: 2; transform: rotate(180deg); transform-origin: 0; } .openNotifBrowserStpWarnImgArw1:hover { opacity: 1; } .openNotifBrowserStpWarnImgArw2 { position: absolute; width: 40px; height: 40px; border-radius: 30px; border: 2px solid #0db4d5; top: 296px; background: #fff; right: -5px; z-index: 1; opacity: 0.4; cursor: pointer; } .openNotifBrowserStpWarnImgArw2 div { position: absolute; left: 13px; top: 4px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #0db4d5; width: 0px; z-index: 2; transform: rotate(0deg); transform-origin: 0; } .openNotifBrowserStpWarnImgArw2:hover { opacity: 1; } .openNotifBrowserStpWarnImgArwMob1 { position: absolute; width: 40px; height: 40px; border-radius: 30px; border: 2px solid #0db4d5; top: 296px; background: #fff; left: -5px; z-index: 1; opacity: 0.4; cursor: pointer; } .openNotifBrowserStpWarnImgArwMob1 div { position: absolute; left: 23px; top: 4px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #0db4d5; width: 0px; z-index: 2; transform: rotate(180deg); transform-origin: 0; } .openNotifBrowserStpWarnImgArwMob1:hover { opacity: 1; } .openNotifBrowserStpWarnImgArwMob2 { position: absolute; width: 40px; height: 40px; border-radius: 30px; border: 2px solid #0db4d5; top: 296px; background: #fff; right: -5px; z-index: 1; opacity: 0.4; cursor: pointer; } .openNotifBrowserStpWarnImgArwMob2 div { position: absolute; left: 13px; top: 4px; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 16px solid #0db4d5; width: 0px; z-index: 2; transform: rotate(0deg); transform-origin: 0; } .openNotifBrowserStpWarnImgArwMob2:hover { opacity: 1; } /* o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8 */ /* o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8 */ /* o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8 */ #diyetist_MakeTeamsCon { /* position: relative; */ /* width: 1285px; */ /* height: 100%; */ /* min-height: 930px; */ /* margin: 0px auto; */ /* top: 0px; */ /* overflow: hidden; */ } .diyetist_MakeTeamsWrp { position: absolute; width: 558px; height: 620px; background-color: #f3f3f3; z-index: 50; top: 0px; box-shadow: none; left: 0px; } .diyetist_MakeTeamsPgCon { position: absolute; width: 578px; height: 762px; top: 0px; left: 0px; border-radius: 10px; border: 2px solid #CDEFF6; background-color: #ECF8FB; } .diyetist_MakeTeamsCls { position: absolute; top: 7px; right: 14px; width: 35px; height: 35px; z-index: 3; cursor: pointer; } .diyetist_MakeTeamsCls img { position: absolute; width: 35px; height: 35px; transform: rotate(126deg); } .diyetist_MakeTeamsPgBnr { width: 396px; height: 50px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: calc((100% - 394px) / 2); position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .diyetist_MakeTeamsPgBnrNm { position: absolute; width: 210px; height: 22px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; line-height: 22px; font-size: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; left: calc((100% - 210px) / 2); } .diyetist_MakeTeamsPgBnrCatBtns { position: absolute; left: 0px; z-index: 1; top: 36px; width: 410px; } .diyetist_MakeTeamsPgBnrCatBtn, .diyetist_MakeTeamsPgBnrCatBtnx { position: relative; width: 88px; height: 47px; float: left; left: 39px; top: -3px; margin-right: 26px; cursor: pointer; } .diyetist_MakeTeamsPgBnrCatBtnNm { position: relative; width: 88px; height: 20px; top: 2px; left: 0px; text-align: center; color: #2ABDF2; font-size: 14px; text-transform: lowercase; } .diyetist_MakeTeamsPgBnrCatBtnDot { position: relative; width: 30px; height: 30px; background: #fff; top: 0px; left: 32px; border-radius: 20px; border: solid 2px #A3D9EA; } .diyetist_MakeTeamsPgBnrCatBtnDot div { position: absolute; width: 7px; height: 7px; border-radius: 7px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-49%, -49%); } .diyetist_MakeTeamsPgBnrCatBtnx .diyetist_MakeTeamsPgBnrCatBtnDot { background: #0db4d5; border: solid 2px #fff; } .diyetist_MakeTeamsPgBnrCatBtnx .diyetist_MakeTeamsPgBnrCatBtnDot div { background: #fff; } #diyetist_MakeTeamsPgMemberSrc { position: absolute; width: 573px; height: calc(100% - 104px); top: 96px; left: 0px; } .diyetist_MakeTeamsPgMemberSrcBnr { position: absolute; left: 0px; z-index: 1; top: 0px; width: 574px; height: 30px; } .diyetist_MakeTeamsPgMemberSrcInpt { position: absolute; height: 26px; line-height: 27px; border-radius: 5px; border: 1px solid #A3D9EA; background: #fff; color: #0db4d5; left: 189px; font-size: 14px; width: 200px; text-align: center; } #diyetist_MakeTeamsPgMemberSrcDataList { position: absolute; width: 569px; height: calc(100% - 35px); top: 35px; left: 5px; overflow: scroll; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow { width: 564px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl1i, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl4, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl7, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl1, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl2, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl3, #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl7 { background: #fff; border: 2px solid #a4dbed; height: 35px; line-height: 32px; font-size: 13px; top: 8px; margin-right: 5px; left: 35px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl1i { height: 47px; top: 0px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl1i img { } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl4 { width: 360px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl7 { display: none; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl1 { display: none; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl2 { width: 35px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl2 img { position: absolute; width: 23px; top: 3px; left: 4px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl3 { width: 35px; } #diyetist_MakeTeamsPgMemberSrcDataList .optFindDocListRow .optFindDocListRowVl7 { } #diyetist_MakeTeamsPgTeamMember { position: absolute; width: 573px; height: calc(100% - 104px); top: 96px; left: 0px; } #diyetist_MakeTeamsPgMemberDataList { position: absolute; width: 569px; height: calc(100% - 55px); top: 35px; left: 5px; overflow: scroll; } .diyetist_MakeTeamsPgMemberListRow { position: relative; width: 564px; height: 41px; top: 0px; margin-bottom: 3px; float: left; } .diyetist_MakeTeamsPgMemberListRowVl1, .diyetist_MakeTeamsPgMemberListRowVl2, .diyetist_MakeTeamsPgMemberListRowVl2Dat, .diyetist_MakeTeamsPgMemberListRowVl2prc, .diyetist_MakeTeamsPgMemberListRowVl2Relo, .diyetist_MakeTeamsPgMemberListRowVl2MoneyUnit, .diyetist_MakeTeamsPgMemberListRowVl3 { position: relative; float: left; margin-right: 5px; top: 5px; left: 6px; border: 0px solid #a4dbed; font-size: 14px; height: 30px; line-height: 30px; border-radius: 6px; background: #0db4d5; } .diyetist_MakeTeamsPgMemberListRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; background: #fff; } .diyetist_MakeTeamsPgMemberListRowVl2 { width: 259px; text-align: left; color: #ffffff; text-indent: 14px; } .diyetist_MakeTeamsPgMemberListRowVl2Dat { width: 89px; text-align: center; color: #ffffff; text-indent: 0px; } .diyetist_MakeTeamsPgMemberListRowVl2prc { width: 60px; text-align: right; color: #ffffff; text-indent: 0; padding-right: 4px; } .diyetist_MakeTeamsPgMemberListRowVl2MoneyUnit { width: 45px; text-align: center; color: #ffffff; text-indent: 0; padding: 0px; } .diyetist_MakeTeamsPgMemberListRowVl3 { width: 30px; background-color: transparent; border: 0px none; cursor: pointer; display: none; } .diyetist_MakeTeamsPgMemberListRowVl3:hover svg { transform: rotate(180deg); transition: 300ms; } .diyetist_MakeTeamsPgMemberListRowVl2Relo { width: 89px; text-align: center; color: #ffffff; text-indent: 0px; display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl1, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2prc, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2Dat, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2Relo, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl3 { left: 6px; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2prc, #diyetist_MakeTeamsPgMemberDataList ..diyetist_MakeTeamsPgMemberListRowVl2MoneyUnit { display: none; visibility: hidden; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2 { width: 278px; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2prc { display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2MoneyUnit { display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListRowVl2Relo { display: block; cursor: pointer; } .diyetist_MakeTeamsPgMemberListRowVl1 .imglogo { max-width: 100%; max-height: 100%; /* object-fit: cover; object-position: 100% 15%; */ } .diyetist_MakeTeamsPgMemberListRow:hover .diyetist_MakeTeamsPgMemberListRowVl3 { display: block; } .diyetist_MakeTeamsPgMemberListSubLstRow { position: relative; width: 564px; height: auto; top: 0px; margin-bottom: 3px; float: left; } .diyetist_MakeTeamsPgMemberListSubRow { position: relative; width: 545px; height: 41px; top: 7px; margin-bottom: 3px; left: 10px; } .diyetist_MakeTeamsPgMemberListSubRowVl1, .diyetist_MakeTeamsPgMemberListSubRowVl2, .diyetist_MakeTeamsPgMemberListSubRowVl2dt1, .diyetist_MakeTeamsPgMemberListSubRowVl2dt2, .diyetist_MakeTeamsPgMemberListSubRowVl2MU, .diyetist_MakeTeamsPgMemberListSubRowVl2Dat1, .diyetist_MakeTeamsPgMemberListSubRowVl3, .diyetist_MakeTeamsPgMemberListSubRowVl4 { position: relative; float: left; margin-right: 5px; top: 5px; left: 10px; border: 1px solid #0db4d5; font-size: 12px; height: 30px; line-height: 30px; border-radius: 6px; background: #fff; } .diyetist_MakeTeamsPgMemberListSubRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; border: none; } .diyetist_MakeTeamsPgMemberListSubRowVl2 { width: 310px; text-align: left; color: #0db4d5; text-indent: 7px; } .diyetist_MakeTeamsPgMemberListSubRowVl2dt1, .diyetist_MakeTeamsPgMemberListSubRowVl2dt2 { text-align: center; color: #0db4d5; text-indent: 0; width: 70px; font-size: 12px; line-height: 29px; } .diyetist_MakeTeamsPgMemberListSubRowVl2Dat1 { text-align: center; color: #0db4d5; text-indent: 0; width: 89px; font-size: 12px; line-height: 29px; display: none; } .diyetist_MakeTeamsPgMemberListSubRowVl2MU { width: 40px; text-align: center; color: #0db4d5; text-indent: 0px; } .diyetist_MakeTeamsPgMemberListSubRowVl3 { width: 56px; text-align: right; color: #0db4d5; transition: 300ms; padding-right: 4px; } .diyetist_MakeTeamsPgMemberListSubRowVl4 { width: 30px; border: 0px none; transition: 300ms; cursor: pointer; background: transparent; display: none; } .diyetist_MakeTeamsPgMemberListSubRowVl4:hover svg { transform: rotate(180deg); transition: 300ms; } .diyetist_MakeTeamsPgMemberListSubRowVl1 .imgPerson { max-width: 40px; max-height: 40px; object-fit: cover; object-position: 100% 15%; } .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListSubRowVl2 { width: 192px; } .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListSubRowVl2MU { width: 45px; } .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListSubRowVl3 { display: none; } .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListRowSvg { position: absolute; width: 30px; height: 30px; right: 55px; cursor: pointer; } .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListRowSvg svg { } .diyetist_MakeTeamsPgMemberListSubRow:hover .diyetist_MakeTeamsPgMemberListSubRowVl4 { display: block; } .diyetist_MakeTeamsPgMemberListSubBgRow { position: relative; width: 546px; height: 41px; top: 0px; margin-bottom: 3px; left: 19px; } .diyetist_MakeTeamsPgMemberListSubBgRow .diyetist_MakeTeamsPgMemberListSubRowVl2 { } .diyetist_MakeTeamsPgMemberListSubBgRow .diyetist_MakeTeamsPgMemberListSubRowVl3 { } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRow { width: 549px; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl1, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2Dat1, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2dt1, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2dt2, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl3, #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl4 { left: 10px; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubLstRow { } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl1 { } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2 { width: 345px; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2dt1 { display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2dt2 { display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2MU { display: none; } #diyetist_MakeTeamsPgMemberDataList .diyetist_MakeTeamsPgMemberListSubRowVl2Dat1 { display: block } #diyetist_MakeTeamsPgMakeNewTeam { position: absolute; width: 573px; height: calc(100% - 104px); top: 96px; left: 0px; } #diyetist_MakeTeamsPgMakeNewTeamDataList { position: absolute; width: 569px; height: calc(100% - 35px); top: 35px; left: 5px; overflow: scroll; } .diyetist_MakeTeamsPgMakeNewTeamRow { position: relative; width: 564px; height: 41px; top: 0px; margin-bottom: 3px; float: left; } .diyetist_MakeTeamsPgMakeNewTeamRowVl1, .diyetist_MakeTeamsPgMakeNewTeamRowVl2, .diyetist_MakeTeamsPgMakeNewTeamRowVl3 { position: relative; float: left; margin-right: 5px; top: 10px; left: 17px; border: 2px solid #a4dbed; font-size: 14px; height: 30px; line-height: 26px; border-radius: 6px; background: #fff; } .diyetist_MakeTeamsPgMakeNewTeamRowVl1 { width: 50px; height: 50px; top: 0px; border-radius: 50%; cursor: pointer; } .diyetist_MakeTeamsPgMakeNewTeamRowVl2 { width: 390px; text-align: left; color: #0db4d5; text-indent: 7px; } .diyetist_MakeTeamsPgMakeNewTeamRowVl3 { width: 80px; text-align: center; color: #fff; background: #0db4d5; } .diyetist_MakeTeamsPgMakeNewTeamRowVl1 .elimgs { position: absolute; width: 48px; height: 15px; line-height: 15px; font-size: 12px; text-align: center; top: 48px; left: 0px; color: #0db4d5; } .diyetist_MakeTeamsPgMakeNewTeamRowVl1 .imglogo { position: absolute; top: -1px; left: -1px; max-width: 50px; max-height: 50px; object-fit: cover; object-position: 100% 15%; border-radius: 50%; } .diyetist_MakeTeamsPgMakeNewTeamRowVl1 input[type="file"] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } #frmNewTeamLogo, .teamListLogoForm { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .teamListLogoForm input[type="file"] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; } .teamListLogoForm .imglogo { position: absolute; top: -1px; left: -1px; max-width: 50px; max-height: 50px; object-fit: cover; object-position: 100% 15%; border-radius: 50%; } /* o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8o8 */ #diyetist_ClientTeamListContainer { position: absolute; width: 573px; height: calc(100% - 104px); top: 96px; left: 0px; } #diyetist_ClientTeamListContainer .diyetist_MakeTeamsPgMemberListRowSvg { position: absolute; top: -2px; left: 400px; } #diyetist_ClientTeamListContainer #diyetist_ClientTeamList { position: absolute; width: 568px; height: calc(100% - 34px); top: 34px; left: 5px; overflow: scroll; } #diyetist_ClientTeamListContainer #diyetist_ClientTeamList .diyetist_MakeTeamsPgMemberListRowSvg { position: absolute; width: 30px; height: 30px; left: unset; right: 39px; cursor: pointer; } .teamMemberProcessPriceCon { position: relative; height: calc(100% - 128px); overflow: scroll; top: 20px; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow { height: 31px; margin-bottom: 3px; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan1 { right: 22px; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow .NDSDCBRspan2 { display: none; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl1 { font-weight: normal; font-size: 12px; left: 23px; width: 396px; line-height: 30px; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2 { display: none; line-height: 30px; } .teamMemberProcessPriceCon .newDocSaveDataChoseBtnsRowDMExRow .newDocSaveDataChoseBtnsRowDMExVl2dm { height: 30px; line-height: 30px; } #divTeamMemberProcessPriceCon { position: absolute; width: 568px; height: 100%; top: 0px; left: 0px; overflow: scroll; background-color: #ECF8FB; } .teamMemberProcessPriceHeaderIcon { position: relative; float: left; left: 5px; margin-right: 7px; width: 70px; height: 30px; top: 0px; border-radius: 20px; cursor: pointer; /* background: #fff; */ /* box-shadow: 0px 0px 0px 2px #00B4D5; */ } .teamMemberPrcssPriceHdrDt { position: relative; width: 25px; height: 25px; background: #fff; top: 0px; left: calc((100% - 25px) / 2); border-radius: 20px; border: 2px solid #A3D9EA; } .teamMemberPrcssPriceHdrDt div { position: absolute; width: 7px; height: 7px; border-radius: 7px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-46%, -54%); } .teamMemberProcessPriceHeaderIcon .tmpphdNmlik { position: absolute; width: 75px; height: 20px; top: 27px; left: -2px; text-align: center; color: #2ABDF2; font-size: 8pt; text-transform: lowercase; } #diyetist_ClientTeamListContainer .diyetist_MakeTeamsPgMemberListSubLstRow .diyetist_MakeTeamsPgMemberListSubRow .diyetist_MakeTeamsPgMemberListSubRowVl3 { display: block; width: 60px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #divTeamMemberSetDateFromNowOnTxt { position: absolute; top: calc( (100% - 580px)/2); left: calc( (100% - 330px)/2); width: 330px; height: 280px; background-color: #ecf8fb; z-index: 2; border: 20px solid #ecf8fb; border-radius: 10px; box-shadow: 1px 1px 1px #b4abab; } #divTeamMemberSetDateFromNowOnTxt .monthPre { color: gray; text-align: center; } #divTeamMemberSetDateFromNowOnTxt .monthNow { color: #096b7f; text-align: center; height: 30px !important; position: relative; } #divTeamMemberSetDateFromNowOnTxt .dayNow { border: 2px solid black; color: #FF0000; text-align: center; } #divTeamMemberSetDateFromNowOnTxt .calendar td { htmlContent: 2px; width: 40px; font-size: 8pt; height: 20px; cursor: pointer; } #divTeamMemberSetDateFromNowOnTxt .monthNow th { background-color: #0db4d5; color: #FFFFFF; text-align: center; font-size: 8pt; position: relative; height: 30px; } #divTeamMemberSetDateFromNowOnTxt .dayNames { background: #fff; color: #0db4d5; text-align: center; height: 20px; } #divTeamMemberSetDateFromNowOnTxt .calendar { background: #f4f4f4; color: #FFFFFF; text-align: center; height: 242px; width: 290px; } #divTeamMemberSetDateFromNowOnTxt .calendar td:hover { background-color: #fff; } #divTeamMemberSetDateFromNowOnTxt .calendarRightArv, #divTeamMemberSetDateFromNowOnTxt .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; } #divTeamMemberSetDateFromNowOnTxt .calendarRightArv { right: 5px; text-indent: 2px; } #divTeamMemberSetDateFromNowOnTxt .calendarLeftArv { left: 6px; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectMounth { position: relative; width: 69px; height: 20px; line-height: 20px; margin-right: 7px; border: none; background: transparent; color: #fff; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectYear { position: relative; width: 50px; height: 20px; line-height: 20px; text-align: center; border: none; background: transparent; color: #fff; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectMounth option { background: #fff; color: #0db4d5; font-size: 8pt; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectYear option { background: #fff; color: #0db4d5; font-size: 8pt; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectMounth::-webkit-scrollbar { width: 0px; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectMounth option::-webkit-scrollbar { width: 0px; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectYear::-webkit-scrollbar { width: 1px; } #divTeamMemberSetDateFromNowOnTxt .calendarSelectYear option::-webkit-scrollbar { width: 1px; } #divTeamMemberSetDateFromNowOnTxt .dayNowClss { position: relative; width: 29px; height: 23px; line-height: 23px; text-align: center; top: 0px; left: 0px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .divDocPersonShowTeamPros { position: absolute; width: 46px; height: 46px; border-radius: 30px; border: 2px solid #0db4d5; background: #fff; top: 3px; left: 118px; z-index: 1; text-align: center; line-height: 42px; font-size: 12px; font-style: italic; font-weight: bold; color: #0db4d5; cursor: pointer; } .divDocPersonShowTeamProsCon { position: absolute; top: -2px; left: -2px; width: 582px; height: calc(100% - -5px); overflow: scroll; border: 2px solid #CDEFF6; border-radius: 5px; background-color: #ECF8FB; z-index: 5; } #divDocPersonShowTeamProsDataList { position: absolute; width: 570px; height: calc(100% - 108px); top: 100px; left: 5px; overflow: scroll; } .divDocPersonShowTeamProsDataListRow { position: relative; width: 564px; height: 41px; top: 0px; margin-bottom: 3px; float: left; } .divDocPersonShowTeamProsDataListRowVl1, .divDocPersonShowTeamProsDataListRowVl2, .divDocPersonShowTeamProsDataListRowVl2prc, .divDocPersonShowTeamProsDataListRowVl3 { position: relative; float: left; margin-right: 5px; top: 5px; left: 11px; border: 0px solid #a4dbed; font-size: 14px; height: 30px; line-height: 30px; border-radius: 6px; background: #0db4d5; } .divDocPersonShowTeamProsDataListRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; } .divDocPersonShowTeamProsDataListRowVl2 { width: 388px; text-align: left; color: #ffffff; text-indent: 14px; } .divDocPersonShowTeamProsDataListRowVl2prc { width: 68px; text-align: right; color: #ffffff; text-indent: 0; padding-right: 4px; } .divDocPersonShowTeamProsDataListRowVl3 { width: 30px; background-color: transparent; border: 0px none; cursor: pointer; display: none; } .divDocPersonShowTeamProsDataListRowVl3:hover svg { transform: rotate(180deg); transition: 300ms; } .divDocPersonShowTeamProsMemberListSubLstRow { position: relative; width: 564px; height: auto; top: 0px; margin-bottom: 3px; float: left; } .divDocPersonShowTeamPgMemberListSubRow { position: relative; width: 545px; height: 41px; top: 7px; margin-bottom: 3px; left: 21px; } .divDocPersonShowTeamPgMemberListSubRowVl1, .divDocPersonShowTeamPgMemberListSubRowVl2, .divDocPersonShowTeamPgMemberListSubRowVl2dt1, .divDocPersonShowTeamPgMemberListSubRowVl2dt2, .divDocPersonShowTeamPgMemberListSubRowVl3, .divDocPersonShowTeamPgMemberListSubRowVl4 { position: relative; float: left; margin-right: 5px; top: 5px; left: 10px; border: 1px solid #0db4d5; font-size: 14px; height: 30px; line-height: 26px; border-radius: 6px; background: #fff; } .divDocPersonShowTeamPgMemberListSubRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; border: none; } .divDocPersonShowTeamPgMemberListSubRowVl2 { width: 369px; text-align: left; color: #0db4d5; text-indent: 7px; } .divDocPersonShowTeamPgMemberListSubRowVl2dt1, .divDocPersonShowTeamPgMemberListSubRowVl2dt2 { text-align: center; color: #0db4d5; text-indent: 0; width: 70px; font-size: 12px; line-height: 29px; } .divDocPersonShowTeamPgMemberListSubRowVl3 { width: 68px; text-align: right; color: #0db4d5; transition: 300ms; padding-right: 4px; } .divDocPersonShowTeamPgMemberListSubRowVl4 { width: 30px; border: 0px none; transition: 300ms; cursor: pointer; background: transparent; display: none; } .divDocPersonShowTeamPgMemberListSubRowVl4:hover svg { transform: rotate(180deg); transition: 300ms; } .divDocPersonShowTeamPgMemberListSubRowVl1 .imgPerson { max-width: 40px; max-height: 40px; object-fit: cover; object-position: 100% 15%; } .divDocPersonShowTeamPgMemberListSubPriceRow { position: relative; width: 564px; height: auto; top: 0px; margin-bottom: 3px; float: left; } .divDocPersonShowTeamProsDataListRowVl1 .imglogo { max-width: 100%; max-height: 100%; } /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ #divMyTeamClientsCon { position: absolute; top: -2px; width: 580px; height: 750px; z-index: 10; background: #ECF8FB; border: 2px solid #CDEFF6; border-radius: 5px; left: -2px; } .divMyTeamClientsTeamsPgBnr { width: 396px; height: 50px; background: #9FDBEC; border: 2px solid #5ECFE4; top: 0px; left: calc((100% - 394px) / 2); position: absolute; border-top: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .divMyTeamClientsTeamsPgBnrNm { position: absolute; width: 210px; height: 22px; background-color: #fff; color: #0db4d5; text-align: center; z-index: 1; line-height: 22px; font-size: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; left: calc((100% - 210px) / 2); } #divMyTeamClientsDataList { position: absolute; width: 569px; height: calc(100% - 87px); top: 68px; left: 5px; overflow: scroll; } /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ /* 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o 0o0o0o0o0o */ #stepSpeedSetupSelectPerson #diyetist_MakeTeamsCon { position: absolute; top: 0px; left: 0px; zoom: 1; width: 100%; height: 100%; zoom: 0.6223; } #stepSpeedSetupSelectPerson #diyetist_MakeTeamsCon .diyetist_MakeTeamsWrp { height: 100%; } #stepSpeedSetupSelectPerson #diyetist_MakeTeamsCon .diyetist_MakeTeamsWrp .diyetist_MakeTeamsPgCon { height: 100%; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .divDocPersonFindTeamProsCon { position: absolute; top: -2px; left: -2px; width: 582px; height: calc(100% - -3px); overflow: hidden; border: 2px solid #CDEFF6; border-radius: 5px; background-color: #ECF8FB; z-index: 5; } .divDocPersonFindTeamProsExit { position: absolute; top: 6px; right: 10px; cursor: pointer; width: 50px; height: 50px; } .divDocPersonFindTeamProsExit img { position: absolute; width: 50px; height: 50px; transform: rotate(126deg); } .divDocPersonFindTeamProsUlSrcCon { position: relative; top: 20px; width: 561px; height: 90px; left: 8px; margin: 0px; padding: 0px; margin-bottom: 25px; float: left; display: grid; grid-template-columns: repeat(4, 130px); background: #0db4d5; border-radius: 10px; } .divDocPersonFindTeamProsUlSrcRowx, .divDocPersonFindTeamProsUlSrcRow { position: relative; width: auto; top: 0px; left: 15px; height: 27px; float: left; } .divDocPersonFindTeamProsUlSrcRowx .dDPfTpsCrc, .divDocPersonFindTeamProsUlSrcRowx .dDPfTps, .divDocPersonFindTeamProsUlSrcRow .dDPfTpsCrc, .divDocPersonFindTeamProsUlSrcRow .dDPfTps { position: relative; float: left; color: #fff; top: 5px; } .divDocPersonFindTeamProsUlSrcRowx .dDPfTpsCrc, .divDocPersonFindTeamProsUlSrcRow .dDPfTpsCrc { width: 20px; height: 20px; background: #fff; /* top: -19px; */ /* left: 32px; */ border-radius: 20px; border: solid 2px #c7e0f1; } .divDocPersonFindTeamProsUlSrcRowx .dDPfTpsCrc div { position: absolute; width: 7px; height: 7px; border-radius: 7px; top: 50%; left: 50%; background-color: #6cc7e2; transform: translate(-49%, -51%); } .divDocPersonFindTeamProsUlSrcRowx .dDPfTps, .divDocPersonFindTeamProsUlSrcRow .dDPfTps { width: 50px; height: 20px; line-height: 20px; margin-left: 6px; font-size: 13px; margin-right: 22px; white-space: nowrap; } #divDocPersonFindTeamProsUlSrcDataList { position: relative; width: 573px; height: calc(100% - 197px); float: left; left: 5px; top: 14px; overflow: scroll; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRow { position: relative; width: 564px; height: 41px; top: 0px; margin-bottom: 3px; float: left; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl1, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl2, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl2prc, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl3 { position: relative; float: left; margin-right: 5px; top: 5px; left: 11px; border: 0px solid #a4dbed; font-size: 14px; height: 30px; line-height: 30px; border-radius: 6px; background: #a4dbed; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl2 { width: 425px; text-align: left; color: #005d6f; text-indent: 14px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl2prc { width: 68px; text-align: right; color: #005d6f; text-indent: 0; padding-right: 4px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl3 { width: 30px; background-color: transparent; border: 0px none; cursor: pointer; display: none; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl3:hover svg { transform: rotate(180deg); transition: 300ms; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRow { position: relative; width: 545px; height: 41px; top: 7px; margin-bottom: 3px; left: 21px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl1, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2dt1, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2dt2, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl3, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl4 { position: relative; float: left; margin-right: 5px; top: 5px; left: 10px; border: 1px solid #a4dbed; font-size: 14px; height: 30px; line-height: 26px; border-radius: 6px; background: #fff; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl1 { width: 40px; height: 40px; top: 0px; border-radius: 50%; overflow: hidden; border: none; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2 { width: 405px; text-align: left; color: #0db4d5; text-indent: 7px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2dt1, #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl2dt2 { text-align: center; color: #0db4d5; text-indent: 0; width: 70px; font-size: 12px; line-height: 29px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl3 { width: 68px; text-align: right; color: #0db4d5; transition: 300ms; padding-right: 4px; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl4 { width: 30px; border: 0px none; transition: 300ms; cursor: pointer; background: transparent; display: none; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl4:hover svg { transform: rotate(180deg); transition: 300ms; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubRowVl1 .imgPerson { max-width: 40px; max-height: 40px; object-fit: cover; object-position: 100% 15%; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamPgMemberListSubPriceRow { position: relative; width: 564px; height: auto; top: 0px; margin-bottom: 3px; float: left; } #divDocPersonFindTeamProsUlSrcDataList .divDocPersonShowTeamProsDataListRowVl1 .imglogo { max-width: 100%; max-height: 100%; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #diyetist_MainFixedMainLabTestListCon { 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_MainFixedMainLabTestListBnr { position: absolute; width: 200px; height: 30px; top: 2px; } .diyetist_MainFixedMainLabTestListSrcInpt { position: absolute; width: 150px; height: 30px; border: 2px solid #0db4d5; border-radius: 5px; left: 6px; text-indent: 2px; color: #0db4d5; font-size: 13px; } .diyetist_MainFixedMainLabTestListCls { position: absolute; width: 30px; height: 30px; right: 7px; transform: rotate(45deg); } #diyetist_MainFixedMainLabTestListDataList { position: absolute; width: 200px; height: calc(100% - 38px); top: 37px; background: #fff; overflow: scroll; } .diyetist_MainFixedMainLabTestListDataListRow { position: relative; height: 26px; width: 200px; margin-bottom: 5px; } .diyetist_MainFixedMainLabTestListDataListRowVl1, .diyetist_MainFixedMainLabTestListDataListRowVl2 { position: relative; height: 26px; border: 2px solid #a4dbed; float: left; margin-right: 5px; border-radius: 5px; border: 3px solid #D9F4F9; background-color: #F1F9FC; } .diyetist_MainFixedMainLabTestListDataListRowVl1 { width: 160px; text-align: left; text-indent: 5px; font-size: 12px; line-height: 20px; white-space: nowrap; overflow: hidden; color: #0db4d5; } .diyetist_MainFixedMainLabTestListDataListRowVl2 { width: 26px; border-radius: 20px; } .diyetist_MainFixedMainLabTestListDataListRowVl2 div { position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid rgb(0, 180, 213); top: 3px; left: 7px; user-select: none; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #divGenealoFamilyMember { position: absolute; top: 177px; right: calc( ( 100% - 368px )/2 + 0px ); width: 424px; height: min-content; min-height: 248px; max-height: 536px; overflow-y: scroll; overflow-x: hidden; z-index: 501; background: #fff; border-radius: 18px; border: 15px solid #fff; } .divGenealoFamilyMemberCon { position: relative; width: 394px; min-height: 202px; max-height: calc(100% - 50px); } .divGenealoFamilyMemberBnr { left: unset; width: 100%; height: 25px; position: relative; border: 1px solid #0db4d5; border-top-left-radius: 24px; border-top-right-radius: 24px; text-align: center; line-height: 25px; font-size: 8pt; color: #fff; background: #0db4d5; margin-bottom: 5px; } #divGenealoFamilyMemberDataList { position: relative; width: 100%; top: unset; overflow: scroll; left: unset; min-height: 162px; max-height: 400px; margin-bottom: 5px; } .divGenealoFamilyMemberBtn { left: unset; width: calc(100% - 8px); height: 25px; position: relative; border: unset; box-shadow: 0px 0px 3px 1px #792309; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; text-align: center; top: unset; background: #d50d0d; line-height: 21px; color: #fff; font-size: 10pt; cursor: pointer; margin: 3px auto; } .divGenealoFamilyMemberDataListRow { Width: 100%; Height: 35px; line-height: 19px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff; font-size: 7.5pt; font-family: verdana; text-decoration: none; padding: 0px; overflow: hidden; white-space: nowrap; position: relative; display: grid; grid-template-columns: 30px 30px auto; grid-column-gap: 5px; margin-bottom: 0px; } .divGenealoFamilyMemberDataListRowV1, .divGenealoFamilyMemberDataListRowV2, .divGenealoFamilyMemberDataListRowV3, .divGenealoFamilyMemberDataListRowV4 { position: relative; height: 28px; line-height: 28px; background: #ffffff; float: left; margin: 5px; border-radius: 3px; color: #000; box-shadow: 0px 0px 2px 0px #000; } .divGenealoFamilyMemberDataListRowV1 { width: calc(100% - 7px); text-align: left; text-indent: 5px; } .divGenealoFamilyMemberDataListRowV2 { width: 57px; } .divGenealoFamilyMemberDataListRowV3 { width: 93px; text-align: center; border: none; color: #fff; } .divGenealoFamilyMemberDataListRowV4 { width: 30px; border: 0px none; outline: none; } .divGenealoFamilyMemberDataListRow:hover .divGenealoFamilyMemberDataListRowV1, .divGenealoFamilyMemberDataListRow:hover .divGenealoFamilyMemberDataListRowV2, .divGenealoFamilyMemberDataListRow:hover .divGenealoFamilyMemberDataListRowV3, .divGenealoFamilyMemberDataListRow:hover .divGenealoFamilyMemberDataListRowV4 { background: #a4dbed; } .WIND_DataContainer #divGenealoFamilyMember { position: relative; top: unset; left: unset; right: unset; width: 100%; border: unset; box-shadow: unset; } .WIND_DataContainer .divGenealoFamilyMemberCon { width: 100%; } .WIND_DataContainer .divGenealoFamilyMemberBtn { display: none; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #divDocFamilyMemberList { 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); } #divDocFamilyMemberDataList { position: absolute; top: 85px; width: 577px; height: 632px; overflow: scroll; padding: 0px 20px 20px 20px; background-color: #ECF8FB; border-radius: 5px; left: 50%; transform: translate(-50%, 0px); } .divDocFamilyMemberDataListRow { position: relative; top: 05px; left: -6px; width: 560px; height: 43px; margin-bottom: 5px; } .divDocFamilyMemberDataListRowV1, .divDocFamilyMemberDataListRowV2, .divDocFamilyMemberDataListRowV3, .divDocFamilyMemberDataListRowV4, .divDocFamilyMemberDataListRowV5 { position: relative; color: #0db4d5; border: 1px solid #96D7EA; background: #fff; height: 34px; float: left; margin-right: 3px; border-radius: 5px; line-height: 33px; } .divDocFamilyMemberDataListRowV1 { width: 34px; overflow: hidden; border-radius: 30px; } .divDocFamilyMemberDataListRowV2 { width: 240px; text-indent: 5px; } .divDocFamilyMemberDataListRowV3 { width: 45px; text-align: center; } .divDocFamilyMemberDataListRowV4 { width: 182px; text-indent: 7px; } .divDocFamilyMemberDataListRowV5 { width: 34px; border: 0px none; background-color: transparent; transition: 300ms; } .divDocFamilyMemberDataListRowV5:hover { transform: rotateZ(180deg); filter: hue-rotate( 166deg ); } .divDocFamilyMemberDataListRowV1 img { position: relative; object-fit: cover; object-position: 100% 0%; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .divGenealoFamilyMemberDiseName { position: relative; width: calc(100% - 6px); height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; text-align: center; color: #fff; background-color: #087a91; border-radius: 6px; margin: 2px auto 10px auto; box-shadow: 1px 1px 3px 1px #000; white-space: nowrap; overflow: scroll; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .personHealthSummaryShareCon { position: absolute; width: 558px; height: 100%; border: 3px solid #0db4d5; background: #fff; border-radius: 5px; left: calc((100% - 558px) / 2); top: 0px; } .personHealthSummaryShareTop, .personHealthSummaryShareBtm { position: relative; width: 537px; height: calc(100% / 2); text-align: center; line-height: 278px; font-size: 38px; left: 7px; color: #0db4d5; font-style: italic; } .personHealthSummaryShareTop { } .personHealthSummaryShareBtm { border-top: 3px solid #0db4d5; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #divLabTestMoreTestSelListPgCon { position: fixed; width: 100%; top: 0px; background: #f8feff82; z-index: 70; left: 0px; height: calc(100% - 6px); margin: 0px auto; } .divLabTestMoreTestSelListPgValWrp { position: fixed; width: 518px; top: 197px; background: #a4dbed; z-index: 70; left: calc((100% - 518px) / 2); height: calc(100% - 300px); margin: 0px auto; max-height: 888px; border-radius: 20px; } .divLabTestMoreTestSelListPgValMn { } .divLabTestMoreTestSelListPgValBnr { position: absolute; width: 230px; height: 35px; text-align: center; font-size: 16px; border: 2px solid #0db4d5; border-radius: 10px; top: 10px; left: calc((100% - 230px) / 2); } #divLabTestMoreTestSelListPgValDataList { position: absolute; width: 90%; height: calc(100% - 247px); left: calc((100% - 90%) / 2); top: 168px; overflow: scroll; } #divLabTestMoreTestSelListPgValDataList .divGrafFavListDataRow { position: relative; width: 100%; height: 28px; margin-bottom: 10px; cursor: pointer; } #divLabTestMoreTestSelListPgValDataList .divGrafFavListDataRowV1, #divLabTestMoreTestSelListPgValDataList .divGrafFavListDataRowV2 { position: relative; height: 28px; line-height: 26px; font-size: 13px; border: 2px solid #0db4d5; background: #fff; color: #04697d; float: left; border-radius: 5px; margin-right: 5px; } #divLabTestMoreTestSelListPgValDataList .divGrafFavListDataRowV1 { width: 50px; text-align: center; } #divLabTestMoreTestSelListPgValDataList .divGrafFavListDataRowV2 { width: calc(100% - 63px); text-indent: 6px; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrCls { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: 5px solid #a4dbed; right: -35px; top: -19px; background: #fff; cursor: pointer; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrCls div { position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 16px solid #0db4d5; width: 0px; top: 4px; left: 11px; transform: rotate(89deg); } .divLabTestMoreTestSelListPgValMnOk { position: absolute; width: 120px; height: 30px; line-height: 30px; background: #0db4d5; bottom: 27px; text-align: center; color: #fff; border-radius: 5px; left: calc((100% - 120px) / 2); font-size: 18px; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrCon { position: absolute; width: 518px; height: 90px; background: #0db4d5; top: 0px; left: 0px; display: block; border-top-left-radius: 20px; border-top-right-radius: 20px; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrPersoImg { position: absolute; width: 70px; height: 70px; left: 14px; top: 9px; border-radius: 50px; overflow: hidden; /* transition: 100ms; */ /* background-color: rgb(230, 230, 229); */ border: solid 3px #a4dbed; z-index: 2; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrPersoImg img { position: absolute; width: 100%; height: 100%; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; object-position: 100% 15%; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrPersoName { position: absolute; width: auto; height: 27px; line-height: 27px; top: 31px; left: 97px; text-align: left; color: #fff; font-size: 20px; font-weight: bold; border-radius: 2px; text-indent: 0px; z-index: 2; white-space: nowrap; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrCls { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: 5px solid #a4dbed; right: 25px; top: 17px; background: #fff; cursor: pointer; } #divLabTestMoreTestSelListPgCon .divGrafFavListBnrCls div { position: absolute; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 16px solid #0db4d5; width: 0px; top: 4px; left: 11px; transform: rotate(89deg); } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcCon { position: absolute; width: 90%; height: 60px; left: calc((100% - 90%) / 2); /* background: #a4dbed; */ top: 98px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcInpt { position: absolute; width: 230px; height: 35px; text-align: center; font-size: 16px; border: 2px solid #0db4d5; border-radius: 10px; top: 10px; left: calc((100% - 230px) / 2); } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcGrfBtn { position: absolute; width: 45px; height: 45px; top: 5px; left: 58px; border: 2px solid #0db4d5; border-radius: 30px; background: #fff; } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcGrfBtnImg { position: absolute; width: 25px; top: 6px; left: 7px; } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcGrfViewSetup { position: absolute; width: 45px; height: 45px; top: 5px; right: 58px; border: 2px solid #0db4d5; border-radius: 30px; background: #fff; } #divLabTestMoreTestSelListPgCon .divGrafFavListSrcGrfViewSetup img { position: absolute; width: 28px; top: 6px; left: 7px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #newDocSaveAppoWantoCon { 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; } .newDocSaveAppoWantoCatsBtns { position: absolute; width: 531px; height: 35px; top: 37px; left: 30px; z-index: 1; } .newDocSaveAppoWantoCatsMnBtnx, .newDocSaveAppoWantoCatsMnBtn { position: relative; width: 35px; height: 35px; border-radius: 20px; float: left; border: 2px solid #A3D9EA; background: #fff; z-index: 5; top: 3px; left: 54px; margin-right: 84px; } .newDocSaveAppoWantoCatsMnBtn div { position: absolute; width: 10px; height: 10px; top: 10px; left: 10px; background: #A3D9EA; border-radius: 10px; } .newDocSaveAppoWantoCatsMnBtnx div { position: absolute; width: 23px; height: 23px; top: 4px; left: 4px; border: 7px solid #00b4d5; background-color: #fff; border-radius: 25px; } .newDocSaveAppoWantoCatsMnBtnx span, .newDocSaveAppoWantoCatsMnBtn span { position: absolute; width: 33px; height: 15px; text-align: center; font-size: 8pt; color: #0db4d5; line-height: 15px; top: 33px; left: -2px; } #newDocSaveAppoWantoList { position: absolute; width: 580px; height: 625px; top: 92px; left: 0px; overflow: scroll; } .newDocSaveAppoWantoListRow { position: relative; width: 590px; height: 44px; margin-bottom: 12px; top: 14px; left: 2px; } .newDocSaveAppoWantoListRowV1, .newDocSaveAppoWantoListRowV2, .newDocSaveAppoWantoListRowV3, .newDocSaveAppoWantoListRowV4, .newDocSaveAppoWantoListRowV5 { position: relative; height: 37px; float: left; margin-right: 7px; line-height: 22px; font-size: 13px; border-radius: 10px; left: 11px; color: #0db4d5; border: 1px solid #96D7EA; background: #fff; top: 0px; } .newDocSaveAppoWantoListRowV1 { /* height: 39px; */ width: 44px; top: 0px; /* border-radius: 23px; */ text-align: center; line-height: 36px; } .newDocSaveAppoWantoListRowV2 { width: 103px; text-align: center; padding-top: 6px; } .newDocSaveAppoWantoListRowV3 { width: 274px; text-align: left; padding-left: 9px; padding-top: 6px; height: 44px; } .newDocSaveAppoWantoListRowV4 { width: 44px; text-align: center; cursor: pointer; background: #0db4d5; border: 2px solid #0db4d5; border-radius: 25px; } .newDocSaveAppoWantoListRowV5 { width: 44px; text-align: center; cursor: pointer; background: #0db4d5; border: 2px solid #0db4d5; border-radius: 25px; } .newDocSaveAppoWantoListSubRowCon { } .newDocSaveAppoWantoListSubRow { position: relative; width: 100%; height: auto; top: 14px; margin-bottom: 20px; } .newDocSaveAppoWantoListSubRowV1, .newDocSaveAppoWantoListSubRowV2, .newDocSaveAppoWantoListSubRowV3, .newDocSaveAppoWantoListSubRowV4, .newDocSaveAppoWantoListSubRowV4x, .newDocSaveAppoWantoListSubRowV5 { position: relative; width: 507px; height: 30px; margin-bottom: 5px; left: 65px; } .newDocSaveAppoWantoListSubRowV1 { } .newDocSaveAppoWantoListSubRowV2 { } .newDocSaveAppoWantoListSubRowV3 { } .newDocSaveAppoWantoListSubRowV4 { } .newDocSaveAppoWantoListSubRowV4x { left: 174px; width: 397px; } .newDocSaveAppoWantoListSubRowV5 { } .newDocSaveAppoWantoListSubRowNm, .newDocSaveAppoWantoListSubRowVn, .newDocSaveAppoWantoListSubRowWrn, .newDocSaveAppoWantoListSubRowDt, .newDocSaveAppoWantoListSubRowTm, .newDocSaveAppoWantoListSubRowDot1, .newDocSaveAppoWantoListSubRowDot2, .newDocSaveAppoWantoListSubRowDot3, .newDocSaveAppoWantoListSubRowDrs { position: relative; float: left; border: 2px solid #a3d9ea; height: 30px; line-height: 27px; border-radius: 5px; background: #fff; margin-right: 3px; } .newDocSaveAppoWantoListSubRowNm { width: 106px; text-indent: 5px; } .newDocSaveAppoWantoListSubRowVn { width: 353px; text-indent: 5px; } .newDocSaveAppoWantoListSubRowWrn { width: 30px; text-align: center; } .newDocSaveAppoWantoListSubRowDt { width: 80px; text-align: center; } .newDocSaveAppoWantoListSubRowTm { width: 50px; text-align: center; } .newDocSaveAppoWantoListSubRowDrs { width: 217px; text-indent: 5px; } .newDocSaveAppoWantoListSubRowDot1 { width: 81px; text-align: center; } .newDocSaveAppoWantoListSubRowDot2 { width: 100px; text-align: center; } .newDocSaveAppoWantoListSubRowDot3 { width: 70px; text-align: center; } .newDocSaveAppoWantoListSubRowNotes { position: absolute; width: 495px; height: 172px; border: 2px solid #0db4d5; z-index: 1; top: 34px; left: 65px; border-radius: 5px; background: #fff; } .newDocSaveAppoWantoListSubRowNotes textarea { position: absolute; width: 100%; height: 100%; border: none; border-radius: 5px; padding: 5px; } .newDocSaveAppoWantoListSubRowNotesCls { position: absolute; width: 30px; height: 30px; border: 2px solid #0db4d5; border-radius: 30px; background: #fff; top: -5px; right: -15px; z-index: 1; } .newDocSaveAppoWantoListSubRowNotesCls div { position: absolute; left: 3px; top: 5px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 17px solid #0db4d5; width: 0px; z-index: 2; cursor: pointer; } .appoLabStatusValueDivDDL { position: absolute; width: 386px; height: auto; background: #fff; z-index: 1; border-radius: 5px; top: 34px; left: 1px; border: 2px solid #0db4d5; } .appoLabStatusValueDivDDL .drpDwnLstRow { width: 360px; } .appointmentRequiremens { position: relative; min-height: 0px; font-size: 0px; width: 350px; } .appointmentRequiremens .drpDwnLstRow { width: 100%; background-color: #fff; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .personAuLogiLinkCon { position: relative; width: 500px; min-height: 160px; background: #fff; border: 2px solid #0db4d5; border-radius: 5px; left: calc((100% - 411px) / 2); top: 220px; } .personAuLogiLinkWrp { position: relative; width: 496px; min-height: 156px; border: 5px solid #dbf4f9; border-radius: 5px; } .personwAuLogiLinkButtonsCon { position: relative; width: 466px; height: 60px; margin-top: 21px; border: 2px solid #dbf4f9; left: 10px; margin-bottom: 10px; background: #dbf4f9; border-radius: 5px; } .personwAuLogiLinkWrd, .personwAuLogiLinkBtn1, .personwAuLogiLinkBtn2 { position: relative; font-size: 14px; margin-right: 10px; } .personwAuLogiLinkBtn1, .personwAuLogiLinkBtn2 { background: #0db4d5; height: 30px; width: 120px; text-align: center; line-height: 30px; color: #fff; border-radius: 5px; left: 54px; float: left; cursor: pointer; top: 14px; } .personwAuLogiLinkWrd { width: 490px; min-height: 80px; line-height: 28px; text-align: center; } .personwAuLogiLinkBtn1 { } .personwAuLogiLinkBtn2 { } .personwAuLogiLinkForAppBnrWrd { position: relative; width: 466px; height: 60px; text-align: center; line-height: 22px; border: 2px solid #dbf4f9; margin-top: 7px; left: 10px; background: #dbf4f9; margin-bottom: 20px; padding-top: 5px; border-radius: 5px; } .personwAuLogiLinkForApp_Group { margin: 7px 0px 0px 10px; position: relative; width: 466px; background: #dbf4f9; padding-top: 0px; height: 346px; border-radius: 5px; overflow: scroll; border: 20px solid #dbf4f9; } .personwAuLogiLinkForApp2m, .personwAuLogiLinkForApp { position: relative; width: 350px; height: 40px; line-height: 41px; margin: 0px auto 10px auto; background-color: #0db4d5; border-radius: 5px; color: #fff; cursor: pointer; text-align: left; text-indent: 50px; font-size: 17px; } .personwAuLogiLinkForApp2m { margin-top: 20px; } .personwAuLogiLinkForApp2m:hover, .personwAuLogiLinkForApp:hover, .personwAuLogiLinkBtn1:hover, .personwAuLogiLinkBtn2:hover { box-shadow: 1px 1px 3px #000; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .personHasToEnterPersonalDataMessage { position: relative; width: 400px; height: 100px; text-align: center; left: calc((100% - 400px) / 2); border: 2px solid #0db4d5; padding: 20px; line-height: 17px; top: 110px; background: #fff; box-shadow: 0px 0px 5px 1px #0db4d5; border-radius: 5px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ #divUserAppoSetDateFromNowOnTxt #singlePageCalenderCon1 { } #divUserAppoSetDateFromNowOnTxt #singlePageCalenderCon2 { } #divUserAppoSetDateFromNowOnTxt .personmedicalbg_calendar_con { position: absolute; top: 60px; left: calc((100% - 319px)/2); } #divUserAppoSetDateFromNowOnTxt .calendar_time_table { background-color: #0db4d5; margin: 0px auto; text-align: center; border-radius: 10px; border-collapse: collapse; left: -42px; height: 42px; padding: 14px; width: 160px; margin-top: 12px; top: 240px; } #divUserAppoSetDateFromNowOnTxt .calendar_time_table td { padding: 0px; margin: 0px; } #divUserAppoSetDateFromNowOnTxt .calendar_time_table .tr0 { height: 60px; } #divUserAppoSetDateFromNowOnTxt .calendar_time_table .tr1 { height: 20px; } #divUserAppoSetDateFromNowOnTxt .calendar_hour, #divUserAppoSetDateFromNowOnTxt .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; } #divUserAppoSetDateFromNowOnTxt .calendar_hour { } #divUserAppoSetDateFromNowOnTxt .calendar_minute { } #divUserAppoSetDateFromNowOnTxt .calendar_time_seperator { color: #fff; font-size: 22px; font-weight: bold; line-height: 20px; position: absolute; top: 20px; left: 63px; } #divUserAppoSetDateFromNowOnTxt .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; } #divUserAppoSetDateFromNowOnTxt .calendar_CloseBtn { position: relative; border: 0px none; background-color: transparent; margin-top: 0px; margin-left: 80px; } #divUserAppoSetDateFromNowOnTxt .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; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .procNewPersonUserAgreementWarnCon { position: relative; top: 25px; background-color: #fff; width: 558px; overflow: scroll; height: calc(100% - 180px); left: calc((100% - 558px) / 2); border: 3px solid #dbf4f9; border-radius: 10px; } .procNewPersonUserAgreementWarnWrp { position: relative; width: 552px; height: 100%; border: 4px solid #0db4d5; border-radius: 5px; } .procNewPersonUserAgreementWarnBnr { position: relative; width: 544px; height: 60px; } .procNewPersonUserAgreementWarnBtn { position: relative; width: 150px; height: 30px; line-height: 24px; font-size: 13px; top: 21px; left: calc((100% - 320px) / 2); margin-right: 20px; background: #0db4d5; color: #fff; border-radius: 5px; float: left; } #procNewPersonUserAgreementWarnDataList { position: relative; width: 520px; height: calc(100% - 140px); overflow: scroll; left: 10px; font-size: 14px; line-height: 18px; white-space: pre-wrap; margin-bottom: 10px; padding: 10px; } .procNewPersonUserAgreementWarnFtr { position: relative; width: 544px; height: 40px; } .procNewPersonUserAgreementWarnFtrClckOk { position: relative; width: 550px; height: 36px; top: 12px; } .procNewPersonUserAgreementWarnFtrClckcrc, .procNewPersonUserAgreementWarnFtrClckcrcx, .procNewPersonUserAgreementWarnFtrClckWrd, .procNewPersonUserAgreementWarnFtrClcBtn { position: relative; float: left; left: 20px; margin-right: 8px; top: 3px; } .procNewPersonUserAgreementWarnFtrClckcrcx, .procNewPersonUserAgreementWarnFtrClckcrc { width: 30px; height: 30px; border: 2px solid #0db4d5; border-radius: 20px; } .procNewPersonUserAgreementWarnFtrClckcrcx { } .procNewPersonUserAgreementWarnFtrClckcrcx div { position: absolute; width: 12px; height: 12px; background: #0db4d5; top: 7px; left: 7px; border-radius: 10px; box-shadow: 0px 0px 2px 2px #dbf4f9; } .procNewPersonUserAgreementWarnFtrClckWrd { width: 300px; height: 30px; line-height: 17px; font-size: 14px; text-align: left; } .procNewPersonUserAgreementWarnFtrClcBtn { position: relative; width: 150px; height: 30px; line-height: 24px; font-size: 13px; top: 5px; background: #0db4d5; color: #fff; border-radius: 5px; float: left; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .procFamlyMemberChildPolicyFileUploadBtn { position: relative; width: 240px; height: 30px; line-height: 24px; font-size: 13px; top: 21px; left: calc((100% - 240px) / 2); margin-right: 20px; background: #0db4d5; color: #fff; border-radius: 5px; float: left; } #procFamlyMemberChildPolicyDataList { position: relative; width: 520px; height: calc(100% - 170px); overflow: scroll; left: 10px; font-size: 14px; line-height: 18px; white-space: pre-wrap; margin-bottom: 10px; padding: 10px; } .procFamlyMemberChildPolicyFileUploadBnrWrd { position: relative; width: 524px; background: #0db4d5; height: 40px; line-height: 15px; text-align: center; color: #fff; margin-top: 10px; left: 10px; padding-top: 7px; font-size: 13px; border-radius: 5px; } .procFamlyMemberChildPolicyFileUploadMainFileCon { position: relative; width: 504px; height: 300px; border: 2px solid #0db4d5; border-radius: 5px; top: 20px; } .procFamlyMemberChildPolicyFileUploadMainFileCon svg { position: relative; width: 30px; height: 30px; left: calc((100% - 30px) / 2); top: calc((100% - 30px) / 2); } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ .relativeList_rowWrps { position: relative; width: 106px; background: #fff; height: 442px; top: 10px; left: calc((100% - 100px) / 2); border: 2px solid #0dc4e7; border-radius: 10px; } /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ #divLabDateSendNotifPageCon { } .divLabDateSendNotifPageWrp { } .divLabDateSendNotifPageMain { position: relative; width: 500px; height: 370px; border: 2px solid #0DB4D5; margin: 0px auto; top: 70px; border-radius: 10px; background: #fff; } .divLabDateSendNotifPageWrdBnr, .divLabDateSendNotifPageWrdPerso, .divLabDateSendNotifPageWrdTextCon, .divLabDateSendNotifPageWrdBttns { position: relative; width: 100%; } .divLabDateSendNotifPageWrdBnr { text-align: center; height: 50px; line-height: 52px; font-weight: bold; background: #0DB4D5; color: #fff; font-size: 18px; margin-bottom: 20px; } .divLabDateSendNotifPageWrdPerso { width: 100%; height: 30px; line-height: 30px; padding-left: 36px; font-size: 16px; color: #4f4f4f; } .divLabDateSendNotifPageWrdTextCon { height: 186px; } .divLabDateSendNotifPageWrdBttns { height: 35px; margin-top: 30px; } #divLabDateSendNotifPageWrdText { position: relative; width: 440px; height: 62px; line-height: 22px; left: calc((100% - 440px) / 2); border: 1px solid #0db4d5; border-radius: 10px; font-size: 14px; text-indent: 0px; resize: none; padding: 7px 8px; font-family: 'Aria'; } #divLabDateSendNotifPageWrdStckList { position: relative; width: 440px; height: auto; max-height: 200px; overflow: scroll; left: calc((100% - 440px) / 2); } #divLabDateSendNotifPageWrdStckList .drpDwnLstRow { width: 350px; } .divLabDateSendNotifPageWrdBttn1, .divLabDateSendNotifPageWrdBttn2 { position: relative; float: left; width: 150px; border: 1px solid #0db4d5; height: 35px; line-height: 33px; text-align: center; font-weight: normal; font-style: italic; margin-right: 10px; left: 93px; border-radius: 10px; cursor: pointer; } .divLabDateSendNotifPageWrdBttn1 { color: #106701; } .divLabDateSendNotifPageWrdBttn2 { } .divLabDateSendNotifPageMainCls { position: absolute; z-index: 2; right: 4px; top: 2px; transform: rotate(45deg); cursor: pointer; width: 28px; height: 28px; } .FamilyMemberOptions_relativeList { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 5px; } .FamilyMember_Cell, .FamilyMember_CellX { position: relative; background: #fff; border: solid 2px #d9f4f9; font-family: Arial Narrow; width: 77px; height: 22px; cursor: pointer; margin-bottom: 1px; border-radius: 20px; line-height: 17px; font-size: 8pt; font-weight: normal; text-indent: 0px; text-align: center; color: #0db4d5; white-space: nowrap; } .FamilyMember_Cell:is(:hover,:focus) { background: #0db4d5; color: #fff; } .FamilyMember_Cell:is(:active) { background: #0db4d5; color: #fff; } .FamilyMember_CellX { background: #0db4d5; color: #fff; } .familyMembersWithTheSameDisease { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px; } .familyMemberListContainer { position: absolute; top: 90px; left: calc((100% - 520px)/2); width: min-content; height: auto; max-height: 500px; background: #fff; overflow: scroll; padding: 10px; z-index: 99999999999; } .familyMemberListContainer #divGenealoFamilyMember { position: relative; top: unset; left: unset; right: unset; } .FamilyMember_CounterCon, .FamilyMember_HasAnyDiaseseMark { position: absolute; top: -8px; right: -7px; width: 15px; height: 15px; font-size: 10px; line-height: 15px; text-align: center; text-indent: 0px; padding: 0px; background-color: #ff0000; color: #fff; border-radius: 20px; } .FamilyMember_HasAnyDiaseseMark { top: 9px; right: -5px; } .tablet .FamilyMember_HasAnyDiaseseMark { top: -1px; right: -1px; width: 22px; height: 30px; line-height: 30px; border-radius: unset; border-top-right-radius: 15px 15px; border-bottom-right-radius: 15px 15px; font-size: 12px; background-color: #69a1cb; } /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ /* 808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080808080 */ .txt2spcBtn { position: absolute; width: 30px; height: 30px; border: 2px solid #2c92b9; border-radius: 15px; text-align: center; line-height: 27px; font-size: 18px; } #diyetist_Text2Speech { position: absolute; width: 250px; height: 250px; background: #fff; right: 95px; top: 50px; border: 2px solid #2c92b9; box-shadow: 0px 0px 9px 4px #2cb4b9; border-radius: 15px; z-index: 5000000; padding: 15px; } /**/