#divLabResultInputPane { position: fixed; z-index: 200; top: 220px; left: calc(50% - 217px); width: 1px; height: 1px; } .docPageLabValueCon { position: absolute; width: 434px; height: 137px; background-color: #f3f3f3; left: 0px; z-index: 5; top: 0px; /* border-radius: 6px; */ } .docPageLabValueInpt { position: relative; width: 67px; height: 44px; border: 3px solid #9cd4e0; top: 12px; left: 163px; float: left; margin-right: 21px; text-align: center; line-height: 21px; color: #0e5773; font-size: 14px; background: #fff; border-radius: 11px; padding-bottom: 19px; } .labResultDataEntryPane_Note { position: relative; width: 434px; min-width: 434px; max-width: 434px; height: 44px; min-height: 37px; max-height: 130px; line-height: 25px; border-radius: 5px; border: 0px none; box-shadow: 1px 1px 3px 0px #000; margin: 5px 0px; font-size: 14px; border: 5px solid #fff; } .docPageLabValueInptR1, .docPageLabValueInptR2 { position: absolute; width: 298px; height: 30px; } .docPageLabValueInptR1 { top: 10px; } .docPageLabValueInptR2 { top: 67px; } .docPageLabValueNm1, .docPageLabValueNm2, .docPageLabValueNm3 { position: absolute; width: 64px; height: 17px; top: 35px; line-height: 17px; font-size: 11px; text-align: center; /* border: 1px solid #e4e4e4; */ color: #ffffff; /* border-radius: 5px; */ } .docPageLabValueNm { background: -webkit-linear-gradient(#efefef, #ffffff, #efefef); background: -o-linear-gradient(#efefef, #ffffff, #efefef); background: -moz-linear-gradient(#efefef, #ffffff, #efefef); background: linear-gradient(#a6ffff, #ffffff, #a6ffff); background: #0db4d5; /* background-color: #0db4d5 !important; */ } .docPageLabValueNm1 { left: 164px; } .docPageLabValueNm2 { left: 252px; } .docPageLabValueNm3 { left: 340px; } .docPageLabValueBn1, .docPageLabValueBn2 { position: absolute; width: 109px; height: 30px; line-height: 33px; font-size: 12px; white-space: nowrap; left: 28px; color: #0f5874; text-align: left; background-color: #ffffff; border-radius: 7px; text-indent: 44px; } .docPageLabValueBn1 { top: 29px; } .docPageLabValueBn2 { top: 86px; } .docPageLabValueBn1 img, .docPageLabValueBn2 img { position: absolute; width: 20px; left: 14px; top: 3px; } .docPageDisLabBtns { position: absolute; width: 70px; height: 30px; right: 10px; top: 53px; z-index: 5; border-radius: 5px; line-height: 30px; font-size: 9px; text-align: center; color: #ffffff; letter-spacing: 1px; } .docPageLabDef1, .docPageLabDef2, .docPageLabDefBttn, .docPageLabValueCon { background: #0DB4D5; border-radius: 3px; border-top-left-radius: 48px; border-top-right-radius: 48px; } .docPageLabValueConBGColor { position: absolute; top: 14px; left: -62px; width: 558px; height: 144px; background-color: #ffffff; border-top-left-radius: 166px; border-top-right-radius: 166px; } .docPageDisLabBtns { background: -webkit-linear-gradient(#d8f9f9, #95e0e0, #d8f9f9); background: -o-linear-gradient(#d8f9f9, #95e0e0, #d8f9f9); background: -moz-linear-gradient(#d8f9f9, #95e0e0, #d8f9f9); background: linear-gradient(#d8f9f9, #95e0e0, #d8f9f9); background: #1a968e; } .docPageDisLabBtns img { position: absolute; width: 10px; top: 5px; left: 5px; } .docPageLabDef1, .docPageLabDef2 { position: absolute; width: 71px; height: 25px; line-height: 20px; font-size: 14px; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; } .docPageLabDef2 div { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 61px; left: -13px; } .docPageLabDef1 { top: -25px; left: 43px; border-top-left-radius: 47px; border-top-right-radius: 47px; line-height: 41px; width: 346px; /* border-bottom: 4px solid #fff; */ z-index: 1; cursor: move; } .docPageLabDef2 { top: 4px; left: 434px; border-bottom-right-radius: 16px 11px; border-top-right-radius: 16px 11px; width: 30px; cursor: pointer; border-left: 4px solid #fff; position: absolute; height: 136px; line-height: 15px; font-size: 9pt; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; background: #0DB4D5; font-weight: bold; padding-top: 5px; display: none; } .docPageLabDef3 { top: 4px; right: 434px; border-bottom-left-radius: 16px 11px; border-top-left-radius: 16px 11px; width: 30px; border-right: 4px solid #fff; position: absolute; height: 136px; line-height: 15px; font-size: 9pt; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; background: #0DB4D5; font-weight: bold; padding-top: 5px; display: none; } .docPageLabDef3 div { -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); position: absolute; top: 60px; left: -22px; } .docPageLabDef4 { position: absolute; top: 4px; left: 0px; width: 434px; height: 136px; /* border-bottom-left-radius: 6px; */ /* border-bottom-right-radius: 6px; */ z-index: 1; padding: 5px; } .docPageLabDefBttn { position: absolute; height: 25px; font-size: 14px; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; top: 138px; left: 43px; border-top-left-radius: 0px; border-top-right-radius: 0px; line-height: 22px; border-bottom-left-radius: 47px; border-bottom-right-radius: 47px; width: 346px; z-index: 1; cursor: pointer; } .docPageLabDefBttn img { position: absolute; width: 18px; top: 3px; left: 262px; } .docPageLabMove, .docPageLabMoveX { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; } .docPageLabMoveX { position: fixed; background-color: rgba(109, 198, 230, 0.05); z-index: 25000000000; } .docPageXTestRow { position: absolute; width: 370px; height: 50px; top: 41px; left: 81px; } .docPageXTestRowDate, .docPageXTestRowTime, .docPageXTestRowValue { position: relative; height: 50px; float: left; margin-right: 5px; border: 3px solid #9cd4e0; border-radius: 10px; background-color: #fff; text-align: center; font-size: 10pt; padding-bottom: 17px; color: #0f5874; } .docPageXTestRowDate { width: 119px; } .docPageXTestRowTime { width: 70px; margin-right: 20px; } .docPageXTestRowValue { width: 90px; } .docPageXTestRowNm1, .docPageXTestRowNm2, .docPageXTestRowNm3 { position: absolute; width: 64px; height: 15px; top: 29px; line-height: 16px; font-size: 7pt; text-align: center; /* border: 1px solid #e4e4e4; */ color: #ffffff; /* border-radius: 5px; */ background: #9cd4e0; } .docPageXTestRowNm1 { left: 1px; width: 116px; } .docPageXTestRowNm2 { left: 126px; width: 66px; } .docPageXTestRowNm3 { left: 217px; width: 85px; } #divLabGrapgListPanelsCotainer { position: fixed; top: 0px; left: calc((100% - 737px) / 2); width: 737px; height: 600px; background-color: #0db4d5; z-index: 101; border-radius: 30px; } #divLabGrapgListPanelsCotainer .docPageLabMove { position: absolute; top: -35px; left: 178px; width: 384px; height: 51px; background-color: rgb(13, 180, 213); border-top-left-radius: 50px; border-top-right-radius: 50px; /* background-color: red;*/ } #divLabGrapgListPanelsCotainer #divSelectTest { position: absolute; top: 44px; left: 18px; background-color: #ffffff; } #divLabGrapgListPanelsCotainer #divSelectedTestsContainer { position: absolute; top: 44px; left: 338px; } #divLabGrapgListPanelsCotainer #divVerticalSeperator { position: absolute; top: 44px; left: 300px; width: 30px; background-color: #0db4d5; box-shadow: 0px 0px 0px 3px #daeff7; } #divLabGrapgListPanelsCotainer #cssDivRandevuLeftTabCap { position: absolute; top: 5px; left: -5px; width: 288px; height: 25px; } .divSelectTestHeadImgLabNewAppDate { position: absolute; top: 48px; left: 390px; width: 37px; height: 37px; border-radius: 35px; z-index: 1; cursor: pointer; } .labDataEntryDate { position: absolute; left: 457px; top: -28px; height: 17px; width: 85px; border: none; border-radius: 4px; color: #0db4d5; font-size: 9pt; text-align: center; text-indent: 0px; background: #fff; /* border: 1px solid #fff; */ line-height: 18px; } .divSelectTestHeadImgCp { position: absolute; top: -35px; left: 180px; width: 380px; height: 40px; background: #0db4d5; border-top-left-radius: 100px; border-top-right-radius: 100px; } .divSelectTestHeadImgLabCp { position: absolute; top: 20px; left: 100px; width: 37px; height: 37px; border-radius: 35px; z-index: 1; /* border-radius: 35px; */ cursor: pointer; background: #fff; } .divSelectTestHeadImgLabCp:hover { box-shadow: 0px 0px 3px 6px #87daea; } .divSelectTestHeadImgLab { left: 5px; position: absolute; width: 25px; top: 6px; } .divSelectTestLabPage { position: absolute; top: 48px; left: 15px; width: 281px; height: 20px; z-index: 15; border-radius: 8px; text-align: center; line-height: 18px; color: #fff; font-size: 10pt; } .divSelectTestHeadImgMrCp { position: absolute; top: 20px; left: 167px; width: 37px; height: 37px; z-index: 1; border-radius: 35px; cursor: pointer; background: #fff; } .divSelectTestHeadImgMrCp:hover { box-shadow: 0px 0px 3px 6px #87daea; } .divNotifyPersonForLabAppointment { position: absolute; top: 30px; left: 10px; width: 32px; height: 32px; border-radius: 35px; z-index: 1; /* border-radius: 35px; */ cursor: pointer; background: #fff; /* box-shadow: 0px 0px 6px #beaa30; */ /* background-color: #000; */ } .divNotifyPersonForLabAppointment:hover { box-shadow: 0px 0px 3px 6px #87daea; } .divNotifyPersonForLabAppointmentIcon { position: absolute; top: 8px; left: 4px; width: 24px; } #divSelectTest table { position: absolute; top: 10px; } .divSelectTestHeadImgMr { left: 3px; position: absolute; width: 29px; top: 4px; border-radius: 30px; } .divSelectTestMrPage { position: absolute; top: 48px; left: 15px; width: 281px; height: 20px; z-index: 15; border-radius: 8px; text-align: center; line-height: 18px; color: #fff; font-size: 10pt; } .divSelectTestHeadOthr { position: absolute; top: 20px; left: 232px; width: 37px; height: 37px; z-index: 1; background: #fff; font-size: 9pt; line-height: 37px; text-align: center; border-radius: 35px; color: #0db4d5; cursor: pointer; font-weight: bold; } .divSelectTestHeadOthr:hover { box-shadow: 0px 0px 3px 6px #87daea; } .divSelectTestOthrPage { position: absolute; top: 48px; left: 15px; width: 281px; height: 20px; z-index: 15; border-radius: 8px; text-align: center; line-height: 18px; color: #fff; font-size: 10pt; } .diyetist_MainFixedUserInfImgTstSl { position: absolute; right: 5px; top: 2px; width: 35px; height: 35px; object-fit: cover; object-position: 100% 0%; transform: translate(-50%,-50%); z-index: 1; border-radius: 35px; } .diyetist_MainFixedUserInfImgTstSlPt { position: absolute; left: 655px; top: 2px; width: 35px; height: 35px; object-fit: cover; object-position: 100% 0%; transform: translate(-50%,-50%); z-index: 1; border-radius: 35px; } .divSelectTestExit { position: absolute; width: 40px; height: 40px; transform: rotate(230deg); bottom: -14px; left: 713px; cursor: pointer; } .docPageLabDef2Img { position: absolute; width: 45px; height: 45px; transform: rotate(126deg); top: 0px; left: 0px; } .docPageLabDefm { top: -53px; right: 184px; /* border-top-left-radius: 16px 11px; */ /* border-top-right-radius: 16px 11px; */ width: 70px; cursor: pointer; /* border-bottom: 4px solid #fff; */ position: absolute; height: 70px; line-height: 47px; font-size: 8pt; white-space: nowrap; color: #fff; text-align: center; letter-spacing: 1px; background: #0DB4D5; border-radius: 70px; } .docPageLabDefmMoveImg { position: absolute; width: 27px; height: 27px; top: 5px; left: 22px; } .docPageLabValueConCloseBTN { position: absolute; width: 27px; height: 27px; top: 0px; left: 24px; transform: rotateZ(45deg); } .cssdivSelByLetContainerArvCls { position: absolute; width: 35px; left: 46px; top: 166px; z-index: 1; cursor: pointer; } .divSelectTestHeadCikBtn { position: absolute; width: 40px; height: 40px; left: -5px; top: -16px; z-index: 1; transform: rotate(415deg); } .divSelectTestHeadCikBtn img { position: absolute; width: 35px; top: 0px; left: 0px; } .dialogModal_AnalyseAsGroup { position: relative; width: calc(100% - 40px); height: calc(100% - 40px); min-width: 737px; max-width: 780px; max-height: 900px; margin: 20px auto; border: 10px solid #fff; box-shadow: 1px 1px 3px 2px #000; border-radius: 3px; padding: 0px; } .dialogModal_AnalyseAsGroup_btnClose { position: absolute; top: 0px; right: 10px; width: 40px; height: 40px; background-color: #0db4d5; z-index: 1; } .dialogModal_AnalyseAsGroup_Header { position: relative; width: 500px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; font-weight: bold; border-top-left-radius: 40px; border-top-right-radius: 40px; background-color: #f3f4f4; margin: 0px auto 10px auto; } .dialogModal_AnalyseAsGroup_InnerCon { position: relative; min-width: 738px; min-height: 795px; width: calc(100% - 40px); height: calc(100% - 80px); overflow: scroll; background-color: #fff; margin: 0px auto; box-shadow: 0px 0px 1px 0px #919191; border-radius: 3px; } /**/ /* ****** ****** ****** ****** ****** ****** ****** ****** ****** ****** *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** **:::::::::::** **:::::::::::** **:::::::::::** **:::::::::::** **:::::::::::** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- -:::::::::::::- *:::::::::::::::::::* -:::::::::::::- *:::::::::::::::::::* -:::::::::::::- *:::::::::::::::::::* -:::::::::::::- *:::::::::::::::::::* -:::::::::::::- *:::::::::::::::::::* -:::::::::::::- --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- ******:::::::::****** --------------- **:::::::::::** **:::::::::::** **:::::::::::** **:::::::::::** **:::::::::::** ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** ***::::*******::::*** *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* *:::::* ****** ****** ****** ****** ****** ****** ****** ****** ****** ****** */ .singlePageHeaderAddNewLabDatePgBtn { position: absolute; width: 35px; height: 35px; top: 141px; left: 11px; cursor: pointer; } .docPageLabPSFItemsCon { position: absolute; top: 165px; left: 0px; width: 435px; min-height: 1px; } .docPageLabPSFItemsCon .lpPsfThumbnail { max-height: 110px; max-width: 110px; } .lpPsfFullImage { position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0%); max-width: 100%; max-height: 100%; z-index: 201; } .LabSinglePageAnalyseNoteContainer { position: relative; width: 350px; min-height: 60px; background-color: #fff; /* border: 10px solid #fff; */ border-radius: 7px; box-shadow: 1px 2px 10px 3px #000; margin: 50px auto 0px auto; } .LabSinglePageAnalyseNoteHeader { position: relative; width: 100%; height: 30px; line-height: 20px; background-color: #2fbabf; border: 10px solid #2fbabf; border-bottom: 0px none; border-top-left-radius: 7px; border-top-right-radius: 7px; } .LabSinglePageAnalyseNoteHeader span { font-size: 12px; } .LabSinglePageAnalyseNoteBody { position: relative; width: 100%; min-height: 60px; max-height: 600px; overflow: scroll; border: 10px solid #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } /*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/ .increasingResultValuePaneContainer { position: relative; background-color: #fff; margin: 20px; border-radius: 7px; box-shadow: 0px 1px 3px 1px #000; } .increasingResultValuePaneHeader { display: grid; grid-template-columns: auto 40px; grid-gap: 3px; background-color: #0db4d5; height: 40px; align-items: center; justify-items: center; border-top-left-radius: 7px; border-top-right-radius: 7px; } .increasingResultValuePaneHeaderName { font-size: 14px; font-weight: bold; color: #fff; line-height: 30px; padding-left: 10px; text-align: left; width: 100%; } .increasingResultValuePaneHeaderClose { border-radius: 7px; background-color: transparent; border: 0px none; width: 30px; height: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; } .increasingResultValuePaneCloseIcon { } .increasingResultValuePaneBody { margin: 10px; padding: 10px; } .increasingResultValuePaneHeaderRow, .increasingResultValuePaneRow { display: grid; grid-template-columns: 80px 80px 100px auto 70px 70px; grid-gap: 5px; margin-bottom: 5px; height: 25px; line-height: 25px; } .increasingResultValuePaneRowRef1, .increasingResultValuePaneRowRef2, .increasingResultValuePaneRowUnit, .increasingResultValuePaneRowDescription, .increasingResultValuePaneRowResultState, .increasingResultValuePaneRowResultPersentage { width: 100%; text-align: center; background-color: #c3f5ff; border-radius: 5px; } .increasingResultValuePaneResultBox { width: 200px; height: 30px; border-radius: 7px; background-color: #fff; color: #000; text-align: center; margin: 10px 40px; border: 2px solid #a2c3c9; } .increasingResultValuePaneSaveAndClose { width: 200px; height: 30px; border-radius: 7px; background-color: #0db4d5; color: #fff; text-align: center; margin: 10px 40px; border: 2px solid #0db4d5; font-size: 14px; } .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowRef1, .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowRef2, .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowUnit, .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowDescription, .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowResultState, .increasingResultValuePaneHeaderRow .increasingResultValuePaneRowResultPersentage { background-color: #167285; color: #fff; } .increasingResultValuePaneRowBelowRef { background-color: #f3f3f3; color: #000; font-weight: bold; } /*******************************************************************************************************************************************************/ /*******************************************************************************************************************************************************/ .labDisplayRiskPanelInfoCon { padding: 15px; font-size: 12px; } .labDisplayRiskPanelInfoCon h2 { text-align: center; background: #DAEFF7; padding: 5px; border-radius: 10px; color: #67737A; margin-bottom: 15px; font-size: 14px; } .labDisplayRiskPanelInfoCon p { /* margin: 6px; */ color: #67737A; padding: 7px 8px; border-radius: 5px; line-height: 15px; } .labDisplayRiskPanelInfoCon p:nth-child(2n+1) { background: #f3f4f4; } .labDisplayRiskPanelInfoCon strong { } /**/