@media only screen and (max-width:800px){.grid__layout__section{grid-template-columns:1fr}.grid__layout__Middle,.grid__layout__left,.grid__layout__right{grid-column:auto;grid-row:auto;margin:0;position:static;border:none}.grid__layout__Middle{overflow-y:visible;max-height:none}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:6px}::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-track:hover{background-color:#e7e7e7}canvas{max-height:240px;width:400px;cursor:pointer}hr{width:90%;margin-right:1rem;border:1px solid #e2e2e2}.btn__button,img,svg{cursor:pointer}.btn__button{background:var(--activestate_bg_1) 0 0 no-repeat padding-box;background:#01f0d0 0 0 no-repeat padding-box;border-radius:41px;padding:10px 20px;border:none;margin:.5rem auto;width:170px;display:flex;align-items:center;justify-content:center;font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 700 12px/19px Manrope;letter-spacing:0;color:#072635;opacity:1}.navigation__body__section .nav__links__section .lists img{width:var(--nav-links-image-width);height:var(--nav-links-image-height)}.navigation__body__section .nav__links__section .nav__lists{display:flex;gap:30px;list-style:none}.navigation__body__section .nav__links__section .lists.active{background:#01f0d0 0 0 no-repeat padding-box;display:flex;list-style:none;padding:9px 15px;border-radius:30px}.navigation__body__section .nav__links__section .lists{display:flex;align-items:center;gap:5px}.navigation__body__section .nav__links__section .lists li{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 700 13px/19px Manrope;letter-spacing:0;cursor:pointer;color:#2b2a2a;opacity:1}.profile__nav__info .profile__name{display:flex;flex-direction:column;padding:0 2rem 0 0}.profile__sub__info .profile__nav__info img{width:30px;padding-right:10px}.profile__nav__info .settings__and__rest img{width:var(--nav-links-image-width);height:var(--nav-links-image-height)}.profile__name .span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);color:var(--unnamed-color-072635);font:normal normal 700 13px/19px Manrope}.profile__name .span,.profile__name .sub__Span{letter-spacing:var(--unnamed-character-spacing-0);text-align:left;letter-spacing:0}.profile__name .sub__Span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);color:var(--unnamed-color-707070);font:normal normal normal 12px/19px Manrope}.grid__layout__left{grid-column:span 1;grid-row:span 25;margin-left:1rem;border:none;border-left:none;border-top:none;position:sticky;top:0;border-radius:10px;background-color:#fff}.grid__layout__Middle{grid-column:span 2;grid-row:span 25;border:none;overflow-y:scroll;max-height:var(--max-height);border-radius:10px}.grid__layout__Middle::-webkit-scrollbar{width:7px;display:none}.grid__layout__Middle::-webkit-scrollbar-thumb{background-color:#fff;border-radius:6px}.grid__layout__Middle::-webkit-scrollbar-track{background-color:#fff}.grid__layout__Middle::-webkit-scrollbar-thumb:hover,.grid__layout__Middle::-webkit-scrollbar-track:hover{background-color:#f4f0fe}.grid__layout__right{grid-column:span 1;grid-row:span 25;margin-right:1rem;border:none;border-left:none;border-top:none;position:sticky;top:0}.layout__patient__section{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 800 20px/33px Manrope;letter-spacing:0;color:#072635;font-weight:600;opacity:1;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.grid__layout__left__overflow{overflow-y:scroll;height:65vh}.grid__layout__left__overflow::-webkit-scrollbar{width:7px}.grid__layout__left__overflow::-webkit-scrollbar-thumb{background-color:#000;border-radius:6px}.grid__layout__left__overflow::-webkit-scrollbar-track,.grid__layout__left__overflow::-webkit-scrollbar-track:hover{background-color:#e7e7e7}.grid__layout__left__overflow::-webkit-scrollbar-thumb:hover{background-color:#000}.grid__layout__left__overflow .profile__nav__info{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem 1rem 1rem;cursor:pointer}.grid__layout__left__overflow .profile__nav__info.active{background:var(--activestate_bg_2) 0 0 no-repeat padding-box;background:#d8fcf7 0 0 no-repeat padding-box;opacity:1}.grid__layout__left__overflow .profile__nav__info .profile__gether{display:flex}.grid__layout__left__overflow .profile__name{display:flex;flex-direction:column;padding:0 1rem 0 0}.grid__layout__left__overflow .profile__name .span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 700 14px/19px Manrope;letter-spacing:0;color:#072635;opacity:1}.grid__layout__left__overflow .profile__name .sub__Span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-707070);text-align:left;font:normal normal normal 12px/19px Manrope;letter-spacing:0;color:#707070;opacity:1}.grid__layout__left__overflow .profile__nav__info img{width:30px;padding-right:10px}.grid__layout__Middle h2{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 800 23px/33px Manrope;letter-spacing:0;color:#072635;padding:1rem 0 0 1rem;opacity:1}.flexing__this__history{display:flex;align-items:center;justify-content:space-between}.flexing__this__history h4{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 700 14px/24px Manrope;letter-spacing:0;color:#072635;text-transform:capitalize;padding-left:1rem;opacity:1}.duration__month__or__year{padding-right:2.5rem}.duration__month__or__year span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:right;font:normal normal normal 11px/19px Manrope;letter-spacing:0;color:#072635;padding-right:10px;opacity:1}.color__layer{background-color:#fff;border-radius:10px;transform:translateY(-15px)}.detail__show__info{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;background:#f4f0fe 0 0 no-repeat padding-box;opacity:1;border-top-left-radius:10px;border-top-right-radius:10px;padding:0;margin:0 1rem}.diagnosis__History__{width:100%;margin-top:2rem}.flexing__this{display:flex;align-items:center;gap:5px}.diagnosis__type__history .color__pink{background-color:#e66fd2;width:10px;height:10px;border-radius:50%}.color__purple{background-color:#8c6fe6;width:10px;height:10px;border-radius:50%}.diagnosis__type__history .type__info span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);font:normal normal 700 12px/19px Manrope}.diagnosis__type__history .history__type__ h3,.diagnosis__type__history .type__info span{letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;letter-spacing:0;color:#072635;text-transform:capitalize;opacity:1}.diagnosis__type__history .history__type__ h3{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 22px/30px var(--unnamed-font-family-manrope);font:normal normal 700 20px/30px Manrope;padding:2px;margin:2px}.history__type__second span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal normal 11px/19px Manrope;padding:0 5px;letter-spacing:0;color:#072635;opacity:1}.grid__layout__right{overflow-y:scroll;height:80vh}.grid__layout__right::-webkit-scrollbar{width:7px}.grid__layout__right::-webkit-scrollbar-thumb{background-color:#fff;border-radius:6px}.grid__layout__right::-webkit-scrollbar-track:hover{background-color:#e7e7e7}.grid__layout__right::-webkit-scrollbar-thumb:hover{background-color:#fff}.detail__show__info img{width:130px;padding:10px 0}.detail__show__info__{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.detail__show__info__ .detail__show__username span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:center;font:normal normal 800 17px/33px Manrope;letter-spacing:0;color:#434343;opacity:1}.information__section{padding:0 1rem;background-color:#fff;padding-bottom:20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.informations{display:flex;align-items:center;padding-bottom:20px}.information__section__font{border-radius:40%}.information__section img{width:var(--nav-links-image-width);height:var(--nav-links-image-height);background:var(--background-color);padding:11px 12px;border-radius:17px;opacity:1}.information__section .sub__infos{display:flex;flex-direction:column;padding-left:.5rem}.first__sub__info{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);color:var(--unnamed-color-707070);font:normal normal normal 12px/19px Manrope;color:#707070}.first__sub__info,.second__sub__info{letter-spacing:var(--unnamed-character-spacing-0);text-align:left;letter-spacing:0;opacity:1}.second__sub__info{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);color:var(--unnamed-color-072635);font:normal normal 700 13px/19px Manrope;color:#072635;text-transform:capitalize}.lab__result__section{margin-top:2rem;background-color:#fff;padding:1rem 1rem;overflow-y:scroll;height:35vh}.lab__result__section::-webkit-scrollbar{width:7px}.lab__result__section::-webkit-scrollbar-thumb{background-color:#000;border-radius:6px}.lab__result__section::-webkit-scrollbar-track,.lab__result__section::-webkit-scrollbar-track:hover{background-color:#e7e7e7}::-webkit-scrollbar-thumb:hover{background-color:#000}.lab__result__section .heading__lab__result{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 800 20px/33px Manrope;letter-spacing:0;color:#072635;font-weight:600;margin:2rem 0;opacity:1}.results__session{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin:.5rem 0}.results__session.active{background-color:var(--background-color)}.results__session .result__name{padding:10px 0}.results__session .result__name span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/18px var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal normal 13px/18px Manrope;letter-spacing:0;color:#072635;text-transform:capitalize;opacity:1}.rate__history__section{display:flex;align-items:center;justify-content:space-evenly;width:100%}.rate__history__section .respiratory__rate{background:#e0f3fa 0 0 no-repeat padding-box;border-radius:12px;opacity:1;width:190px;padding:.5rem 1rem;margin:1rem .2rem}.rate__history__section .temprature__rate{background:#ffe6e9 0 0 no-repeat padding-box;border-radius:12px;opacity:1;width:190px;padding:.5rem 1rem;margin:1rem .2rem}.rate__history__section .heart__rate{background:#ffe6f1 0 0 no-repeat padding-box;border-radius:12px;opacity:1;width:190px;padding:.5rem 1rem;margin:1rem .2rem}.rate__history__section .heart__rate .heart__rate__roundBorder svg,.rate__history__section .respiratory__rate .respiratory__rate__roundBorder svg,.rate__history__section .temprature__rate .temprature__rate__roundBorder svg{width:75px}.rate__information__section span{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/18px var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal normal 13px/18px Manrope;letter-spacing:0;color:#072635;text-transform:capitalize;opacity:1}.rate__information__section h3{padding:0;margin:0}.rate__information__section h3,span.value{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) 30px/41px var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 800 23px/41px Manrope;letter-spacing:0;color:#072635;opacity:1}span.value{padding-right:4px}.__flexing{display:flex;align-items:center;gap:5px}.rate__information__section p{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 13px/18px var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal normal 13px/18px Manrope;letter-spacing:0;color:#072635;text-transform:capitalize;opacity:1}.information__section__list{margin:.3rem 0;padding:.8rem 0}.information__section__list,.scroll-ng{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.scroll-ng{overflow-y:scroll;max-height:40vh}.scroll-ng h3{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-33) var(--unnamed-font-family-manrope);letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;font:normal normal 800 23px/33px Manrope;letter-spacing:0;color:#072635;margin:1.5rem 0 6px 1.5rem;opacity:1}.scroll-ng::-webkit-scrollbar{width:7px}.scroll-ng::-webkit-scrollbar-thumb{background-color:#000;border-radius:6px}.scroll-ng::-webkit-scrollbar-track,.scroll-ng::-webkit-scrollbar-track:hover{background-color:#e7e7e7}.scroll-ng::-webkit-scrollbar-thumb:hover{background-color:#000}.list__table{background-color:#fff;width:100%;padding:1rem 1rem;border-radius:10px}thead{background-color:#f6f7f8}.th{border-top-left-radius:20px;border-bottom-left-radius:20px}.thh{border-top-right-radius:20px;border-bottom-right-radius:20px}.list__table th{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);font:normal normal 700 14px/19px Manrope}.list__table td,.list__table th{padding:10px 1rem;letter-spacing:var(--unnamed-character-spacing-0);color:var(--unnamed-color-072635);text-align:left;letter-spacing:0;color:#072635;opacity:1}.list__table td{font:var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-19) var(--unnamed-font-family-manrope);font:normal normal normal 13px/19px Manrope}:root{--background-color:#f6f7f8;--white-color:#fff;--border-radius:3rem;--margin-large:1.5rem;--margin-small:1rem;--padding-large:1rem;--padding-small:0.5rem;--font-family:"Manrope",sans-serif;--font-size:13px;--line-height:19px;--letter-spacing:0px;--color-primary:#072635;--border-color:#000;--gap-size:20px;--image-width:140px;--nav-links-image-width:16px;--nav-links-image-height:17px;--nav-links-li-width:60px;--nav-links-li-height:19px;--nav-links-li-top:45px;--nav-links-li-left:1047px;--max-height:90vh;--unnamed-color-705aaa:#705aaa;--unnamed-color-cbc8d4:#cbc8d4;--activestate_bg_2:#d8fcf7;--activestate_bg_1:#01f0d0;--unnamed-color-0bd984:#0bd984;--unnamed-color-072635:#072635;--unnamed-color-0c3d5d:#0c3d5d;--unnamed-color-084c77:#084c77;--unnamed-color-055a92:#055a92;--unnamed-color-006aac:#006aac;--unnamed-color-007bc7:#007bc7;--unnamed-color-707070:#707070;--unnamed-color-f6f6f6:#f6f6f6;--unnamed-color-ededed:#ededed;--unnamed-color-000000:#000;--unnamed-color-878787:#878787;--unnamed-color-ffffff:#fff;--unnamed-color-ff6200:#ff6200;--unnamed-font-family-manrope:Manrope;--unnamed-font-style-normal:normal;--unnamed-font-weight-800:900px;--unnamed-font-weight-normal:normal;--unnamed-font-weight-bold:bold;--unnamed-font-size-14:14px;--unnamed-font-size-18:18px;--unnamed-font-size-24:24px;--unnamed-character-spacing-0:0px;--unnamed-line-spacing-19:19px;--unnamed-line-spacing-24:24px;--unnamed-line-spacing-33:33px;--unnamed-text-transform-titlecase:titlecase}body{background:var(--background-color) 0 0 no-repeat padding-box;overflow:hidden;font-family:var(--font-family)}.navigation__body__section{background-color:var(--white-color);margin:var(--margin-large) var(--margin-small);padding:0 var(--padding-large);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;position:relative}.navigation__body__section img{width:var(--image-width)}.nav__links__section{display:flex;align-items:center;gap:30px}.nav__links__section .lists{display:flex;align-items:center;gap:5px;padding:9px 15px;border-radius:30px;cursor:pointer;transition:background .3s ease}.nav__links__section .lists.active{background:var(--activestate_bg_1) 0 0 no-repeat padding-box}.nav__links__section .lists li{font:normal normal 700 13px/19px var(--font-family);color:#2b2a2a;opacity:1}.nav__links__section .lists img{width:var(--nav-links-image-width);height:var(--nav-links-image-height)}.profile__sub__info .profile__nav__info{display:flex;align-items:center;justify-content:center}.profile__name{display:flex;flex-direction:column;padding:0 2rem 0 0}.profile__name .span{font:normal normal 700 13px/19px var(--font-family);color:#072635;opacity:1}.profile__name .sub__Span{font:normal normal normal 12px/19px var(--font-family);color:#707070;opacity:1}.grid__layout__section{display:grid;gap:var(--gap-size);grid-template-columns:repeat(4,1fr);overflow:hidden}.grid__layout__Middle,.grid__layout__left,.grid__layout__right{border-radius:10px;background-color:#fff;overflow-y:scroll;position:sticky;top:0;max-height:var(--max-height)}.grid__layout__Middle{height:82vh;z-index:0;background-color:#f6f7f8}@media only screen and (max-width:600px){.navigation__body__section{display:none}.grid__layout__section{display:flex;flex-direction:column;gap:var(--gap-size)}.grid__layout__Middle,.grid__layout__left,.grid__layout__right{width:100%;margin:0;border:none;max-height:none;overflow-y:visible;position:static}.grid__layout__Middle{height:auto}.profile__sub__info .profile__nav__info{flex-direction:column;align-items:flex-start}.profile__name{padding:0}.profile__name .span,.profile__name .sub__Span{font-size:14px;line-height:20px}}