:root{--primary-color:#044AFF;--hover-color:#0030AC;--grey-color:#D7D7D7;--text-color-dark:#000;--text-color-light:#fff;--background-color:#F2F5FE;--color-white:#fff;--text-grey:#7C7C7C;--border-grey:#EBEBEB;--swiper-theme-color:var(--primary-color);--box-spacing:15px}
body,html{background-color:var(--background-color);position:relative;width:100%;height:100%;font-family:"Roboto",sans-serif;color:var(--text-color-dark);font-size:13px;line-height:18px}
a{color:inherit;text-decoration:none}
*{box-sizing:border-box;margin:0;padding:0}
.no-margin{margin:0!important}
input::placeholder{color:#CCC}
.text-center{text-align:center}
.underline{text-decoration:underline}
.link{color:var(--primary-color);cursor:pointer}
.link.red{color:red}
.container{position:relative;max-width:800px;margin:0 auto;padding:0 15px}
.wrapper{width:100%;min-height:100%;display:flex;align-content:center;justify-content:center;align-items:center;padding:30px 15px}
.box{border-radius:5px;background-color:var(--color-white);padding:var(--box-spacing);width:100%;height:auto;max-width:420px;margin:0 auto;box-shadow:0 4px 30px -15px rgba(0,0,0,0.15)}
.box .logo{padding:15px}
.box h1,.box h2{font-size:13px;font-weight:700;margin-bottom:30px;text-align:center}
.box h1{color:var(--primary-color)}
.copyright{color:#999;text-align:center;font-style:italic}
.copyright a{color:var(--primary-color)}
.field{margin-bottom:15px}
.field.extra{margin-bottom:40px}
.field label{font-weight:700;font-size:13px;line-height:18px;display:block;color:var(--text-color-dark);margin:5px}
.field input{border-radius:3px;background:#F7F7F7;line-height:21px;padding:10px 15px;width:100%;border:0;outline:0}
.button{display:block;border-radius:3px;font-weight:700;font-size:13px;line-height:18px;padding:10px 15px;width:100%;border:0;outline:0;cursor:pointer;background-color:var(--grey-color);text-align:center}
.button.small{padding:5px 12px}
.button.primary{background-color:var(--primary-color);color:var(--text-color-light)}
.button.secondary{background-color:transparent;color:var(--text-color-dark);border:1px solid var(--grey-color)}
.button.error{background-color:red;color:var(--text-color-light)}
.button.download{padding:5px;line-height:12px;font-weight:400;font-size:12px}
.notification{padding:15px;border-radius:3px;margin-bottom:25px;background-color:#FFF4E2;color:#FF9E00}
.noti_hidden{display:none}
.notification h3{color:inherit;font-size:15px;font-weight:700;margin-bottom:8px}
.notification.error{background-color:#FDECEA;color:#E2574C}
.notification.error ul{padding-left:18px;margin:5px 0}
.notification .authorization{position:relative;margin-top:15px}
.notification i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#E2574C}
.notification .authorization input{border-radius:3px;background:#fff;line-height:21px;padding:7px 15px;width:100%;border:0;outline:0}
.divider{height:1px;background-color:#CDCDCD;margin:30px 0}
.divider.small{margin:15px 0}
.ui.input>input.date-picker{width:180px}
.ui.input>input{min-width:12em}
.header-left-right{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:40px}
.header-wrapper{position:absolute;z-index:1;top:0;left:0;width:100%;background:#fff;box-shadow:0 0 30px -15px rgba(0,0,0,0.15)}
.body-wrapper{position:relative;overflow:hidden;padding-top:78px;padding-bottom:100px;min-height:100%}
header{margin-left:-15px}
header a{display:inline-block;padding:15px;font-size:13px;text-transform:uppercase;color:var(--text-grey);cursor:pointer}
header a.active,header a:hover{color:var(--primary-color)}
header a i,.forcehide{display:none!important}
.header-wrapper .container{display:flex;justify-content:space-between;align-items:center}
.header-wrapper .side{display:flex;align-items:center}
.header-wrapper .side h3{margin:0;margin-right:15px;font-size:13px}
.header-wrapper .profile{display:flex;justify-content:space-between;align-items:center;border-radius:50px;border:1px solid var(--primary-color);padding:5px 8px;min-width:100px;background:#FFF;color:var(--primary-color)}
.header-wrapper .profile i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:3px;border-radius:30px;background:var(--primary-color);color:var(--text-color-light)}
.tabs{display:flex;flex-wrap:wrap;margin:-7.5px;margin-bottom:50px}
.tabs .tab:first-child{background:var(--primary-color)}
.tabs .tab{display:flex;align-items:center;padding:22px 30px;margin:7.5px;color:#fff;border-radius:5px;background:var(--hover-color);font-size:15px;font-weight:700;position:relative;cursor:pointer}
.tabs .tab i{font-size:21px;margin-right:25px}
.tabs .tab .label{position:absolute;top:0;right:0;transform:translate(45%,-50%);background:#E31F1F;width:28px;height:28px;text-align:center;padding:5px;font-size:13px;border-radius:50px}
.ui.attached.segment,.ui.segment,.ui.tabular.menu{background:none;border:0}
.ui.tabular.menu .active.item{background:none;border:0}
.dashboard-tabs .ui.tabular .icon img{display:block;width:40px;height:40px;margin-right:15px}
.dashboard-tabs .ui.tabular .item{border-radius:150px!important;background:var(--color-white);color:var(--primary-color);box-shadow:0 0 30px -20px rgba(0,0,0,0.15);margin-right:15px}
.dashboard-tabs .ui.tabular .item.active,.dashboard-tabs .ui.tabular .item:hover{border-radius:150px!important;background:var(--primary-color);color:var(--text-color-light)}
.ui.segment{padding:0}
.visits{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0}
.visits .visit{width:calc(50% - 7.5px);border-radius:8px;padding:15px;background:#FFF;box-shadow:0 0 30px -15px rgba(0,0,0,0.15);margin-bottom:15px}
.visits .novisits{width:100%;border-radius:8px;padding:15px;background:#FFF;box-shadow:0 0 30px -15px rgba(0,0,0,0.15);margin-bottom:15px}
.novisits{text-align:center;color:red}
.visits .visit .header{display:flex;align-items:center;margin-bottom:15px;flex-grow:1}
.visits .visit .header .image{width:40px;height:40px;border:1px solid var(--border-grey);border-radius:50px;overflow:hidden;margin-right:10px}
.visits .visit .header .image img{display:block;width:100%;height:100%;object-fit:contain}
.visits .visit .header h3{width:calc(100% - 50px);font-size:13px;color:var(--primary-color);margin:0}
.visits .visit .icons{display:flex;align-items:center;gap:5px;margin-bottom:15px}
.visits .visit .icons .icon{width:40px;height:40px;text-align:center;line-height:40px;font-size:18px;border:1px solid #CDCDCD;color:#CDCDCD;border-radius:3px;cursor:pointer}
.visits .visit .icons>button{background-color:transparent}
.visits .visit .icons .icon.active{color:#0ED522;border-color:#0ED522}
.visits .visit .footer{display:flex;justify-content:space-between;align-items:center}
.visits .visit .footer .date{color:var(--text-grey);font-size:11px}
.visits .visit .footer .link{color:var(--primary-color);text-decoration:underline;font-size:12px}
.visits .visit .footer .amount{font-weight:700;font-size:14px}
.vitals{padding:30px 0;display:flex;flex-wrap:wrap;margin:-7.5px}
.vitals .vital{width:calc(50% - 15px);margin:7.5px;background:linear-gradient(90deg,#0030AC 0%,#044AFF 100%);display:flex;justify-content:space-between;align-items:center;color:#fff;padding:20px;border-radius:5px;min-height:76px}
.vitals .vital .data,.vitals .vital .title{width:calc(50% - 20px)}
.vitals .vital .data .value{font-size:24px;font-weight:700}
.vitals .vital .data .unit{font-size:15px;font-weight:700}
.vitals .vital .title{font-size:18px;font-weight:700;text-align:right}
.ui.modal{border-radius:5px;overflow:hidden}
.ui.modal .header{background:var(--primary-color);color:var(--text-color-light)}
.ui.modal .close{color:var(--text-color-light);opacity:1;font-size:2.25rem;padding-top:0;top:14px;right:10px}
.pagination{display:flex;justify-content:center;align-items:center;margin-top:30px}
.pagination > a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid var(--grey-color);background:var(--color-white);border-radius:5px;margin:0 3px;color:var(--primary-color);cursor:pointer}
.pagination > a:hover{color:var(--text-color-light);background:var(--primary-color)}
.pagination > a.active{color:var(--text-color-light);background:var(--primary-color);pointer-events:none}
.pagination > a.disabled{color:var(--text-grey);background:var(--grey-color);pointer-events:none}
.message-wrapper{position:fixed;z-index:9;bottom:0;transform:translateY(calc(100% - 43px));right:15px;max-width:330px;width:100%;background:#fff;transition:all .3s}
.message-wrapper.close{transform:translateY(calc(100% - 43px))}
.message-wrapper.open{transform:translateY(0)}
.message-wrapper .header{cursor:pointer;background:var(--primary-color);color:var(--text-color-light);display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:12px;border-radius:5px 5px 0 0;box-shadow:0 0 30px -15px rgba(0,0,0,0.25)}
.message-wrapper.open .header .fa-circle-chevron-up,.message-wrapper.close .header .fa-circle-xmark{display:none}
.message-wrapper.close .header .fa-circle-chevron-up,.message-wrapper.open .header .fa-circle-xmark{display:inline-block}
.message-wrapper .header h3{margin:0;font-size:15px}
.message-wrapper .header h3 .label{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;background:#E31F1F;color:var(--text-color-light);border-radius:50px}
.message-wrapper .messages{height:300px;overflow-y:scroll;padding:15px;display:flex;flex-direction:column-reverse}
.message-wrapper .input{position:relative;padding:15px}
.message-wrapper .input input{padding:15px;border-radius:5px;border:1px var(--border-grey) solid;outline:0;width:100%}
.message-wrapper .input .icon{position:absolute;right:25px;top:50%;transform:translateY(-50%);padding:5px;color:var(--primary-color);background:none;outline:0;border:0}
.message-wrapper .messages .message{margin-top:15px}
.message-wrapper .messages .message .content{display:flex}
.message-wrapper .messages .message h4{margin:0;font-size:12px;margin-bottom:8px}
.message-wrapper .messages .message .content .profile{width:40px;height:40px;margin-right:8px}
.message-wrapper .messages .message .content .bubble{width:calc(100% - 48px);color:var(--primary-color);background:#CBD9FF;padding:12px;border-radius:5px;text-align:justify}
.message-wrapper .messages .message .content .profile img{width:100%;height:100%;object-fit:cover}
.message-wrapper .messages .message .time{text-align:right;margin-top:8px;font-size:12px;color:var(--text-grey)}
.message-wrapper .messages .message.right .profile{order:2;margin-right:0;margin-left:8px}
.message-wrapper .messages .message.right .time{text-align:left}
.message-wrapper .messages .message.right .content .bubble{background:#E8E8E8;color:var(--text-color-dark)}
.datatable{width:100%}
.responsive.table{width:100%;padding:15px;margin-top:15px;background:#fff;border-radius:5px}
.dt-container.ui.grid > .row:nth-child(2){margin:0!important}
.dt-container.ui.grid > .row:nth-child(2) .column{max-width:100%;overflow-x:scroll}
.dt-container.ui.grid > .row:last-child > .column:first-child{order:2}
.dt-container.ui.grid > .row:last-child > .column{width:100%!important;text-align:center}
.dt-container.ui.grid > .row:last-child > .column .ui.menu{box-shadow:none;border:0;flex-wrap:wrap}
.dt-container.ui.grid > .row:last-child > .column .ui.menu .item:before{display:none}
.dt-container.ui.grid > .row:last-child > .column .ui.menu .item.disabled{color:var(--text-grey)!important;background-color:var(--grey-color)!important;pointer-events:none;margin:0 3px;border-radius:5px!important}
.dt-container.ui.grid > .row:last-child > .column .ui.pagination.menu .item:last-child,.dt-container.ui.grid > .row:last-child > .column .ui.pagination.menu .item{border-radius:5px!important;margin-bottom:5px}
.dt-container.ui.grid > .row:last-child > .column .ui.pagination.menu .active.item{color:var(--text-color-light);background:var(--primary-color);pointer-events:none}
.dt-container.ui.grid > .row:last-child > .column .ui.menu a.item:hover{color:var(--text-color-light)!important;background:var(--primary-color)!important}
.medications{display:flex;max-width:480px;margin:0 auto;flex-wrap:wrap;padding-top:30px}
.medications .medication{position:relative;width:100%;border-radius:8px;padding:20px 15px;background:#FFF;box-shadow:0 0 30px -15px rgba(0,0,0,0.15);margin-bottom:30px}
.medications .medication .label{position:absolute;top:0;transform:translateY(-50%);right:15px;padding:5px 8px;border-radius:3px;color:var(--text-color-light);background-color:var(--primary-color)}
.medications .medication .header{display:flex;align-items:center;margin-bottom:15px;flex-grow:1}
.medications .medication .header .image{width:40px;height:40px;border:1px solid var(--border-grey);border-radius:50px;overflow:hidden;margin-right:10px}
.medications .medication .header .image img{display:block;width:100%;height:100%;object-fit:contain}
.medications .medication .header h3{width:calc(100% - 50px);font-size:13px;color:var(--primary-color);margin:0}
.medications .medication .details{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-grey)}
.medications .medication .details .time{color:var(--text-grey);font-size:12px;text-transform:uppercase}
.medications .medication .details .amount{font-weight:700;font-size:15px}
.medications .medication .items .item{display:flex;width:100%;justify-content:space-between;align-items:center;padding:3px 0;margin:3px 0;font-size:12px;color:var(--text-grey)}
.medications .medication .items .item i{color:var(--primary-color)}
#mfaenablewrap{display:inline-flex}
#mfaenablewrap>div>label{font-size:13px}
.mfa_cpw{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between}
.b2changepw{font-size:13px}
#con4pwc{padding-bottom:0}
.profile-wrapper{max-width:400px;margin:0 auto;padding:20px;background-color:var(--color-white);border-radius:8px}
.profile-wrapper .profile{display:flex;align-items:center;justify-content:center;flex:1}
.profile-wrapper .profile .image{width:76px;height:76px;border-radius:50px;margin-right:8px;overflow:hidden}
.profile-wrapper .profile .image img{width:100%;height:100%;object-fit:cover}
.profile-wrapper .profile h3{font-size:15px}
.profile-wrapper .profile .code{color:var(--primary-color);margin:5px 0;font-size:15px}
.profile-wrapper .profile .details{flex:1}
.profile-wrapper .profile .code i{margin-left:8px}
.profile-wrapper .personal{margin-top:15px;display:flex;justify-content:space-evenly}
.profile-wrapper .personal .details{text-align:center;padding:15px;flex:1;border-radius:5px;box-shadow:0 0 30px -15px rgba(0,0,0,0.15)}
.profile-wrapper .personal .details .input{color:var(--primary-color);font-weight:700;display:flex;gap:3px;align-items:center;justify-content:center}
.profile-wrapper .personal .details input{width:45px;outline:0;border:0;text-align:center;color:var(--primary-color);font-weight:700}
input#yo{width:25px}
.profile-wrapper .personal .details input.editable{border-bottom:1px red solid;color:red}
.profile-inputs{padding:20px;margin:20px auto;max-width:620px;border-radius:8px;background-color:var(--color-white)}
.profile-inputs.empty{background:none;padding:0;margin-top:30px}
.profile-inputs h3{color:var(--primary-color);text-align:center;font-size:12px;font-weight:700;margin-bottom:30px}
.profile-inputs .items .item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-grey)}
.profile-inputs .items .item:last-child{border-bottom:0}
.profile-inputs .items .item .code{width:100px}
.profile-inputs .items .item .action{margin-left:auto;border:1px solid var(--border-grey);color:red;padding:3px 8px;border-radius:3px;cursor:pointer}
.fields{display:flex;justify-content:space-between;gap:15px}
.fields .field{width:50%}
.profile-inputs .fields .field .text-center{margin-top:15px}
.profile-inputs .fields .field input{margin-bottom:8px}
.profile-inputs .fields .field .input{position:relative}
.profile-inputs .fields .field .input:first-child i{display:none}
.profile-inputs .fields .field .input i{color:red;cursor:pointer;margin-top:-5px}
.graph-wrapper{background:var(--color-white);box-shadow:0 0 30px -15px rgba(0,0,0,0.25);padding:30px 15px;margin:0 -15px;margin-bottom:30px;margin-top:30px}
.vital-sign-tabs{padding:15px;color:var(--primary-color);border-radius:5px;background:var(--color-white);box-shadow:0 0 30px -15px rgba(0,0,0,0.10);font-weight:700;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;cursor:pointer}
.swiper-slide-active .vital-sign-tabs{color:var(--color-white);background:linear-gradient(90deg,#0030AC 0%,#044AFF 100%)}
.vital-sign-tabs .value{font-size:18px}
.vital-sign-tabs .value span{font-size:15px}
.vital-sign-tabs .title{font-size:15px}
.swiper-pagination{position:static;margin-top:15px}
.swiper-pagination-bullet{width:32px;height:3px;border-radius:2px}
.vital-sign-details{padding-top:20px;max-width:380px;margin:0 auto}
.vital-sign-details .details{background:var(--color-white);border-radius:5px;box-shadow:0 0 30px -15px rgba(0,0,0,0.25);padding:20px;margin-bottom:25px}
.vital-sign-details .details .detail{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}
.vital-sign-details .details .detail .value{color:#A1A1A1;font-size:36px;font-weight:700}
.vital-sign-details .details .detail .value span{font-size:24px}
.vital-sign-details .details .detail .reference{text-align:right}
.vital-sign-details .details .detail .reference .label{font-weight:700}
.vital-sign-details .details .footer{display:flex;justify-content:space-between;align-items:flex-end;font-size:12px}
.vital-sign-details .details .footer .date{color:var(--text-grey)}
.vital-sign-details .details .footer .clinic{color:var(--primary-color);font-weight:700}
.dt-search{display:flex;align-items:center;justify-content:flex-end}
.emergency:first-child .delete{display:none}
.modal.visit .content > .title h3{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:8px}
.modal.visit .content > .title .date{color:var(--text-grey);font-size:11px}
.modal.visit .content .attributes{display:flex;justify-content:space-between;margin-top:15px;flex-wrap:wrap;gap:15px;box-sizing:border-box}
.modal.visit .content .attributes .col-2,.modal.visit .content .attributes .col-1{padding:15px;background:var(--background-color);border-radius:3px}
.modal.visit .content .attributes .col-2{width:calc(50% - 7.5px)}
.modal.visit .content .attributes .col-1{width:100%}
.modal.visit .content .attributes h3{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:8px}
.modal.visit .content .attributes .value{font-size:13px;color:var(--text-grey)}
.modal.visit .content .prices .price{display:grid;grid-template-columns:repeat(2,1fr);margin:15px 0}
.modal.visit .content .prices .price .type{display:flex;padding-right:8px;justify-content:flex-end;align-items:center;text-align:right}
.modal.visit .content .prices .price .total{min-width:100px;margin-left:5px;text-align:right;border-radius:3px;padding:10px 15px;background:var(--background-color);min-width:fit-content;margin-left:5px;text-align:right}
.modal.visit .content .prices .price:last-child .type{font-weight:700}
.daterangepicker td.active,.daterangepicker td.active:hover{background:var(--primary-color);color:var(--color-white)}
label.radio-container{display:inline-block;position:relative;margin:0}
.boolean-button{display:inline-block;border:1px solid var(--border-grey);border-radius:5px;min-width:50px;padding:10px 20px;text-align:center;cursor:pointer;user-select:none;font-size:12px;font-weight:400}
.radio-input:checked + .boolean-button{color:#0ED522;border-color:#0ED522}
.field.error label{color:red!important}
.field.error input,input.error{border:1px red solid;color:red!important;-webkit-box-shadow:0 0 30px -15px rgba(255,0,0,0.3);-moz-box-shadow:0 0 30px -15px rgba(255,0,0,0.3);box-shadow:0 0 30px -15px rgba(255,0,0,0.3)}
.error-message{color:red;font-size:11px;padding:0 3px}
.cxsyslogo{width:80px;border-radius:5px}
.noneclass{color:var(--text-grey)}
.qrimagediv{display:flex;align-items:center;justify-content:center;margin:30px}
.qrimagediv>img{height:180px}
.thnins{margin:10px auto 30px}
#btnDisable2FA{margin-top:15px}
.edit_logout{display:flex;gap:5px}
.passrecoutc{margin:10px}
.passwtoggle{display:flex;align-items:center;justify-content:space-between}
#spwf{height:18px;cursor:pointer;padding-right:5px}
#verpw{display:none;border:1px solid red;color:red;border-radius:5px;padding:3px;margin-top:10px}
.checklist{list-style:none;padding:0;margin:0;text-align:left}
.ps-kuat{font-size:11px}
.ps-kuat::before{content:"\2715";display:inline-block;margin-left:3px;width:16px}
.ps-kuat:not(.checked){opacity:.5}
.ps-kuat.checked::before{content:"\2713";color:red}
.clinic2rem{background-color:transparent}
.edit_logout{margin-bottom:10px}
.sexbutflex{display:flex;gap:3px}
.flexliri{display:flex;align-items:center;justify-content:space-between;gap:5px}
.flexliri>i{font-size:16px;padding:10px}
.ulinvnd{margin-left:10px}
.ixfan{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-grey)}
.ixfan>li{display:flex;gap:5px;margin-left:20px}
.ixfan>li>div:nth-child(1):not(.s2lab){flex:1;text-align:right}
.ixfan>li>div:nth-child(2){flex:1.5;text-align:left}
.ixfan>li>div:nth-child(1):not(.s2lab)::after{content:": "}
.plinvnd{font-weight:700}
.attfdd{display:flex;gap:5px}
.attfdd>button:first-child{flex:3;text-align:left}
.attfdd>button:nth-child(2){flex:1}
.attfdd>button{background-color:transparent;border:1px solid var(--grey-color);padding:10px;border-radius:5px}
.rffc{display:flex;flex-direction:column;gap:10px}
.visitplacehold{flex:1;background-color:#fff;padding:20px}
#vn_filtrbut{background-color:transparent;border:1px solid var(--grey-color);padding:0 10px;margin:1px 0;border-radius:5px}
.tar_clinic_cont{display:flex;gap:5px;align-items:stretch;justify-content:flex-end}
.flexgap{gap:5px;width:100%}
.presetw{color:red;text-align:center;margin:30px auto 30px}
#f4_bg .field:nth-child(2) .dropdown{min-width:auto}
.mydataposv.hide2s,#cont4smdb.hide2s{display:none}
.mydatavalues{display:flex;gap:5px;align-items:center}
.mydatavalues>unit{font-size:12px;color:var(--text-grey)}
#mydataform>.profile-inputs,.fillmwid{max-width:none}
.mysaveddatali unit,.mysaveddatali small{color:var(--text-grey);font-weight:normal;font-size:13px}
.mysaveddatali .items{font-size:13px}
.pm4mydata .medications{padding-top:0}
#myde_pseudo{visibility:hidden;height:0.1px}
.myd_rethink{display:flex;gap:10px}
.mdwchev{display:flex;align-items:center;justify-content:space-between}
#bmiGI{height:50px;display:flex;align-items:stretch;justify-content:flex-start;width:100%;border-radius:3px;box-sizing:border-box;margin:7.5px;position:relative}
#bmiGI>span{box-sizing:border-box;display:inline-block}
#bmiGI>span:not(#bmijar){position:relative}
#bmiGI>span:nth-child(1){width:28.33%;background-color:#f8a25b}
#bmiGI>span:nth-child(2){width:21.67%;background-color:#8fec7e}
#bmiGI>span:nth-child(3){width:16.67%;background-color:#e5d355}
#bmiGI>span:nth-child(4){flex:1;background-color:#f55a5c;border-radius:0 3px 3px 0}
#bmijar{position:absolute;top:-5px;width:4px;height:60px;background-color:#353535;border-radius:5px}
#bmiGI>span:nth-child(1)::after{content:"Underweight";position:absolute;top:-18px;left:18px;font-size:11px;color:var(--text-grey)}
#bmiGI>span:nth-child(3)::after{content:"Overweight";position:absolute;top:-18px;left:2px;font-size:11px;color:var(--text-grey)}
#bmiGI>span:nth-child(4)::after{content:"Obese";position:absolute;top:-18px;left:46px;font-size:11px;color:var(--text-grey)}
#bmijar::before{content:"";position:absolute;top:-15px;left:-8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #353535}
.daterangepicker.show-calendar .drp-buttons{display:flex!important;align-items:center}
@media (max-width:768px){
 input[type='text'],input[type='number'],textarea,select,.visits .visit .header h3,.visits .visit .footer .amount,.medications .medication .header h3,.box h1,.box h2{font-size:16px}
 body,html,.button{font-size:16px}
 .tar_clinic_cont{width:100%}
 .tar_clinic_cont>div{display:flex;flex-direction:column;gap:3px}
 .tar_clinic_cont>div:nth-child(1){flex:7}
 .tar_clinic_cont>button:nth-child(2){flex:1}
 .profile-wrapper .personal .details input{width:55px}
 .profile-inputs h3,.visits .visit .footer .link,.visits .visit .footer .date,.vital-sign-details .details .footer,.medications .medication .details .amount,.medications .medication .details .time,.medications .medication .items .item,.copyright,a.link,.mysaveddatali .items,.vital-sign-details .details .detail .reference,.medications .medication .label{font-size:14px}
 .header-left-right>.filters{flex:1}
 .columinmob{flex-direction:column}
 .columinmob .field{width:100%;margin-bottom:0}
 .emergrem{margin-top:10px;display:block}
}