@import url("/views/base/css/hicare/custom-variables.css");
@import url("/views/base/css/font-styles.css");
@import url(../scss/icons/font-awesome/css/font-awesome.min.css);
@import url(../scss/icons/simple-line-icons/css/simple-line-icons.css);
@import url(../scss/icons/weather-icons/css/weather-icons.min.css);
@import url(../scss/icons/linea-icons/linea.css);
@import url(../scss/icons/themify-icons/themify-icons.css);
@import url(../scss/icons/flag-icon-css/flag-icon.min.css);
@import url(../scss/icons/material-design-iconic-font/css/materialdesignicons.min.css);
@import url(../css/spinners.css);
@import url(../css/animate.css);
@import url("/views/base/css/hicare/custom-bootstrap.css");
@import url("/views/base/css/hicare/custom-survey.css");
@import url("/views/base/css/hicare/form-elements.css");
@import url("/views/base/css/hicare/globals.css");
@import url("/views/base/css/hicare/sidebar.css");
@import url("/views/base/css/hicare/tables.css");

/******************* Global Styles *******************/
.ui-datepicker{left: 200px !important; top: 190.2px !important;}
#hiddenField{display: none;}
.ui-datepicker-trigger{margin-left: 10px;}
#calendar{width: var(--width-full); margin: 0 auto;}
article{background-color: var(--chronica-white); padding: 10px 0px;}
.fc-agenda-axis{border-right: 1px solid var(--chronica-light-grey);}
.fc-widget-content, .fc-widget-header{}
.fc-button{font-size: 1em; height: 2.2em; line-height: 2em; background: var(--chronica-white); border: 1px solid rgba(120, 130, 140, 0.13); color: var(--chronica-grayish-blue); text-transform: capitalize;}
.fc-button:hover .fc-icon{background: #e9edf2;}
.fc-icon{background: var(--chronica-white); color: var(--chronica-grayish-blue); text-transform: capitalize;}
.fc-header-left, .fc-header-right{width: 200px;}
.fc-header-right{width: 120px;}
.fc-header-title{float: left;}
.fc-header-title{float: left;}
.fc-header-title h2{float: left;}
.fc-header-left{border: none !important;}
.fc-header-center{border: none !important;}
.fc-header-right{border: none !important;}
.fc table{font-size: var(--font-size-base);}
.fc table .fc-widget-content{font-size: var(--font-size-sm);}
.fc-event{background: none;}
.fc .fc-axis{width: 50px !important;}

form p {margin-bottom: 10px; text-align: left;}
form p:last-child {margin-bottom: 0;}
.selectize-control.form-control.multi {display: inline-flex; border: 0; padding: 0;}
.eth {display: none; color: var(--chronica-red-text); font-size: var(--font-size-sm);}
.erline .selectize-input {border-color: red;}
.selectize-control.multi .selectize-input [data-value] {background-color: var(--chronica-light-blue)!important; background-image: none!important;}
.multiselected_label .name {font-size: var(--font-size-base); color: var(--chronica-white);}
.d-flex-aic {display: flex; align-items: center;}
.d-flex-juscon {display: flex;align-items: center;width: var(--width-full);justify-content: space-between;}
.d-flex-spaceevenly {display: flex;align-items: center;width: var(--width-full);justify-content: space-around; flex-wrap: wrap;}
.d-flex-logo {/*display: flex; justify-content: center;*/ max-width: 200px; margin: auto;}
.d-flex-logo img {width: var(--width-full);}
.d-flex-aic {display: flex; align-items: center; width: var(--width-full);}
.d-flex-aie {display: flex; align-items: flex-end; width: var(--width-full);}
.d-flex-ais {display: flex; align-items: flex-start; width: var(--width-full);}
.d-flex-spacebetween {display: flex; justify-content: space-between; align-items: center; width: var(--width-full);}
.d-flex-aic-wrap  {display: flex; align-items: center; flex-wrap: wrap;}
.d-flex-aic-wrap-spacebetween  {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.d-flex-aic-wrap-spaceevenly  {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-evenly;}
.d-flex-aic .w-70 {width: var(--width-lg);}
.d-flex-aic .w-30 {width: var(--width-sm);}
.w-50 {width: var(--width-half);}
.width_30 {width: 30%;}
.d-flex-aic-justify {display: flex; align-items: center; justify-content: center;}
.clear {clear: both;}
.clear10 {clear: both; height: 10px;}
.clear20 {clear: both; height: 20px;}
.breakall {word-break: break-all;}
ul {list-style: none; margin: 0; padding: 0;}
ul li {list-style: none;}
.bg-white {background: var(--chronica-white);}
.white_space_nm {white-space: normal;}

.hicare-light-blue-txt {color: var(--chronica-light-blue)}
.hicare-dark-blue-txt {color: var(--chronica-dark-blue)}
.hicare-green-txt {color: var(--chronica-green)}
.hicare-yellow-txt {color: var(--chronica-orange)}
.hicare-orange-txt {color: var(--chronica-red);}
.hicare-reading-orange-txt {color: var(--chronica-orange);}
.hicare-red-txt{color:var(--chronica-red-text);}
.hicare-dark-grey-txt {color: var(--chronica-dark-grey)}
.black-txt {color: var(--chronica-black-text);}
.white-txt {color: var(--chronica-white);}
.hicare-grey-txt {color: var(--chronica-light-black-text);}
.lightgrey-txt {color: var(--chronica-light-grey-text);}
.darkgrey-txt {color: var(--chronica-dark-grey-text);}
.grey-txt {color: var(--chronica-grey-text);}
.hicare-light-blue {background: var(--chronica-light-blue)}
.hicare-dark-blue {background: var(--chronica-dark-blue)}
.hicare-green {background: var(--chronica-green)}
.hicare-yellow {background: var(--chronica-orange)}
.hicare-red{background:var(--chronica-red-text);}
.hicare-orange {background: var(--chronica-red);}
.hicare-darkgrey {background: var(--chronica-dark-grey)}
.hicare-lightgrey {background: var(--chronica-light-grey-text)}
.hicare-light-blue:hover, .hicare-light-blue.hover {background: #1E80AE}
.hicare-dark-blue:hover, .hicare-dark-blue.hover {background: #274075}
.hicare-green:hover, .hicare-green.hover {background: #64943D}
.hicare-yellow:hover, .hicare-yellow.hover {background: #C89025}
.hicare-orange:hover, .hicare-orange.hover {background: #BF412B;}
.hicare-dark-grey:hover, .hicare-dark-grey.hover {background: var(--chronica-dark-grey-text)}
.hicare-dark-grey-border-bottom {border-bottom: var(--border-grey)}
.hicare-light-blue-border-bottom {border-bottom: var(--border-light-blue)}
.hicare-dark-blue-border-bottom {border-bottom: 1px solid var(--chronica-dark-blue)}
.hicare-yellow-border-bottom {border-bottom: 1px solid var(--chronica-orange)}
.hicare-green-border-bottom {border-bottom: 1px solid var(--chronica-green)}
.hicare-orange-border-bottom {border-bottom: 1px solid var(--chronica-red)}
.hicare-darkgrey-border-bottom {border-bottom: 1px solid var(--chronica-dark-grey)}
.video-cnslt-bg  {background: var(--chronica-orange) !important;}
.appoint-cnslt-bg  {background: var(--chronica-dark-blue) !important;}
.appoint-cnslt-available-bg  {background:var(--chronica-green)!important;}
.homevist-cnslt-bg  {background: var(--chronica-green) !important;}
.event-cnslt-bg  {background: var(--chronica-light-blue) !important;}
.phoneevent-cnslt-bg  {background: var(--chronica-dark-grey) !important;}
.groupevent-cnslt-bg  {background: var(--chronica-red) !important;}
.nm-weight {font-weight: var(--font-weight-normal);}
.bd-weight {font-weight: var(--font-weight-bold);}
.md-weight {font-weight: var(--font-weight-medium);}
.lbd-weight {font-weight: var(--font-weight-semi-bold);}
.nm-fontstle {font-style: var(--font-weight-normal) !important;}
.breadcrumb {list-style: none; background: none; padding: 0; margin: 8px 0 0 0;background: transparent; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);}
.breadcrumb li {margin-top: 0px; margin-bottom: 0px; color:var(--chronica-grayish-blue);}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {content: "\e649"; font-family: themify; /*color: var(--chronica-black-text);*/ font-size: 11px;}
/*.breadcrumb .breadcrumb-item.active {color: var(--chronica-black-text);}*/
.breadcrumb .breadcrumb-item:last-child {color: var(--chronica-black-text);}
.hicare-light-grey-border {border: var(--border-grey);}
.border-left-grey {border-left: var(--border-grey); line-height: var(--line-height-base);}

.customtab li  {display: flex; align-items: flex-end;}
.customtab li a.nav-link  {border-bottom: var(--border-transparent); padding: 15px 40px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md);}
.customtab li a.nav-link:hover  {color: var(--chronica-light-blue); border-bottom: var(--border-transparent);}
.customtab li a.nav-link.activecolor:hover  {color: var(--chronica-green);}
.customtab li a.nav-link.activecolor.active  {border-bottom: var(--border-green); color: var(--chronica-green);}
.customtab li a.nav-link.inactivecolor:hover  {color: var(--chronica-red);}
.customtab li a.nav-link.inactivecolor.active  {border-bottom: 3px solid var(--chronica-red); color: var(--chronica-red);}
.customtab li a.nav-link.active  {font-weight: var(--font-weight-semi-bold); border-bottom:3px solid var(--chronica-light-blue); color:var(--chronica-light-blue);}
.customtab li.nav-saperator a.nav-link  {color: var(--chronica-light-blue); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); font-weight: var(--font-weight-semi-bold);}
.customtab li.custom-navlink  {padding: 10px 7px; align-items: center; display: flex;}
.customtab li.custom-navlink .custom-linkbtn  {border: var(--border-light-blue); padding: 7px 15px; border-radius: var(--border-radius-md);}
.customtab1 li  {display: flex; align-items: flex-end;}
.accordion_select:focus {outline: none;}
.customtab1 li a.nav-link  {border:0; border-bottom: var(--border-transparent); padding: 15px 25px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md);}
.customtab1 li a.nav-link:hover, .customtab1 li a.nav-link.active  {border-bottom: var(--border-green); color: var(--chronica-green);}
.customtab1 li a.nav-active {border:0; border-bottom: var(--border-green); padding: 15px 30px 15px; color: var(--chronica-green); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md);}
.customtab1.removehover li a.nav-link:hover, .customtab1.removehover li a.nav-link.active {}
.activeNav{}
.activeNav.router-link-active{border-bottom:var(--border-green) !important;}
.activeNav.router-link-exact-active{border-bottom:var(--border-green) !important;}
.activeNav.router-link-exact-active .nav-link span{color: var(--chronica-green) !important;}
.activeNav:hover{border-bottom:var(--border-green) !important;}
.customtab1 li a.nav-link:hover{color:var(--chronica-green) !important;}
.urgent_care_tabs .customtab1 li a.nav-link {padding: 15px 10px 15px;}
.urgent_care_tabs .customtab1 li a.nav-active {padding: 15px 10px 15px;}
.customtab1 .link-menu-style  {display: flex; align-items: flex-end;}
.customtab1 .link-menu-style.nav-link  {border:0; border-bottom: var(--border-transparent); padding: 15px 30px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md);}
.customtab1 .link-menu-style.nav-link:hover  {border-bottom: var(--border-green); color: var(--chronica-green);}
.customtab1 .link-menu-style.nav-link.active  {border-bottom: var(--border-green); color: var(--chronica-green);}
.accordion_select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; height: 44px; border: none; background: transparent; text-align: center;}
.accordion_select_wrapper {position: relative; display: inline-block; padding: 0 13px 0 0;}
.accordion_select_wrapper:after {height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4a4a4a; position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: "";}
a {color: var(--chronica-light-blue);}
a.hlink {color: var(--chronica-light-blue); text-decoration: underline;}
p {padding: 0px 0; margin: 0px 0;}
address {font-size: 13px;}
.sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.input-group-addon,
.input-group-btn {width: auto;}
.input-group {position: relative;}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.activity-card .d-flow {width: var(--width-full);}
.trunkhold {display: flex; align-items: center;}
.trunkhold_table {display: inline-flex; align-items: center;}
.adtrecordtrunkhold_table {display: inline-flex; align-items: center; max-width: 600px;}
.notetrunkhold_table {display: inline-flex; align-items: center; max-width: 300px;}
.trunkhold .trunk-item {flex: 1 1 200px; display: inline; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 30px; word-wrap: break-word;/* Important for long words! */}
.trunkhold .trunk-item.m-r-10 {margin-right: 10px;}
.trunkhold .trunk-btn {flex: 0 0 100px;}
.trunkhold .trunk-btn2 {flex: 0 0 auto;}
.Notestrunkhold {display: flex; align-items: center;}
.Notestrunkhold .trunk-item {flex: 1 1 200px; display: inline; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 0px; word-wrap: break-word;}
.login_remember [type="checkbox"].filled-in:not(:checked) + label:after {height: 18px; width: 18px;}
.login_remember [type="checkbox"].filled-in:checked + label:after {height: 18px; width: 18px;}
.login_remember .checkbox-group label {left: 0px; font-size: 13px;}
.ellipsis_cont {width: auto; max-width: 60%; margin-right: 10px;}
.ellipsis_div {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: var(--width-full);}
.width70 {width: var(--width-lg);}
.dropdown-menu-icon i.devices {background: url("/views/base/img/svg-icons/devices-grey.svg") center center no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block;}
.dropdown-menu-icon:hover i.devices {background: url("/views/base/img/svg-icons/devices-hover.svg") center center no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block;}
.dropdown-menu-icon i.location {background: url("/views/base/img/svg-icons/group_location_small_icon.svg") center center no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block;}
.dropdown-menu-icon:hover i.location {background: url("/views/base/img/svg-icons/group_location_small_icon-hover.svg") center center no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block;}

.btn {display: inline-flex; align-items: center; justify-content: center; line-height: 18px; font-size: var(--font-size-base); height: var(--input-height-base); margin: 0 0px;}
.btn-link {color: var(--chronica-light-blue);}
a.link {color: var(--chronica-light-blue); padding: 0; display: inline-block;}
a.link:hover {color: var(--chronica-light-blue); text-decoration: underline;}
.btn.btn-sm {min-width: auto; width: auto; font-size: var(--font-size-sm); line-height: 16px; height: auto; min-height: 28px; padding: 5px 10px;}
.btn img {margin: 0 7px 0 0; max-width: 30px;}
.btn.addicon img {margin: 0 7px 0 0; width: 20px;}
ul.small-avtar-overlapping + span {padding: 0 0 0 15px; display: inline-block;}
ul.small-avtar-overlapping {list-style-type: none; margin: 0; padding: 0; display: inline-block;}
ul.small-avtar-overlapping li {width: 30px; height: 30px; border-radius: var(--border-radius-circle); border: 0px solid white; display: inline-block; cursor: default; position: relative; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); overflow: hidden; margin-left: 0px;}
ul.small-avtar-overlapping li span {display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; background: var(--chronica-dark-grey-text); color: var(--chronica-light-black-text); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); line-height: 15px;}
/*ul.small-avtar-overlapping li:nth-child(n+2) {margin-left: -20px;}
ul.small-avtar-overlapping:hover li:nth-child(n+2) {margin-left: 0px;}*/
ul.small-avtar-overlapping li img {width: var(--width-full);}
ul.md-avtar-overlapping {list-style-type: none; margin: 0; padding: 0; display: inline-block;}
ul.md-avtar-overlapping li {width: 55px; height: 55px; border-radius: var(--border-radius-circle); border: 0px solid white; display: inline-block; position: relative; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); webkit-transition: .2s ease; transition: .2s ease; overflow: hidden;}
/*ul.md-avtar-overlapping li:nth-child(n+2) {margin-left: -20px;}
ul.md-avtar-overlapping:hover li:nth-child(n+2) {margin-left: 0px;}*/
ul.md-avtar-overlapping li img {width: var(--width-full);}
ul.md-avtar-overlapping li span {background: var(--chronica-dark-grey-text); color:#6b6b6b; border-radius: var(--border-radius-circle); text-align: center; width: var(--width-full); height: 100%; line-height: 57px; display: inline-block;}
ul.timeline-ugn {list-style-type: none; position: relative; padding: 0;}
ul.timeline-ugn:before {content: ' '; background: var(--chronica-dark-grey); display: inline-block; position: absolute; left: 21px; width: 1px; height: 100%; z-index: 1;}
ul.timeline-ugn {list-style-type: none; position: relative; padding: 0;}
ul.timeline-ugn > li:first-child {position: relative; font-size: 15px; font-weight: var(--font-weight-semi-bold);}
ul.timeline-ugn > li:first-child:before {content: ' '; background: var(--chronica-dark-grey); display: inline-block; position: absolute; border-radius: var(--border-radius-circle); left: 11px; top: 0; width: 20px; height: 20px; z-index: 1;}
ul.timeline-ugn > li {margin: 0px 0 30px 0; padding-left: 55px;}
ul.timeline-ugn > li:before {content: ' '; background: var(--chronica-dark-grey-text); display: flex; position: absolute; border-radius: var(--border-radius-circle); border: 0px solid #22c0e8; left: 0px; width: 45px; height: 45px; z-index: 1;}
.intial-pic , .topbar .navbar-collapse span.intial-pic{width: 40px; height: 40px; margin: 0 10px 0 0; display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 40px; background: var(--chronica-dark-grey-text); border-radius: var(--border-radius-circle); color:#6b6b6b;}
.intial-desc span {display: block; font-style: var(--font-weight-normal); font-size: var(--font-size-sm); color: var(--chronica-light-blue); font-weight: var(--font-weight-medium);}
.intial-desc cite {display: block; font-style: var(--font-weight-normal); font-size: var(--font-size-sm); color: #898988;}
ul.timeline-ugn li.homevisit:before {background: url(/views/base/img/svg-icons/home-visit.svg) center center no-repeat var(--chronica-green); background-size: 60%;}
ul.timeline-ugn li.event:before {background: url(/views/base/img/svg-icons/event-w.svg) center center no-repeat var(--chronica-dark-blue); background-size: 60%;}
ul.timeline-ugn li.videoconfrn:before {background: url(/views/base/img/svg-icons/video-conference-w.svg) center center no-repeat var(--chronica-orange); background-size: 60%;}

.nav-tabs {border: 0;}
ul.nav-tabs a.nav-link.active {background: none;}
.card-hold {padding: var(--padding-regular); border-top: 1px solid #e9ecef;}
.slotlist {display: flex; flex-wrap: wrap}
.slotlist li {width: var(--width-half); display: flex; align-items: center; padding: 15px 20px; flex:0 0 50%;}
.slotlist li:nth-child(odd) {border-right: var(--border-light-grey);}
.slotlist li .slotdiv1, .slotlist li .slotdiv2 {width:25%; flex: 0 1 180px; border: 0px solid;}
.slotlist li .slotdiv3 {width:33.33%;}
.floating-labels .checkbox-block label.fs14 {font-size: var(--font-size-base); color:var(--chronica-black-text); font-weight: var(--font-weight-medium); padding-left: 38px;}
.floating-labels .alwaysfocused .d-flex-spacebetween .custom_lbl {left: 22px;}
.dftimeslot {border: var(--border-grey); padding: 15px; border-radius: var(--border-radius-sm); margin-bottom: 15px; display: flex; align-items: center;}
.dftxt {font-size: var(--font-size-md); color:var(--chronica-black-text);}
.dftimeslot.changetimezone {border: 1px solid var(--chronica-red);}
.dftimeslot.changetimezone .dftxt{color:var(--chronica-red);}
.multidiv {margin-left: auto; min-width: 440px; width: 440px;}

/* type number hack */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

@-moz-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3; transform: scale(2);}
    100% {transform: scale(1);}
}
@-webkit-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3; transform: scale(2);}
    100% {transform: scale(1);}
}
@-o-keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3; transform: scale(2);}
    100% {transform: scale(1);}
}
@keyframes slide {
    0% {transform: scale(1);}
    50% {opacity: 0.3; transform: scale(2);}
    100% {transform: scale(1);}
}

@-webkit-keyframes pulse2
{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.25,1.25,1.25);transform:scale3d(1.25,1.25,1.25)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse2{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.25,1.25,1.25);transform:scale3d(1.25,1.25,1.25)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse2{-webkit-animation-name:pulse2;animation-name:pulse2}

input::-webkit-calendar-picker-indicator {
    opacity: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
.tri-position {margin: auto;}
.editprofile-cnt {width: var(--width-full); max-width: 120px; height: 120px; margin: auto; border: 0px solid red;}
.editprofile-cnt img {width: var(--width-full); border: 2px solid var(--chronica-white); border-radius: var(--border-radius-circle); height: 100%; object-fit: cover;}

#readingAcco div[aria-expanded="true"] .counter-cir{display: none;}
#readingAcco div[aria-expanded="false"] .counter-cir{display: block;}

#accordion dl dt a {display: inline-block;}
#accordion dl dt a.oc-icon {position: absolute; right: 15px; top: 40px;}
#accordion dl dt button.oc-icon {position: absolute; right: 15px; top: 25px;}

.show-tablet {display: none; width: var(--width-full); justify-content: center;}
.show-tablet .btn_dropdown {background-color: transparent; border: var(--border-grey); color: var(--chronica-grayish-blue); margin: 10px 10px 10px 10px; font-size: var(--font-size-md); height: auto; position: relative; padding: 10px 30px 10px 10px; min-width: 190px;}
.show-tablet .btn_dropdown:focus,
.show-tablet .btn_dropdown:active,
.show-tablet .btn_dropdown:visited,
.show-tablet .btn_dropdown:hover,
.show-tablet .btn_dropdown:focus-within {background-color: transparent!important; color: var(--chronica-grayish-blue)!important; border: var(--border-grey)!important; box-shadow: none;}
.dropdown_select {margin: 9px 0px 0px 0px; padding: 0px;}
.dropdown_select .activeNav {border-bottom: 0px!important;}
.dropdown_select .activeNav:hover {border-bottom: 0px!important;}
.dropdown_select .activeNav a {border-bottom: 0px!important;}
.dropdown_select .dropdown-item {padding: 2px 1.3rem;}
.dropdown_select .activeNav .nav-link span {color: var(--chronica-grayish-blue)!important; font-size: var(--font-size-md);}
.dropdown_select .dropdown-item:hover,
.dropdown_select .dropdown-item:active,
.dropdown_select .dropdown-item:focus {background-color: var(--chronica-light-blue); color: var(--chronica-white)!important;}
.dropdown_select .nav-link {color: var(--chronica-grayish-blue);}
.dropdown_select .activeNav .nav-link:hover span,
.dropdown_select .activeNav .nav-link:focus span,
.dropdown_select .activeNav .nav-link:focus-within span,
.dropdown_select .activeNav .nav-link:visited span,
.dropdown_select .activeNav .nav-link:active span {color: var(--chronica-white)!important;}
.btn_dropdown.active.focus, .btn_dropdown.active:focus, .btn_dropdown.active:hover, .btn_dropdown.focus:active, .btn_dropdown:active:focus, .btn_dropdown:active:hover, .open>.dropdown-toggle.btn_dropdown.focus, .open>.dropdown-toggle.btn_dropdown:focus, .open>.dropdown-toggle.btn_dropdown:hover, .btn_dropdown.focus, .btn_dropdown:focus, .show>.btn_dropdown.dropdown-toggle,  .btn_dropdown:active {background-color: transparent!important; color: var(--chronica-grayish-blue)!important;}
.btn_dropdown:not(:disabled):not(.disabled).active:focus, .btn_dropdown:not(:disabled):not(.disabled):active:focus, .show>.btn_dropdown.dropdown-toggle:focus {box-shadow: none;}
.btn_dropdown::after {content: ''; position: absolute; padding: 0 12px; background: url(/views/base/img/down-arrow-small.png) 3px center rgba(255, 255, 255, 0) no-repeat; pointer-events: none; border: 0px; top: 4px; right: 6px; bottom: 0; height: 28px;}

.dropdown_select .nav-link {border-bottom: 0px!important;}
.dropdown_select .nav-link:hover {border-bottom: 0px!important;}
.dropdown_select .nav-link a {border-bottom: 0px!important;}
.dropdown_select .nav-link span {color: var(--chronica-grayish-blue)!important; font-size: var(--font-size-md);}
.dropdown_select .dropdown-item:hover span, .dropdown_select .dropdown-item:focus span, .dropdown_select .dropdown-item:focus-within span, .dropdown_select .dropdown-item:active span {color: var(--chronica-white)!important;}

.border-card.carousel-cnt {position: relative;}
.border-card.carousel-cnt .border-card {box-shadow: none; margin-bottom: 0;}
.carousel-cnt .control-cnt {border: 0px solid var(--chronica-red-text); text-align: right; position: absolute; top:-60px; right:-20px;}
.carousel-cnt .carousel-indicators {bottom: -7px; margin-bottom:0;}
.carousel-cnt .carousel-indicators li {background: var(--chronica-white); height: 5px; border: var(--border-light-blue); width: 20px;}
.carousel-cnt .carousel-indicators li.active {background: var(--chronica-light-blue);}
.carousel-cnt .carousel-control-next, .carousel-cnt .carousel-control-prev {width:20px; height: 32px; margin: 0 4px; display:  inline-block; position: static;}
.carousel-cnt .carousel {width: var(--width-full);}
.carousel-cnt .carousel-control-next .carousel-control-next-icon {background: url(../img/next-hover.png) center center  no-repeat ;content: "";}
.carousel-cnt .carousel-control-prev .carousel-control-prev-icon {background: url(../img/prev-hover.png) center center  no-repeat ;content: "";}
.carousel-cnt .carousel-control-next-icon, .carousel-cnt .carousel-control-prev-icon {border: 0px solid var(--chronica-grey-text); padding: 10px; border-radius: var(--border-radius-sm); height: 32px; background: var(--chronica-dark-grey-text);}
.carousel-cnt .carousel-control .carousel-control-next.active .carousel-control-next-icon {background: url(../img/next-hover.png) center center  no-repeat ;content: "";}
.carousel-cnt .carousel-control .carousel-control-prev.active .carousel-control-prev-icon {background: url(../img/prev-hover.png) center center  no-repeat ;content: "";}
.carousel-cnt .carousel-control .carousel-control-next.disabled .carousel-control-next-icon {background: url(../img/next.png) center center  no-repeat ;content: "";}
.carousel-cnt .carousel-control .carousel-control-prev.disabled .carousel-control-prev-icon {background: url(../img/prev.png) center center  no-repeat ;content: "";}
.carousel-cnt.hide-indicator .carousel-indicators {display: none;}


/*css cleanup start*/
span.passicon {position: absolute; right: 5px; top: 10px; width: 20px; height: 20px; cursor: pointer; z-index: 9; background: url("/views/base/img/hide.svg") no-repeat; background-size: contain;}
input[type="password"] + span.passicon {background: url("/views/base/img/hide.svg") no-repeat; background-size: contain;}
input[type="text"] + span.passicon {background: url("/views/base/img/show.svg") no-repeat; background-size: contain;}
.inbox-panel .email-box-list li.list-group-item {border: 0px; border-radius: 0px; border-left: 0px solid transparent !important; padding: 0 !important;}
.inbox-panel .email-box-list li.list-group-item.active a {border-left: 3px solid #398bf7;}
.inbox-panel .email-box-list li.list-group-item a {color: var(--chronica-grayish-blue); cursor: pointer; padding: 0.75rem 0.1rem; float: left; width: var(--width-full); border-left: 3px solid var(--chronica-white);}
.inbox-panel .email-box-list li.list-group-item a:hover {border-left: 3px solid #398bf7;}
.inbox-panel .email-box-list li.list-group-item a.active {background: #e9edf2; border-left: 3px solid #398bf7;}
.clickable-row {cursor: pointer;}
.video-conference-call {position: relative; z-index: 999; left: 15px;}
.chart-steps-title {padding-top: 20px; color: #393c58; font-size: 28px; font-weight: var(--font-weight-bold); margin: 0; padding: 0;}
.steps-button {background: #393c58 !important; border-color: #393c58 !important; margin-left: 10px; border-radius: 25px; min-width: 150px; box-shadow: none; padding: 7px 25px;}
.steps-button:hover, .steps-button:active {background: var(--chronica-white); color: var(--chronica-white) !important; border: 1px solid #393c58; box-shadow: none;}
.back-btn {background: var(--chronica-white); color: #393c58; border: 1px solid #393c58 !important; box-shadow: none; border-radius: 25px; padding: 7px 25px;}
.back-btn:hover {background: #393c58; border-color: #393c58; color: var(--chronica-white);}
.sub-heading {font-weight: var(--font-weight-bold); color: #455a64; padding: 10px 0;}
.wellness-header {width: var(--width-full); background: var(--chronica-white); text-align: center; font-weight: var(--font-weight-semi-bold);}
.wellness-header h1 {font-size: 32px; padding: 15px; font-family: "Times New Roman";}
.steps-int-box {border: 0px; background: 0px; width: 140px; font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); text-align: center; min-height: 0; padding: 0px 0;}
.cal-date .form-control[readonly] {background: none !important;}
.steps-int-box:focus {background-color: #f4f6f9;}
.steps-today {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium);}
.cal-size {font-size: var(--font-size-xl); padding-left: 5px; color: #496593; cursor: pointer;}
.arrow-size {font-size: 35px; color: #496593;}
.arrow-size.discolor {font-size: 35px; color: #bebfc1;}
.cal-arrow {float: left; padding-left: 100px;}
.cal-date {float: left; padding: 7px 0 0 10px;}
.last-sync {padding: 5px 0px 0 0; font-size: var(--font-size-base); color: var(--chronica-grey-text);}
.last-sync i {padding-left: 10px; display: inline-block; color: #496593; vertical-align: middle;}
.arrow-list {border: 0px; background: none; font-size: var(--font-size-xl);}
.fitbit-select-box {float: right; border: 0px; background: none; width: 50px; background-color: transparent;}
.chart-form {margin: 0; padding: 0;}
.fitbit-select-text {color: #393c58; font-size: 25px; font-weight: var(--font-weight-semi-bold);}
.chart-main-steps {margin: 0 auto; text-align: center; min-height: 355px;}
.chart-main-steps h5 {padding: 25px 0px 25px 0px; font-size: var(--font-size-xl); color: #666;}
.chart-main-steps .status-number {padding-top: 20px; color: #333; font-size: 35px; font-weight: var(--font-weight-semi-bold);}
.status-number small {font-size: var(--font-size-xl); font-weight: var(--font-weight-semi-bold);}
.chart-main-steps .status-complete {font-size: var(--font-size-lg); padding: 10px 60px 50px 60px;}
.chart-main-steps .status-complete .status {color: var(--chronica-grey-text); padding-bottom: 5px;}
.chart-main-steps .status-complete .num-text {padding-top: 5px; color: var(--chronica-grey-text);}
.chart-main-steps .status-complete .goal-comp {color: var(--chronica-black);}
.chart-main-steps .status-complete .goal-comp b {color: #496593;}
.chart-main-steps .status-complete .goal-comp .sleep {color: #393c58;}
.chart-main-steps .status-complete .goal-comp .calories {color: #c25f4c;}
.chart-main-steps .status-complete .goal-comp .distance {color: #f1ac57;}
.chart-main-steps .status-complete .goal-comp .heart {color: #c14d4d;}
.chart-main-steps .status-complete .progress {margin-top: 7px;}
.chart-main-steps .status-complete .progress, .progress-bar {height: 10px; border-radius: 20px;}
.chart-main-steps .status-complete .progress-bar {background: #496593;}
.chart-main-steps .status-complete .progress-bar.sleep {background: #393c58;}
.chart-main-steps .status-complete .progress-bar.calories {background: #c25f4c;}
.chart-main-steps .status-complete .progress-bar.distance {background: #f1ac57;}
.chart-main-steps .status-complete .progress-bar.heart {background: #c14d4d;}
.h-f-180 {height: auto; max-height: 180px; overflow: auto;}
.h-f-250 {height: auto; max-height: 250px; overflow: auto;}
.table tr td.wdth50 {width: var(--width-half); border: 0px solid transparent;}
.dshbox-sm .scroll-content {height: 180px; max-height: 180px; overflow: auto;}
.dshbox-md {}
.dshbox-lg {}
.alert-log ul li {padding: 7px; color: #4b4b4b;}
.alert-log ul li span {display: block;}

.clinic-active-btn {color: var(--chronica-white) !important; background: #263238; border-color: #263238;}
#notificationVue .mdi-message:before, .mdi-email:before {font-size: 22px;}
.overflow-table-scroll {overflow-x: auto;}
.notification-table-data {height: 280px; overflow-y: auto;}
.temperature-table-data {overflow-y: auto; padding-bottom: 40px;}
.temperature-table-data .dataTables_paginate {position: absolute; right: 10px; bottom: 34px;}
.temperature-table-data .dt-buttons {position: absolute; top: 15px; right: 10px;}
.inactive {display: none;}
.editable {color: blue;}
.cancel-hidden {display: none;}
.cancel {margin-right: 10px;}
.btn-primary-right {float: right; margin-right: 10px;}
.drop-down-style:after {position: absolute; right: 10px; top: 16px;}
.el-element-overlay .el-card-item .el-overlay-1 {height: 80px;}
.el-element-overlay .el-card-item .el-overlay-1 img {height: 80px;}
.el-element-overlay .el-card-item {height: 150px;}
.containerButton > div {display: inline-block; display: -moz-inline-box; display: inline; zoom: 1; width: 19.5%; text-align: center;}
#uploadModal {min-width: 600px;}
.upload-file .start {display: none;}
.AppointmentLabel {border: 0px; padding: 0; margin-bottom: 7px; float: left; min-height: auto;}
.btn-select {position: relative; padding: 0; min-width: 50px; width: var(--width-full); border-radius: 0; margin-bottom: 20px;}
.btn-select .btn-select-value {padding: 6px 12px; display: block; position: absolute; left: 0; right: 34px; text-align: left; text-overflow: ellipsis; overflow: hidden; border-top: none !important; border-bottom: none !important; border-left: none !important;}
.btn-select .btn-select-arrow {float: right; line-height: 20px; padding: 6px 10px; top: 0;}
.reportcheckbox {left: 35px !important; opacity: 1 !important;}
.lineheight40 {line-height: 40px;}
.m-pic img {width:40px; border-radius:100%;}
.col-3 .fa-user-details {font-size:8em;}
.imgview140 {width:140px;}
.select select:focus {box-shadow: none;}
select  {/*width: var(--width-full);*/ min-width:60px; height: var(--input-height-base); /*line-height: 35px; */ border-radius: var(--border-radius-sm); border-color: var(--chronica-dark-grey-text);  margin: 0; padding: 0 10px 0 10px; color: var(--chronica-grayish-blue); cursor: pointer; font-size: var(--font-size-base); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/views/base/img/down-arrow-small.png") 14px var(--chronica-white) no-repeat!important; outline: 0; box-shadow: none; background-position: calc(100% - 7px)!important; background-size: 15px!important;}
/*.select select {min-width: 60px; width: var(--width-full); height: var(--input-height-base); border-radius: var(--border-radius-sm); border-color: var(--chronica-dark-grey-text); margin: 0; padding: 0 10px 0 10px; color: var(--chronica-grayish-blue); cursor: pointer; font-size: var(--font-size-base); outline: 0; box-shadow: none; background-image: none;}*/

.img-circle {border-radius:100%; width: 150px; height: 150px; margin-left: auto; margin-right: auto; max-width: 200px;}
.img-circle-small {width: 45px; height: 45px; margin-right: 5px;}
.img-circle-xs {width: 35px; height: 35px; margin: 0 7px 0 0;}

.appointments-list {height: 345px; overflow-y: auto; overflow-x: hidden;}
.devices-list {height: 245px; overflow-y: auto; overflow-x: hidden;}
.table-hold.table-full-w {display: inline-table; width: var(--width-full) !important;}
.dataTables_scrollHeadInner {width: auto !important; padding-right: 0 !important; box-sizing: border-box !important;}
.dataTables_scrollHeadInner table.dataTable.no-footer {width: var(--width-full) !important; margin-bottom: 0px;}
.m-t-0 .dataTables_scrollHead,.dataTables_scrollBody {width: var(--width-full) !important;}
.error-message-text {font-size: var(--font-size-md) !important; padding-left: 15px; font-weight: var(--font-weight-bold);}
.error-message-text h3 {padding-left: 15px;}
.label-relative-text {margin-top: -10px;}
.label-relative-text label {top: 3px; position: relative !important;}
.no-button-style {background: none; border: 0px;}
.page-titles button.btn.btn-link {color: var(--chronica-light-blue); text-decoration: none; font-size: 15px; padding: 0;}
.page-titles button.btn.btn-link:hover {text-decoration: none; color: var(--chronica-light-blue);}
.img-tbl-clnlogo, .imagem_artigo {width: 50px; object-fit: cover;}
.imagem_artigo2 {width: 100px; object-fit: cover;}
.dropify-wrapper .dropify-message p {text-align: center; font-family: var(--font-family-default); margin: 0px!important;}
.dropify-wrapper .dropify-message span.file-icon {margin-top: -3px;}
.dropify-wrapper {margin-top: 15px; padding: 0px 10px; height: var(--input-height-base); min-height: var(--input-height-base); display: flex; align-items: center; justify-content: center;}
input[type=file] {height: auto; padding-left: 0px;}
.dtp table.dtp-picker-days {font-size: var(--font-size-base);}
.dtp .dtp-buttons {text-align: center !important;}
.w-125 {width: 154px;}
.w-auto {width: auto;}

.scale-up {-webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); display:inline-block; -webkit-transform-origin:right 0px; -ms-transform-origin:right 0px; transform-origin:right 0px;}
.scale-up-left {-webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); display:inline-block; -webkit-transform-origin:left 0px; -ms-transform-origin:left 0px; transform-origin:left 0px;}
.show > .scale-up {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transform-origin:right 0px; -ms-transform-origin:right 0px; transform-origin:right 0px;}
.show > .scale-up-left {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transform-origin:left 0px; -ms-transform-origin:left 0px; transform-origin:left 0px;}
/*panels*/
.well,pre {-webkit-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.page-titles .justify-content-end:last-child .d-flex {margin-right:10px;}
.btn-circle.right-side-toggle {position:fixed; bottom:20px; right:20px; padding:25px; z-index:10;}
.survey_char_counter {display: flex;  font-size: var(--font-size-sm); margin-top: 5px; justify-content: flex-end;}
.char_counter {display: flex;  font-size: var(--font-size-sm); margin-top: 5px; justify-content: flex-end;}
.forgot_pass_box .login-form-home {padding: 60px 20px 40px;}
.login-form-home button.close {top: 0px; right: 0px; cursor: pointer;}
.login-form-home button.close svg {position: absolute; top: 20px; right: 20px; width: 15px; height: 15px;}
.star_width {display: block; width: fit-content;}
.cursor-pointer {cursor: pointer !important;}
.cursor-default {cursor: default !important;}
.cursor-notallowed {cursor: not-allowed!important;}
.disable_btn {cursor: not-allowed!important; opacity: 0.8; pointer-events: none;}
table th {font-weight:var(--font-weight-medium);}
.daterangepicker td.active,.daterangepicker td.active:hover {background-color:var(--chronica-light-blue);}

.dateicon, .clockicon, .dateicon-blue {border:0px solid red; position: relative;}
.dateicon input, .clockicon input, .dateicon-blue input {}
.dateicon:after  {background: url(/views/base/img/icon/calander.svg) no-repeat; position: absolute; right: 3px; top:7px; content: ""; width: 30px; height: 30px;}
.clockicon:after  {background: url(/views/base/img/icon/clock.svg) no-repeat; position: absolute; right: 7px; top: 8px; content: ""; width: 23px; height: 23px;}
.dateicon-blue:after  {background: url(/views/base/img/icon/calander-b.svg) no-repeat; position: absolute; right: 7px; top: 8px; content: ""; width: 23px; height: 23px;}
.table-hold .table .dateicon-blue {position: relative; top:0px;}

.btn {display: inline-flex; align-items: center; justify-content: center; line-height: 18px; font-size: var(--font-size-base); height: var(--input-height-base); margin: 0 0px;}
.prevbtn {font-size: var(--font-size-base); border: var(--border-light-blue)!important; padding: 5px 10px; border-radius: var(--border-radius-md); height: var(--input-height-base); background: transparent!important; min-width: 70px; color: var(--chronica-light-blue)!important;}
.prevbtn:hover {background: var(--chronica-light-blue)!important; color: var(--chronica-white)!important; opacity: 1!important;}
.table td, .table th  {vertical-align: middle; font-size: var(--font-size-sm); padding: 5px 15px;}
.grey-txt {color: var(--chronica-grey-text);}
.blank-cnt {background: var(--chronica-white); border-radius: 10px; box-shadow: 0 0 0px rgba(0, 0, 0, 0.10); border: var(--border-grey); text-align: center; width: var(--width-full);}
.inbox-center .blank-cnt{border: 0px solid var(--chronica-dark-grey-text);}
.noti-blank-hgt {height: 320px; padding: 0; background: #F8F8F8;}
.only-greybg {height: 320px; background: #F8F8F8; display:  flex; align-items:  center;justify-content: center;}
.img-maxbox {max-width: 250px; width: var(--width-full); margin: auto; padding: 25px 0;}
.img-minmaxbox {width: 250px; width: var(--width-full); margin: auto; padding: 25px 0;}
.img-maxbox.max-100 img {max-width: 100px; width: var(--width-full);}
.img-minmaxbox img{max-width: 100px; width: var(--width-full);}
.img-maxbox img {width: 90px;}
.img-maxbox h3 {font-size: var(--font-size-base);}

.btn-cnt button {margin: 7px;}
.label-tb-place > label, .label-tb-place > [type="checkbox"] + label {left: 0px; top:0px; margin: 0;}
.grp-minwidth {padding-bottom: 15px;}
.form-view   {margin-bottom: 25px;}
.static-input {border-radius: var(--border-radius-sm); border: var(--border-grey); padding: 7px 10px; position: relative; line-height: 20px; min-height: var(--input-height-base);}
.static-input span{font-size: var(--font-size-sm); color:var(--chronica-black-text); position: absolute; top:-10px; display: inline-block; background: var(--chronica-white); padding: 0px 5px;}
.form-control.likeinput {border-radius: var(--border-radius-sm); border: var(--border-grey); font-size: var(--font-size-md); margin: 10px 0 0 0;}
.form-control.likeinput:focus {border-radius: var(--border-radius-sm); border: var(--border-grey);}
.em {font-style: var(--font-weight-normal); color: var(--chronica-red-text);}
.label-txt {font-size: var(--font-size-base); line-height: 20px; display: inline-block; margin-bottom: 10px;}
.text-link {font-size: 13px; line-height: 18px; color: var(--chronica-light-blue); position: absolute; top: 13px; right: 0;}
.text-link:hover {color: var(--chronica-light-blue);}
.external-link ul{margin: 0px; padding: 0px; list-style: none;}
.external-link ul li{display: inline-block; vertical-align: middle; padding: 0 8px;}
.external-link ul li.d-flex {display: flex;}
.external-link ul li a{font-size: var(--font-size-base); border: var(--border-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); display: flex; align-items: center; height: var(--input-height-base); min-width: 90px; justify-content: center; margin: 0 0px 0 0}
.external-link ul li a:hover{color: var(--chronica-white); background: var(--chronica-light-blue);}
.external-link ul:last-child{padding-right: 0px;}
.external-link ul li a svg path {fill: var(--chronica-light-blue);  width: 20px; height: 20px;}
.external-link ul li a:hover svg path {fill: var(--chronica-white);}
.external-link ul li a svg {fill: var(--chronica-light-blue);  width: 20px; height: 20px;}
.external-link ul li a:hover svg  {fill: var(--chronica-white);}
.external-link ul li .prevbtn{font-size: var(--font-size-base); border: var(--border-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); display: flex; align-items: center; height: var(--input-height-base); min-width: 90px; justify-content: center; margin: 0 0px 0 0}
.external-link ul li .prevbtn:hover{color: var(--chronica-white); background: var(--chronica-light-blue);}
.external-link ul li .prevbtn svg path {fill: var(--chronica-light-blue);  width: 20px; height: 20px;}
.external-link ul li .prevbtn:hover svg path {fill: var(--chronica-white);}
.external-link ul li .prevbtn svg {fill: var(--chronica-light-blue);  width: 20px; height: 20px;}
.external-link ul li .prevbtn:hover svg  {fill: var(--chronica-white);}
.floating-labels .label-tb-place > label {left: 0px; top: 0px; margin: 0 12px 0 0px; font-size: 13px; line-height: 25px;}

/* alert popup on top after assign/unaasign */
.alert {word-break: break-word; text-align: justify; position: relative;}
div.alert.alert-success {margin-bottom: 0px;margin-top: 5px; padding-right: 2.5rem;}
div.alert.alert-danger {margin-bottom: 0px;margin-top: 5px; padding-right: 2.5rem;}
.alert .close {top: 6px; cursor: pointer;}
.alert.alert-dismissible .close {top: 0px; position: absolute; padding: .75rem 1.25rem; right: 3px;}
/*.alert.alert-dismissible .close::before {content: 'x'; font-size: var(--font-size-xl); position: absolute; top: 7px; right: 14px;}*/
.mymodal .alert.alert-dismissible .close {font-size: 1.5rem;}
/* consult page for formatting */
.wrap {padding: 30px 15px;}
.wrap .content-area h3 {margin-bottom: 0px;}
.img-desc {display: flex; align-items: center;}
.img-desc .img-cnt {width: 100px; height: 100px; margin-right: 15px; flex: 0 0 100px; border-radius: var(--border-radius-circle); overflow: hidden;}
.img-desc .img-cnt img {width: var(--width-full);}
.img-desc .desc-cnt {flex: 1 0 auto;}
.upload-img {width: 150px;}
.list-table {list-style: none; margin: 0px; padding: 0px;}
.list-table li {display: block; padding: 0 0px; font-weight: var(--font-weight-semi-bold);}
.list-table li span {font-weight: var(--font-weight-normal); display: inline-block; width: 40%;}
.list-table li label {font-weight: var(--font-weight-semi-bold);}
.ex-heading {font-size: var(--font-size-xl); color: var(--chronica-black-text); font-weight: var(--font-weight-medium); margin-bottom: 10px;}
.fl-hold .dt-buttons {display: flex; padding: 0 10px; position: relative;}
.fl-hold .dt-buttons .dt-button {border: var(--border-light-blue); background: var(--chronica-light-blue); padding: 0px; font-size: var(--font-size-base); padding: 6px 10px; border-radius: var(--border-radius-sm); color: var(--chronica-white); margin: 0 5px;}
.fl-hold .dt-buttons .dt-button:hover {border: var(--border-light-blue); background: none; color: var(--chronica-light-blue);}

.checkbox_modal_group {width: 33.33%; display: inline-block; vertical-align: top; margin: 0px 0px;}
.pic_width40 {width: 40px; height: 40px; margin-right: 10px;}
.grey_popup {background: #EFEFEF; padding: 10px;}
.grey_popup table td{font-size: var(--font-size-base);}
.grey_popup table tr td:first-child {max-width: 210px;}
.modal-backdrop2 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040;  background-color: var(--chronica-black); opacity: 0.5}
.modal-open .topbar .modal-backdrop2 {display: block!important;}
.radius_5 {border-radius: var(--border-radius-md) !important;}
.radius_10 {border-radius: 10px;}
.patient_name {color: var(--chronica-dark-blue); font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold);}
.name_initial {display: inline-block;  width: 40px; height: 40px; margin-right: 10px;}
.care_manager_tbl .time_span {font-weight: var(--font-weight-bold); color: var(--chronica-dark-blue); background: #DDF0F9; font-size: var(--font-size-md);}
.name_initial span {display: inline-block; width: var(--width-full); height: 100%; line-height: 40px; border-radius: var(--border-radius-circle); background: var(--chronica-dark-grey-text); text-align: center; color: #6b6b6b;}
.floating-labels .checkbox-block label {top:0; left: 0; font-size: var(--font-size-sm); color: #555; position: static;}
.floating-labels .checkbox-block {border:0px solid red;}
/*checkbox wala*/
.ellipsis {position: relative; width: var(--width-sm);}
.ellipsis:before {content: ' '; visibility: hidden;}
.ellipsis span {position: absolute; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: var(--width-full);}

.survey-profile-pic {width: 50px; height: 50px; object-fit: cover; float: left; margin: 0px; min-width: 50px;}
.survey_margin p {margin: 0 0px 0 10px; min-width: 20px;}
.survey_margin img {margin: 0 0px 0 10px;}
.survey_margin p:first-child {text-align: center;}
#surveyContainer textarea.form-control {width: calc(100% - 40px); margin: 10px 0px 0px 40px;}
#surveyContainer .radio-group {margin: 10px 0px 0px 36px;}
#surveyContainer .checkbox-group {margin: 10px 0px 0px 40px;}
#surveyContainer .star_width {margin: 10px 0px 0px 40px; width: fit-content;}
#surveyContainer select.form-control {width: fit-content; height: var(--input-height-base);  line-height: 35px; border-radius: var(--border-radius-sm); border-color: var(--chronica-dark-grey-text); margin: 10px 0px 0px 40px; padding: 0 40px 0 10px; color: var(--chronica-grayish-blue); cursor: pointer; font-size: var(--font-size-base); webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/views/base/img/down-arrow-small.png) 14px var(--chronica-white) no-repeat; outline: 0; box-shadow: none; background-position: calc(100% - 7px); background-size: 15px; min-width: 200px;}
address i{vertical-align: bottom; line-height: 25px; padding: 0 7px 0 0;}
.profile-cnt .d-inline-block{vertical-align: top;}
.profile-cnt .img-box{width: 100px; height: 100px; margin-right: 20px;}
.profile-cnt .img-box img{width: 100px; height: 100px; object-fit: cover;}

.holder .date-box{font-size: var(--font-size-xxl); background: var(--chronica-red-text); opacity: .5; display: inline-block; color: var(--chronica-white); padding: 10px; line-height: 22px; text-align: center;}
.holder .date-box span{font-size: var(--font-size-md); display: block;}
.holder .desc-box{display: inline-block; padding: 10px;}
.holder .desc-box h4{}
.holder .desc-box h4 span{padding-left: 15px; font-size: var(--font-size-md); display: inline-block;}
.nav-accordion .card{margin-bottom: 0;}
.nav-accordion .card .card-header{padding: 10px 7px; border-bottom: 1px solid #c3c3c3;}
.nav-accordion .card .card-header a{display: block;}
.calendar-info{border: 1px solid black; padding: 7px;}
.vuetable_holder {position: absolute;}
.setting{position: relative; top: 15px;}
.setting h2{color: var(--chronica-black-text); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); margin: 0 0 6px; line-height: 24px;}
.setting a[data-action]{cursor: pointer; color: #555; font-size: var(--font-size-base); line-height: 24px; transition: color 0.2s;}
.setting a[data-action] i{width: 1.25em; text-align: center;}
.setting a[data-action]:hover{color: var(--chronica-light-blue);}
.setting a[data-action].disabled{opacity: 0.35; cursor: default; display: none;}
.setting a[data-action].disabled:hover{color: #555;}
.image_picker .settings_wrap{overflow: hidden; position: relative; display: flex; align-items: center; height: 42px; background: #c3c3c3; border: 1px dashed var(--chronica-black); border-radius: var(--border-radius-sm);}
.image_picker .settings_wrap .drop_target,.image_picker .settings_wrap .settings_actions{position: absolute; left: 120px;}
.image_picker .settings_wrap .drop_target{border: 1px dashed #c3c3c3; position: absolute; left: 0px; top: 0px; width: 110px; height: 41px; margin: 0; padding: 0;}
.image_picker .settings_wrap .settings_actions{}
.settings_actions.vertical a.disabled{color: #333 !important;}
.settings_actions.vertical a{display: block; color: var(--chronica-red-text) !important;}
.drop_target{position: relative; cursor: pointer; background: hsl(0, 0%, 90%); border-top: 1px solid hsl(0, 0%, 80%); border-radius: var(--border-radius-sm); padding: 4px 6px 6px; transition: all 0.2s;}
.drop_target input[type="file"]{visibility: hidden;}
.drop_target:hover,.drop_target.dropping{background: var(--chronica-light-blue); border-top-color: #cc6d00;}
.drop_target:hover:before,.drop_target.dropping:before{color: rgba(0, 0, 0, 0.6);}
.drop_target .image_preview{width: var(--width-full); height: 100%; display: table; background: no-repeat center; background-size: contain; position: relative; z-index: 2;}
.drop_target .image_preview::before{content: "Browse"; display: table-cell; padding: 11px 0; color: #666; text-align: center; vertical-align: middle;}
.drop_target:hover .image_preview::before{color: var(--chronica-white);}
.drop_target.dropped .image_preview::before{display: none;}

.image_details{width: 192px; padding: 4px; background: hsl(0, 0%, 90%); border-radius: var(--border-radius-sm); position: absolute; top: 0; left: 84px; z-index: 5; opacity: 0; pointer-events: none; transition: opacity 0.4s;}
.dropped ~ .image_details{opacity: 1; pointer-events: all;}
.image_details:before{content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-right-color: hsl(0, 0%, 90%); position: absolute; left: -12px; top: 10px;}
.image_details .input_line{display: block; overflow: hidden; margin-bottom: 4px;}
.image_details .input_line:last-of-type{margin-bottom: 0;}
.image_details .input_line span,.image_details .input_line input{float: left; line-height: 24px;}
.image_details .input_line span{font-size: var(--font-size-sm); color: #666; width: 20%;}
.image_details .input_line input[type="text"]{width: var(--width-full); color: #444444; appearance: none; border: 1px solid hsl(0, 0%, 90%); border-radius: 3px; background: var(--chronica-white); height: 24px; line-height: 18px; padding: 3px 5px; font-size: var(--font-size-base); transition: border 0.2s;}
.image_details .input_line input[type="text"]:hover,.image_details .input_line input[type="text"]:focus{outline: 0; border: 1px solid #f80;}
.image_details .input_line input[type="text"]::-webkit-input-placeholder{font-size: var(--font-size-base); color: var(--chronica-grey-text);}
.image_details a.confirm{position: absolute; right: -12px; top: 50%; margin-top: -12px; display: block; width: 21px; height: 21px; border-radius: 100%; background: #eee; line-height: 23px; text-align: center; font-size: var(--font-size-md);}
.profile-card{text-align: center; background: var(--chronica-white); margin-bottom: 0px;}
.profile-card .hold-cnt{padding: 5%; border: var(--border-grey); border-top: 0;}
.profile-card .hold-cnt.avtar-cnt{background: var(--chronica-light-blue); border: var(--border-light-blue); color: var(--chronica-white);}
.profile-card .hold-cnt.avtar-cnt img{margin-bottom: 15px;}
.profile-card .hold-cnt.avtar-cnt h1{font-size: 26px; color: var(--chronica-white); margin: 0;}
.profile-card .hold-cnt.avtar-cnt a{color: var(--chronica-white);}
.profile-card .hold-cnt.avtar-cnt .img-box {width: 150px; height: 150px; margin-left: auto; margin-right: auto; max-width: 200px;}
.profile-card .hold-cnt.avtar-cnt .img-box span {font-size: 36px; display: flex; justify-content: center;}
.profile-card .hold-cnt span{font-size: var(--font-size-base); display: block;}
.profile-card .hold-cnt i{display: flex; border: 2px solid #c3c3c3; border-radius: var(--border-radius-circle); width: 50px; height: 50px; margin: 0px auto 10px; justify-content: center;}
.profile-card .hold-cnt i.green-border{border-color: var(--chronica-green);}
.profile-card .hold-cnt i.blue-border{border-color: var(--chronica-light-blue);}
#greeting{font-size: 32px; font-weight: var(--font-weight-light); color: var(--chronica-black-text);}
.profile-card .hold-cnt i.green-border img {width: 22px;}
.profile-card .hold-cnt i.blue-border img {width: 27px;}
.menu-icon.i-health {width: 30px; height: 30px;}
.mini-sidebar .sidebar-nav #sidebarnav > li > a i.i-health {margin: 12px 0px 3px 0px;}

h1.pageheading {font-size: 26px; color: var(--chronica-black-text); font-weight: var(--font-weight-normal); margin-bottom: 20px;}
.mb-custom {margin-bottom: 30px;}
.call-container {background: /*url(../images/call-bg.png) center -5px no-repeat*/ var(--chronica-light-blue); height: 90px; background-size: 102% 120%; color: var(--chronica-white); display: flex; align-items: center; padding: var(--padding-regular); margin-bottom: 12px; margin-top: 10px; position: relative; border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.10)}
.close {position: absolute; top: 10px; right: 18px; background: none;}
.call-container .call-child {width: var(--width-sm); display: flex; align-items: center;}
.call-container .call-child--featured {flex-grow: 1; width: 40%;}
.call-container .call-child--patient {flex-grow: 0; width: 40%;}
.call-container .call-child--featured a {font-size: var(--font-size-sm); color: var(--chronica-white); padding: 0 0 0 10px;}
.call-container .call-txt {font-size: 26px;}
.call-container .img-box {list-style: none;}
.img-box {display: inline-block; width: 55px; height: 55px; margin-right: 10px;}
.img-box.pic40 {display: inline-block; width: 40px; height: 40px;}
.img-box.pic40  span {line-height: 40px; justify-content: center;}
.img-box span {display: flex; align-items: center; width: var(--width-full); height: 100%; border-radius: var(--border-radius-circle); background: var(--chronica-dark-grey-text); text-align: center; color: var(--chronica-light-black-text); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base); justify-content: center; line-height: 55px;}
.img-box.pic40 img {width: var(--width-full); background: var(--chronica-dark-grey-text); padding: 0px; border-radius: 100%; height: 100%; object-fit: cover;}
.img-infotxt {display: inline-block; line-height: 25px; font-size: var(--font-size-lg);}
.img-infotxt span {display: block;}
.profile-pic-popup {width: 80px; height: 80px; background: var(--chronica-dark-grey-text); line-height: 80px; text-align: center; border-radius: 100%; display: inline-block; vertical-align: middle; overflow: hidden; object-fit: cover; padding: 2px;}
.sm-muted {color: #C7C7C7; font-size: 15px;}
a.btn.join-btn {background: var(--chronica-green); padding: 9px 30px; width: auto; font-size: var(--font-size-md); margin: 0 40px 0 auto; color: var(--chronica-white);}
a.btn.join-btn:hover {background: var(--chronica-green);}
.close svg {width: 24px; height: 24px;}
.card-no-border .card {border-radius: 10px;}
.card {background: var(--chronica-white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);  border-radius: var(--border-radius-sm); margin-bottom:30px;}
.card-body {padding: var(--padding-regular); width: var(--width-full);}
.card .card-subtitle {font-weight: var(--font-weight-light); margin-bottom:15px; color:#99abb4;}
.card .card-title {position:relative;}
.card-box-padding{background: var(--chronica-white); box-shadow: 0 0 0px rgba(0, 0, 0, 0.10) !important; padding: 10px; margin-bottom: 20px; margin-top: 0px;}
.card-box-padding:first-child{margin-top: 20px;}
.card-box-padding:last-child{margin-bottom: 0px;}
.notification {display: flex; align-items: center; font-size: var(--font-size-xl); font-family: var(--font-family-default); height: 75px; line-height: 24px;}
.notification img, .notification svg {margin: 0 10px 0 0; width: 50px; height: 50px;}
.notification + span {display: inline-block; font-size: 40px; color: var(--chronica-grey-text); line-height: 1em; font-weight: var(--font-weight-medium);}
.light-blue-txt {color: var(--chronica-light-blue);}
.darkblue-txt {color: var(--chronica-dark-blue);}
.yellow-txt {color: var(--chronica-orange);}
.green-txt {color: var(--chronica-green);}
.heading {display: flex; align-items: center; margin-bottom: 10px; flex-wrap: wrap;}
.heading h2 {font-size: var(--font-size-xl); color: var(--chronica-black-text); font-weight: var(--font-weight-medium); margin-bottom: 0;}
.heading h3 {font-size: var(--font-size-lg); color: var(--chronica-black-text); font-weight: var(--font-weight-medium); margin-bottom: 0;}
.heading a {display: inline-flex; align-items: center; justify-content: center; line-height: 18px; font-size: var(--font-size-base); /*height: var(--input-height-base);*/ margin: 0 10px;}
.controls .btn {align-items: flex-start; padding: 0; margin: 0; height: auto;}

.holder  {display: flex; flex-direction: row; justify-content: space-between;}
.long_cont_hold .holder{width: calc(100% - 400px);}
.holder.datatable_heading{position: absolute; height: 61px; display: flex; align-items: center;}
.ex-stuff  {list-style: none; margin: 0px; padding:0 0px; display: flex; align-items: center;}
.ex-stuff li  {padding: 0 10px; display: flex; flex-direction: row; align-items: center; font-size: var(--font-size-sm);}
.ex-stuff li:first-child  {padding-left: 0;}
.ex-stuff li:last-child  {padding-right: 0;}
.urgent-care-hold .ex-stuff li:last-child {border-left: var(--border-light-blue); line-height: 10px; /*padding-right: 0px;*/}
.ex-stuff li a svg  {fill: var(--chronica-white);  width: 20px; height: 20px;}
.ex-stuff li a:hover svg  {fill: var(--chronica-white);}
.triage_searchholder {padding-top: 0px!important;}
.triage_searchholder .fl-hold {right: 310px;}
.holder2  {display: flex; flex-direction: row; justify-content: space-between;}

select.form-control:not([size]):not([multiple]) {min-height: var(--input-height-base); height: 32px;}
/*.select select  {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none;  background-image: none;padding: 0 35px 0 10px;}*/
.select  {position: relative; display: block; width: auto; height: var(--input-height-base); /*line-height: 35px;  overflow: hidden; border-radius: var(--border-radius-sm); border: var(--border-grey);*/}
select, .select-list {/*width: var(--width-full);*/ min-width:60px; height: var(--input-height-base); /*line-height: 35px; */ border-radius: var(--border-radius-sm); border-color: var(--chronica-dark-grey-text);  margin: 0; padding: 0 32px 0 10px !important; color: var(--chronica-grayish-blue); cursor: pointer; font-size: var(--font-size-base); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/views/base/img/down-arrow-small.png") 14px var(--chronica-white) no-repeat!important; outline: 0; box-shadow: none; background-position: calc(100% - 7px)!important; background-size: 15px!important;}
.select1  {/*width: var(--width-full);*/ min-width:60px; height: var(--input-height-base); /*line-height: 35px; */ border-radius: var(--border-radius-sm); border-color: var(--chronica-dark-grey-text);  margin: 0; padding: 0 10px 0 10px; color: var(--chronica-grayish-blue); cursor: pointer; font-size: var(--font-size-base); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/views/base/img/down-arrow-small.png") 14px var(--chronica-white) no-repeat!important; outline: 0; box-shadow: none; background-position: calc(100% - 7px)!important; background-size: 15px!important;}
select::-ms-expand  {display: none;}
.select::after   {content: ''; position: absolute; top: 4px; right: 7px; bottom: 0; height: 28px; padding: 0 12px; background: url(/views/base/img/down-arrow-small.png) 3px center var(--chronica-white) no-repeat; pointer-events: none;  webkit-transition: .25s all ease; o-transition: .25s all ease; transition: .25s all ease;}
.select:hover::after  {color: #f39c12;}
.pick_listdropdown select {width:250px; margin: 15px 0px;}
.adherence-select select{padding: 0 25px 0 10px;}
.search-box  {border: var(--border-grey); border-radius: var(--border-radius-sm); height: var(--input-height-base); line-height: var(--input-height-base); overflow: hidden; width: var(--width-full); min-width: 250px;}
.search-box input  {border: none; font-size: var(--font-size-sm); color:var(--chronica-black-text); padding: 0px 10px 0 40px; background: url(/views/base/img/icon/search.svg) 5px 5px no-repeat; width: var(--width-full);}
.hold {padding: 10px; display: flex; align-items: center; flex-direction: row;justify-content: space-between;}
.entries {font-size: var(--font-size-sm); color: var(--chronica-black-text);}
.side-label {display: inline-block; align-items: center; margin: 2px 10px 0 0;}

.card-title{margin: 0px; padding: 18px 15px;}
.card-body > h6, .card-body > h5{padding: 15px 15px 0 15px;}
.card-view {border: 0px solid #D5D5D5; font-size: 10px; color: var(--chronica-black-text); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
.card-top {display: flex; align-items: center; padding: 10px 20px; border-bottom: var(--border-grey);}
.card-top h6 {font-size: var(--font-size-sm); font-weight: var(--font-weight-normal); margin: 0;}
.card-top span {font-size: var(--font-size-xl); margin-left: 10px;}
.card-content-hold {display: grid; grid-template-columns: 65px auto; grid-column-gap: 0px; padding: 10px 20px;}
.card-content-box.one {grid-column: span 2; padding: 0px 0 5px 0;}
.card-content-box .img-box {width: 50px; height: 50px;}
.card-content-box.three {font-size: 10px; color: var(--chronica-black-text);}
.name {font-size: var(--font-size-base); color: var(--chronica-white);}
.selectize-control.multi .selectize-input [data-value] {background-color: var(--chronica-light-blue)!important; background-image: none!important;}
.card-content-box.three > span {display: inline-block; padding: 0 10px 0 0; border-right: var(--border-grey); line-height: 10px;}
.card-content-box.three > span.ns {border: 0; margin: 0 0 0 7px;}
.card-content-box.three i {display: inline-block; margin: 0 7px 0 0}

.dataTables_filter .data-search {width: 270px;}
.content-area  {background: var(--chronica-white); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); /*overflow: hidden;*/}
.alert-content-main .content-area-fullscreen {min-width: var(--width-full) !important; background: var(--chronica-white); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
.alert-content-main{display: flex; margin-top: 10px; width: var(--width-full);}
.alert-content-main .content-area{min-width:73.33%; float:right;}
.alert-content-main .hierarchical-tree-content {margin-right: 15px; width: 25% !important;  max-width: 25%; background: var(--chronica-white); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
.hierarchical-tree-content .tree-content {padding-left: 0px;}
.hierarchical-tree-content .tree-checkbox{width: 20px; height: 20px;}
.hierarchical-tree-content .tree-checkbox:after{left: 6.5px; top: 1px; height: 10px; width: 5px;}
.hierarchical-tree-content .tree-content .tree-anchor {font-family: var(--font-family-default); height:22px; font-size: var(--font-size-base);}
.hierarchical-tree-content .tree-node.selected >.tree-content {background-color:#b4e6ff;}
.hierarchical-tree-content .tree-node.selected .tree-content .tree-anchor {color:var(--chronica-light-black-text);}
.hierarchical-tree-content .tree-node:not(.selected)>.tree-content:hover {background-color:#b4e6ff;}
.hierarchical-tree-content .tree-node:not(.selected)>.tree-content:hover .tree-anchor {color: var(--chronica-light-black-text);}

.call-btn  {border: 1px solid var(--chronica-green); border-radius: var(--border-radius-sm); display: inline-block; vertical-align: middle; cursor: pointer;}
.call-btn.disabled  {opacity: .4;}
.call-btn i  {background: url("/views/base/img/icon/call.svg") center center no-repeat; background-size: contain; background-size: 78%; width: 24px; height: 24px; display: inline-block; vertical-align: middle;}
.call-btn:hover  {background: var(--chronica-green); background-size: 78%;}
.call-btn:hover i  {background: url("/views/base/img/icon/call-hover.svg") center center no-repeat; background-size: contain; background-size: 78%;}
.call-btn.disabled:hover  {background: none;}
.call-btn.disabled:hover i  {background: url("/views/base/img/icon/call.svg") center center no-repeat; background-size: contain; background-size: 78%;}

.i-call  {background: url("/views/base/img/svg-icons/call.svg") center center no-repeat; background-size: contain;}
.i-videocall  {background: url("/views/base/img/svg-icons/iconVideoCall.svg") center center no-repeat; background-size: contain;}
.i-call-filled  {background: url("/views/base/img/icon/call-fill.svg") center center no-repeat; background-size: contain;}
.patient_call:hover .i-call-filled  {background: url("/views/base/img/icon/call-hover.svg") center center no-repeat; background-size: contain;}

.scroll_popup_cont {height: auto; max-height: 280px; overflow: hidden; overflow-y: auto;}
.scroll_Notepopup {height: auto; max-height: 320px; overflow: hidden; overflow-y: auto;}
.number-box {display: flex; align-items: center; justify-content: center; color: #555;}
.number-box div {border: 3px solid var(--chronica-dark-grey-text); margin: 5px; text-align: center; padding: 15px 7px; border-radius: var(--border-radius-md);}
.number-box div > span {display: block; text-align: center; font-size: var(--font-size-sm);}
.number-box div > span.mobile_txt {display: block; text-align: center; font-size: var(--font-size-sm); line-height: var(--line-height-base); margin-top: 5px; color: #555;}
.number-box div > h5 {font-size: var(--font-size-md); font-weight: var(--font-weight-normal); margin: 0;}
.number-box div .i-mobile {background: url("/views/base/img/icon/mobile.svg") center center no-repeat; background-size: cover;}
.number-box div .i-homenum {background: url("/views/base/img/icon/home.svg") center center no-repeat; background-size: cover;}
.number-box div .i-officenum {background: url("/views/base/img/icon/organizations.svg") center center no-repeat; background-size: cover;}
.number-box div .i-emergencyno {background: url("/views/base/img/icon/emergencyno.svg") center center no-repeat; background-size: cover;}
.calling {padding: 20px 0 0 0;}
.calling span {display: block;}
.calling a, .calling button {margin: 15px 5px 0 5px; min-width: 120px; width: auto;}
.calling a img {width: 24px;}
.calling .btn-success:disabled {background-color: var(--chronica-green); border-color: var(--chronica-green);}
.info_blue_box .d-flex-aic-wrap .phone_comp {margin-left: auto;}

.z-index1 {z-index: 1;}
.z-index2 {z-index: 2;}
.z-index3 {z-index: 3;}
.z-index4 {z-index: 4 !important;}
.z-index5 {z-index: 5 !important;}
.z-index6 {z-index: 6 !important;}
.z-index7 {z-index: 7 !important;}
.z-index8 {z-index: 8 !important;}
.z-index9 {z-index: 9 !important;}
.position-relative {position: relative!important;}
.position-relative-top-50 {position: relative; top:-50px; z-index: 1;}
.nav-tabs  {border: 0;}
.card-hold  {padding: var(--padding-regular);  border-top:1px solid #e9ecef;}
.border-bottom-holder {border-bottom: 1px solid #dee2e6!important;}
.fl-hold {display: flex; position: absolute; top: 10px; right: 0px; padding: 0 10px; width: auto; justify-content: flex-end;}
.fl-hold .dataTables_length {position: static; padding-left: 7px;}
.fl-hold .dataTables_filter {position: static; padding-right: 7px;}
#patientList .fl-hold {right: 210px;}
.datatable_hold_tab .fl-hold{top: 22px;}
#patientList .li-select {padding-right: 0px;}
.Urgentcare_patientlist .fl-hold {right: 0px!important;}
.table-hold .bottom {padding: 0px; display: flex; justify-content: space-between; align-items: center;}
#surveyList .fl-hold {right: 0px;}

.table-hold.only-datafilled-15 .fl-hold {right:15px; top: 20px}
/*.table-hold.only-datafilled1 .fl-hold {right:0px;}*/
.survey-tab-cnt .table-hold .fl-hold  {top:15px;}
.table-hold.care-program-btn .fl-hold {right: 110px; top:6px;}
.table-hold.invoicestable .fl-hold {right: 145px; top: 0px;}
.table-hold.summary .fl-hold {right: 0px; top: 10px;}

/*.table-hold.patientlist-table .dataTables_length {right: 210px; top:11px;}*/
/*.table-hold.patientlist-table .dataTables_filter {right: 350px; top:11px;}*/
/*.table-hold.devicelist-table .dataTables_filter {right: 158px; top:11px;}
.table-hold.invoicestable .fl-hold {right: 160px; top: 343px;}
.table-hold.assigned-device .dataTables_filter {right: 320px; top:1px;}
.table-hold.only-datafilled .dataTables_filter {right: 165px;}
.table-hold.only-datafilled1 .dataTables_filter {right: 145px;}*/
.li-select .select {min-width: 185px;}
.li-select .select select {width: 185px;}
.li-select .select select > option {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*Patient End*/
.table tr td .view-image img {width: 30px;}

.badge-list li {padding: 5px 10px; color: var(--chronica-black-text); border: var(--border-grey); display: inline-block; border-radius: 25px; font-size: var(--font-size-sm);}
.badge-list li.active {background: #0b67cd; color: var(--chronica-white);}
.dash-hold {/*width:calc(100% + 30px);*/ padding: 0 15px ; margin: 0 0px; list-style: none; background: var(--chronica-light-grey-text); -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex;  display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: stretch; align-items: stretch;}
.dash-right {flex: 0 0 33.333333%;  background: white; margin: 0 15px;  border-radius: 10px;}
.dash-left    {flex: 0 0 66.66%;  background: white; margin: 0 15px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius: 10px;}

/* Schedules Start*/
.ex-stuff li a {margin: 0;}
.urgent-care-hold {min-height: 790px; height: auto;}
.upcoming-schedule {min-height: 790px; height: auto; margin-bottom: 20px;}
.latest-commu-hold {min-height: 582px; height: auto;}
.upcoming-schedule .upcoming-card {border-bottom: 1px solid #e9ecef; border-radius: 0px; padding: 0px 0px 20px 5px; color: var(--chronica-black-text); margin: 0px 0 20px 0;  display: flex; flex: 0 0 50px;}
.upcoming-schedule .upcoming-card:last-child {border-bottom: 0px solid #e9ecef; margin-bottom: 0 !important;}
/*.upcoming-card .smalltxt {font-size: var(--font-size-sm);}*/
.upcoming-schedule .upcoming-card .headingtxt {font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold); padding: 5px 0;}
.upcoming-schedule .upcoming-card .activity-desc .headingtxt .date-txt  {border-right: 1px solid var(--chronica-black-text); margin: 0 12px 0 0; padding: 0 7px 0 0; font-weight: var(--font-weight-semi-bold);}
.upcoming-schedule .upcoming-card .activity-desc:first-child {padding-top: 0px;}
.activity-card {border-bottom: 0px solid #c3c3c3; border-radius: 10px; padding: 25px; color: var(--chronica-black-text); margin: 0px 0 30px 0;  /*display: flex; flex: 0 0 50px;*/ box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}
.activity-card:last-child {margin-bottom: 0px;}
.activity-card .smalltxt {font-size: var(--font-size-base);}
.activity-card .headingtxt {font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold); margin-bottom: 5px; display: flex; flex-direction: row;}
.activity-card .img-bc  {width: 20px; height: 20px;  margin: 0 10px 0 0;}
.activity-card.appointment .img-bc  {background: url(/views/base/img/icon/appointment.svg) no-repeat; background-size:contain ;}
.activity-card.videoconfrn .img-bc  {background: url(/views/base/img/icon/video-conference.svg) no-repeat; background-size:contain ;}
.activity-card.event .img-bc  {background: url(/views/base/img/icon/event.svg) no-repeat; background-size:contain ;}
.activity-card.groupevent .img-bc  {background: url(/views/base/img/icon/groupevent.svg) no-repeat; background-size:contain; width: 22px; height: 23px;}
.activity-card.homevisit .img-bc  {background: url(/views/base/img/icon/home-visit.svg) no-repeat; background-size:contain;}
.upcoming-schedule .upcoming-card .activity-desc {width: var(--width-full); padding: 0px 0;}
.activity-card .activity-desc  {width: var(--width-full);padding-top: 7px;}
.activity-card .activity-desc span cite  {display: block; margin-bottom: 0px; padding: 0; font-style: var(--font-weight-normal); font-size: var(--font-size-sm); color:var(--chronica-dark-grey);}
.activity-card .activity-desc img  {width:35px;}
.m-hgt  {min-height: 46px;}

.d-flex-aic-wrap div.profile_img  {padding: 7px 0;}
.d-flex-aic-wrap .mask-hold div {padding: 0;}
.activity-card .activity-desc .date-txt  {border-right: 1px solid var(--chronica-black-text); margin: 0 12px 0 0; padding: 0 7px 0 0; font-weight: var(--font-weight-semi-bold);}
.activity-card .activity-desc a  {min-width: 90px; font-size: var(--font-size-base);}
.activity-card .activity-desc .d-flex-aic  {margin-bottom: 5px;}
.patient-upcomming .activity-card .trunkhold .trunk-btn {flex: 0 0 255px;}

/* Schedules End*/
.btn.btn-secondary.rmvstyle {width: auto; min-width: 0; background: transparent!important; color: var(--chronica-dark-grey) !important; font-size: 22px; padding:0 7px; border: none; box-shadow: none;}
.btn.btn-secondary.rmvstyle:hover {width: auto; min-width: 0; background: transparent!important;; color: #fb3a3a !important; font-size: 22px; padding:0 7px; border: none; box-shadow: none;}
.btn.btn-secondary.compose_imp {padding:0 0 0 7px;}
.btn.btn-secondary.compose_imp:hover {padding:0 0 0 7px;}
.btn.btn-secondary.rmvstyle.active .fa-exclamation-circle {-webkit-animation: pulse 0.7s linear; -moz-animation: pulse2 0.7s linear; -ms-animation: pulse2 0.7s linear; -o-animation: pulse2 0.7s linear; animation: pulse2 0.7s linear;}
.btn.btn-secondary.rmvstyle .fa-exclamation-circle.text-danger {color: #fb3a3a!important;}
.notes-card .imp-note .fa-exclamation-circle.text-danger {color: #fb3a3a!important;}
.btn.btn-secondary.rmvstyle.active + span,.btn.btn-secondary.rmvstyle.active  span  {color:#fb3a3a;}

/*rewamp nurse dashboard start*/
/*.btn-hold .btn {font-size: var(--font-size-sm); padding: 2px 7px; color:var(--chronica-white);}*/
/*.show-tablet {display: none;}*/
.pcard {padding: var(--padding-regular);}
.pcard.p-0 {position: relative;}
.pcard15 {padding: 15px;}
.cardcustom {border-radius: 10px; padding: 15px; color: var(--chronica-black-text); margin: 0px 0 30px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); background: var(--chronica-white);}
.card-v-flex {border-radius: 10px; padding: 10px; color: var(--chronica-black-text); margin: 0px 0 20px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); display: flex; flex-direction: column; background: var(--chronica-white);}
.card-h-flex {border-radius: 10px; padding: 15px; color: var(--chronica-black-text); margin: 0px 0 30px 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); display: flex; flex-direction: row; background: var(--chronica-white); align-items:  center;}
.d-h-flex {color: var(--chronica-black-text); display: flex; flex-direction: row; background: var(--chronica-white); align-items:  center; width: var(--width-full);}
.d-h-flex div:last-child{flex: 0 0 220px;}
.scoretitle {font-size: var(--font-size-xl); font-weight: var(--font-weight-medium);margin-bottom: 0px; color: var(--chronica-black-text);}
.three-card .scoretitle {color: var(--chronica-light-black-text)}
ul.homescore-list {display: flex; flex-direction: row;}
ul.homescore-list li {flex: 0 0 50%; max-width: var(--width-half); border-right: var(--border-grey); display: flex; align-items: center; height: 62px;}
ul.homescore-list li:last-child {border: none;}
ul.homescore-list a {margin-left: auto; margin-right: 5%;}
.nurse-vital-container .scoretitle {font-size: var(--font-size-lg); font-weight: var(--font-weight-semi-bold); color: var(--chronica-light-black-text);}

.light-yellow-shade {background: #FFF8EB; border: 1px solid #fbac17;}
.light-orange-shade {background: #FFF4F4; border: 1px solid var(--chronica-red);}
.light-green-shade {background: #F9FCF7; border: 1px solid var(--chronica-green);}
.light-blue-shade {background: #f4fbff; border: var(--border-light-blue);}

.join-cnt {background: var(--chronica-dark-blue); padding: 15px; border-radius: var(--border-radius-md); color:var(--chronica-white); margin-bottom: 1rem;}
.join-cnt .img-desc {display: block;}
.join-cnt .img-desc .bd-weight {font-size: var(--font-size-md);}
.join-cnt .started_time {color: #BBC5DB; font-size: var(--font-size-base);}

ul.homescoreboard {display: flex; flex-direction: row;}
ul.homescoreboard li {flex: 0 0 33.33%; /*max-width: 33.33%;*/ border-right: 1px solid #F5D6D6; display: flex; align-items: center; padding: 0 0 0 2%; color: var(--chronica-red);  position: relative;}
ul.homescoreboard li:after, ul.homescoreboard.scheduleboard li:after {content: ''; border-right: solid 1px var(--chronica-white); height: 100%; position: absolute; right: 0px;}
ul.homescoreboard.scheduleboard li {flex: 0 0 50%; max-width: var(--width-half); color: var(--chronica-green) ; border-right: 1px solid #E0EAD8;}
ul.homescoreboard li:first-child {padding: 0;}
ul.homescoreboard li:last-child, ul.homescoreboard li:last-child:after, ul.homescoreboard.scheduleboard li:last-child , ul.homescoreboard.scheduleboard li:last-child:after {border: none;}
ul.homescoreboard li a {color: inherit; display: flex; align-items: center;}
ul.homescoreboard li span.num-value  {font-size: 42px; font-weight: var(--font-weight-semi-bold); color: inherit; margin-right: 5px; line-height: 54px;}
ul.homescoreboard li span {font-size: var(--font-size-base);}
.scoretxt {font-size: var(--font-size-md); font-weight: var(--font-weight-medium); padding: 10px;}
.scorecount {font-size: 30px; margin-left: auto; margin-right: 5%; font-weight: var(--font-weight-semi-bold);}
#threshold .table-hold table.table-view {min-width: 1600px;}

ul.ts-list {display: flex; flex-direction: row;}
ul.ts-list li {flex: 0 0 33.33%; max-width: 33.33%; border-right: var(--border-grey); display: flex; align-items: center; height: 62px;}
ul.ts-list li:last-child {border: none;}

.counter {background: var(--chronica-red); color: var(--chronica-white); font-size: var(--font-size-sm); line-height: 17px; font-weight: var(--font-weight-semi-bold); display: inline-block; margin: 0 0 0 10px; padding: 2px 10px; border-radius: 10px;}
.counter-cir {color: var(--chronica-red); font-size: var(--font-size-lg); line-height:45px; text-align: center; font-weight: var(--font-weight-semi-bold);  border-radius: var(--border-radius-circle); border: var(--border-light-blue); width: 45px; height: 45px; margin-left: 15px;}
.care_counter {background: var(--chronica-red); color: var(--chronica-white); font-size: var(--font-size-sm); line-height: 17px; font-weight: var(--font-weight-semi-bold); display: inline-block; margin: 0 0 0 10px; padding: 2px 10px; border-radius: 10px;}
.counter_blue {background: var(--chronica-light-blue); color: var(--chronica-white); font-size: var(--font-size-sm); line-height: 17px; font-weight: var(--font-weight-semi-bold); display: inline-block; margin: 0 0 0 10px; padding: 2px 10px; border-radius: 10px;}
.ack_counter {background: var(--chronica-red); margin-left: 10px; padding: 2px 8px; border-radius: 10px; color: var(--chronica-white); font-size: var(--font-size-sm); line-height: 16px; width: auto;}
.tab-table {width: var(--width-full); font-weight: var(--font-weight-normal);}
.tab-table tr {/*display: flex; flex-wrap: wrap;  align-items: center; width: var(--width-full);*/}
.tab-table tr td {font-size: var(--font-size-base); color: var(--chronica-black-text); padding: 0 0px; flex: 1 0 auto;}
.tab-table tr td span {font-size: inherit; color:var(--chronica-light-black-text); justify-content: center;}
.tab-table tr td .img-cnt45 {width: 45px; height: 45px; margin-right: 0px; display: inline-block; align-items: flex-start; border-radius: var(--border-radius-circle); overflow: hidden;}
.tab-table tr td .img-cnt45 img {width: var(--width-full)}
.tab-table tr td .img-desc {display: inline-block; /*max-width: 135px;*/ padding-left: 7px; width:calc(100% - 100px);}
.tab-table .img-box {margin-right: 0px;}
.tab-table .img-desc a {padding: 0 15px;}
.caremanager_urgent{width: calc(100% - 40px);}
.titletxt {font-weight: var(--font-weight-medium); padding: 0 0px; display: inline-block; font-size: var(--font-size-lg); color: var(--chronica-dark-blue);}
.inline-sm-list {font-size: 0px; display: flex; flex-wrap: wrap;  align-items: center; /*justify-content: space-between;*/}
.inline-sm-list li {font-size: var(--font-size-base); padding: 0px 15px 0 15px; line-height: var(--line-height-base); flex: 0 1 auto; position: relative; color: var(--chronica-black-text);}
.inline-sm-list li:after {border-right: 0px solid var(--chronica-dark-grey-text); content: ""; display: block; width: 1px; background: var(--chronica-dark-grey-text); height: 12px; position: absolute; top:50%; right: 0; transform: var(--transform-middle);}
.inline-sm-list li:nth-child(2) {flex-grow:0;}

.inline-sm-list li:last-child {border: none; padding-right: 0;}
.inline-sm-list li:last-child:after {background: none;}
.inline-sm-list li span {color:var(--chronica-light-black-text); display: inline;}
.inline-sm-list li em {color:var(--chronica-black-text); display: inline; font-style: var(--font-weight-normal);}
.panel-score em {font-size: 15px; font-style: var(--font-weight-normal);}
.blog tr td:first-child {width: 82%}
.blog tr td:last-child {width: 16%; font-size: var(--font-size-base);}
.blog {font-size: var(--font-size-base); border-bottom: 1px solid #e9ecef;}

.inline-list-line {display: flex; flex-wrap: wrap;  align-items: center; /*justify-content: space-between;*/}
.inline-list-line li {font-size: var(--font-size-base); padding: 0px 15px 0 12px; line-height: var(--line-height-base); flex: 0 1 auto; position: relative; color: var(--chronica-black-text);}
.inline-list-line li:after {border-right: 0px solid var(--chronica-dark-grey-text); content: ""; display: block; width: 1px; background: var(--chronica-light-blue); height: 12px; position: absolute; top:50%; right: 0; transform: var(--transform-middle);}
/*.inline-list-line li:last-child {padding-right: 0px;}*/
.inline-list-line li:last-child:after {background: none;}

ul.vital-warn {background: var(--chronica-light-grey-text); border-radius: 15px; padding: 2px 10px; display: inline-block;}
ul.vital-warn li {color: var(--chronica-red); display: inline-block; line-height: var(--line-height-base); flex: 0 1 auto; position: relative; padding: 0px 8px 0 5px;}
.tab-table .img-desc ul.vital-warn li a{padding: 0 3px;}
ul.vital-warn li:after {border-right: 0px solid var(--chronica-dark-grey-text); content: ""; display: block; width: 1px; background: var(--chronica-red); height: 12px; position: absolute; top:50%; right: 0; transform: var(--transform-middle);}
ul.vital-warn li:first-child{padding-right: 0px;}
ul.vital-warn li:first-child:after, ul.vital-warn li:last-child:after {background: none;}
.d-flex-aic-wrap .vital_cont {padding: 0px;}
.vital_cont > span .btn {margin-top: 7px;}
.table.blog tr td {padding: 9px;}
.table.blog tr td:last-child {text-align: right;}
/*.blog tr td {padding: 5px;}
.blog tr:nth-child(odd) {}
.blog tr:nth-child(even) {background: #f3f3f3;}*/
.blog-name {font-weight: var(--font-weight-medium); font-size: var(--font-size-base); margin-right: 15px;}
.blog-time {color: #848689;}
.blog-desc {font-size: var(--font-size-base); line-height: 22px;}
/* Mask Chart*/
.d-flex-aic-wrap > .mask-hold {margin: auto; padding: 0; position: relative;}
.maskchart-cnt > .mask-hold + div {padding-left: 15px; text-align: center; flex: 1 0 125px;}
.mask-hold img, .mask-hold svg {position: absolute; top:0px; left: 0px; z-index: 1; width: var(--width-full);}
.hlth-score {padding: 0px;}
.hlth-score h3 {font-size: 36px; text-align: center; margin: 0;}
.hlth-score h1 {font-size: 50px; text-align: center;}
.hlth-score span {font-size: var(--font-size-md); word-break: break-all;}

.progess-hold  {width: var(--width-full); max-width: 100px; margin: 0 10px 0 0;}
.progess-hold + span  {margin-left: 10px; display: inline-block;}
.progress  {background-color: var(--chronica-dark-grey-text); height: 6px;}
.progress-bar  {height: 6px;}

.progess-bighold {max-width: 700px; width: var(--width-full);}
.progess-bighold .progress {height: 10px;}
.progess-bighold .progress.blue {background-color: #C1E4F5;}
.progess-bighold .progress.green {background-color: #C2E5DE;}
.progess-bighold .progress.orange {background-color: #FCE4E0;}
.progess-bighold .progress.yellow {background-color: #FEF3DF;}
.progess-bighold .progress-bar {height: 10px;}
.progess-bighold .progress.blue  .progress-bar{background-color: var(--chronica-light-blue);}
.progess-bighold .progress.green  .progress-bar{background-color: var(--chronica-green);}
.progess-bighold .progress.orange  .progress-bar{background-color: var(--chronica-red);}
.progess-bighold .progress.yellow  .progress-bar{background-color: var(--chronica-orange);}
.progess-bighold .progress.dark-red  .progress-bar{background-color: red;}

/*.chart-bg {background: url(/views/base/img/chart-bg.jpg) no-repeat; background-size: cover;}*/
.score-cnt {padding: 7px 15px; font-size: var(--font-size-md);}
.score-cnt h3 {font-size: 30px; margin-left: 10px; font-weight: var(--font-weight-medium);}
.adhere-scoreboard {display: flex;}
.adhere-scoreboard li {width: 33.33%; text-align: center; font-size: var(--font-size-md);}
.adhere-scoreboard li h3 {font-size: 30px; text-align: center; margin: 0;}

.lrlr-table {width: var(--width-full); font-size: var(--font-size-sm);}
.lrlr-table tr td {padding: 10px 5px; height: auto;}
.lrlr-table tr td:first-child {font-weight: var(--font-weight-medium);}
.lrlr-table tr td:nth-child(2) {font-weight: var(--font-weight-semi-bold);}
/*.lrlr-table tr td:nth-child(2) span {border-right: var(--border-grey); padding-right: 3px;}*/
.lrlr-table tr td:nth-child(3) {color: var(--chronica-dark-grey);}
.lrlr-table tr td:last-child {text-align: right !important;}

.mask-img {position: absolute; top:0px; left: 0px; z-index: 1; width: var(--width-full);}
/*Mask Chart*/
table.pending-table.table-view tr th {font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base);}
table.pending-table.table-view tr td {border: none; padding: 7px 5px;}
table.pending-table.table-view tr th, table.pending-table.table-view tr td {width: 33.33%;}
table.pending-table.table-view tr th:last-child, table.pending-table.table-view tr td:last-child {text-align: right;}

.viewdetails-card  {padding: 15px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); background: var(--chronica-white);}
.comm-call {padding: 55px 0 0 0;}
.comm-call .dataTables_filter {left: 15px;}
.comm-call .dataTables_length {right: 15px;}
.table-hold .table.text-center tr th:first-child, .table-hold .table.text-center tr td:first-child {text-align: left;}
.survey_heading_cont {position: absolute; width: calc(100% - 40px); z-index: 0; top:22px;}
.survey-adjust {position: relative;}
.holder1 {width: calc(50% - 0px); border: 0px solid red; display: flex; align-items: center; margin: 0 0 10px 0;}
.holder1 h2 {font-size: var(--font-size-xl); color: var(--chronica-black-text); font-weight: var(--font-weight-medium);}
.survey_serachhold {width:415px;}
.table-hold table tr td .btn.surveyBtn{width: 130px;}
.table-hold table tr td .btn.viewsurveyBtn{width: 130px;}
/*----------------- View Details Start ----------------*/
.img-box-thumb  {display:inline-block; margin:0 15px 0 0; vertical-align: top; width: 125px; height: 125px;}
.maindetails  {display: flex; align-items: center; flex:1 1 150px;}
.picbox  {width:80px; height: 80px; margin: 0 15px 0 0;}
.picbox.wh60 {width: 60px; height: 60px;}
.picbox span {width: var(--width-full); height: 100%; text-align: center; background: var(--chronica-dark-grey-text); border-radius: var(--border-radius-circle); display: flex; align-items: center; justify-content:center; font-size: 28px; text-transform: uppercase; color: #6b6b6b;}
.picbox.wh60 span {font-size: 20px}
.picbox img  {width: var(--width-full); background: var(--chronica-light-blue); padding: 4px; border-radius: 100%;}
.detailsbox  {width:calc(100% - (120px - 15px));}
.detailsbox h4 {margin: 0;}
.inlineblk-list  {display: flex; font-size: var(--font-size-sm); margin-bottom: 7px; font-weight: var(--font-weight-normal);}
.inlineblk-list li  {padding:0 10px; border-right:var(--border-grey); line-height: var(--line-height-base);}
.inlineblk-list li:after  {content: "";}
.inlineblk-list li:first-child  {padding-left :5px;}
.inlineblk-list li:last-child  {border-right:0px;}
.maindetails .detailsbox h4 {margin: 4px 0;}
.maindetails .detailsbox .callModal h4, .maindetails .detailsbox .callModal i {margin: 0px 0; line-height: var(--line-height-base);}

.inlineflex-list  {display: flex; font-size: var(--font-size-sm); margin-bottom: 7px; font-weight: var(--font-weight-normal);}
.inlineflex-list li  {padding:0 10px; border-right:var(--border-grey); line-height: var(--line-height-base); display: inline-flex; align-items: center;}
.inlineflex-list li:after  {content: "";}
.inlineflex-list li:first-child  {padding-left :5px;}
.inlineflex-list li:last-child  {border-right:0px;}

.details-address {display:  flex; align-items: center; flex-wrap:  wrap;}
.details-address li {flex: 0 0 50%; display:  flex; align-items: center; padding: 0px 0 0px 0 ;}
.details-address li:last-child {flex-grow: 5;}
.details-address li a {color:var(--chronica-black-text);}

/*lena hai*/
.main{background-color: blue; border: 1px solid var(--chronica-white) !important; overflow: hidden;}
.fc-axis{width: 50px !important; border-right: var(--chronica-light-grey);}
#calendar tr{height: 45px !important;}
.fc-event-container > a{white-space: pre-wrap;}
.calender-select{width: 275px; border: 0px solid red; float: right;}
.calender-select .form-group{margin: 0; width: var(--width-full); float: none; text-align: left;}
.calender-select .form-group label{display: inline-block; padding: 0 20px 0 0; margin: 0;}
.calender-select .form-group label + .form-control{width: auto;}
.calender-select .form-group select.form-control:not([size]):not([multiple]){min-height: var(--input-height-base); height: var(--input-height-base);}
.glyphicon{position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: var(--font-weight-normal); font-weight: var(--font-weight-normal); line-height: 1; webkit-font-smoothing: antialiased; moz-osx-font-smoothing: grayscale;}
.glyphicon-time:before{content: "\e023";}
.glyphicon-chevron-up:before{content: "\e113";}
.glyphicon.fa-arrow-left:before{content: "\f053";}
.glyphicon.fa-arrow-right:before{content: "\f054";}
.glyphicon-chevron-down:before{content: "\e114";}
.calendar .glyphicon{position: relative; top: 1px; display: inline-block; font-family: FontAwesome; font-style: var(--font-weight-normal); font-weight: var(--font-weight-normal); line-height: 1; webkit-font-smoothing: antialiased; moz-osx-font-smoothing: grayscale;}
.circle-line  {width: 36px; height: var(--input-height-base); border: 1px solid; display: block; text-align: center; margin: 0 10px 0 0; border-radius: var(--border-radius-circle); line-height: 46px; min-width: 36px;}
.circle-line.yellow  {border-color:var(--chronica-orange)}
.circle-line.green  {border-color: var(--chronica-green)}
.circle-line.blue  {border-color: var(--chronica-light-blue)}
.edit-btn {position: absolute; top:15px; right: 15px;}
.fsm12 {font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);}
.heading .ml-auto + .ml-auto {margin-left: 0 !important;}
/*rewamp nurse dashboard end*/

.medi-cnt {display: flex; flex: 0 0 200px; flex-wrap: wrap;}
.medi-cnt dl {width: 25%;}
.medi-cnt dl dt {border-bottom:1px solid var(--chronica-grey-text); padding: 20px 15px; text-align: center;}
.medi-cnt dl dd {padding: 20px 15px 0; text-align: center; display: flex; align-items: flex-start; font-weight: var(--font-weight-bold);}
.medi-cnt dl dd img {width: 30px; margin: 0 7px 0 0;}
.medi-cnt dl dd span {font-weight: var(--font-weight-normal); color:var(--chronica-dark-grey); display: block;}
.medication-cnt .carousel {min-height: 240px;}
.carousel-cnt .carousel-indicators {bottom: -10px;}

.meditop-cnt {margin-bottom: 15px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); padding: 0px ;}
.medireading-cnt {display:  flex; align-items:  center; padding: 6px 0;}
.medireading-cnt img {width: 16px; margin: 0 7px 0 0;}
.medireading-cnt span {padding: 0 3px; line-height: 18px;}
.medi-list li .medireading-cnt span.nm-weight.grey-txt {width: 150px; text-align: right; flex-grow: 1;}

.circle-progress-cnt {margin: 0 10px 0 0;}
.circle-progress-cnt .progress-circle {margin: 0;}
.circle-progress-cnt .progress-circle span {width:70px}

.blank-cnt_noshadow {background: transparent; border-radius: 10px; text-align: center; width: var(--width-full);}
.upcoming_schedule .blank-cnt {box-shadow: none; border: none;}
.carousel-inner .blank-cnt {box-shadow: none; border: none;}
.noti-blank-hgt {height: 320px; padding: 0; background: #F8F8F8;}

.panel-group .panel {border-radius: 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); /*border-color: var(--chronica-black-text);*/ margin-bottom: 20px;}
.panel-default > .panel-heading {padding: 15px; border-radius: 0;  color: #212121; background-color: var(--chronica-white); border-bottom:0px solid #EEEEEE;}
.dataTables_length .panel-title {font-size: var(--font-size-base);}
.panel-title > a[role="button"] {display: flex; align-items: center; justify-content: center; position: relative;  text-decoration: none; color: var(--chronica-black-text); border: 0px solid var(--chronica-black-text);margin: 0 0 0 10px; width: 36px; /*height: var(--input-height-base);*/ border-radius: var(--border-radius-circle);}
/*
.panel-title > a {display: inline-block;  text-decoration: none; color: var(--chronica-black-text); border: 1px solid var(--chronica-black-text);}
.panel-title > a i {border: 1px solid var(--chronica-black-text); display: inline-block; padding: 10px; vertical-align: middle; border-radius: var(--border-radius-circle); margin: 0 0 0 10px; width: 34px; height: 34px; position: relative;}
.panel-title > a i:after {content: "-"; font-style: var(--font-weight-normal); font-size: 30px; position: absolute; top:0px; left: 7px; line-height: 34px;}
.panel-title > a.collapsed i:after {content: "+"; font-style: var(--font-weight-normal); font-size: 30px; position: absolute; top:0px; left: 7px; line-height: 34px;}
*/
.height50{height: 50px;}
.rev-cnt {display: flex; align-items: center;}
.rev1 {width: 300px;}
.total-revenue-txt {display: flex; align-items: center;  flex-wrap: wrap; margin-left: auto;}
.total-revenue-txt span {display: flex; align-items: center; padding: 0 10px; border-radius: var(--border-radius-sm);  margin: 0 5px;}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {background: transparent;}
table.dataTable thead .sorting_asc:after {content: "\f0de"; margin-left: 10px; font-family: fontawesome; cursor: pointer;}
table.dataTable thead .sorting_desc:after {content: "\f0dd"; margin-left: 10px; font-family: fontawesome; cursor: pointer;}

.panel-default>.panel-heading table tr td a:after {display: none;}
.panel-default>.panel-heading a:after {content: ""; display: inline-block; width: 18px; height: 12px; cursor: pointer; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;}
.panel-default>.panel-heading a[aria-expanded="false"]:after{content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain;}
.panel-default>.panel-heading a[aria-expanded="true"]:after {content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
#accordion dl dt a[data-toggle="modal"] {margin-right: 15px; display: flex;}
#accordion dl dt a[data-toggle="modal"]:after {content: ""; display: none;}
.clinical-acco > .panel-default > .panel-heading {padding: 0px;}
.acco-point {padding: 15px; cursor: pointer;}
.panel.panel-default dd .panel-body, .panel.panel-default dd {border-top: 0px solid #c3c3c3; background: var(--chronica-white);}
.panel.panel-default.idx-medi {margin-bottom: 15px;}
.panel.panel-default.idx-medi:last-child {margin-bottom: 0px;}
.panel.panel-default.idx-medi .panel-heading .panel-title {padding: 10px;}
.panel.panel-default.idx-medi .panel-heading .panel-title a[data-toggle="modal"]:after {content: ""; display: none;}
.panel.panel-default.idx-medi .panel-heading .panel-body:first-child {border-top: 1px solid #c3c3c3;}

.accordian_cont .card {margin-bottom: 20px;}
.accordian_cont .card-header {border-bottom: 0px solid #e5e5e5;}
.accordian_cont .card-header .btn-info {padding: 22px; margin: 0; color: var(--chronica-dark-blue); border-bottom: 1px solid #e5e5e5!important; font-size: var(--font-size-base)!important; background: var(--chronica-white); font-weight: var(--font-weight-semi-bold); text-align: left; border-radius: var(--border-radius-md); border: 0 solid transparent!important; justify-content: flex-start;}
.accordian_cont .card>.card-header a:active {background: var(--chronica-white); color: var(--chronica-dark-blue);}
.accordian_cont .card>.card-header a[aria-expanded="true"] {border-bottom: 1px solid #cccccc!important; background: var(--chronica-white); color: var(--chronica-dark-blue);}
.accordian_cont .card>.card-header a:after{content: ""; display: inline-block; width: 18px; height: 12px; cursor: pointer; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; position: absolute; right: 15px; top: 16px;}
.accordian_cont .card>.card-header a[aria-expanded="false"]:after{content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain;}
.accordian_cont .card>.card-header a[aria-expanded="true"]:after {content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
table.medi-table {width: var(--width-full); border-top: 0px solid var(--chronica-dark-grey-text); font-weight: var(--font-weight-normal);}
table.medi-table th {font-weight: var(--font-weight-bold); padding:10px;}
table.medi-table td {vertical-align: middle; padding: 10px; width: 20%; border: 0px; min-width: 200px;}
table.medi-table td:first-child {width: 20%;}
table.medi-table td i {height: 30px; width: 30px; border-radius: var(--border-radius-circle); float: left;}
.taken {background:url(/views/base/img/taken.png) center center no-repeat; background-size: contain;}
.missed {background:url(/views/base/img/missed.png) center center no-repeat; background-size: contain;}
.tobetaken {background:url(/views/base/img/schedule.png) center center no-repeat; background-size: contain;}
.schedule {background:url(/views/base/img/scheduled.png) center center no-repeat; background-size: contain;}
.taken:after {}
table.medi-table td span {padding: 7px; line-height: 31px;}
.table-hold table.medi-table tbody tr td a.btn.btn-sm {width: auto; height: auto;}
.health-care {width: 300px; height: 300px; position: relative;}
.mask-hold {/*margin: auto;*/ display: flex; position: relative; margin: 15px; padding: 2px;}
.mask-hold img {position: absolute; top:0px; left: 0px; z-index: 1;}
.vac-hold {max-width: 700px; margin:auto; width: var(--width-full);}
.mask-cnt {display: flex; align-items: center; max-width: 420px; margin: auto;}

.cir {width: 50px; height: 50px; border-radius: var(--border-radius-circle); margin: 0 auto 10px; justify-content: center; display: flex; align-items: center; background: var(--chronica-dark-grey-text);}
.cir svg {width: 30px; height: 30px;}
.cir.green {background:var(--chronica-green)}
.cir.red {background:var(--chronica-red)}
.cir.grey {background:var(--chronica-dark-grey)}
/*.adhe-vital {display: flex; margin:20px -10px 0px ;}
.adhe-vital li {width: 33.33%; border: var(--border-grey); border-radius: var(--border-radius-sm); padding: 10px; margin: 10px; text-align:  center; cursor: pointer;}
.adhe-vital li:hover, .adhe-vital li.active {background: var(--chronica-light-blue); color:var(--chronica-white); border: var(--border-light-blue);}*/

.adhe-vital {display: flex; background: #EFEFEF;}
.adhe-vital li {/*width: 33.33%; padding: 5px 10px;*/ flex: 0 1 150px;}
.nav-tabs.adhe-vital .nav-link {border-radius: 0; border: 0px solid var(--chronica-dark-grey-text); text-align: center; padding: 12px 0px 5px; color: #9E9E9E; font-weight: var(--font-weight-medium);}
.nav-tabs.adhe-vital .nav-link.active, .nav-tabs.adhe-vital .nav-link:hover {border: none; color: var(--chronica-light-blue);}
.nav-tabs.adhe-vital .nav-link.active:after {content: ''; width: 7px; height: 7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #EFEFEF; clear: both; margin: auto; display: flex; position: relative; bottom: -12px;}
.reading-chart {display: inline-flex; border: var(--border-light-blue); border-radius: var(--border-radius-sm);}
.reading-chart li {display: inline-flex;}
.nav-tabs.reading-chart .nav-link {border-radius: 0; border: 0px solid var(--chronica-dark-grey-text); text-align: center; padding: 5px 10px; margin: 0px; display: flex; align-items: center;}
.nav-tabs.leads_tab .nav-link {border-right: var(--border-light-blue);}
.nav-tabs.leads_tab .nav-item:last-child .nav-link{border-right: 0px solid var(--chronica-light-blue);}
.nav-tabs.reading-chart .nav-link.active {background: var(--chronica-light-blue); color: var(--chronica-white);}
.nav-tabs.reading-chart .nav-link.active .i-readings {background: url("/views/base/img/icon/readings-w.svg") center center no-repeat; background-size: contain;}
.nav-tabs.reading-chart .nav-link.active .i-charts {background: url("/views/base/img/icon/charts-w.svg") center center no-repeat; background-size: contain;}
.nav-tabs.reading-chart .nav-link .i-readings {background: url("/views/base/img/icon/readings.svg") center center no-repeat; background-size: contain; margin-right: 10px;}
.nav-tabs.reading-chart .nav-link .i-charts {background: url("/views/base/img/icon/charts.svg") center center no-repeat; background-size: contain; margin-right: 10px;}

.timetable {margin: 0;}
.timetable thead th {font-weight: var(--font-weight-bold); padding: 5px 15px; text-align: center}
.timetable td  {border: 0; vertical-align: middle; padding: var(--button-padding-base);}
.timetable td .form-group {margin: 0;}
.timetable td:first-child b{padding: 9px 0 0 0; display: inline-block;}
/*.createpatient-bg {background:url("../images/body-bg.png") no-repeat;}*/

/* care circle*/
.carecircle-card  {border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); margin-bottom:30px;}
.carecircle-card .top-cnt {width: var(--width-full); border-bottom:0px solid var(--chronica-dark-grey-text); padding: 25px 20px; align-items: flex-start;}
.carecircle-card .maindetails .picbox.wh60 {width: 60px; height: 60px; margin-right: 15px;}
.carecircle-card .maindetails .detailsbox {width:calc(100% - 70px); min-height: 95px;}
.call-mail-list  {min-height: 55px;}
.call-mail-list li {display: flex;}
.asdf {width: 180px; display: flex; justify-content: flex-end;}
.other-cnt {width: var(--width-half); border-right:var(--border-grey);}
.other-cnt:last-child {border:0;}
.detailsbox span {display:block; color:var(--chronica-black-text);}
.detailsbox .btn-hold a span{color:var(--chronica-white);}
.detailsbox > div {display:  flex; align-items:flex-start; padding: 0px 0; line-height: 21px; word-break: break-all;}
.detailsbox > div.d-flex-aic-wrap {align-items:center;}
.detailsbox i {margin-right: 10px;}
.detailsbox i.m-r-0 {margin-right: 0px;}
.detailsbox i.call:after {content: ""; display: inline-block; width: 20px; height: 20px;  background: url("/views/base/img/icon/call.svg") center center no-repeat; background-size: contain;}
.detailsbox i.mail:after {content: "";display: inline-block; width: 20px; height: 20px; background: url("/views/base/img/icon/mail.svg") center center no-repeat; background-size: contain;}
.accordion.clinical-acco dl dt:after {top:18px;}

/*----------------- View Details End ----------------*/
/*Add Medication*/
.schedule-card, .viewdetails-card  {padding: 15px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); background: var(--chronica-white);}
ul.capsule {margin-bottom: 12px;}
ul.capsule li {display: inline-block; border: 1px solid #274075; padding: 5px 20px; border-radius: 20px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semi-bold); color:#274075; cursor: pointer; margin: 4px;}
ul.capsule-box li {display: inline-block; border: 1px solid #274075; padding: 5px 20px; border-radius: 0px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semi-bold); color:#274075; cursor: pointer; margin: 4px 0;}
ul.capsule li.current {border: 1px solid #274075; background: #274075; color:var(--chronica-white);}
ul.capsule li span {margin-left: 7px;}
ul.capsule-cm {margin-bottom: 12px;}
ul.capsule-cm li {display: inline-block;  margin: 4px;}
ul.capsule-cm li a {border: 1px solid #274075; padding: 5px 20px; border-radius: 20px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semi-bold); color:#274075; cursor: pointer;}
ul.capsule-cm li a.active {border: 1px solid #274075; background: #274075; color: var(--chronica-white);}

.greybox {background: #EFEFEF; border-radius: 10px; padding: 15px;}
.theshold-box {background: #f8f8f8; border-radius: 10px; padding: 10px;}
.read-list li {display: inline-block; border-right: var(--border-grey); padding: 0 9px 0 5px; line-height: var(--line-height-base); color: #707070; font-size: 13px;}
.read-list li:first-child {padding-left: 0px;}
.read-list li:last-child {border-right: 0px;}
.read-list li span {color: var(--chronica-black-text);}
tr.hicare-orange-txt td {color: red;}
.like-btn  {padding: 3px 7px; display: inline-block; border-radius: var(--border-radius-sm); border: 1px solid transparent;}
.like-btn:hover  {color: var(--chronica-green); border:1px solid var(--chronica-green); cursor: pointer;}
.like-btn:hover span, .like-btn:hover em {color: var(--chronica-green);}
.like-btn i {font-size: var(--font-size-md); color: #868686; transform: rotate(90deg);}
.like-btn:hover i {font-size: var(--font-size-md); color: var(--chronica-green)}
.like-btn i.sm-icon.i-call {background: url("/views/base/img/svg-icons/call.svg") 0 -1px no-repeat ; background-size: contain;}
.like-btn:hover i.sm-icon.i-call {background: url("/views/base/img/svg-icons/call-hover.svg") 0px -1px no-repeat ; background-size: contain;}
.position-absolute-right {position: absolute; right: 0px;}

.bl-blue {border-left: 4px solid var(--chronica-dark-blue);}
.bl-yellow {border-left: 4px solid var(--chronica-orange);}
.bl-green {border-left: 4px solid var(--chronica-green);}
.bl-orange {border-left: 4px solid var(--chronica-red);}
.bl-grey {border-left: 4px solid #707070;}

.b-green {border: 1px solid var(--chronica-green);}
.b-orange {border: 1px solid var(--chronica-red);}
.b-blue {border-left: 1px solid var(--chronica-dark-blue);}
.b-yellow {border-left: 1px solid var(--chronica-orange);}
.b-grey {border-left: 1px solid #707070;}

/*all schedule page starts*/
.custom-row  {display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; border: 0px solid var(--chronica-black);}
.schedule-cnt-item  {border: 0px solid orangered;}
.schedule-cnt-item.activitybox  {max-width: 66.666667%; flex:0 0 66.666667%; flex-wrap: wrap; padding-right: 15px; padding-left: 15px;}
.schedule-cnt-item.calenderbox  {max-width: 33.333333%; flex:33.333333%; flex-wrap: wrap; padding-right: 15px; padding-left: 15px;}
.calander-hold  {width: var(--width-full); padding-right: 15px; padding-left: 15px;}
.event-hold  {width: var(--width-full);  padding:15px;}
.event-bg  {background: url(/views/base/img/event-bg.png) 80% center no-repeat var(--chronica-light-blue); background-size: 76%; min-height: 235px; display: flex; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border-radius:10px; height: 100%; flex-direction: column;padding: 15px; justify-content: center;}
.event-bg h1  {color: var(--chronica-white); font-size: 22px; margin: 0;}
.event-bg h4  {color: var(--chronica-white); font-size: var(--font-size-md);}
.event-bg .countxt  {color: var(--chronica-white); font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); padding: 0 10px;}
.eth {display: none; color: var(--chronica-red-text); font-size: var(--font-size-sm);}
.erline .selectize-input {border-color:red;}
.errmsg-cnt {display: flex; flex-direction: column;}
.errmsg-cnt span {padding: 0 0px;}
/*.selectize-control.multi .selectize-input.has-items {padding: 8px 12px 5px!important;}*/

/*Calander css*/
/*Calender White for schedule page */
.icon-chevron  {display: block; width: 15px; height: 22px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAWCAMAAAAo0TYrAAAAElBMVEX///8AAAAAAAAAAAAAAAAAAABknMCaAAAABXRSTlMAEHCg0O5XV0MAAAAzSURBVHgBYwACJkYGZMDMysKIwmUFCyC4KAIsrKgCjPQQQPCpzUX4B9O/mOGBGV7o4QkA5zcCv3HiEZgAAAAASUVORK5CYII=);}
.icon-chevron-rotate  {transform: rotate(180deg);}
.page  {width: var(--width-full); min-width: 270px; margin: 0 auto 15px; padding: 1em; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);}

.responsive-calendar-modal  {background-color: #1d86c8; color: white; padding: 1em;}
.responsive-calendar .controls  {text-align: center;}
.responsive-calendar .controls a  {cursor: pointer; color: red;}
.responsive-calendar .controls h4  {display: inline;}
.responsive-calendar .day-headers,
.responsive-calendar .days  {font-size: 0;}
.responsive-calendar .day  {display: inline-block; position: relative; font-size: var(--font-size-base); width: 14.285714285714286%; text-align: center;}
.responsive-calendar .day.selectedDate, .responsive-calendar .day.today {background: var(--chronica-dark-grey-text);}
.responsive-calendar .day a  {color: var(--chronica-black); display: block; cursor: pointer; padding: 20% 0 20% 0;}
.responsive-calendar .day a:hover  {background-color: #eee; text-decoration: none;}
.responsive-calendar .day.header  {border-bottom: 1px var(--chronica-dark-grey-text) solid; padding: 10px 0;}
.responsive-calendar .day.active a  {background-color: #1d86c8; color: var(--chronica-white);}
.responsive-calendar .day.active a:hover  {background-color: #36a0e2;}
.responsive-calendar .day.active .not-current  {background-color: #8fcaef; color: var(--chronica-white);}
.responsive-calendar .day.active .not-current:hover  {background-color: #bcdff5;}
.responsive-calendar .day.not-current a  {color: var(--chronica-light-grey);}
.responsive-calendar .day .badge  {position: absolute; top: 2px; right: 2px; z-index: 1;}
/*Calender White for schedule page */
.schedule-card, .viewdetails-card  {padding: 15px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); background: var(--chronica-white);}
.fc-day-grid-event .fc-time, .fc-day-grid-event .fc-title {color: var(--chronica-white);}
/*i.fa-phone {transform: rotate(90deg)}*/
i.fa-phone.norotate {transform: rotate(0deg)}
/*Email Start*/
.selectize-control.form-control.multi {display: inline-flex; border: 0; padding: 0;}
.mail-top  {background: #6FBADE; padding: 10px;}
.mail-top ul li  {color: var(--chronica-white); padding: 0px 7px;}
.mail-top ul li .search-box  {border-color: var(--chronica-white);}
.mail-top ul li .search-box input, .mail-top ul li .search-box input::placeholder  {color: var(--chronica-white);}
.mail-top ul li .search-box input  {background: url(../img/icon/search-white.svg) 7px 5px no-repeat;}
.mail-top ul li a  {margin: 0 7px; display: inline-block;}
.mail-top ul li:last-child {white-space: nowrap;}
.mail-top ul li.d-flex  {padding: 0px 7px 0px 0px;}
.compose-btnhold  {padding: 7px 20px; border-bottom: var(--border-grey); box-sizing: border-box;}
.compose-btnhold a  {display: flex; align-items: center; justify-content: center;}
.inbox-panel ul  {padding: 15px 0 0 0;}
.inbox-panel ul li  {padding: 5px 15px;}
.inbox-panel ul li a  {display: flex; align-items: center; padding: 2% 5%;  color: var(--chronica-black-text);}
.inbox-panel ul li a:hover, .inbox-panel ul li a.active  {color: var(--chronica-light-blue);}
i.i-small  {width:24px; height:21px; display:inline-block; margin:0 10px 0 0; vertical-align: middle;}
.mail-search  {width: 35%;}
.mail-search .search-box  {width: var(--width-full);}

.inbox-panel ul li a:hover .i-mail, .inbox-panel ul li a.active .i-mail  {background:url("/views/base/img/icon/email-small.svg") center center no-repeat; background-size: cover;}
.inbox-panel ul li a:hover .i-sent, .inbox-panel ul li a.active .i-sent  {background:url("/views/base/img/icon/sent-email-hover.svg") center center no-repeat; background-size: cover;}
.inbox-panel ul li a:hover .i-draft, .inbox-panel ul li a.active .i-draft  {background:url("/views/base/img/icon/draft-hover.svg") center center no-repeat; background-size: cover;}
.inbox-panel ul li a:hover .i-archive, .inbox-panel ul li a.active .i-archive  {background:url("/views/base/img/icon/archive-hover.svg") center center no-repeat; background-size: cover;}
.inbox-panel ul li a em  {font-style: var(--font-weight-normal); color: var(--chronica-white); background: var(--chronica-red); border-radius: 15px; padding: 1px 7px; line-height: 18px; vertical-align: middle; font-size: var(--font-size-sm);}
.inbox-center label  {margin: 0; top:3px;}
.inbox-center table tr td  {line-height: 16px; font-size: var(--font-size-base);}
.inbox-center table tr td.name  {color: var(--chronica-grayish-blue);}
.inbox-center table tr td a  {color:var(--chronica-black-text);}
.inbox-center table .unread {background: #e9edf2;}
.inbox-center table .unread td  {font-weight: var(--font-weight-bold); color: var(--chronica-grayish-blue);}
.inbox-center table .unread .max-texts a  {color:var(--chronica-grayish-blue);}
.cnt  {padding: 15px;}
.mail-details-main{background: var(--chronica-white);}
.mail-details  {display: flex; justify-content: space-between; background: var(--chronica-white); width: var(--width-full); /*border-bottom: var(--border-grey);*/}
.mail-details-main .mail-details:last-child{border-bottom: none;}
.mail-details .left-side  {/*flex-shrink: 1;*/ width: 90px}
.mail-details .right-side  {/*flex-grow: 10;*/ width: var(--width-full); padding: 0px 0px 0px 0px;}
.mail-details .right-side .cnt {/*border: 1px solid #ccc;*/  border-radius: 10px; margin: 10px 0px 0px 0px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.mail-details:last-child .right-side .cnt {margin-bottom: 10px;}
.mail-details .right-side .mailbody {border-top: 1px solid #e1e1e1;}
.mail-details .right-side .cnt .mailbody pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; padding: 10px 5px; box-shadow: none; font-family: var(--font-family-default); font-size:112.5%;}
.avtar  {width: 60px; padding: 20px 0;}
.avtar img  {width: var(--width-full); border-radius: var(--border-radius-circle);}
.avtar span  {width: 60px; height: 60px; line-height: 60px; display: block; text-align:  center; border-radius: var(--border-radius-circle); background: var(--chronica-dark-grey-text); font-size: var(--font-size-xl);}
.sendername  {padding: 5px 0 5px;}
.sendername .username  {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium);}
.sendername .username span  {font-size: var(--font-size-base);font-weight: var(--font-weight-normal);}
.receiver_id:last-child span.mr-1 {display: none;}
.emails_cont {background: #e5e5e5; padding: 0px 8px; border-radius: 10px;}
.d-flex-aic-wrap .emails_cont {padding: 1px 8px; margin: 6px 0px;}
.attach-cnt span + a  {margin: 0 0 0 15px;}
.compose-mail  {padding: var(--padding-regular);}
.compose-mail .replyFormGroup {align-items: center; border: 1px solid #ced4da; background: white; /*padding: 0 5px;*/ border-radius: var(--border-radius-md);}
.compose-mail .replyFormGroup span {padding-left: 5px;}
.floating-labels .form-group .multiselect__tags {padding: 4px 40px 4px 12px; height: auto; /*height: var(--input-height-base);*/ min-height: 36px!important; border-color: var(--chronica-dark-grey-text); display: block;}
.floating-labels .form-group .multiselect__tag {margin-bottom: 3px; margin-top: 3px;}
.floating-labels .form-group.patient_selected .multiselect__tag {margin-bottom: -5px; margin-top: 3px;}
.floating-labels .form-group .multiselect_auto .multiselect__tags {height: auto; max-height: 197px; overflow-y: auto; overflow-x: hidden;}
.floating-labels .form-group .multiselect_auto .multiselect__select {right: 16px;}
.floating-labels .form-group .multiselect__tags.errorTxt{border-color: var(--chronica-red-text);}
.floating-labels .schedule_tbl td div.errorborder input{border-color: var(--chronica-red-text);}
.floating-labels div.errorborder input{border-color: var(--chronica-red-text);}
.floating-labels .schedule_tbl td div.errorborder select{border-color: var(--chronica-red-text);}
.floating-labels div.errorborder select{border-color: var(--chronica-red-text);}
.form-group .bootstrap-select {padding: 0px;}
.form-group .bootstrap-select.show {z-index: 2;}
.form-group .bootstrap-select .dropdown-toggle:focus {outline: none!important;}
.form-group .bootstrap-select .dropdown-toggle  {border: 0px; background: transparent;}
.form-group .bootstrap-select .selectpicker  {z-index: 0;}
.form-group .bootstrap-select button.disabled, .form-group .bootstrap-select button[readonly]{background: #EDEDED !important;}

/*.compose-mail .replyFormGroup#subject {padding-left: 5px;}*/
/*Email End*/
.reply-hold  {padding: 12px 0; border-top: 1px solid #ccc; background: var(--chronica-white);}
.reply-hold textarea.form-control  {min-height:0px ; height: var(--input-height-base);  /*width:  -webkit-fill-available;*/ margin-right: 120px; border: none;}
.reply-btn  {position: absolute; right: 15px; top:0px; background: none; border: var(--border-light-blue); color: var(--chronica-light-blue); box-shadow: none; cursor: pointer;
    line-height: 18px; font-size: var(--font-size-base); height: var(--input-height-base); padding: var(--chronica-button-padding); border-radius: var(--border-radius-sm); outline: none;}
.reply-btn:hover  {box-shadow: none; background: var(--chronica-light-blue); color: var(--chronica-white); border-color: var(--chronica-light-blue);}
.reply-hold .btn-info.active.focus,.reply-hold .btn-info.active:focus, .reply-hold .btn-info:focus {background: none; border: var(--border-light-blue); color: var(--chronica-light-blue); box-shadow: none;}
.reply-btn:hover .i-send-b, .send-btn:hover .i-send-b{background: url("/views/base/img/icon/send-w.svg") center center no-repeat; background-size: cover;}

/* Chat Merge*/
.chat-main-box .chat-left-aside{position:relative; width:35%; z-index:9; top:0px; border-right:1px solid rgba(120, 130, 140, 0.13);}
.chat-main-box .chat-left-aside .chat-left-inner .form-material{padding: 10px 30px; border-bottom: 1px solid #ccc;}
.chat-main-box .chat-left-aside .chat-left-inner .form-control  {height:auto; padding: 0 10px; border: 1px solid #ccc; border-radius: var(--border-radius-md); background-image:-webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140, 0.13)), to(rgba(120, 130, 140, 0.13))); background-image:-webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); background-image:-o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13)); background-image:linear-gradient(#398bf7, #398bf7), linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a{display: flex; align-items: center; width: var(--width-full); border-left: 4px solid transparent; padding:7px 15px;}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover, .chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active{background: #DDF0F9; border-left: 4px solid var(--chronica-light-blue);}
.chatonline li a{float: left; padding: 10px; display: block;}
.chat-right-aside .chat-main-header h3{background: #6FBADE; padding: 16px; color: var(--chronica-white); font-size: var(--font-size-lg); font-weight: var(--font-weight-normal);}
.chat-list li .chat-time{display: inline-block; text-align: right; font-size: 11px; color: var(--chronica-grey-text);}
/*.chat-list li .chat-content .box{color: var(--chronica-black-text); padding: 16px;}*/
.chat-list li .chat-content .box.chat-bg1{background: var(--chronica-white); border-radius: 15px; border-top-left-radius: 0px; margin-right: 20px; webkit-box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55); moz-box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55); box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55);}
.chat-list li .chat-content .box.chat-bg2{background: #ddf0f9; border-radius: 15px; border-top-right-radius: 0px; color: var(--chronica-black-text); webkit-box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55); moz-box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55); box-shadow: 7px 7px 7px 0px rgba(217,214,217,0.55);}
/* Chat Start  */
.chat-main-box  {position:relative;  display: flex;}
.chat-main-box .chat-left-aside .open-panel  {display:none; cursor:pointer; position:absolute; left:-webkit-calc(100% - 1px); top:50%; z-index:100; background-color:var(--chronica-white); webkit-box-shadow:1px 0 3px rgba(0, 0, 0, 0.2); box-shadow:1px 0 3px rgba(0, 0, 0, 0.2); border-radius:0 100px 100px 0; line-height:1; padding:15px 8px 15px 4px;}
.chat-main-box .chat-left-aside .chat-left-inner  {position:relative;}
.chat-main-box .chat-left-aside .chat-left-inner .chatonline  {position:relative; /*height:85%;*/ height:calc(100% - 60px)}
.chat-main-box .chat-left-aside .chat-left-inner .style-none  {padding:0px;}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li  {list-style:none; overflow:hidden;}
.chat-main-box .chat-right-aside  {width:calc(100% - 35%); float: left; padding: 0px; background: #f3f3f3; height: auto;}
.chat-main-box .chat-right-aside .chat-rbox  {height:auto; position:relative;}
.chat-main-box .chat-right-aside .reply-hold .row .col-12  {padding-right: 120px;}
.chat-main-box .chat-right-aside .send-chat-box  {position:relative;}
.chat-main-box .chat-right-aside .send-chat-box .form-control  {border:none; border-top:1px solid rgba(120, 130, 140, 0.13); resize:none; height:80px; padding-right:180px;}
.chat-main-box .chat-right-aside .send-chat-box .form-control:focus  {border-color:rgba(120, 130, 140, 0.13);}
.chat-main-box .chat-right-aside .send-chat-box .custom-send  {position:absolute; right:20px; bottom:10px;}
.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon  {color:var(--chronica-grayish-blue); margin-right:10px;}
.chat-main-box .chat-left-aside .chat-left-inner .style-none li a .intial-pic {width: 35px; height: 35px; line-height: 35px; font-weight: var(--font-weight-semi-bold);}

/*Chat End */
button:focus, .form-control:focus {outline: none;}

.dateline  {width: var(--width-full); text-align: center; position: relative;}
.dateline:after  {content: ""; display: block; width: var(--width-full); height: 1px; position: absolute; top:10px; background: var(--chronica-dark-grey-text); z-index: 0;}
.dateline span  {background: #f3f3f3; z-index: 1; position: relative; padding: 7px 30px;}
.chatonline img  {float: none; width: 45px;}

/* ---  Add schedule start ---*/
.scheduletab  {display: flex;}
.scheduletab li {flex: 1 1 20%; padding: 0 7px 20px;}
.scheduletab li a.nav-link {position: relative; padding: 12px 12px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md); display: flex; align-items: center; border-radius: var(--border-radius-lg); box-shadow: none; border: 1px solid #cccccc;}
.scheduletab li a.nav-link .txt{padding-left: 12px;}
.scheduletab li.homevisit a.nav-link:hover,
.scheduletab li.homevisit a.nav-link.active  {background:var(--chronica-green); color: var(--chronica-white);}
.scheduletab li.homevisit a.nav-link:hover .img-bc svg path,
.scheduletab li.homevisit a.nav-link:hover .img-bc svg line,
.scheduletab li.homevisit a.nav-link:hover .img-bc svg circle,
.scheduletab li.homevisit a.nav-link.active .img-bc svg path,
.scheduletab li.homevisit a.nav-link.active .img-bc svg line,
.scheduletab li.homevisit a.nav-link.active .img-bc svg circle  {stroke: var(--chronica-white);}
.scheduletab li.homevisit a.nav-link:hover .tick-circle,
.scheduletab li.homevisit a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.homevisit a.nav-link:hover .tick-circle svg line,
.scheduletab li.homevisit a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-green);}
.scheduletab li.videoconfrn a.nav-link:hover, .scheduletab li.videoconfrn a.nav-link.active  {background:var(--chronica-orange); color: var(--chronica-white);}
.scheduletab li.videoconfrn a.nav-link:hover .img-bc svg path,
.scheduletab li.videoconfrn a.nav-link:hover .img-bc svg rect,
.scheduletab li.videoconfrn a.nav-link:hover .img-bc svg rect,
.scheduletab li.videoconfrn a.nav-link.active .img-bc svg path,
.scheduletab li.videoconfrn a.nav-link.active .img-bc svg rect  {stroke: var(--chronica-white);}
.scheduletab li.videoconfrn a.nav-link:hover .tick-circle,
.scheduletab li.videoconfrn a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.videoconfrn a.nav-link:hover .tick-circle svg line,
.scheduletab li.videoconfrn a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-orange);}
.scheduletab li.event a.nav-link:hover, .scheduletab li.event a.nav-link.active  {background:var(--chronica-dark-blue); color: var(--chronica-white);}
.scheduletab li.event a.nav-link:hover .img-bc svg path,
.scheduletab li.event a.nav-link:hover .img-bc svg line,
.scheduletab li.event a.nav-link.active .img-bc svg path,
.scheduletab li.event a.nav-link.active .img-bc svg line  {stroke: var(--chronica-white);}
.scheduletab li.event a.nav-link:hover .tick-circle,
.scheduletab li.event a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.event a.nav-link:hover .tick-circle svg line,
.scheduletab li.event a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-dark-blue);}
.scheduletab li.nav-saperator a.nav-link  {color: var(--chronica-light-blue); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); font-weight: var(--font-weight-semi-bold);}
.tick-circle  {display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; text-align: center; border:2px solid var(--chronica-dark-grey-text); border-radius: var(--border-radius-circle);}
.static-view .videoconfrn   {display: flex; align-items: center; padding: 15px; background: var(--chronica-orange); color:var(--chronica-white); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border: 0;}
.static-view .videoconfrn .img-bc  {width: 20%; height: 50px; margin: 0 15px 0 0; max-width: 46px; display: flex; align-items: center;}
.static-view .videoconfrn .img-bc svg path,
.static-view .videoconfrn .img-bc svg rect  {stroke: var(--chronica-white);}
.static-view .videoconfrn .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.static-view .videoconfrn .tick-circle svg line  {stroke: var(--chronica-orange);}
.static-view .event   {display: flex; align-items: center; padding: 15px; background: var(--chronica-dark-blue); color:var(--chronica-white); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border: 0;}
.static-view .event .img-bc  {width: 20%; height: 50px; margin: 0 15px 0 0; max-width: 46px; display: flex; align-items: center;}
.static-view .event .img-bc svg path,
.static-view .event .img-bc svg rect  {stroke: var(--chronica-white);}
.static-view .event .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.static-view .event .tick-circle svg line  {stroke: var(--chronica-dark-blue);}

.mediatab  {display: flex;}
.mediatab li  {flex:1 1 25%; padding: 0 15px 20px;}
.mediatab li a.nav-link  {padding: 15px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md); display: flex; align-items: center; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border: 0;}
.mediatab li span.nav-link  {padding: 15px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); text-transform: capitalize; font-size: var(--font-size-md); display: flex; align-items: center; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); border: 0;}
.mediatab li.image a.nav-link:hover, .mediatab li.image a.nav-link.active  {background:var(--chronica-orange); color: var(--chronica-white);}
.mediatab li.image a.nav-link:hover, .mediatab li.image span.nav-link.active  {background:var(--chronica-orange); color: var(--chronica-white);}
.mediatab li.document a.nav-link:hover, .mediatab li.document a.nav-link.active  {background:var(--chronica-green); color: var(--chronica-white);}
.mediatab li.document a.nav-link:hover, .mediatab li.document span.nav-link.active  {background:var(--chronica-green); color: var(--chronica-white);}
.mediatab li.video a.nav-link:hover, .mediatab li.video a.nav-link.active  {background:var(--chronica-dark-blue); color: var(--chronica-white);}
.mediatab li.video a.nav-link:hover, .mediatab li.video span.nav-link.active  {background:var(--chronica-dark-blue); color: var(--chronica-white);}
.mediatab li.audio a.nav-link:hover, .mediatab li.audio a.nav-link.active  {background:var(--chronica-red); color: var(--chronica-white);}
.mediatab li.audio a.nav-link:hover, .mediatab li.audio span.nav-link.active  {background:var(--chronica-red); color: var(--chronica-white);}

.mediatab li.image a.nav-link:hover .tick-circle,
.mediatab li.image a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.image a.nav-link:hover .tick-circle svg line,
.mediatab li.image a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-orange);}

.mediatab li.image a.nav-link:hover .tick-circle,
.mediatab li.image span.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.image a.nav-link:hover .tick-circle svg line,
.mediatab li.image span.nav-link.active .tick-circle svg line  {stroke: var(--chronica-orange);}

.mediatab li.document a.nav-link:hover .tick-circle,
.mediatab li.document a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.document a.nav-link:hover .tick-circle svg line,
.mediatab li.document a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-green);}

.mediatab li.document a.nav-link:hover .tick-circle,
.mediatab li.document span.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.document a.nav-link:hover .tick-circle svg line,
.mediatab li.document span.nav-link.active .tick-circle svg line  {stroke: var(--chronica-green);}

.mediatab li.video a.nav-link:hover .tick-circle,
.mediatab li.video a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.video a.nav-link:hover .tick-circle svg line,
.mediatab li.video a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-dark-blue);}

.mediatab li.video a.nav-link:hover .tick-circle,
.mediatab li.video span.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.video a.nav-link:hover .tick-circle svg line,
.mediatab li.video span.nav-link.active .tick-circle svg line  {stroke: var(--chronica-dark-blue);}

.mediatab li.audio a.nav-link:hover .tick-circle,
.mediatab li.audio a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.audio a.nav-link:hover .tick-circle svg line,
.mediatab li.audio a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-red);}

.mediatab li.audio a.nav-link:hover .tick-circle,
.mediatab li.audio span.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.mediatab li.audio a.nav-link:hover .tick-circle svg line,
.mediatab li.audio span.nav-link.active .tick-circle svg line  {stroke: var(--chronica-red);}



/*Patient dashboard starts */
.pending-act-cnt {border-bottom: 1px solid #e9ecef; margin-bottom: 15px; padding: 0 15px;}
.pending-act-cnt:last-child {border-bottom: 0px solid var(--chronica-black-text);}
.pending-act-cnt ul {padding: 0px 0; margin: 0 0 9px 0;}
.pending-act-cnt ul li {display: flex; align-items: center; padding: 9px 9px 9px 0;}
.smalltxt {font-size: 15px;}
.pending-act-cnt .btn, .pending-act-cnt a.btn {min-width: 90px;}
.pending-act-cnt a.btn:hover {color:var(--chronica-white);}
.nowrap {white-space: nowrap;}
.vitalread-list li {display:  flex; align-items: flex-start;}
.fs12 {font-size: var(--font-size-sm);}
.fs14 {font-size: var(--font-size-base);}
.fs16 {font-size: var(--font-size-md);}
.fs18 {font-size: var(--font-size-lg);}
.fs20 {font-size: var(--font-size-xl);}
.fs22 {font-size: 22px;}
.fs24 {font-size: var(--font-size-xxl);}
.fs40 {font-size: 40px; line-height: 45px;}
.fs22.nameinitials{color:#555}
.vitalread .blog.table tr td:last-child {display: none;}
.vitalread .blog.table tr:hover td:last-child {display: block;}
.medi-list li {padding: 13px 6px; border-bottom: 1px solid #e9ecef;}
.medi-list li:last-child {border-bottom: 0px;}
.long-trunktxt {display: inline; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 30px; word-wrap: break-word;/* Important for long words! */}
.long-trunktxt2 {display: inline; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 30px; word-wrap: break-word;/* Important for long words! */}
.long-trunktxt3 {display: inline; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 30px; word-wrap: break-word;/* Important for long words! */}
.no-cursor {cursor: inherit !important;}
.threedot-cnt h5 {;display: inline; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin:0 0 10px 0; word-wrap: break-word;/* Important for long words! */}

.div-table {padding-bottom: 6px;}
.vital-cell {display: flex; align-items: flex-start; flex-wrap: wrap; padding: 6px; line-height: 21px;}
.vital-cell:hover {background: #E9EDF2;}
.vital-cell .vital-txt {flex: 0 0 auto;}
.vital-cell .vital-reading {flex: 1 0 100%; order: 1;}
.vital-cell .vital-link {flex: 0 1 auto; margin-left: auto; display: none;}
.vital-cell:hover .vital-link {display:  block;}
.vital-cell .vital-reading span {font-weight: var(--font-weight-semi-bold); color:var(--chronica-black-text);}

.notes-scroll {max-height: 380px; overflow-y: auto; margin:0px -15px; padding: var(--button-padding-base);}
.notes-inner {padding:0px 0px}

.floating-labels .form-control.url-box {border:none; border-bottom-right-radius: 0px; border-top-right-radius: 0px;}
.modal .btn-primary {color: var(--chronica-white)!important;}
ul.time-hold {padding: 7px 0;}
ul.time-hold li {display: inline-flex; align-items: center; margin-right: 30px;}
ul.time-hold li:last-child {margin: 0;}
.clinical_note_dropdown.lead_insurance ul.dropdown-menu li {margin-right: 0px; display: block;}
span.timer {color: var(--chronica-white); font-size: var(--font-size-lg); font-weight: var(--font-weight-semi-bold); padding: var(--chronica-button-padding); margin-left: 10px; width: 108px; text-align: center;}
span.timer.light-bg {color: var(--chronica-dark-blue);}
.blue-strip  ul {background: #F7FCFF; padding: 10px;}
.blue-strip ul li {display: block; border-right: 0px solid var(--chronica-dark-grey-text); line-height: var(--line-height-base); padding: 8 10px;}
.blue-strip ul li:last-child {border-right: 0px solid var(--chronica-dark-grey-text); text-align: right;}
.bg-none {background: var(--chronica-light-grey-text);}
.none-pointer {pointer-events: none;}
#responseinfo {display: none;}

/* New dashboad Css changes */
.Nursedashboard_new ul.homescoreboard li {flex: 1 1 25%; /*max-width: 25%;*/ padding: 0 0 0 1.2%}
.Nursedashboard_new ul.homescoreboard li:first-child{padding: 0px;}
.Nurse_profile_new ul.homescoreboard.scheduleboard li {flex: 0 0 25%; max-width: 25%;}
.Nursedashboard_new .Nurse_profile_new ul.homescoreboard.scheduleboard li {flex: 0 0 20%; max-width: 20%;}
.doctor_profile_new ul.homescoreboard.scheduleboard li {flex: 0 0 25%; max-width: 25%;}
/*.Nursedashboard_new .doctor_profile_new ul.homescoreboard.scheduleboard li {flex: 0 0 25%; max-width: 25%;}*/
.vital_placement{margin: -10px 0px 10px 0px;}
.critical_cont{display: flex; flex-direction: column;}

.reloadpills-list {padding: 0px 0 0px 0px; min-height: 300px; font-size: var(--font-size-md);}
.reloadpills-list li {padding: 5px 0 5px 0px;}
.reloadpills-list li:first-child {padding-top: 0px;}
.tabCnt .tabResult .col-xxs-12.m-b-20 {margin-bottom: 20px!important;}
.info_blue_box {background: #ECF0FA; padding: 15px; border-radius: 10px; border: var(--border-light-blue);}
.info_blue_box h4 {color: var(--chronica-black-text); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-md);}


.info_container {display: flex; align-items: center;}
.info_orange_box {background: #FFF4F4; border: 1px solid var(--chronica-red); padding: 15px; border-radius: 10px; text-align: center;}
.info_orange_box p {font-size: var(--font-size-sm);}
.info_orange_box p:first-child {font-size: var(--font-size-base);}
.addslot_timetable, .addslot_timetable tr td {border: none;}
table.addslot_timetable td {padding: 0px 15px 20px;}
table.addslot_timetable td b {font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base);}
table.addslot_timetable td select:disabled, .form-control:disabled, .form-control[readonly] {opacity: 1; background: #EDEDED !important; user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: not-allowed;}
.addslot_timetable tr:nth-child(odd) td {padding-bottom: 0px;}
.info_blue_box .info-head-cnt a {border: 0px;}
.info_green_box {background: #F2F8EC; border: 1px solid var(--chronica-green); padding: 15px; border-radius: 10px;}
.info-head-cnt {display: flex; align-items: center;}
.info-head-cnt h4 {margin: 0;}
.info-head-cnt a {border: var(--border-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); margin-left:auto;}
.info-head-cnt a.button {border: var(--border-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); margin-left:8px;}
.info-head-cnt a:hover {border: var(--border-light-blue); background: var(--chronica-light-blue); color: var(--chronica-white);}
.asterick {color: var(--chronica-red-text); font-style: var(--font-weight-normal);}
.info-head-cnt a.link {border: 0px solid var(--chronica-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); margin-left:auto;}
.info-head-cnt a.link:hover {border: 0px solid var(--chronica-light-blue);  color: var(--chronica-light-blue); text-decoration: underline; background: none;}

.appointment_list {display: flex; align-items: center; padding-right: 20px; margin-right: 20px;}
.filter_search .data-search{width: 240px; border: 1px solid #ccc; border-radius: var(--border-radius-sm); padding: 5px 10px; height: 32px; background: url(/views/base/img/svg-icons/search.svg) 10px 3px no-repeat; padding-left: 40px; font-size: var(--font-size-base); font-weight: var(--font-weight-normal);}
.schedule_card {border: var(--border-grey); border-radius: 10px; padding: 15px; color: var(--chronica-black-text); height: 100%; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.10);}
.schedule_time {display: flex; justify-content: space-between; align-items: center;}
.schedule_time span.lbd-weight {font-size: var(--font-size-lg);}
.schedule_time span.nm-weight {font-size: var(--font-size-md);}
.heading_schedule {font-weight: var(--font-weight-semi-bold); display: block;}
.schedule_card .location_img {margin-left: -4px; width: 18px; margin-top: -4px;}
.schedule_card .link {font-size: var(--font-size-sm);}
.schedule_heading {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.schedule_time_heading {font-size: var(--font-size-md); text-align: center; font-weight: var(--font-weight-medium);}
.schedule_card .img-box.pic40 {min-width: 40px;}
.schedule_card .badge-pill {padding: 3px 12px 4px 12px;}
.schedule_card .badge-pill .schedule_img {width: 18px; margin-right: 3px;}
.grid_view_tab, .list_view_tab, .normal_view_tab, .chart_view_tab {font-size: var(--font-size-base); display: flex; align-items: center;}
.grid_view_tab img {height: 18px;}
.list_view_tab img {height: 15px;}
.normal_view_tab img {height: 15px;}
.chart_view_tab img {height: 18px; fill: #ff0000;}
.event-bg .Event_heading {color: var(--chronica-white); font-size: 22px; margin: 12px 0px 0px 0px; line-height: 20px;}
.detail_view_heading {margin-right: 20px;}
.detail_view_heading .lbd-weight{font-size: var(--font-size-md); margin-right: 10px;}
.detail_view_heading .nm-weight{font-size: var(--font-size-base);}
.schedule-txt {font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); margin: 10px 0px;}
.location_box {border: 1px solid #cccccc; padding: 11px 10px; background: var(--chronica-white); margin-bottom: 15px;}
.location_box hr {margin: 15px 0px;}
.time_list button.btn {margin: 0px 10px 10px 0px; padding: 7px 6px;}
.time_list button.btn-lg {margin: 0px 10px 20px 0px; padding: 0.75rem 1.1rem; width: var(--width-sm);}
/*.time_list button.btn-lg:last-child {margin-bottom: 0px;}*/
.floating-labels.medication-cnt .form-group.time_list{margin-bottom: 0px;}
.time_slot {background: var(--chronica-white); color: var(--chronica-black-text); font-size: var(--font-size-base); padding: 7px 10px; display: inline-flex; flex-direction: column; align-items: center; width: var(--width-full); justify-content: left; font-weight: var(--font-weight-medium); margin-bottom: 15px;}
.time_slot.video {border: 1px solid var(--chronica-green);}
.time_slot .circle {background:var(--chronica-green); border-radius: var(--border-radius-circle); width: 5px; height: 5px; margin-right: 6px;}

.time_slot ul {list-style: none;}
.time_slot ul li:first-child:before {content: ""; background: var(--chronica-green); border-radius: var(--border-radius-circle); font-weight: var(--font-weight-bold); display: inline-block; width: 5px; height: 5px; margin: 0px 10px 2px 0px;}
.time_slot ul li:before {}

.new_card_container .carousel-control-next, .new_card_container .carousel-control-prev {opacity: 1;}
.new_card_container .carousel-cnt .carousel-control-prev .carousel-control-prev-icon {background: url(../img/prev.png) center center no-repeat; content: "";}
.Tab_arrow {width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: var(--chronica-white) transparent transparent transparent; position: absolute; bottom: -14px; left: 0; right: 0; margin: 0 auto;}
.Tab_arrow.video_arrow {border-color: var(--chronica-orange) transparent transparent transparent; visibility: hidden;}
.Tab_arrow.appointment_arrow {border-color: var(--chronica-dark-blue) transparent transparent transparent; visibility: hidden;}
.Tab_arrow.homevisit_arrow {border-color: var(--chronica-green) transparent transparent transparent; visibility: hidden;}
.Tab_arrow.event_arrow {border-color: var(--chronica-light-blue) transparent transparent transparent; visibility: hidden;}
.Tab_arrow.phoneevent_arrow {border-color: var(--chronica-red) transparent transparent transparent; visibility: hidden;}
.schedule_alert {background-color: #EBF4E3; border-color: var(--chronica-green); border-left: 6px solid var(--chronica-green); border-radius: 0px; color: var(--chronica-green); font-size: var(--font-size-md); font-weight: var(--font-weight-medium); display: flex; align-items: center; padding:.35rem .75rem;}
.alert_tick {display: flex; justify-content: center; align-items: center; width: 25px; height: 25px; min-width: 25px; text-align: center; border: 2px solid var(--chronica-green); border-radius: var(--border-radius-circle); background: var(--chronica-green); margin-right: .5rem;}
.All_schedule_heading {color: var(--chronica-black-text); font-weight: var(--font-weight-medium); margin: 0px;}
.All_schedule_heading.tab_schedule_head {display: none; text-align: center; margin: 3px 0px;}
.schedule_heading .d-flex-aic.m-hgt {width: auto;}
.schedule_heading .trunkhold{width: calc(100% - 100px);}
.schedule_card .badge-pill.hicare-green:hover{background: var(--chronica-green);}
.schedule_card .badge-pill.hicare-yellow:hover{background: var(--chronica-orange);}
.schedule_card .badge-pill.hicare-dark-blue:hover{background: var(--chronica-dark-blue);}
.schedule_card .badge-pill.hicare-light-blue:hover{background: var(--chronica-light-blue);}

.img-bc {display: flex;}
.scheduletab li.video a.nav-link:hover {border-color: var(--chronica-orange); color: var(--chronica-orange); background: var(--chronica-white);}
.scheduletab li.appointment a.nav-link:hover{border-color: var(--chronica-dark-blue); color: var(--chronica-dark-blue); background: var(--chronica-white);}
.scheduletab li.homevisit_s a.nav-link:hover{border-color: var(--chronica-green); color: var(--chronica-green); background: var(--chronica-white);}
.scheduletab li.event_s a.nav-link:hover{border-color: var(--chronica-light-blue); color: var(--chronica-light-blue); background: var(--chronica-white);}
.scheduletab li.phoneevent_s a.nav-link:hover{border-color: var(--chronica-red); color: var(--chronica-red); background: var(--chronica-white);}

.scheduletab li.video a.nav-link.active {border-color: var(--chronica-orange); background: var(--chronica-orange); color: var(--chronica-white);}
.scheduletab li.appointment a.nav-link.active {border-color: var(--chronica-dark-blue); background: var(--chronica-dark-blue); color: var(--chronica-white);}
.scheduletab li.homevisit_s a.nav-link.active {border-color: var(--chronica-green); background: var(--chronica-green); color: var(--chronica-white);}
.scheduletab li.event_s a.nav-link.active {border-color: var(--chronica-light-blue); background: var(--chronica-light-blue); color: var(--chronica-white);}
.scheduletab li.phoneevent_s a.nav-link.active {border-color: var(--chronica-red); background: var(--chronica-red); color: var(--chronica-white);}

.scheduletab li.video a.nav-link:hover .tick-circle {border-color: var(--chronica-orange);}
.scheduletab li.appointment a.nav-link:hover .tick-circle {border-color: var(--chronica-dark-blue);}
.scheduletab li.homevisit_s a.nav-link:hover .tick-circle {border-color: var(--chronica-green);}
.scheduletab li.event_s a.nav-link:hover .tick-circle {border-color: var(--chronica-light-blue);}
.scheduletab li.phoneevent_s a.nav-link:hover .tick-circle {border-color: var(--chronica-red);}

.scheduletab li.video a.nav-link.active .video_arrow  {visibility: visible;}
.scheduletab li.video a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.video a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-orange);}
.scheduletab li.video a.nav-link.active .img-bc svg path,
.scheduletab li.video a.nav-link.active .img-bc svg rect{stroke: var(--chronica-white);}

.scheduletab li.appointment a.nav-link.active .appointment_arrow  {visibility: visible;}
.scheduletab li.appointment a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.appointment a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-dark-blue);}
.scheduletab li.appointment a.nav-link.active .img-bc svg path,
.scheduletab li.appointment a.nav-link.active .img-bc svg line,
.scheduletab li.appointment a.nav-link.active .img-bc svg rect{stroke: var(--chronica-white);}

.scheduletab li.homevisit_s a.nav-link.active .homevisit_arrow  {visibility: visible;}
.scheduletab li.homevisit_s a.nav-link.active .tick-circle  {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.homevisit_s a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-green);}
.scheduletab li.homevisit_s a.nav-link.active .img-bc svg line,
.scheduletab li.homevisit_s a.nav-link.active .img-bc svg path,
.scheduletab li.homevisit_s a.nav-link.active .img-bc svg rect{stroke: var(--chronica-white);}

.scheduletab li.event_s a.nav-link.active .event_arrow  {visibility: visible;}
.scheduletab li.event_s a.nav-link.active .tick-circle {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.event_s a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-light-blue);}
.scheduletab li.event_s a.nav-link.active .img-bc svg line,
.scheduletab li.event_s a.nav-link.active .img-bc svg path,
.scheduletab li.event_s a.nav-link.active .img-bc svg rect{stroke: var(--chronica-white);}

.scheduletab li.phoneevent_s a.nav-link.active .phoneevent_arrow  {visibility: visible;}
.scheduletab li.phoneevent_s a.nav-link.active .tick-circle {border-color: var(--chronica-white); background: var(--chronica-white);}
.scheduletab li.phoneevent_s a.nav-link.active .tick-circle svg line  {stroke: var(--chronica-red);}
.scheduletab li.phoneevent_s a.nav-link.active .img-bc svg line,
.scheduletab li.phoneevent_s a.nav-link.active .img-bc svg path,
.scheduletab li.phoneevent_s a.nav-link.active .img-bc svg rect{stroke: var(--chronica-white);}

.grey_box {background: #EFEFEF; padding: 15px}
.grey_box_card {background: #EFEFEF; padding: 10px 10px; height: 100%; border-radius: 10px;}
.yellow_box {background: #FFF8E9; padding: 15px;}
.green_box {background: #F8FCF1; padding: 15px;}
.blue_box {background: #F8FAFD; padding: 15px;}
.lightblue_box {background: #F4FBFF; padding: 15px;}
.orange_box {background: #FFF4F4; padding: 15px;}
.participants_list {display: flex; flex-wrap: wrap;}
.participants_list li {background: var(--chronica-light-blue); padding: 4px 15px; text-align: center; margin: 2px 10px 2px 0px; border-radius: var(--border-radius-xlg); color: var(--chronica-white); font-size: var(--font-size-sm); white-space: nowrap;}

.info_cont .d-flex-ais div {margin-right: 20px;}
.info_cont .d-flex-ais div:last-child {margin-right: 0px;}
/*#grid_view .schedule_card {height: 280px; min-height: 280px;}*/
.v_calender_box .calander-hold {margin: 0 0 0px 0;}
.reset_schedule{width: 80%;}
.v_calender_box .vcalender_hold {margin: 0 0 10px 0; height: 300px; min-height: 330px;}
.schedule_calender_cont{height: 330px; min-height: 280px; margin-bottom: 10px;}
.v_calender_box .vcalender_hold .vc-container, .schedule_calender_cont .vc-container{height: 100%; border: var(--border-grey);}
.v_calender_box .event-hold {padding: 0px 15px; margin: 10px 0px 0px;}
.v_calender_box .event-hold .event-bg {min-height: auto; padding:30px 15px 50px; height: auto;}
.vcalender_vital .vc-arrows-container [role=button] {display: none;}
.time_table_container {height: 300px; min-height: 300px; /*overflow-x: hidden; overflow-y: auto;*/}
.schedule-card .selectize-control.form-control.multi {min-height: 90px;}

.custom_scrollbar {margin-left: 0px; float: left; height: 360px; width: var(--width-full); overflow-y: auto; margin-bottom: 15px; overflow-x: hidden;}
.custom_scrollbar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #E8E8E8;}
.custom_scrollbar::-webkit-scrollbar{width: 8px; background-color: #E8E8E8;}
.custom_scrollbar::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #A8A8A8;}

.vc-container {--highlight-height: 38px!important; --day-min-height: 38px!important; --day-content-width: 38px!important; --day-content-height: 38px!important;}
.vc-dots{margin-bottom: 5px!important;}
.vc-dots .v_orange_dot {background-color: var(--chronica-orange)}
.vc-dots .v_darkblue_dot {background-color: var(--chronica-dark-blue)}
.vc-dots .v_green_dot {background-color: var(--chronica-green)}
.vc-dots .v_lightblue_dot {background-color: var(--chronica-light-blue)}
.vc-bg-blue-600.v_lightblue_circle {background-color: var(--chronica-light-blue);}
.vc-bg-blue-200.v_lightblue_circle {background-color: #D1EBF8; border-top: var(--border-light-blue); border-bottom: var(--border-light-blue);}
.vc-bg-green-600 {background-color: var(--chronica-green)!important;}
.vc-bg-green-200.v_green_circle {background-color: #EBF4E3; border-top: 1px solid var(--chronica-green); border-bottom: 1px solid var(--chronica-green);}
.vc-bg-yellow-600 {background-color: var(--chronica-orange)!important;}
.vc-bg-red-600 {background-color: #FE0000!important;}

.pilldue {border: var(--border-light-grey); border-radius: 10px; height: auto;}
.pilldue h4 {color: #555; padding: 18px 15px; font-size: var(--font-size-xl); border-bottom: var(--border-light-grey); background: var(--chronica-light-blue); color: var(--chronica-white); border-radius: 10px 10px 0px 0px;}
.pilldue ul {padding: 0; margin: 0; font-size: var(--font-size-md);}
.pilldue ul li {padding: 5px 0 5px 0px;}
.pilldue ul li:first-child {padding-top: 0px;}
.pilldue .btn-container {padding-top: 10px; text-align: center;}

.blue-schedule-cnt {border-radius: 10px; background: var(--chronica-dark-blue); overflow: hidden;}
.blue-schedule-cnt h4 {color: #90B4FF; padding: 20px 15px 10px; font-size: var(--font-size-xl);}
.blue-schedule-cnt ul {list-style: none; margin: 0px; padding: 0px;}
.blue-schedule-cnt ul li a {padding: 12px 15px;  display: flex; color: #D7E1F5; display:  flex; align-items: center; border-top: 1px solid #112B62; cursor: pointer; position: relative; font-size: var(--font-size-lg);}
.blue-schedule-cnt ul li a:before {content: ''; border-top: solid 1px #5372B2; width: var(--width-full); position: absolute; top: -2px; left: 0;}

.blue-schedule-cnt ul li a:hover {background: #3E5FA3;}
.blue-schedule-cnt ul li svg {margin-right: 15px;}
.blue-schedule-cnt ul li svg path, .blue-schedule-cnt ul li svg rect {stroke: #D7E1F5;}
.blue-schedule-cnt ul li span {font-size: 40px; color: var(--chronica-white); font-weight: var(--font-weight-semi-bold);}
.blue-schedule-cnt ul li span em {font-size: var(--font-size-xl); color: var(--chronica-white); font-weight: var(--font-weight-normal); font-style: var(--font-weight-normal);}
.blue-schedule-cnt ul li span em:before {content: "/"; display: inline-block; font-style: var(--font-weight-normal); margin: 0 4px; font-weight: var(--font-weight-normal);}

.overview-cnt {display: flex; flex-wrap: wrap;}
.overview-cnt .bar-chart{width: 42%; margin: 0 1% 0 0; border-left: 5px solid var(--chronica-dark-blue); background: #f8f8f8;}
.overview-cnt .bar-chart .head-num {display: flex; align-items: center;}
.overview-cnt .bar-chart  .head-num h4 {margin-bottom: 0; color: var(--chronica-black-text); padding: 15px 15px 7px 15px;}
.overview-cnt .bar-chart  .head-num span {font-size: 40px; font-weight: var(--font-weight-semi-bold);}
.overview-cnt .blue-schedule-cnt{width: 28%; margin: 0 1%; min-width: 320px;}
.overview-cnt .pilldue{width: 26%; margin: 0 0 0 1%; min-width: 320px;}
.chart-btn {position: absolute; right: 15px; top: 12px;}

.num-address-list {padding: 0; margin: 0;}
.num-address-list li {padding: 0 7px; margin: 0; border-right: var(--border-light-grey); float: left;}
.num-address-list li:after {content: ""; display: block; clear: both;}
.num-address-list li a {padding: 3px 5px; margin: 0; display: flex; align-items: center; border: 1px solid transparent; border-radius: var(--border-radius-sm); font-size: var(--font-size-base);}
.num-address-list li:nth-child(1) a:hover {border: 1px solid var(--chronica-dark-blue);}
.num-address-list li:nth-child(2) a:hover {border: 1px solid var(--chronica-green);}
.num-address-list li:nth-child(3) a:hover {border: var(--border-light-blue);}
.num-address-list li:nth-child(1) a:hover span {color: var(--chronica-dark-blue);}
.num-address-list li:nth-child(2) a:hover span {color: var(--chronica-green);}
.num-address-list li:nth-child(3) a:hover span {color: var(--chronica-light-blue);}
.num-address-list li:last-child a:hover {border: 1px solid transparent;}
.num-address-list li:last-child {border-right: 0px;}
.num-address-list li span {display: inline;}
.num-address-list li .like-btn, .care_manager_detail li .like-btn{padding: 5px 9px;}
.num-address-list li .like-btn .fa-phone.mr-2, .care_manager_detail li .like-btn .fa-phone.mr-2 {margin: 0px!important;}
.detailsbox .personal-cnt {display: flex; align-items: center;}
.detailsbox .personal-cnt .btn-hold {margin-left: auto; width: 450px; flex-wrap: nowrap;}
.detailsbox .personal-cnt
.clear {clear: both;}
.pt1 {padding-top: 1px}
.floating-labels.medication-cnt {padding-top: 0px;}
.floating-labels.medication-cnt .form-group {margin: 0 0 20px 0;}
.floating-labels.medication-cnt h5 {margin: 0; padding: 0 0 15px 0; font-size: var(--font-size-md); color: var(--chronica-black-text);}
.care_manager_detail li {padding: 0 7px;}
.care_manager_detail li a {padding: 3px 5px; border: 1px solid transparent; border-radius: var(--border-radius-sm); display: flex;}
.care_manager_detail li:nth-child(2) a:hover {border: 1px solid var(--chronica-green);}
.care_manager_detail li:nth-child(3) a:hover {border: var(--border-light-blue);}
.qid-cnt {background: #F2F7FF; padding: 15px; margin-bottom: 15px; border: var(--border-light-blue); border-radius: 10px;}
.disable_timeslotsection {width: var(--width-full); height: 100%; position: absolute; top: 0px; background: rgba(0,0,0,0.1); z-index: 2; border: 1px solid #cccccc; border-radius: 10px;}
/*.medi-notes-mob {display: none;}*/
.time-list {list-style: none;margin: 0; padding: 10px 0; display: flex; width: var(--width-full); border: 0px solid; /*max-width: 700px;*/ /*justify-content: space-between;*/ flex-wrap: wrap;}
.time-list li {padding: 0 12px 0 0; display: flex; flex-direction: column; width: 15%; min-width: 150px; text-align: center;}
.time-list li:last-child {justify-content: center;}
.time-list li div{background: var(--chronica-green); text-align: center; color: var(--chronica-white); font-weight: var(--font-weight-semi-bold); padding: 1px 0; margin-bottom: 10px;}
.time-list li.activetimeslot div{background: var(--chronica-green); text-align: center; color: var(--chronica-white); font-weight: var(--font-weight-semi-bold); padding: 1px 0; margin-bottom: 10px;}
.time-list li.inactivetimeslot {opacity: 0.4;}
.time-list li.inactivetimeslot div{background: var(--chronica-dark-grey-text); text-align: center; color: var(--chronica-white); font-weight: var(--font-weight-semi-bold); padding: 1px 0; margin-bottom: 10px;}

.time-list.edittime {justify-content: start}
.time-list.edittime li {width: 33.33%; padding: 15px;}

.qid-list {display: flex; justify-content: space-between; max-width: 700px; width: var(--width-full); flex-wrap: wrap;}
.qid-list li {border: var(--border-light-blue); position: relative; margin-bottom: 20px; min-width: 150px;}
/*.qid-list li:after {content: ""; display: block; width: 22px; height: 22px; background: var(--chronica-white); position: absolute; right: 2px; top: 2px;}
.qid-list li.active:after {content: "\2713"; display: flex; justify-content: center; color: var(--chronica-light-blue); font-weight: var(--font-weight-semi-bold);}*/
.qid-list li .title {background: var(--chronica-light-blue); display: flex; align-items: flex-start; width: var(--width-full); padding: 3px 3px 3px 10px;}
.qid-list li .title strong {color: var(--chronica-white); font-weight: var(--font-weight-medium);}
.qid-list li .title .ckk-cnt{width: 20px; height: 20px;  margin-left: auto; position: relative;}
.qid-list li .title label {width: 20px;  padding: 0 0px 0 0; height: auto; line-height: 20px; left: 0 !important; top: 0; position: absolute;}
.qid-list li span {color: var(--chronica-light-blue);  padding: 0px; display: block; font-weight: var(--font-weight-medium); padding: 10px 7px;}
.qid-list li .title .ckk-cnt [type="checkbox"].filled-in:checked + label:before {border-right: 2px solid var(--chronica-light-blue) !important; border-bottom: 2px solid var(--chronica-light-blue) !important;}
.qid-list li .title .ckk-cnt [type="checkbox"].filled-in:not(:checked) + label:after,
.qid-list li .title .ckk-cnt [type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {border-color: var(--chronica-white); background: var(--chronica-white);}
.qid-qty-cnt {border-top: var(--border-light-grey); padding: 20px 0 0 0;margin-top: 20px;}
.qid-qty-cnt .qty-hold {width: var(--width-full); max-width: 400px;}
.more-card {display: flex; flex-wrap: wrap;}
.more-card .mcard-cnt{flex: 0 0 200px; border: var(--border-grey); border-radius: var(--border-radius-md); text-align: center; display: flex; flex-direction: column; margin: 10px; padding: 15px 0 0 0;}
.more-card .mcard-cnt.more1-bg:hover{background: #F15A38;}
.more-card .mcard-cnt.more2-bg:hover{background: #833B9E;}
.more-card .mcard-cnt.more3-bg:hover{background: #DD6D00;}
.more-card .mcard-cnt.more4-bg:hover{background: #33AAA2;}
.more-card .mcard-cnt.more5-bg:hover{background: #8F4AA4;}
.more-card .mcard-cnt.more6-bg:hover{background: #d7204b;}
.more-card .mcard-cnt.more7-bg:hover{background: #279770;}
.more-card .mcard-cnt.more8-bg:hover{background: #ED6B68;}
.more-card .mcard-cnt.more9-bg:hover{background: #33A3DC;}
.more-card .mcard-cnt.more10-bg:hover{background: #FDB933;}
.more-card .mcard-cnt.more11-bg:hover{background: #80BA51;}
.more-card .mcard-cnt.more12-bg:hover{background: #C15196;}
.more-card .mcard-cnt.more13-bg:hover{background: #365499;}
.more-card .mcard-cnt.more14-bg:hover{background: #d7204b;}
.more-card .mcard-cnt.more15-bg:hover{background: #f19b37;}
.more-card .mcard-cnt.more16-bg:hover{background: #9b4805;}
.more-card .mcard-cnt.more17-bg:hover{background: #279770;}
.more-card .mcard-cnt.more18-bg:hover{background: #fdb933;}
.more-card .mcard-cnt.more19-bg:hover{background: #23819e;}
.more-card .mcard-cnt.more20-bg:hover{background: #7db84c;}
.more-card .mcard-cnt.more21-bg:hover{background: var(--chronica-dark-grey);}
.more-card .mcard-cnt.more22-bg:hover{background: #f44336;}
.more-card .mcard-cnt.more23-bg:hover{background: #f44336;}
.more-card .mcard-cnt.more24-bg:hover{background: #9b4805;}
.more-card .mcard-cnt.more25-bg:hover{background: #33A3DC;}
.more-card .mcard-cnt.more26-bg:hover{background: #aaaaaa;}
.more-card .mcard-cnt div {font-weight: var(--font-weight-semi-bold); color: var(--chronica-dark-blue); padding-bottom: 10px;}
.more-card .mcard-cnt:hover div {font-weight: var(--font-weight-semi-bold); color: var(--chronica-white); padding-bottom: 10px;}
span.redcount{font-weight: var(--font-weight-normal); font-size: var(--font-size-sm); color: var(--chronica-white); background: var(--chronica-red);  padding: 1px 3px; border-radius: var(--border-radius-circle); display: inline-flex; justify-content: center;min-width: 20px; margin-left: 5px;}
.more-card .mcard-cnt i.icon{width: 45px; height: 45px; display: block; padding: 25px 0;  margin: auto;}
.more-card .mcard-cnt i.icon.allergies {background: url("/views/base/img/icon/more-allergies.svg") no-repeat; background-size: contain;}
.more-card .mcard-cnt i.icon.care-circle {background: url("/views/base/img/icon/more-care-circles.svg") no-repeat; background-size: contain;}
.more-card .mcard-cnt i.icon.care-plan {background: url("/views/base/img/icon/more-care-plan.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.consent-form {background: url("/views/base/img/icon/more-consent-form.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.diagnoses {background: url("/views/base/img/icon/more-diagnoses.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.invoices {background: url("/views/base/img/icon/more-invoices.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.lab-reports {background: url("/views/base/img/icon/more-lab-reports.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.patient-alerts-setup {background: url("/views/base/img/icon/more-patient-alerts-setup.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.patient-rules {background: url("/views/base/img/icon/more-patient-rules.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.procedures {background: url("/views/base/img/icon/more-procedures.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.reload-history {background: url("/views/base/img/icon/more-reload-history.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.setup-goals {background: url("/views/base/img/icon/more-setup-goals.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.thresholds {background: url("/views/base/img/icon/more-thresholds.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.vaccinations {background: url("/views/base/img/icon/more-vaccinations.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.careprogram {background: url("/views/base/img/icon/more-program.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.attachment {background: url("/views/base/img/icon/attachment.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.complainceandgoals {background: url("/views/base/img/icon/complianceandgoals.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.appactivity {background: url("/views/base/img/icon/appactivity.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.soapnote {background: url("/views/base/img/icon/soapnote.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.locations_group {background: url("/views/base/img/icon/GroupLocationIcon.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.careactivity {background: url("/views/base/img/icon/appactivity.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.insurance {background: url("/views/base/img/icon/appactivity.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.adtrecord {background: url("/views/base/img/icon/appactivity.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.aifeature {background: url("/views/base/img/icon/aifeature.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.implantabledevice {background: url("/views/base/img/icon/implantabledevice.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt i.icon.problem { background: url("/views/base/img/icon/problem-icon.svg") no-repeat; background-size: contain; margin: auto;}

.more-card .mcard-cnt:hover i.icon.allergies {background: url("/views/base/img/icon/more-allergies-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.care-circle {background: url("/views/base/img/icon/more-care-circles-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.care-plan {background: url("/views/base/img/icon/more-care-plan-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.consent-form {background: url("/views/base/img/icon/more-consent-form-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.diagnoses {background: url("/views/base/img/icon/more-diagnoses-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.invoices {background: url("/views/base/img/icon/more-invoices-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.lab-reports {background: url("/views/base/img/icon/more-lab-reports-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.patient-alerts-setup {background: url("/views/base/img/icon/more-patient-alerts-setup-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.patient-rules {background: url("/views/base/img/icon/more-patient-rules-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.procedures {background: url("/views/base/img/icon/more-procedures-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.reload-history {background: url("/views/base/img/icon/more-reload-history-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.setup-goals {background: url("/views/base/img/icon/more-setup-goals-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.thresholds {background: url("/views/base/img/icon/more-thresholds-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.vaccinations {background: url("/views/base/img/icon/more-vaccinations-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.careprogram {background: url("/views/base/img/icon/more-program-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.attachment {background: url("/views/base/img/icon/attachment-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.complainceandgoals {background: url("/views/base/img/icon/complianceandgoals-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.appactivity {background: url("/views/base/img/icon/appactivity-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.soapnote {background: url("/views/base/img/icon/soapnote-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.locations_group {background: url("/views/base/img/icon/GroupLocationIcon-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.careactivity {background: url("/views/base/img/icon/appactivity-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.insurance {background: url("/views/base/img/icon/appactivity-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.adtrecord {background: url("/views/base/img/icon/appactivity-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.aifeature {background: url("/views/base/img/icon/aifeature-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.implantabledevice {background: url("/views/base/img/icon/implantabledevice-hover.svg") no-repeat; background-size: contain; margin: auto;}
.more-card .mcard-cnt:hover i.icon.problem { background: url("/views/base/img/icon/problem-icon-hover.svg") no-repeat; background-size: contain; margin: auto;}

.survey-tab-cnt  {padding: 10px 0 0 0; margin: 0;}
.survey-tab-cnt .heading {padding: 0; margin: 0;}
.survey-tab-cnt .heading h2 {padding: 15px 0; margin:0 20px;}

.pp-info {background: var(--chronica-dark-blue); display: flex; color:var(--chronica-white); border-radius: 10px;}
.pp-info .patient-profile-cnt {width: 33.33%; padding: var(--padding-regular); border-right: 1px solid #7288B6;}
.pp-info h4 {color: inherit; font-weight: var(--font-weight-normal); margin: 0;}
.pp-info .patient-profile-cnt .upload-img {width: 148px; height: 148px; margin: 20px auto 0; position: relative;}
.pp-info .patient-profile-cnt .upload-img img {width: var(--width-full);border: 2px solid var(--chronica-white); border-radius: var(--border-radius-circle); height: 100%; object-fit: cover;}
.pp-info .patient-profile-cnt .upload-img .camera {background: url("/views/base/img/icon/upload-pic.svg") no-repeat; width: 45px; height: 45px; position: absolute; right: 0px; bottom: 0px; background-size: contain;}
.profile-txt {text-align: center;}
.profile-txt h2 {font-size: var(--font-size-xxl); font-weight: var(--font-weight-medium); color: inherit; margin: 0; padding: 15px 0 0px;}
.profile-txt .username {font-size: var(--font-size-base); font-weight: var(--font-weight-normal); color: #E5E5E5; display: inline-block; border-radius: 25px; border: 1px solid #f3f3f3; padding: 1px 15px; margin-bottom: 7px;}
.profile-txt .username span {font-weight: var(--font-weight-medium); color: var(--chronica-white);}
.profile-txt .extra-info {color: #E5E5E5;}

.pp-info .patient-info-cnt .hold {display: flex; align-items: center; padding: 0;}
.pp-info .patient-info-cnt .hold a {background: url("/views/base/img/icon/edit-pencil.svg") 0 2px no-repeat; background-size: 16px; padding: 0px 5px 0px 25px; border: 0px solid var(--chronica-black); margin-left: auto; color: var(--chronica-white);}
.pp-info .patient-info-cnt .hold a:hover {color: var(--chronica-white);}
.pp-info .patient-info-cnt {width: 67.66%; padding: var(--padding-regular);}
.pp-info .patient-info-cnt .info-list  {column-count:2; margin-top: 10px;}
.pp-info .patient-info-cnt .info-list li {padding: 6px 0; color: #E5E5E5;}
.pp-info .patient-info-cnt .info-list li span {color: var(--chronica-white); font-weight: var(--font-weight-medium);}

.contact-info-hold {display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact-info-hold div {border: var(--border-grey); border-radius: 10px; width: 32%; padding: var(--padding-regular); margin: 15px 0;}
.contact-info-hold div h4 {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--chronica-black-text); margin-bottom: 0;}
.contact-info-hold div ul li  {color: var(--chronica-black-text); padding: 5px 0;}
.contact-info-hold div ul li span {font-weight: var(--font-weight-medium);}
span.top-div {display: flex; align-items:  center; margin-bottom: 10px;}
.top-div a {background: url("/views/base/img/icon/edit-pencil-blue.svg") 0 2px no-repeat; background-size: 16px; padding: 0px 5px 0px 25px; border: 0px solid var(--chronica-black); margin-left: auto; color: var(--chronica-light-blue);}
.top-div a:hover {color: var(--chronica-light-blue);}
.contact-info-hold div hr {border-color: var(--chronica-dark-grey-text); margin: 20px 0;}
.familyhistory-info-cnt {border: var(--border-grey); border-radius: 10px; width: var(--width-full); padding: 20px 20px 10px 20px; margin: 15px 0px 0px; position: relative;}
.familyhistory-info-cnt .card {margin: 0px;}
.familyhistory-info-cnt .card-body {padding: 0px;}

.modalform .floating-labels .form-group {margin: 12px 0;}
.medi-blue-bg {padding: 5px; background: #F2F7FF; margin: 10px 0;}
.medi-blue-bg .progress {height: 50px; border: 1px solid var(--chronica-green); background: #EBF4E3; border-radius: 10px; position: relative;}
.medi-blue-bg .progress .progress-bar {background: var(--chronica-green); height: 48px; border-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.medi-blue-bg .progress-title {position: absolute; left: 20px; top: 0px; font-size: 22px; font-weight: var(--font-weight-medium); color: var(--chronica-white); display: flex; align-items: center;}
.medi-blue-bg .progress-title span {font-size: 36px; font-weight: var(--font-weight-semi-bold); color: var(--chronica-white); line-height: 47px; display: inline-block; margin-left: 10px;}
.vital-progress .progress {height: 50px; border: 1px solid var(--chronica-green); background: #EBF4E3; border-radius: 10px; position: relative;}
.vital-progress .progress .progress-bar {background: var(--chronica-green); height: 48px; border-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.vital-progress .progress-title {position: absolute; left: 20px; top: 0px; font-size: 22px; font-weight: var(--font-weight-medium); color: var(--chronica-white); display: flex; align-items: center;}
.vital-progress .progress-title span {font-size: 36px; font-weight: var(--font-weight-semi-bold); color: var(--chronica-white); line-height: 47px; display: inline-block; margin-left: 10px;}

.compliance-progress .progress {height: 50px; border: var(--border-light-blue); background: #EDF6FA; border-radius: 10px; position: relative;}
.compliance-progress .progress .progress-bar {background: var(--chronica-light-blue); height: 48px; border-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.compliance-progress .progress-title {position: absolute; left: 20px; top: 0px; font-size: 22px; font-weight: var(--font-weight-medium); color: var(--chronica-white); display: flex; align-items: center;}
.compliance-progress .progress-title span {font-size: 36px; font-weight: var(--font-weight-semi-bold); color: var(--chronica-white); line-height: 47px; display: inline-block; margin-left: 10px;}

.three-score {display: flex; padding: 25px 0;}
.three-score .scorebox {width: 33.33%; border: 0px solid red; display: flex; align-items: center; justify-content: center;}
.three-score .scorebox .adhere-cir {width: 50px; height: 50px; border-radius: var(--border-radius-circle); background: var(--chronica-dark-grey-text); display: flex; align-items: center; justify-content: center;}
.three-score .scorebox .adhere-cir svg {width: 30px; height: 30px;}
.three-score .scorebox .adhere-cir.orange svg {width: 40px; height: 40px;}
.three-score .scorebox .adhere-cir.green {background:var(--chronica-green); color:var(--chronica-green);}
.three-score .scorebox .adhere-cir.red {background:var(--chronica-red); color: var(--chronica-red);}
.three-score .scorebox .adhere-cir.orange {background:var(--chronica-orange); color: var(--chronica-orange);}
.three-score .scorebox .adhere-cir.light-blue {background:var(--chronica-light-blue); color: var(--chronica-light-blue);}
.three-score .scorebox .adhere-cir.grey {background:var(--chronica-dark-grey); color: var(--chronica-dark-grey);}
.three-score .scorebox .adhere-cir + h2 {margin-left:20px; margin-bottom: 0; font-size: 40px; font-weight: var(--font-weight-semi-bold);}
.three-score .scorebox .adhere-cir.green + h2 {color: var(--chronica-green);}
.three-score .scorebox .adhere-cir.red + h2 {color: var(--chronica-red);}
.three-score .scorebox .adhere-cir.orange + h2 {color: var(--chronica-orange);}
.three-score .scorebox .adhere-cir.light-blue + h2 {color: var(--chronica-light-blue);}
.three-score .scorebox .adhere-cir.grey + h2 {color: var(--chronica-dark-grey);}
.three-score .scorebox .adhere-cir + h2 + span {margin-left:10px; color: var(--chronica-black-text); padding-top: 7px; font-size: var(--font-size-md);}
.medi-head {font-size: var(--font-size-md); color: var(--chronica-light-blue); font-weight: var(--font-weight-bold);}
.medi-icon {width: 22px;}
.mediname_head{font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--chronica-light-blue); margin-left: 10px;}
.extra-margin{margin-left: 26px;}

.dpf-list  {display: flex; font-size: var(--font-size-sm); margin-bottom: 0px; font-weight: var(--font-weight-normal); padding-top: 5px;}
.dpf-list li  {padding:0 10px; border-right:var(--border-grey); line-height: var(--line-height-base); color: var(--chronica-dark-grey);}
.dpf-list li span {color: var(--chronica-black-text);}
.dpf-list li:after  {content: "";}
.dpf-list li:first-child  {padding-left: 0;}
.dpf-list li:last-child  {border-right:0px;}

ul.sq-capsule {margin-bottom: 12px; /*border: 1px solid #274075;*/ display: inline-block;}
ul.sq-capsule li {display: inline-block; float: left; border: 1px solid #274075; padding: 5px 20px; margin: 0px 0px 10px -1px; border-radius: 0px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semi-bold); color:#274075; cursor: pointer; position: relative;}
ul.sq-capsule li.current, ul.sq-capsule li:hover {background: #274075; color:var(--chronica-white);}
ul.sq-capsule li.current:after {content: ''; position: absolute; left: 42%; top: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #274075; clear: both;}
/*ul.sq-capsule li:last-child {border-right: 0px;}*/
ul.sq-capsule li span {margin-left: 7px;}
ul.sq-capsule li span.badge {padding: 1px 12px;}

ul.legend2 {display: flex;  justify-content: flex-start;}
ul.legend2 li {padding: 3px 10px; color: #666; font-weight: var(--font-weight-medium);}
ul.legend2 li span {width: 9px; height: 9px; display: inline-block; vertical-align: middle; background: red; margin-right: 4px; margin-bottom: 2px;}
/*ul.legend2 li:nth-child(1) span {background: var(--chronica-dark-grey-text);}
ul.legend2 li:nth-child(2) span {background: var(--chronica-black);}*/
ul.legend2 li:nth-child(1) span {background: #7FBA4E;}
ul.legend2 li:nth-child(2) span {background: #FAB631;}
ul.legend2 li:nth-child(3) span {background: var(--chronica-red);}

.clinical_note {display: flex; align-items: center;}
.clinical_note span.lbd-weight {font-size: var(--font-size-lg);}
.clinical_note span.nm-weight {font-size: var(--font-size-md);}
.clinical-cnt .clinical-card  {border: var(--border-grey); border-radius: 10px; padding: 15px; color: var(--chronica-black-text); height: 100%; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.10);}
.clinical-cnt .clinical-card .clinical_note span:first-child {margin-right: 10px;}
.clinical_note_cont{min-height: 115px;}
.create-txt {color: #555; font-size:small;}
.createby {display: flex; justify-content: space-between; border-top: var(--border-grey); margin-left: -15px; margin-right: -15px; padding: 10px 15px 0; flex-wrap: wrap;}
.create-txt span {color: var(--chronica-black-text);}
.clinical-cnt .clinical-card.imp-mark {border-left:5px solid var(--chronica-red);}
.clinical-cnt .clinical-card.imp-mark .imptxt {position: absolute; right: 20px; top:20px;}
.imp-blue-bg {background: #F2F7FF; display: flex; align-items: center; padding: 7px 10px; margin-left: -10px; margin-right: -10px; margin-bottom: 15px;}
.imp-blue-bg.ack_alignment {align-items: flex-start;}
.imp-cnt {text-align: right; margin-bottom: 20px;}
.imp-cnt span {color: #555; cursor: pointer;}
.imp-cnt span.imp {color: var(--chronica-red);}

.pilldue .two-btn-cnt {padding-top: 10px; text-align: center; display: flex; justify-content: space-between;}
.pilldue .two-btn-cnt a {width: 47%;}

.panel-group.acco .panel-default > .panel-heading {padding: 0px;}
.panel-group.acco dl dt .acco-point[aria-expanded="false"] {border-radius:10px; border:var(--border-grey);}
.panel-group.acco dl dt .acco-point[aria-expanded="true"] {border-radius:10px; border:var(--border-grey); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 0px; border-color: var(--chronica-light-blue);}
.panel-group.acco dl dd {border-radius:10px; border:var(--border-grey); border-top-left-radius: 0px; border-top-right-radius: 0px;}
.panel-group.acco dl dd.panel-collapse.collapse.show {border-color: var(--chronica-light-blue); overflow: hidden;}

.care-border-cnt {border: var(--border-grey); border-radius: 10px; padding: 15px 20px; margin-bottom: 20px;}
.careplansummary .table-hold .simple-table tr td:first-child {font-weight: var(--font-weight-normal);}
.survey_quest_cont textarea {width: calc(100% - 40px); margin: 10px 0px 0px 40px;}
.survey_quest_cont .radio-group {margin: 10px 0px 0px 36px;}
.survey_quest_cont .checkbox-group {margin: 10px 0px 0px 40px;}
.survey_quest_cont .rating-stars {margin: 10px 0px 0px 40px;}
.survey_quest_cont select {margin: 10px 0px 0px 40px;}
.plan-desc .plan_desc_list li {padding: 6px 0; color: #E5E5E5;}
.plan-desc .plan_desc_list li span {color: var(--chronica-white); font-weight: var(--font-weight-medium);}

.careplan-blue {background: var(--chronica-dark-blue); padding: 15px; border-radius: 10px; margin-bottom: 20px;}
.careplan-white {background: var(--chronica-white); padding: 15px; border-radius: 10px; margin-bottom: 20px;}
.careplan-blue .plan-hold, .careplan-white .plan-hold{display: flex; flex-wrap: wrap;}
.plan-hold .plan-info-list  {width: 33.33%;}
.plan-hold.plan_summary_cont .plan-info-list  {width: var(--width-half);}
.plan-hold .plan-info-list:first-child  {border-right: 1px solid #7288B6;}
.plan-hold .plan-info-list:nth-child(2)  {padding-left: 35px;}
.plan-hold .plan-info-list li {padding: 6px 0; color: #E5E5E5;}
.plan-hold .plan-info-list li span {color: var(--chronica-white); font-weight: var(--font-weight-medium);}
.careplan-white .plan-hold .plan-info-list li span, .careplan-white .plan-hold .plan-info-list li {color: var(--chronica-black-text);}
.plan-hold .plan-desc {width: 33.33%; border-left: 1px solid #7288B6; padding-left: 35px;}
.plan-hold .plan-desc p {color: var(--chronica-white); padding-bottom: 10px;}
.plan-hold .plan-desc div {color: var(--chronica-white); line-height: 22px;}
.ques-hold {margin-bottom: 25px;}
.ques-hold:last-child {margin-bottom: 0px;}
.care-border-cnt .ques-hold.ques-sub:last-child {border-bottom: 0px solid var(--chronica-dark-grey-text); margin-bottom: 0px; padding-bottom: 0px;}
.ques-hold.ques-sub  {border-bottom: var(--border-grey); margin-bottom: 20px; padding-bottom: 20px;}
.ques-hold p {padding-bottom: 5px; color: #555;}
.careplansummary .ques-hold h6 {color: var(--chronica-dark-blue); margin: 15px 0;}
.viewsurvey-hold {display: flex; flex-wrap: wrap;}
.viewsurvey-hold .survey-info-list  {width: var(--width-full); column-count: 2;}
/*.viewsurvey-hold .survey-info-list:nth-child(2) {padding-left: 35px;}*/
.viewsurvey-hold .survey-info-list li {padding: 6px 0; color: #E5E5E5;}
.viewsurvey-hold .survey-info-list li span {color: var(--chronica-white); font-weight: var(--font-weight-bold);}

.green-bullet {padding: 0; margin: 0;}
.green-bullet li {padding: 3px 0; display: flex; align-items: flex-start; color: var(--chronica-black-text); font-weight: var(--font-weight-medium);}
.green-bullet li .bullet_icon {margin-right: 10px; margin-top: 4px;}
.tresholdedit-cnt {display: flex; flex-wrap: wrap;}
.tresholdedit-cnt .item {margin: 0 10px; width: 135px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

/*#html_btn {visibility: hidden;}*/
.upload .custom-file-upload + input[type="file"] {display: none;}
.upload .custom-file-upload {cursor: pointer;}
.generate-cnt {display: flex; justify-content: space-between;}
.link-div {width: var(--width-full); padding: 0 20px;}

.custon-cnt {display: flex;}
.custon-cnt .input-cnt {width: calc(100% - 200px);}
.custon-cnt .btn-gen {margin: 0 0 0 20px;}
.custon-cnt .btn-gen .btn-block{min-width: 175px}
.vti__input {min-height: 34px;}

.vue-table thead th:first-child {
    display: none;
}
.vue-table tbody td:first-child {
    display: none;
}
.vue-table .arrow:before {
    display: none;
    font-family: FontAwesome !important;
}
.vue-table-hold {position: relative;}
.vue-table-hold .vue-table-cnt .row .col-sm-12{overflow-y: hidden; overflow-x: auto;}
.vue-table-hold table.vue-table td, .vue-table-hold table.vue-table th {padding: 10px 8px;}
.vue-table-hold table.vue-table thead  {background-color: #6FBADE; color: var(--chronica-white);}
.vue-table-hold table.vue-table td  {vertical-align: middle; min-width: 100px;}
.vue-table-hold table.vue-table tbody tr:nth-child(odd):hover, .vue-table-hold table tbody tr:nth-child(even):hover  {background: #e9edf2}
.vue-table-hold table.vue-table{border-bottom: 1px solid #e9ecef; min-height: 120px; margin-bottom: 0px;}
.vue-table-hold table.vue-table td a.nowrap {width: fit-content;}
.vue-table-cnt .row {justify-content: flex-end; margin: 0px;}
.vue-table-cnt.acknowbtn .row {margin: 0;}
.vue-table-cnt .row .col-6 {
    width: var(--width-full);
    max-width: 350px;
    flex: 0 0 350px;
    justify-content: flex-end;}
.vue-table-cnt .row .col-6:last-child {
    display: none;}
.vue-table-cnt .col-sm-12 {padding: 0;}
.vue-table-cnt.acknowbtn .col-sm-12 {padding: 0px 0px 0px;}
.vue-table-cnt .col-sm-12 .btn-toolbar {justify-content: flex-end; padding: 10px 10px 10px;}
.vue-table-cnt .col-sm-12 .btn-toolbar .btn-group {display: flex; align-items: center;}
.vue-table-cnt .col-sm-12 p {padding: 5px 10px 5px;}
.vue-table-cnt .col-sm-12 .btn-toolbar p {padding: 5px 10px 5px 0px; margin-right: auto; margin-left: 0px!important;}
.vue-table-cnt .col-sm-12 .btn-toolbar .btn {min-width: auto;}
.vue-table-hold .vue-table-cnt input.form-control:focus, .vue-table-hold .vue-table-cnt input.form-control, .fl-hold .dataTables_filter input {
    /*background: url("../img/icon/search.svg") no-repeat;*/background: url("/views/base/img/svg-icons/search.svg") 10px 5px  no-repeat;
    background-position: calc(100% - 10px);
    background-size: 22px;
    padding: 7px 36px var(--chronica-button-padding) !important;
    /*max-width: 250px;
      min-width: 250px;*/ margin-left: 5px;}
#patientRulesDataTable_filter  label, #availableparticipantstable_filter  label, #enrolledparticipantstable_filter  label {color:var(--chronica-white);}
#patientRulesDataTable_filter  label  input, #availableparticipantstable_filter label input, #enrolledparticipantstable_filter  label input{color:var(--chronica-black-text);}
.fl-hold .dataTables_filter input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1rem;
    /*line-height: 1.5;*/
    min-height: 41px;
    width: 330px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.fl-hold .dataTables_length, .fl-hold .dataTables_length select, .fl-hold .dataTables_length label{
    min-height: 41px;
}
.show_checkbox_table .vue-table-cnt input.form-control:focus, .show_checkbox_table .vue-table-cnt input.form-control {background: none;}
.show_checkbox_table .d-flex-spacebetween {width: 52%;}
.show_checkbox_table input.form-control {min-height: var(--input-height-base);}
.extracont_left_vue_table {margin-top: -60px;}
.vue-table-hold.show_checkbox_table thead th, .show_checkbox_table thead th:nth-child(2){width: 40px;}
.vue-table-hold.show_checkbox_table thead th, .show_checkbox_table tbody td:nth-child(2){width: 40px;}
.vue_table_holder {position: relative; z-index: 1; width: fit-content;}
.vue-table .three-dot .btn-link {border: 0px; display: flex; align-items: center;}
.vue-table-hold .vue-table-cnt .row tr td .inactivate_row, .vue-table-hold .vue-table-cnt .row tr td .inactivate_row .btn {opacity: 0.3; cursor: not-allowed;}
.vue-table-hold .vue-table-cnt .row tr td .inactivate_row .btn:hover {background: transparent!important; color: var(--chronica-light-blue)!important;}
.vue-table-hold.lastcolumn_small tr td:last-child {width: 1%;}
.table-hold table.table-view td.inactivate_row {opacity: 0.3; cursor: not-allowed;}
/*.vue-table-hold .vue-table-cnt .row tr td .blue {background: transparent!important; color: var(--chronica-light-blue)!important;}
.vue-table-hold .vue-table-cnt .row tr td .orange {background: transparent!important; color: var(--chronica-red)!important;}*/
.patientfilter_tbl_hold table.vue-table th:nth-child(2){width: 7%;}
.tablerow_cursor .vue-table tr td{cursor: pointer;}
.vuetable_more_cols {overflow-x: auto;}
.note_vuetable table.vue-table td:nth-child(3) {width: var(--width-sm);}
.careplan_vuetable table.vue-table td:nth-child(5) {width: var(--width-sm);}
.patient_vuetable_hold table.vue-table td:nth-child(6) {width: 10%; min-width: 200px;}
.compliance_tbl td:first-child{width: 5%;}
.compliance_tbl td:nth-child(2), .compliance_tbl td:nth-child(3){width: 25%;}
.compliance_tbl td:nth-child(5){width: 5%; min-width: 80px;}
.invoice-box {height: auto;  overflow: hidden; overflow-y: auto; max-height: 500px;}
.table-hold .table_report {border: 0px solid transparent;}
.table-hold .table_report td {border: 0px solid transparent; padding: 7px 10px; height: 30px;}
.table_report tr td:nth-child(1){max-width: 110px; width: 110px;}
.table_report tr td.width_150{width: 155px}
.table_report tr td:nth-child(2){max-width: 30px; width: 0px; padding: 2px;}
.table_cms_report .item td {background-color: #DBEBF8;}
.table_cms_report .recordsdata td {background-color: var(--chronica-white); border-left:1px solid #f3f1f1; border-right:1px solid #f3f1f1;}
.table_cms_report .totaltime td {background-color: #DBEBF8;}
.table-hold .patient_detail_report tr td {width: var(--width-half); padding: 2px 10px 0px 0px; height: 30px; border: 0px;}
.table-hold .patient_detail_report{border: 0px;}
.diagnosis_carePlan table tr td {width: 20%;}
.search input {
    padding: 7px 36px var(--chronica-button-padding) !important;
    /*max-width: 250px;
      min-width: 250px;*/}
.compliance_tbl input {min-height: var(--input-height-base); min-width: 150px;}
.btn-acknow {position: absolute; top: 14px; left: 10px;}
#acknowledged .vue-table-hold table thead tr th:last-child,
#acknowledged .vue-table-hold table tbody tr td:last-child {display: none;}

.vuecal__event.event_available {border-radius: 0px; border-left: 7px solid var(--chronica-green);}
.vuecal--twelve-hour .vuecal__time-column {width: 5em !important; font-size: 1em !important;}
/*------------------------Footer asdf------------------------*/
.footer {position: absolute; bottom: 0; left: 0px; z-index: 2; padding: 0px 25px; background: var(--chronica-white); color: var(--chronica-black-text); width: calc(100% + 0px); font-size: var(--font-size-sm);}
.footer .container-fluid {padding: 10px;}
.footer .foot-hold {display: flex; align-items: center; justify-content: space-between; height: var(--input-height-base);}
.footer .footer-cnt {font-size: var(--font-size-sm); font-weight: var(--font-weight-normal); display: flex;  align-items: center;}
.footer .footer-cnt img {width: 100px; padding-top: 10px;}
.foot-list {display: flex; justify-content: space-between;}
.foot-list ul {margin: 0; padding: 0; font-size: 0px;}
.foot-list ul li {border-right: var(--border-grey); display: inline-block; padding: 0 .5rem 0 .5rem; margin: 0; line-height: var(--line-height-base); font-size: var(--font-size-sm); font-weight: var(--font-weight-normal);}
.foot-list ul li:last-child {border: none; padding-right: 0px;}
.foot-list li a, .footer-cnt a {text-decoration: none; color: var(--chronica-black-text); font-size: var(--font-size-sm); font-weight: var(--font-weight-normal);}
.footer-cnt b {font-weight: var(--font-weight-medium);}
.care_consent[type="checkbox"] + label {height: auto; left: 0px;}
.doctor_scheduler select {width:250px; margin-left: auto;}
.doctor_scheduler .form-group {width:250px; margin-left: auto;}
.tracking_leadlist .form-group {width:250px; margin: 0px;}
.tracking_leadlist .multiselect.multiselect--active .multiselect__tags{padding: 0px 40px 0px 12px; max-height: var(--input-height-base);}
.tracking_leadlist {flex-wrap: wrap;}
.tracking_leadlist > * {margin: 4px 0px;}
.input_right_tbl {width:auto; display: flex; align-items: center; flex-wrap: wrap;}
.input_right_tbl input {width:100px; min-height: var(--input-height-base);}
.heading .checkbox-group{padding-top: 0px;}
.heading .checkbox-group label{height: 33px;}
.compliance_tbl .schedule_tbl .checkbox-group {max-width: 40px;}
.compliance_tbl .schedule_tbl .checkbox-group label {min-width: 40px;}
.compliance_tbl .schedule_tbl td:first-child {min-width: 40px;}
.compliance_tbl .schedule_tbl td:nth-child(2) {min-width: 140px;}
.table-view .checkbox-group {margin-top: -15px;}
.table-hold.devices_table .table td {border: transparent;}
.table-hold.devices_table .table {border: transparent;}

span.p-card-show {display: none;}
/*td {display: table-cell;}*/
.notes-card {border: var(--border-grey)!important; border-radius: 10px!important; box-shadow: 0 0 0px rgba(0, 0, 0, 0.10); padding: 0 0 0px 0; /*min-height: 170px;*/ cursor: pointer; position: relative;}
.notes-card .imp-note {position: absolute; top:10px; right: 15px; font-size: 22px;}
.notes-card h3 {padding: var(--button-padding-base); border-bottom: var(--border-grey);}
.notes-card h3 span {/*border-right: 1px solid var(--chronica-black-text);*/ display: inline-block; margin: 0 0px 0 0px; padding: 0 0px 0 0; line-height: 18px;}
.notes-card .hold-alert {padding: 5px 15px 0px 15px; display: flex; align-items: center;}
.notes-desc {padding: 0 15px; min-height: 40px;}
.notes-desc h4 {font-size: var(--font-size-md); color: var(--chronica-black-text); font-weight: var(--font-weight-normal); margin-bottom: 0;}
.notes-desc p {font-size: var(--font-size-sm); color: var(--chronica-black-text); padding: 0px 0; white-space: var(--font-weight-normal);}
.rght-txt {display: inline-block; color: var(--chronica-dark-blue); font-weight: var(--font-weight-semi-bold);}

.notes-table {width: var(--width-full);}
.notes-table tr td {vertical-align: top; padding: 10px;}
.notes-table tr td:first-child {width: 20%;}
.notes-table tr td:last-child {width: 80%;}

.onoffswitch .onoffswitch-checkbox {display: none;}
.onoffswitch .onoffswitch-checkbox + label {padding: 0; margin: 0; height: 30px; border: 0px;}
.onoffswitch .onoffswitch-checkbox + label:before {left: -30px;}
.onoffswitch {position: relative; width: 90px; webkit-user-select: none; moz-user-select: none; ms-user-select: none;}

.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid var(--chronica-grey-text); border-radius: 20px;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: var(--width-half); height: 30px; padding: 0; line-height: 30px; font-size: var(--font-size-sm); color: white; box-sizing: border-box;}
.onoffswitch-inner:before {content: "Assigned"; padding-left: 7px; background-color: var(--chronica-green); color: var(--chronica-white);}
.onoffswitch-inner:after {content: "Available"; padding-right: 7px; background-color: var(--chronica-light-blue); color: var(--chronica-white); text-align: right;}
.onoffswitch-switch {display: block; width: 24px; height: 24px; margin: 0px; background: var(--chronica-white); position: absolute; top: 3px; bottom: 0; right: 64px; border: 0px solid var(--chronica-grey-text); border-radius: 20px; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 3px;}

.act-inactswitch .act-inactswitch-checkbox {display: none;}
.act-inactswitch .act-inactswitch-checkbox + label {padding: 0; margin: 0; height: 30px; border: 0px;}
.act-inactswitch .act-inactswitch-checkbox + label:before {left: -30px;}
.act-inactswitch {position: relative; width: 90px; webkit-user-select: none; moz-user-select: none; ms-user-select: none;}

.act-inactswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid var(--chronica-grey-text); border-radius: 20px;}
.act-inactswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.act-inactswitch-inner:before, .act-inactswitch-inner:after {display: block; float: left; width: var(--width-half); height: 30px; padding: 0; line-height: 30px; font-size: var(--font-size-sm); color: white; box-sizing: border-box;}
.act-inactswitch-inner:before {content: "Active"; padding-left: 18px; background-color: var(--chronica-green); color: var(--chronica-white);}
.act-inactswitch-inner:after {content: "Inactive"; padding-right: 12px; background-color: #848586; color: var(--chronica-white); text-align: right;}
.act-inactswitch-switch {display: block; width: 24px; height: 24px; margin: 0px; background: var(--chronica-white); position: absolute; top: 3px; bottom: 0; right: 64px; border: 0px solid var(--chronica-grey-text); border-radius: 20px; transition: all 0.3s ease-in 0s;}
.act-inactswitch-checkbox:checked + .act-inactswitch-label .act-inactswitch-inner {margin-left: 0;}
.act-inactswitch-checkbox:checked + .act-inactswitch-label .act-inactswitch-switch {right: 3px;}

/*new loader styles*/
.loader-hold {z-index: 99; background: var(--chronica-black); opacity: .5; width: var(--width-full); height: 100%; position: absolute;}
.loader_new_hold {z-index: 99; width: auto; height: auto; position: absolute; top: 49px; left: 120px;}
.loader_fileupload {z-index: 99; width: auto; height: auto; position: absolute; top: 15px; right: 0px;}
.loader-cnt {position: relative; display: flex; justify-content: center; align-items: center; height: 100%;
    /*top: 50%; left: 40%; margin-left: 35%; transform: translate3d(-50%, -50%, 0);*/}
.dot {width: 24px; height: 24px; background: var(--chronica-dark-blue); border-radius: 100%; display: inline-block; animation: slide 1s infinite;}
.dot:nth-child(1) {animation-delay: 0.1s; background: var(--chronica-dark-blue);}
.dot:nth-child(2) {animation-delay: 0.2s; background: var(--chronica-orange);}
.dot:nth-child(3) {animation-delay: 0.3s; background: var(--chronica-green);}
.dot:nth-child(4) {animation-delay: 0.4s; background: var(--chronica-light-blue);}
.dot:nth-child(5) {animation-delay: 0.5s; background: var(--chronica-red);}
.loader_new_hold .dot {width: 12px; height: 12px;}
.loader_fileupload .dot {width: 12px; height: 12px;}
.loader_img {width: 100px;}
/*.dtp table.dtp-picker-days {font-size: var(--font-size-base);}*/
/*healthfeed iframe in Nurse/Doctor getpatientDetails and patient geteducation component*/
.hf-library-frame{width: 92vw;height: 100vh;border-width: 0;}
.refresh {margin-left: 20px; font-size: var(--font-size-base); border: var(--border-light-blue); padding: var(--chronica-button-padding); border-radius: var(--border-radius-md); display: flex; align-items: center; height: var(--input-height-base); min-width: 90px; justify-content: center;}
.refresh svg {stroke: var(--chronica-light-blue); width: 22px; height: 22px; margin: -2px 7px 0px 0px;}
.refresh:hover {color: var(--chronica-white); background: var(--chronica-light-blue);}
.refresh:hover svg * {stroke: var(--chronica-white);}
.duration_healthstatus {position: absolute; right: 45px; top: 19px;}
.compliance_select {display: flex; align-items: center; margin-bottom: 20px;}
.compliance_select h5 {margin: 0px;}
.compliance_select .select {width: 200px; max-width: 200px; margin-left: 10px;}
.calender_example {display: flex; flex-wrap: wrap; justify-content: center;}
.calender_example .graph-label{font-weight: var(--font-weight-bold); font-size: var(--font-size-base);}
.calender_example .subdomain-text{font-size: var(--font-size-sm); color: var(--chronica-black); fill: var(--chronica-black);}
.calender_example .graph-rect.q5{background-color: var(--chronica-green); fill: var(--chronica-green);}
/*.refresh {border: var(--border-light-blue); height: 34px; width: 44px; display: flex; border-radius: var(--border-radius-sm); margin-left: 15px; align-items: center; justify-content: center;}
.refresh svg {!*padding: 2px 3px 0px 0px;*! width: 27px; height: 27px;}
.refresh_animate svg {animation: lds-dual-ring 1.2s linear 1;}
@keyframes lds-dual-ring {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}*/

/*patient new dashboard*/
.tabNav ul{height:auto;background: #EFEFEF; display: flex;}
.tabNav ul li{padding: 0 25px;}
.tabNav ul li a{color:var(--chronica-black-text);padding:10px 10px;display:block;border-radius:0 0 0;text-align:center; font-weight: var(--font-weight-semi-bold);}
.tabNav ul li a:hover{}
.tabNav ul li a.active {color: var(--chronica-light-blue);}
.tabNav ul li:last-child{background-image:none;}
.tabResult {height: auto; margin: 0px 0;}
.tabResult .tabBx{display:none;}
/*.tabResult .col-md-5,.tabResult .col-md-7{padding:0}*/
.tabResult p{padding-bottom:8px;}
.tabResult .tabBx .mobile-menu{display:none}
.tabResult .tabBx .content {padding: 15px 0 0 ;}

.carousel-cnt.vital-cnt .carousel-inner {display: flex; border: 0px solid red; justify-content: space-between;}
.carousel-cnt.vital-cnt .carousel-inner .carousel-item {width: 48%;}
.carousel-cnt.hide-indicator {margin-right: -15px; margin-left: -15px;}
.carousel-cnt.hide-indicator .carousel-indicators {display: none;}
.carousel-cnt.hide-indicator .box-shadow-none {box-shadow: none; padding:0px;}
.carousel-cnt.hide-indicator .carousel-inner {z-index: 3;}
.carousel-cnt.hide-indicator .carousel-inner .carousel-item .pcard {min-height: 220px; padding: 15px 20px 0 20px;}
.survey_slider_count {display: flex; justify-content: center; align-content: center; margin-top: 15px;}
.survey_slider_count span {color: #555; font-size: var(--font-size-base); line-height: 32px; padding: 0px 10px;}

.ds-schedule {border-radius: 10px; background: var(--chronica-dark-blue); overflow: hidden;}
.ds-schedule h4 {color: #90B4FF; padding: 20px 15px 10px; font-size: var(--font-size-xl);}
.ds-schedule ul {list-style: none; margin: 0px; padding: 0px;}
.ds-schedule ul li a {padding: 7px 15px;  display: flex; color: #D7E1F5; display:  flex; align-items: center; border-top: 1px solid #112B62; cursor: pointer; position: relative; font-size: var(--font-size-lg);}
.ds-schedule ul li a:before {content: ''; border-top: solid 1px #5372B2; width: var(--width-full); position: absolute; top: -2px; left: 0;}
.ds-schedule ul li a:hover {background: #3E5FA3;}
.ds-schedule ul li svg {margin-right: 15px;}
.ds-schedule ul li svg path, .ds-schedule ul li svg rect {stroke: #D7E1F5;}
.ds-schedule ul li span {font-size: 45px; color: var(--chronica-white); font-weight: var(--font-weight-semi-bold);}
.ds-schedule ul li span em {font-size: var(--font-size-xl); color: var(--chronica-white); font-weight: var(--font-weight-normal); font-style: var(--font-weight-normal);}
.ds-schedule ul li span em:before {content: "/"; display: inline-block; font-style: var(--font-weight-normal); margin: 0 4px; font-weight: var(--font-weight-normal);}
.participant-hold {width: var(--width-full);}
.participant-cnt {border:1px solid #DCE3ED; background: #F2F7FF;  position: absolute; top: -200px; width: 90%; margin: 0 5%; z-index: 3; border-radius: var(--border-radius-sm); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); padding: 0px;}
.participant-cnt:before {position: absolute; top: -7px; left: 159px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #DCE3ED; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: '';}
.participant-cnt:after {position: absolute; top: -6px; left: 160px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #F2F7FF; border-bottom: 6px solid #F2F7FF; border-left: 6px solid transparent; content: '';}
.participant-cnt ul {max-height: 186px; overflow-y: auto;}
.participant-cnt ul li  {display: flex; align-items: center; padding: var(--button-padding-base);}
.participant-cnt ul li span {display: block;}
.bottom-link {background: #F5F5F5; padding: var(--button-padding-base); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center;}
.bottom-link a:hover  {text-decoration: underline; color: var(--chronica-light-blue);}
/*.upcoming_schedule {overflow: hidden;}*/
/*.upcoming_schedule .bottom-link {margin-top: 24px;}*/
.upcoming_schedule {min-height: 363px;}
.new_message_container {min-height: 363px;}
.todays_medication {min-height: 306px;}
.invoices_container {min-height: 204px /*215px;*/}
.upcoming_schedule .videoconfrn .smalltxt {color: #EDA71A; font-weight: var(--font-weight-medium); font-size: var(--font-size-lg);}
.upcoming_schedule .event .smalltxt {color: var(--chronica-dark-blue); font-weight: var(--font-weight-medium); font-size: var(--font-size-lg);}
.upcoming_schedule .appointment .smalltxt {color: #7FBA4E; font-weight: var(--font-weight-medium); font-size: var(--font-size-lg);}
.upcoming_schedule .homevisit .smalltxt {color: #7FBA4E; font-weight: var(--font-weight-medium); font-size: var(--font-size-lg); padding-top: 5px;}
.upcoming_schedule .groupevent .smalltxt {color: var(--chronica-red); font-weight: var(--font-weight-medium); font-size: var(--font-size-lg);}
.upcoming_schedule .activity-card .img-bc {width: 21px; height: 21px;}
.upcoming_schedule .activity-card .headingtxt{font-size: var(--font-size-lg); margin-bottom: 10px;}
.upcoming_schedule .activity-card .participant-member{font-size: var(--font-size-sm);}
.upcoming_schedule .trunkhold .trunk-item * {font-size: var(--font-size-md);}
.upcoming_schedule .activity-card .activity-desc h6 {font-size: var(--font-size-md);}
.upcoming_schedule .activity-card .activity-desc span.ml-2 {color: var(--chronica-dark-blue); font-size: var(--font-size-md); font-weight: var(--font-weight-medium);}
.upcoming_schedule .activity-card .activity-desc span cite {color: var(--chronica-light-black-text); font-size: var(--font-size-base);}
.upcoming_schedule .trunkhold .trunk-item {margin-right: 0px;}
.upcoming_schedule ul.small-avtar-overlapping li span {font-weight: var(--font-weight-semi-bold); color: var(--chronica-light-black-text); font-size: var(--font-size-sm); line-height: 15px;}
.activity-card .activity-desc h6 {color: var(--chronica-black-text); font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold);}
.new_message_tab .bottom-link {position: absolute; width: calc(100% - 0px); bottom: 0px; left: 0px;}
.Message_holder {display: flex; flex-direction: row; justify-content: space-between;}

#diagnosis-list1 > option {color: red !important; font-weight: normal !important; background: red;}

.vital_reading_wrapper {display: flex; height: 150px; flex-direction: column; justify-content: space-around;}
.popup_vital_reading .vital_reading_wrapper {height: auto; min-height: 150px;}
.vital_reading_wrapper-horizontal {display: flex; height: auto; flex-wrap: wrap; width: var(--width-full);}
.vital_reading_wrapper-horizontal .indicator_container {width: 33.33%; padding: 0px 30px; margin: 7px 0px 15px; position: relative; border: 0px solid var(--chronica-dark-grey-text);}
.vital_reading_wrapper-horizontal .indicator_container h6 {font-weight: var(--font-weight-medium);}
.vital_reading_wrapper-horizontal .indicator_container pb-3 {padding-bottom: 10px !important;}
.vital_reading_wrapper-horizontal .indicator_container:after {content: '';display: block; border-right: var(--border-grey); height: 45px; position: absolute; right: 0px; top:24px;}
.vital_reading_wrapper-horizontal .indicator_container:last-child:after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(3):after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(6):after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(9):after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(12):after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(15):after,
.vital_reading_wrapper-horizontal .indicator_container:nth-child(18):after {content: '';display: block; border-right: 0px solid var(--chronica-dark-grey-text);}

.vital_reading_horizontal_2column{display: flex; height: auto; flex-wrap: wrap; /*height: 210px;*/ overflow: hidden; overflow-y: auto;}
.vital_reading_horizontal_2column.fixheight{height: 210px;}
.vital_reading_horizontal_2column .indicator_container {width: var(--width-half); padding: 0px 30px; margin: 15px 0px 30px; position: relative; border: 0px solid var(--chronica-dark-grey-text);}
.vital_reading_horizontal_2column .indicator_container:after {content: '';display: block; border-right: var(--border-grey); height: 45px; position: absolute; right: 0px; top:24px;}
.vital_reading_horizontal_2column .indicator_container:nth-child(even):after, .vital_reading_horizontal_2column .indicator_container:last-child:after {content: '';display: block; border-right: 0px solid var(--chronica-dark-grey-text);}

.indicator_container {width: 75%; padding: 0px 0px; margin: auto;}
.vital_reading {position: relative; width: 98%; margin: auto; height: 20px;}
.range_container {position: absolute;  /*background: rgb(254,0,0); background: linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(254,0,0,1) 19.9%, rgba(251,153,41,1) 20%, rgba(251,153,41,1) 39.9%, rgba(127,186,78,1) 40%, rgba(127,186,78,1) 59.9%, rgba(251,153,41,1) 60%, rgba(251,153,41,1) 79.9%, rgba(254,0,0,1) 80%, rgba(254,0,0,1) 100%);*/ width: var(--width-full); height: 6px; top: 5px;}
.range_container::before {content: ''; position: absolute; width: 0; height: 0; border: 0 solid transparent; border-top-width: 3px; border-bottom-width: 3px; border-right: 4px solid #FE0000; left: -4px; top: 0px;}
.range_container::after {content: ''; position: absolute; width: 0; height: 0; border: 0 solid transparent; border-top-width: 3px; border-bottom-width: 3px; border-left: 4px solid #FE0000; right: -4px; top: 0px;}
.vital_main_wrapper {background: transparent; overflow: hidden;}
.vital_wrapper {width: var(--width-full);}
.vital_main_wrapper .carousel-cnt.hide-indicator {margin-right: -15px; margin-left: -15px;}
.indicator {width: 98%; display: flex; justify-content: space-between; position: relative; margin: auto;}
.indicator span {font-size: var(--font-size-sm); width: auto; border: 0px solid red; text-align: left; position: absolute;  text-align: left; border: 0px solid red;}
.indicator span:first-child {text-align: left;}
.indicator span:last-child {text-align: left;}
.indicator span:nth-child(1) {top:15px;}
.indicator span:nth-child(2) {top:-16px; margin-left: -5px;}
.indicator span:nth-child(3) {top:15px; margin-left: -5px;}
.indicator span:nth-child(4) {top:15px; margin-left: -5px;}
.indicator span:nth-child(5) {top:-16px; margin-left: -5px;}
.indicator span:nth-child(6) {top:15px; margin-left: -5px;}

.vital_range_color_indicator .normal_vital .green {background: var(--chronica-green);}
.vital_range_color_indicator .normal_vital .yellow {background: var(--chronica-orange);}
.vital_range_color_indicator .normal_vital .red {background: var(--chronica-red-text);}

.vital-container, .nurse-vital-container {margin: 0 auto; padding: 0px; width: var(--width-full); border: 0px solid red; color: #333; background: transparent;}
.image_container {width: var(--width-full); height: 100%; display: flex; position: relative; display: block;}
.image_container.vital-image1 {background: url(/views/base/img/vital_blankimg1.png) no-repeat center center/cover; width: var(--width-full); height: 100%; border-radius: 22px;}
.image_container.vital-image2 {background: url(/views/base/img/vital_blankimg2.png) no-repeat center center/cover; width: var(--width-full); height: 100%; border-radius: 22px;}
.image_container span {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--chronica-white); position: absolute; left: 20px; bottom: 40px;}
.image_container .image_overlay {position: absolute; left:0; top: 0; width: var(--width-full); height: 100%; border-radius: 10px;}
.image_container .image_overlay.blue {background: rgba(39,165,221,0.84);}
.image_container .image_overlay.purple {background: rgba(107,72,173,0.84);}

.slick-slide {padding: 0 10px;height: inherit!important;}
.slick-track {display: flex!important;}
.slick-slide .content-area {margin: 0 0% 0 0; box-shadow: none;}

.nurse-vital-container ul li {padding: 10px;}
.nurse-vital-container ul li .content-area{border: var(--border-light-grey); box-shadow: none;}
.nurse-vital-container {padding: 0px 0 0px;}

.vital_reading_heading {font-size: 22px; font-weight: var(--font-weight-semi-bold); white-space: nowrap; margin: 0px 15px 0px 0px;}
.vital_reading_heading:last-child {margin: 0px 0px 0px 0px;}
.vital_reading_txt {font-size: var(--font-size-md); font-weight: var(--font-weight-normal);}
.vital_range_color_indicator {display: flex; justify-content: center; align-items: center; width: var(--width-full);}
.normal_vital {display: flex; justify-content: center; align-items: center; margin-right: 15px; font-size: var(--font-size-sm);}
.normal_vital:last-child {margin: 0px;}
.square_vital {width: 5px; height: 5px; margin-right: 8px;}
.slider_item {width: 305px; margin: 0px 15px;}

/*.medi-hold .medi-table {min-width: 1100px;}
.table-hold table.table.medi-table thead, .table-hold table.table.medi-table tbody {width: var(--width-full);}*/
.medi-hold {margin-top: 12px;}
.medi-hold .medi-time {background: #F2F7FF; padding: 7px 10px; text-align: center; font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); margin-bottom: 10px;}
.medi-table {min-height: 178px; padding: 0px 9px;}
.medi-table li {display: flex; align-items: center; padding: 8px 0;}
.medi-table li i {margin-right: 10px;}
/*.medi-table li div {font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold);}*/
.medi-table li div span {font-size: var(--font-size-base); font-weight: var(--font-weight-normal); color: var(--chronica-light-black-text);}
.medi-table li a {margin-lescorecountft: auto;}
.pos-abs-topright-30 {position: absolute; right: 0px; top: -30px;}
.pos-abs-lr-end {position: absolute; top: 18px; display: flex; z-index: 4; width: var(--width-full); justify-content: space-between;}
.medi-table li .taken-pill {color: var(--chronica-green);  margin-left: auto; font-weight: var(--font-weight-normal); font-size: var(--font-size-base); white-space: nowrap;}
.medi-table li .taken-pill i {margin-right: 7px;}
.medi-table li .schedule-pill {color: #8B8B8B;  margin-left: auto; font-weight: var(--font-weight-normal); font-size: var(--font-size-base); white-space: nowrap;}
.medi-table li img {width: 16px;}
.medi-table li a.btn.btn-sm {width: 55px; min-width: 55px;}
.medi-table .btn-secondary {background-color: #f5f5f5; color: #888; border-color: #f5f5f5;}
.medi-table li div span.medi-name {font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); color: var(--chronica-black-text);}
.medi-table li div {margin-right: 0px;}
.medi-table li a.btn-sm {font-size: var(--font-size-base);}
.medi-table .medi_flex {display: inline-flex; align-items: center;}
.panel-body .medi-table {min-height: fit-content; padding: 5px; margin: 0px; border-bottom: 1px solid #dee2e6;}
.panel-body:last-child .medi-table {border: 0px solid #ccc;}

.survey_heading_container {background: #E6EEFF; padding: 2px 10px;}
.survey_heading{font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); color: var(--chronica-dark-blue); display: flex; align-items: center;}
.survey_counter {background: var(--chronica-red); color: var(--chronica-white); border-radius: 10px; padding: 0px 6px; font-size: var(--font-size-sm); margin-left: 5px; font-weight: var(--font-weight-semi-bold); line-height: 17px; text-align: center; display: inline-block; height: 17px; min-width: 22px; width: auto;}
.take_survey_list {display: flex; justify-content: space-between; padding: 0px 10px; /*align-items: center;*/ width: var(--width-full); min-height: 142px;}
.take_survey_list ul{width: var(--width-full);}
.take_survey_list ul li{display: flex; align-items: center; padding: 20px 0px 0px 0;}
.take_survey_list .btn-sm, .invoices_hold .btn-sm{font-size: var(--font-size-base);}
.take_survey_list .btn-sm {min-width: 160px!important;}
.consent_heading_container {background: #EBF9FF; padding: 2px 10px; /*margin-top: 20px;*/}
.consent_heading{font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); color: var(--chronica-light-blue); display: flex; align-items: center;}
.survey_trunktxt {display: inline; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 10px; word-wrap: break-word; color: var(--chronica-dark-blue); font-weight: var(--font-weight-medium); font-size: var(--font-size-md);}
.invoices_heading_container {background: #F2FAEA; padding: 2px 10px;}
.invoices_heading{font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); color: #569A1E; display: flex; align-items: center;}
.invoices_btn {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.invoices_hold {display: flex; align-items: center; width: var(--width-full); justify-content: space-between; padding: 20px 10px 0px; flex-wrap: wrap;}
.invoices_btn .paid-pill {color: var(--chronica-green); margin-left: auto; font-weight: var(--font-weight-normal); font-size: var(--font-size-base); white-space: nowrap; min-width: 90px; text-align: center;}
.invoices_btn .paid-pill i {margin-right: 7px;}

.left_invoices ul li {color: var(--chronica-light-black-text);}
.left_invoices ul li:last-child {font-size: var(--font-size-xl); color: #666666;}
.mr_minus20 {margin: 0px -20px -20px;}
.new_message_tab {min-height: 281px;}
.new_message_tab .tab-content .tab-pane {display: none;}
.new_message_tab .tab-content .tab-pane.active {display: block;}
.new_message_tab > ul{width: var(--width-full); border-bottom: 1px solid var(--chronica-dark-blue);}
.new_message_tab > ul > li{border-bottom: 0px solid var(--chronica-dark-blue);}
.new_message_tab > ul > li > a {color: var(--chronica-dark-blue); font-size: var(--font-size-md); font-weight: var(--font-weight-semi-bold); padding: 3px 6px;}
.new_message_tab > ul > li > a.active {background: var(--chronica-dark-blue);  color: var(--chronica-white);}
.new_message_tab .tab-content .message_container p.nowrap {color: var(--chronica-light-black-text); padding-left: 5px;}
.message_heading {font-size: var(--font-size-md); line-height: 18px; font-weight: var(--font-weight-semi-bold); margin-bottom: 2px;}
.minwidth90 {min-width: 90px!important;}
.minwidth_105 {min-width: 108px!important;}
.upcoming_schedule .carousel-cnt.hide-indicator .carousel-inner .carousel-item .minheight200 {min-height: 285px;}
.message_container {display: flex; align-items: flex-start; width: var(--width-full); /*justify-content: space-between;*/ padding: 15px 0px 0px;}
.new_message_tab li.message_container:last-child {margin-bottom: 15px;}
.message_container .pic40 {min-width: 40px;}
.message_txt {padding: 0px 0px 0px 5px; width: calc(100% - 50px);}
.message_hold {display: flex; align-items: center;}
.message_hold .message-item {flex: 1 1 200px; display: inline; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 10px; word-wrap: break-word; font-size: var(--font-size-md);}
.vital_nodata {background: var(--chronica-white); border-radius: 10px; min-height: 325px; display: flex; align-items: center;}

/*Video welcome page css*/
.welcome_container {width: var(--width-full); height: calc(100vh - 0px); border: 0px solid red; display: flex; margin: 0 0 0px 0; /*min-height: 720px;*/}
.welcome_image_vidyo{padding: 0; background: url(../../../views/chronic/video/Images/loginimg.271ed11.png) no-repeat center; width: var(--width-full); height: 100%; position: relative; background-size: cover;}
.video_footer {width: var(--width-full); left: 0; bottom: -4px; position: absolute; z-index: 2; background: var(--chronica-black); color: var(--chronica-white); padding: 12px 20px; font-size: var(--font-size-sm);}
.video_footer .foot-hold {display: flex; align-items: center; justify-content: space-between;}
.video_footer .copy-cnt {font-size: var(--font-size-sm); font-weight: var(--font-weight-normal); display: flex; align-items: center;}
.video_footer .tnc ul {margin: 0; padding: 0;}
.video_footer .tnc ul li {border-right: 1px solid var(--chronica-white); display: inline-block; padding: 0 10px 0 6px; margin: 0; line-height: var(--line-height-base); font-size: var(--font-size-sm); font-weight: var(--font-weight-normal);}
.video_footer .tnc ul li:last-child {border-right: 0px solid var(--chronica-white);}
.video_footer .tnc ul li a {text-decoration: none; color: var(--chronica-white); font-size: var(--font-size-sm); font-weight: var(--font-weight-normal);}
.video_footer .social-cnt {display: flex; align-items: center;}
.video_footer .social-cnt span {margin-right: 5px; white-space: nowrap;}
.video_footer .social-cnt a {color: var(--chronica-white); margin: 0 5px; text-decoration: none; border-radius: var(--border-radius-circle); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: var(--chronica-light-blue);}
.video_footer .social-cnt a.fb {background: #3b5998;}
.video_footer .social-cnt a.in {background: #0e76a8;}
.video_footer .social-cnt a.tw {background: #55acee;}
.text_welcome_video {font-size: var(--font-size-sm); color: #555;}
.welcome_text_container {display: flex; align-items: flex-start; justify-content: center; font-size: 28px; line-height: 20px; font-weight: var(--font-weight-medium);}
.welcome_wrapper {display: flex; justify-content: center; align-items: center; height: 100%; width: var(--width-full); padding: 40px; flex-direction: column;}
.msgblock {width: var(--width-full); width: var(--width-full); padding: 0px 0;}
.msgblock .alert {margin: 0 0 30px 0; border: 0px solid red; padding: 12px 30px 12px 15px;}
.msgblock div.alert.alert-success {margin: 0 0 30px 0;}
.msgblock div.alert.alert-danger {margin: 0 0 30px 0;}
.welcome_cont {margin: auto;}

.btn_responsive {width: 60%; min-width: 250px; max-width: 250px;}
.client_logo {width: 65%; max-width: 230px;}
.welcome_background {display: none; background: url(../../../views/chronic/video/Images/loginimg.271ed11.png) no-repeat center; width: var(--width-full); height: 100%; position: relative; background-size: cover;}
.providerbg {/*background: url(../../../views/chronic/video/Images/loginimg.271ed11.png) no-repeat center;*/ width: var(--width-full); position: relative; background-size: cover; padding: 0px 0;}
.paycnt {background: var(--chronica-white); border-radius: 10px; width: var(--width-full); max-width: 800px; margin: 0 auto; padding: 30px;}

.care_activity_datatable .top.fl-hold {top:0px; right: 195px;}
.table-hold .simple-table {border:none;}
.table-hold .simple-table tr td {padding: 7px 10px;}
.table-hold .simple-table tbody tr:nth-child(even):hover {background: var(--chronica-white);}
.table-hold .simple-table tr td:first-child {width: 1%; white-space: nowrap; padding-left: 0px; font-weight: var(--font-weight-light); vertical-align: top;}
.table-hold .simple-table tr td:nth-child(2) {color: var(--chronica-black-text); font-weight: var(--font-weight-medium);}
.patient_careplan {padding: 0px .5rem 10px 0px; font-weight: var(--font-weight-normal); color: var(--chronica-black-text); border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom: 10px;}
.patient_careplan:last-child {border: 0px solid var(--chronica-black);}
.careplansummary h6 {color: var(--chronica-black-text); font-weight: var(--font-weight-semi-bold);}
.careplansummary h5 {font-size: var(--font-size-lg); line-height: 20px; font-weight: var(--font-weight-semi-bold);}
#showCPdetail .grey-text {
    color: #555 !important;
}

.new-prof-cnt {display:  flex; flex-wrap: wrap;  flex: 1 0 250px; padding: 15px; position: relative; height: 100%; min-height: 280px;}
.new-prof-cnt .profile-a {border:0px solid red; order: 1; flex: 0 0 30%;}
.new-prof-cnt .profile-b {border:0px solid green; order: 2; flex: 0 0 70%; text-align: center;}
.new-prof-cnt .profile-c {border:0px solid yellow;order: 3; flex: 0 0 25%; position: absolute; top: calc( 160px - 0px ); z-index: 1; width: 28%; padding: 0px; left: 4%;}
.new-prof-cnt .profile-b h4 {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color:var(--chronica-black-text); padding: 7px 0;}
.new-prof-cnt .profile-b h4 span{font-size: 50px; font-weight: var(--font-weight-semi-bold); position: relative; top: 7px; left: 10px;}
.vertical-hold {height: calc(100% - 100px); align-items: stretch; padding-top: 15px;}
.vertical-bar-hold {height: 165px; align-items: stretch; padding-top: 15px;}
.vertical-progress-cnt {display: flex;  height: 100%; flex-direction: row; justify-content: space-around;}
.vertical-progress-cnt .vertical-bar {background: red; width: 33.33%; max-width: 100px; margin: 0 10%;  display: flex; justify-content: center; align-items: flex-end; position: relative;}
.vertical-progress-cnt .vertical-bar .progress-bar {width: var(--width-full); /*height: 0;*/ -webkit-transition: height 0.6s ease;  -o-transition: height 0.6s ease; transition: height 0.6s ease; border-radius: 0px;}

.vertical-progress-cnt .vertical-bar.blue {background: #EDF6FA;}
.vertical-progress-cnt .vertical-bar.green {background: #F1F5ED;}
.vertical-progress-cnt .vertical-bar.yellow {background: #FFF8EB;}
.vertical-progress-cnt .vertical-bar.orange {background: #FFF6ED;}
.vertical-progress-cnt .vertical-bar.red {background: #FFF7F7;}

.vertical-progress-cnt .vertical-bar.blue .progress-bar {background: #30BAE7;}
.vertical-progress-cnt .vertical-bar.green .progress-bar {background: var(--chronica-green);}
.vertical-progress-cnt .vertical-bar.yellow .progress-bar {background: var(--chronica-orange);}
.vertical-progress-cnt .vertical-bar.orange .progress-bar {background: #FF8000;}
.vertical-progress-cnt .vertical-bar.red .progress-bar {background: var(--chronica-red);}
ul.legend {display: flex; flex-wrap: wrap;}
ul.legend li {width: var(--width-half); padding: 3px 0;}
ul.legend li span {width: 9px; height: 9px; display: inline-block; vertical-align: middle; background: red; margin-right: 4px;}
ul.legend li:nth-child(1) span {background: #30BAE7;}
ul.legend li:nth-child(2) span {background: var(--chronica-green);}
ul.legend li:nth-child(3) span {background: var(--chronica-orange);}
ul.legend li:nth-child(4) span {background: #FF8000;}
ul.legend li:nth-child(5) span {background: var(--chronica-red-text);}

ul.legend1, ul.legend2, ul.legend3, ul.legend4{display: flex;  justify-content: center;}
ul.legend1 li, ul.legend2 li, ul.legend3 li, ul.legend4 li {padding: 3px 10px;}
ul.legend1 li span, ul.legend2 li span, ul.legend3 li span, ul.legend4 li span {width: 9px; height: 9px; display: inline-block; vertical-align: middle; background: red; margin-right: 4px;}
ul.legend4 li span {width: 14px; height: 14px;}
ul.legend1 li:nth-child(1) span {background: #30BAE7;}
ul.legend1 li:nth-child(2) span {background: var(--chronica-green);}
ul.legend1 li:nth-child(3) span {background: var(--chronica-orange);}
ul.legend1 li:nth-child(4) span {background: #FF8000;}
ul.legend1 li:nth-child(5) span {background: var(--chronica-red);}

ul.legend2 li:nth-child(1) span {background: var(--chronica-light-blue);}
ul.legend2 li:nth-child(2) span {background: var(--chronica-orange);}
ul.legend2 li:nth-child(3) span {background: var(--chronica-red);}
ul.legend2 li:nth-child(4) span {background: var(--chronica-green);}

ul.legend3 li:nth-child(1) span {background: var(--chronica-green);}
ul.legend3 li:nth-child(2) span {background: var(--chronica-red);}

ul.legend4 li:nth-child(1) span {background: #e9e6e6; border: 1px solid #cccccc;}
ul.legend4 li:nth-child(2) span {background: #e7f9d9; border: 1px solid #a0eb66;}

.bar-txt {display: flex; justify-content: space-around; padding: 10px 0 0 0; width: var(--width-full); justify-content: space-around; text-align: center;}
.bar-txt div {width: 33.33%;}
.bar-txt div a {display: block;;}

.three-card {border: var(--border-light-grey); padding: 0px; margin: 0 0%; border-radius: var(--border-radius-md); height: 100%;}
.three-card h4 {padding: 10px 15px 10px 15px; margin: 0}
.three-card .blue-bg, .blue-band {background: #F2F7FF; padding: var(--button-padding-base);}
.three-card .carousel-cnt .carousel-control {position: absolute; right: 0px; top: -36px; height: 20px;}
.three-card .carousel-cnt .carousel-indicators {display: none;}
.three-card .carousel-cnt .medi-table {padding: 12px 15px;}
.three-card .carousel-cnt .carousel-inner {min-height: 355px; display: flex; align-items: center; justify-content: center;}
.three-card .carousel-cnt .carousel-item {min-height: 355px;}
.three-card .carousel-cnt .carousel-item .btn-container {display: flex; justify-content: center; align-items: center; position: absolute; width: calc(100% - 40px); bottom: 20px;}
.nurse-vital-container .hooper-slide .btn-container {display: flex; justify-content: center; align-items: center;}
.btn-max-width {width: var(--width-full);}
.two-grid  {display: flex; flex-wrap: wrap; padding: 15px 0;}
.two-grid  li {width: 48%; display: inline-flex; align-items: center; padding: 6px 0px; margin: 0px 2% 0px 0px;}
.two-grid  li i{margin-right: 10px;}

.tabCnt .tabResult div[class^="col-"] {margin-bottom: 30px;}

.miss {background: url("/views/base/img/icon/miss.svg") center center no-repeat; width: 18px; height: 18px; margin-left: auto;}
.pill_icon {background: url("/views/base/img/icon/pill_icon.svg") center center no-repeat; width: 18px; height: 18px; margin-left: auto;}
.survey-response-list li {background: url("/views/base/img/arrow-bullet.png") 0 4px no-repeat; padding: 0px 0 0 20px; min-height: 150px; font-size: var(--font-size-md);}
.modal-content .survey-response-list li {min-height: 0;}
.survey-response-list li span.near {color: var(--chronica-red); display: block; padding: 6px 0; font-weight: var(--font-weight-semi-bold);}
.survey-response-list li a.near {color: var(--chronica-red); display: block; padding: 6px 0; font-weight: var(--font-weight-semi-bold);}
.media-list {height: auto; overflow: hidden; overflow-y: auto; max-height: 250px;}
.media-list li {padding: 0px 0 8px 0px; font-size: var(--font-size-md);}
.media-list [type="checkbox"] + label {padding: 0px 0px 0px 35px;}
.overflow_hidden{overflow: hidden;}

.reading-score {font-size: var(--font-size-xxl);}
.reading-score span.reading-num{font-weight: var(--font-weight-bold);}
.reading-score span.reading-txt{font-weight: normal}
.hr-ago {margin-left: auto; font-size: var(--font-size-sm); color: #666666;}
.abnormal_vital_card {display: flex; align-content: center; width: var(--width-full);}
.px-15 {padding: 0 15px;}
.vital-cnt .pos-abs-topright-30 {top: -38px;}
.table tr td .btn-group.show .dropdown-menu.show a[data-target] {width: var(--width-full); height: auto; margin: 0;}
.table tr td a[data-target] {margin: 0 5px; display: inline-block; width: 24px; height: 24px;}
.table tr td a[data-target] img {width: var(--width-full);}
.table tr td a[data-target]:first-child img {width: 80%; margin: auto;}
#mediaListDatatable.table td:last-child{display: flex;}
.table tr td .dropdown-menu li a[data-target] {width: var(--width-full); margin: 0; height: auto;}
.table tr td a[data-target]:first-child img.deleteNotes {width: var(--width-full);}
/**/
/* Profile Circle fill percentage css */
.single-chart {width: 120px; justify-content: space-around; position: relative;}
.single-chart img {width: 65px; height: 65px; position: absolute; top: 16px; left: 28px; display: flex; justify-content: center; border-radius: var(--border-radius-circle);}
.circular-chart {display: block; margin: 10px auto; max-width: 80%; max-height: 250px;}
.circle-bg {fill: none; stroke: #eee; stroke-width: 2.8;}
.circle {fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards;}

.btn-card-hold {margin: 10px 10px 10px 10px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.btn-card {padding: 10px; flex: 0 1 15%; min-width: 290px;}
.btn-card .image_container  {width: auto; height: 170px;}
.btn-card .image_container img {width: var(--width-full); height: 100%; border-radius: 10px;}
.btn-card .image_container .image_overlay {display: flex; justify-content: center; align-items: center; padding: 15px 20px;}
.btn-card .image_container span {font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--chronica-white); position: inherit; left: unset; bottom: unset; text-decoration: underline; padding: 0 15px;}

.image_container .image_overlay.blue {background: rgba(39,165,221,0.84);}
.image_container .image_overlay.purple {background: rgba(107,72,173,0.84);}
.image_container .image_overlay.green {background: rgba(126,186,77,0.84);}
.image_container .image_overlay.dkblue {background: rgba(49,81,148,0.84);}
.image_container .image_overlay.yellow {background: rgba(234,164,33,0.9);}
.image_container .image_overlay.orange {background: rgba(240,82,54,0.84);}
.image_container .image_overlay.red {background: rgba(191,65,43,0.84);}
.image_container .image_overlay.pink {background: rgba(215,95,132,0.84);}
.image_container .image_overlay.brown {background: rgba(148,145,74,0.84);}
.image_container .image_overlay.darkgreen {background: rgba(39, 151, 112, 0.84);}
.image_container .image_overlay.darkpurple {background: rgba(143, 74, 164, 0.84);}
.image_container .image_overlay.redorange {background: rgba(241, 90, 56, 0.84);}
.image_container .image_overlay.leafgreen {background: rgba(51, 170, 162, 0.84);}
.image_container .image_overlay.maroon {background: rgba(93, 23, 30, 0.84);}
.image_container .image_overlay.blue2 {background: rgba(23, 64, 93, 0.84);}
.image_container .image_overlay.grey {background: rgba(119, 119, 119, 0.84);}
.image_container .image_overlay .rt-icon {position: absolute; right: 20px; top: 15px;}
table.table-rev tr td {padding: var(--button-padding-base); font-size: var(--font-size-base);}
table.table-rev tr td:last-child {font-size: var(--font-size-md); font-weight: var(--font-weight-medium);}
table.table-rev tr:first-child td {font-size: var(--font-size-base); font-weight: var(--font-weight-normal);}

@keyframes progress {0% {stroke-dasharray: 0 100;}}
.circular-chart.orange .circle-bg {stroke: #FFF6ED;}
.circular-chart.green .circle-bg {stroke: #F1F5ED;}
.circular-chart.blue .circle-bg {stroke: #EDF6FA;}
.circular-chart.yellow .circle-bg {stroke: #FFF8EB;}
.circular-chart.red .circle-bg {stroke: #FFF7F7;}
.circular-chart.orange .circle {stroke: #FF8000;}
.circular-chart.green .circle {stroke: var(--chronica-green);}
.circular-chart.blue .circle {stroke: #30bae7;}
.circular-chart.yellow .circle {stroke: var(--chronica-orange);}
.circular-chart.red .circle {stroke: var(--chronica-red-text);}
.percentage {fill: #666; font-family: sans-serif; font-size: 0.5em; text-anchor: middle;}
.Health_score {font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); line-height: 18px; margin-left: 1px; position: relative;}

.vc-grid-container, .vc-pane-container {font-family: var(--font-family-default) !important;}
.vc-grid-container .vc-grid-cell .vc-day .vc-h-full span.vc-day-content{margin: 2px!important;}
.vc-pane-container .vc-day-content{margin: 2px!important; width: var(--day-content-width); height: var(--day-content-height);}
.vc-pane-container .vc-highlight {width: var(--day-content-width); height: var(--day-content-height);}
.vc-pane-container .vc-select select {background: none!important; padding: 0 15px 0 10px !important;}
.vuecal--month-view .vuecal__cell {height: 60px;}
.vuecal--blue-theme .vuecal__header .vuecal__menu {background-color: var(--chronica-light-blue)!important;}
.vuecal--blue-theme .vuecal__header .vuecal__title-bar {background-color: #ddf0f9!important;}
.vuecal--blue-theme .vuecal__event {background-color: rgba(126, 186, 77, 1)!important; color: var(--chronica-white); display: flex;  align-items: center; padding-left: 5%;}
.vuecal--blue-theme .vuecal__event.event_video_consultation_booked {background-color: #fef3df !important; color: var(--chronica-orange); border: 1px solid var(--chronica-white); border-left: 7px solid var(--chronica-orange);}
.vuecal--blue-theme .vuecal__event.event_appointment_booked {background-color: #ddf0f9 !important; color: var(--chronica-light-blue); border: 1px solid var(--chronica-white); border-left: 7px solid var(--chronica-light-blue);}
.vuecal--blue-theme .vuecal__event.event_available {background-color: #ebf4e3 !important; color: var(--chronica-green);  border: 1px solid var(--chronica-white); border-left: 7px solid var(--chronica-green);}
.vuecal--blue-theme .vuecal__event.phoneevent_booked {background-color: #FFF4F4 !important; color: var(--chronica-red); border: 1px solid var(--chronica-white); border-left: 7px solid var(--chronica-red);}
.vuecal--blue-theme .vuecal__cell-events-count {background-color: var(--chronica-light-blue)!important; padding: 1px 5px;}
.vuecal__time-cell-label {white-space: nowrap;}
.vuecal__cell .vuecal__event * {font-weight: var(--font-weight-semi-bold);}
.daterange_icon {width: 18px;}
.vue_date_rangepicker input {width: calc(50% - 14px);}
.date_range_hold {display: flex; align-items: center; width: var(--width-full); justify-content: space-between;}

.tab-content .form-control::placeholder {color: var(--chronica-black-text)!important;}
.tab-content ::placeholder {color: var(--chronica-black-text)!important;}
.ellipsis_max40char {max-width: 190px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width: 200px;}
.ellipsis_max20char {max-width: 150px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width: 160px;}
.ellipsis_max15char {max-width: 98px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; display: block; width: 100px;}

.table-hold .table .form-group {margin: 15px 0px;}
.table-hold .table .form-group .checkbox-group [type="checkbox"] + label {height: 20px;}

.question_card {width: var(--width-full); height: auto; background: var(--chronica-white); padding: 10px 6px; /*box-shadow: 0px 0px 20px rgba(0,0,0,0.1);*/ margin: 0px 0px 4px 0px;}
.treatment_card {width: var(--width-full); height: auto; background: var(--chronica-white); padding: 12px 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); margin: 0px 0px 10px 0px; display: block;}
.treatment_card_empty {background: var(--chronica-white); padding: 12px 20px; display: contents;}
.treatment_card_empty p {height: 90%; border: 1px solid #cccccc; min-height: 100px;}
.treatment_card p {font-weight: var(--font-weight-medium);}
.care_management_recommendation {color: #6E6F6F; font-weight: var(--font-weight-normal);}
.question_no {width: auto; text-align: left; margin-right: 2px; min-width: 22px;}
.question_card .radio-group {margin-left: 18px;}
.question_card .checkbox-group {margin-left: 20px;}
.radio-group .z-lable {margin-right: 20px; font-size: var(--font-size-base)!important; left: 0px;}
.checkbox-group .z-lable {margin-right: 20px; font-size: var(--font-size-base)!important; line-height: 22px; left: 0px; padding-left: 30px!important;}
.diagnosis_table {width: var(--width-full); border: none;}
.diagnosis_table tr td:first-child{width: 1%; white-space: nowrap; padding: 12px 15px 0px 0px; vertical-align: top; font-weight: var(--font-weight-medium); color: #808088;}
.care_mgmt_detail {background: #F7FCFF; padding: 12px 20px; width: calc(100% - 20px); margin: 10px;}
.care_mgmt_detail div {display: inline-block; border-right: 1px solid #ccc; font-size: var(--font-size-base); padding: 0px 10px 0px 10px; color: var(--chronica-black-text); font-weight: var(--font-weight-medium);}
.care_mgmt_detail div span {color: #808088;}
.care_mgmt_detail div:last-child {border-right: 0px solid transparent;}
.care_management_history .top.fl-hold {right: 300px; top: 20px;}
.care_management_history_back {margin-top: -46px; text-align: right; margin-right: 20px; margin-bottom: 10px;}
.care_mgmt_prognosis {display: table; font-size: var(--font-size-md);}
.care_mgmt_prognosis span {display: table-cell; padding-right: 5px;}
.Question_response {display: table; font-size: var(--font-size-md);}
.Question_response span {width: 24px; display: table-cell; text-align: right; padding-right: 4px;}
.external-link ul li .previous_careplan_detail svg {width: 10px; height: 13px; margin: 0px 10px 0px 0px;}
.external-link ul li .next_careplan_detail svg {width: 10px; height: 13px; margin: 0px 0px 0px 10px;}
.external-link ul li .previous_careplan_detail:hover svg * {stroke: var(--chronica-white);}
.external-link ul li .next_careplan_detail:hover svg *{stroke: var(--chronica-white);}
.external-link button:disabled:hover {cursor: default; background-color: transparent!important; color: var(--chronica-light-blue)!important;}
.external-link ul li button:disabled:hover svg * {stroke: var(--chronica-light-blue);}
.external-link ul li a:not([href]):not([tabindex]) {color: var(--chronica-light-blue);}
.external-link ul li a:not([href]):not([tabindex]):hover {color: var(--chronica-white);}
.bg_care_summary {background: #d4ecf8; width: auto; padding: 8px 20px;}
.bg_care_summary div {display: inline-block; border-right: 1px solid var(--chronica-black-text); font-size: var(--font-size-md); padding: 0px 15px 0px 15px; color: var(--chronica-black-text); font-weight: var(--font-weight-semi-bold); line-height: 16px;}
.bg_care_summary div span {color: var(--chronica-black-text); font-weight: var(--font-weight-normal);}
.bg_care_summary div:last-child {border-right: 0px solid transparent;}
.table-hold .Diagnosis_summary {width: var(--width-full); border: none;}
.Diagnosis_summary tr td:first-child{width: 1%; white-space: nowrap; padding: 10px 15px 0px 0px; vertical-align: top; font-weight: var(--font-weight-medium); color: #808088;}
.Diagnosis_summary tr td:last-child{padding: 10px 15px 0px 0px; vertical-align: top; font-weight: var(--font-weight-normal); color: var(--chronica-black-text);}
.Diagnosis_summary tr:nth-child(odd) td {padding-top: 20px;}
.Diagnosis_summary tr:first-child td {padding-top: 0px;}
.table-hold .Questionair_summary {width: var(--width-full); border: none;}
.Questionair_summary tr td:first-child{width: 1%; white-space: nowrap; padding: 7px 10px 0px 0px; vertical-align: top; font-weight: var(--font-weight-medium); color: var(--chronica-black-text); vertical-align: middle;}
.Questionair_summary tr td:last-child{padding: 7px 15px 0px 0px; vertical-align: top; font-weight: var(--font-weight-medium); color: var(--chronica-black-text);}
.Questionair_summary tr:nth-child(odd) td {padding-top: 20px;}
.Questionair_summary tr:first-child td {padding-top: 0px;}
.Questionair_summary .checkbox-group label {top: 3px;}
.Questionair_summary .radio-group label {left: -4px;}
.Questionair_summary label.z-lable, .Questionair_summary select.form-control {cursor: default;}
.question_card [type="radio"]:disabled + label {color: var(--chronica-grayish-blue);}
.patient_information .btn {min-width: 100px;}
.patient_information .consult_link {min-width: fit-content;}
.patient_info_table tr td{padding: 5px 10px;}
.patient_info_table tr td:nth-child(2){min-width: 320px;}
.patient_info_table tr:last-child td{padding: 5px 10px 0px;}
.patient_info_table tr td:first-child {padding-left: 0px;}
.patient_info_table tr td span {font-weight: var(--font-weight-medium); color: #808080; font-size: var(--font-size-md);}

.iframe-container img {width: var(--width-full);}
/*Education iframe css edit */
iframe.hf-library-frame > html > body #searchControlInnerWrap > .AlphabeticalLinks > a {color: var(--chronica-red-text) !important;}
.selectize-input {padding: 0px 12px !important;}

.overlay {background: rgba(0, 0, 0, .1); width: calc(100% - 90px); height: 50px; position: fixed; top: 60px; left: 90px; padding: var(--padding-regular); z-index: 99; display: flex; align-items: center; justify-content: center;}
.overlay-hold {background: transparent; padding: 15px; width: 97%;}

/*.tooltip.fade.bs-tooltip-top.show::active {display: none;}*/
.chat-main-box .chat-right-aside.chat-blank {background: var(--chronica-white); border-left: var(--border-grey); position: relative;}
.chat-blank {display: flex; align-items: center; justify-contet: center; background: var(--chronica-white);}
.blank-hold {width: var(--width-full); padding: 0; position: absolute; top: 0px; left: 0px; height: 100%; background: var(--chronica-white); z-index: 1; display: flex; align-items: center;}
.blank-hold .blank-cnt {border: 0px; border-radius: 0;}

.multiselect__input::placeholder {font-size: var(--font-size-base); color: #555 !important;}
.multiselect__placeholder {margin-bottom: 3px !important; color: #cccccc!important;}
.multiselect__single {padding: 4px 0px !important; margin-bottom: 0 !important; font-size: var(--font-size-base) !important; min-height: 18px !important; line-height: 18px !important;}

.multiselect,.multiselect__tags {min-height: 27px !important;}
.multiselect__select:before, .multiselect__select:after {top:18px;}
.multiselect__tags .multiselect__input {margin: 0px 0 0px -5px;}
.multiselect__select {width: 35px !important; height: 33px !important;}
.multislect_lessoption .multiselect__content-wrapper {max-height: 118px!important;}

/*added a text indent to overide indent styles further down*/
.ktooltip {display: inline-block; text-indent:0em;}

.ktooltiptext, .ktooltiptext {display: none;width: 15vw;background: var(--chronica-black); color: var(--chronica-white); border-radius: 6px; padding: 5px 5px; left: -100%; top: -50px; border: 0px solid grey; line-height: var(--font-weight-normal);  text-decoration: none; position: absolute; z-index: 1; font-size: var(--font-size-sm);}
.ktooltip:hover + span {display: block;}
.ktooltip:hover + span:after{content: ''; display: block; position: absolute; bottom: -20px;  left: 40%; right: 40%; width: 0; height: 0;  border-color: var(--chronica-black) transparent  transparent; border-style: solid; border-width: 10px;}

.greenhold {background: #F9FCF7; padding: 7px 15px; border: 1px solid var(--chronica-green); margin-top: -6px; display: flex; align-items: center; flex-wrap: wrap;}
.lightbluehold {background: #F9FCF7; padding: 7px 15px; border: var(--border-light-blue); margin-top: -6px; display: flex; align-items: center; flex-wrap: wrap;}
.lightbluehold.fixed_bar {position: fixed; top:67px; left: 90px; width: calc(100% - 90px); z-index: 10;}
.margin_top100 {padding-top: 70px;}
.lf-fx-box {display: flex; align-items: center;}
.lf-fx-box span {font-size: var(--font-size-md); font-weight: var(--font-weight-medium);}
.lf-fx-box .pname-link {margin: 0 15px; font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-xl); color: var(--chronica-dark-blue);}
.patientCall_info {display: flex; flex-wrap: wrap;}
.patientCall_info_list {width: var(--width-half);}
.patientCall_info_list li {padding: 2px 2px 2px 0px;}
.patientCall_info_list span {font-weight: var(--font-weight-medium);}

.multiselect__option--highlight {background: var(--chronica-light-blue) !important;}
.multiselect__option--highlight:after {background: var(--chronica-light-blue) !important}
.chartintial {width: 65px; height: 65px; position: absolute; top: 16px; left: 28px; background: #c3c3c3; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius-circle); font-size: var(--font-size-xl); font-weight: var(--font-weight-medium);}
.hicare-light-blue-shade {background: #ddf0f9;}
.hicare-dark-blue-shade {background: #dfe4ee;}
.hicare-green-shade {background: #ebf4e3;}
.hicare-yellow-shade {background: #fef3df;}
.hicare-orange-shade {background: #fce4e0;}
.v-tooltip__content {pointer-events: auto;}
.selecticon input {background: url(/views/base/img/down-arrow-small.png) 97% 56% var(--chronica-white) no-repeat; background-size: 16px;}

.img-box img.profile-pic{width: var(--width-full); border-radius: var(--border-radius-circle); height: 55px; object-fit: cover;}
.hide1 {display: none;}
.link1 {color: var(--chronica-light-blue); text-decoration: underline; display: inline-flex;}
.link1:after {background: url(/views/base/img/dbl-arrow.png) center center var(--chronica-white) no-repeat; display: inline-block; clear: both; content: ""; width: 12px; height: 14px;border: 0px solid red; margin: 2px 0 0 10px;}
.targetDiv, .targetDiv1, .targetDiv2, .targetDiv3, .targetDiv4 {display: none;}
h4.w-section-title {font-size: var(--font-size-md); margin-bottom: 0px;}
.inbox_heading {background: var(--chronica-light-grey-text); color: var(--chronica-black-text); font-weight: var(--font-weight-semi-bold); text-align: left;}
.inbox_heading td:last-child {width: 10%; text-align: left; max-width: 100px;}
.inbox_checkbox {background: none; border: 0px solid var(--chronica-white); padding: 6px 8px 2px; min-width: auto; height: auto;}
.inbox_checkbox [type="checkbox"].filled-in:not(:checked) + label:after {background-color: var(--chronica-white);}
.inbox_checkbox [type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {border: 2px solid #03A9F4; background-color: #03A9F4;}
.inbox_checkbox:hover, .inbox_checkbox:active, .inbox_checkbox:focus {background:  rgba(255, 255,255, 0.3);}
.inbox_dropdown{overflow: hidden; border-radius: var(--border-radius-lg); box-shadow: 0 3px 12px rgba(0 0 0 0.5); -webkit-box-shadow: 0 3px 12px rgba(0 0 0 0.5); border-radius: 10px; border-color: rgba(120, 130, 140, 0.13);}
.mail-top ul li .inbox_dropdown a {margin: 0px; display: flex; justify-content: space-between; align-items: center; color: #555;}
.inbox_dropdown a:hover, .inbox_dropdown a:focus, .inbox_dropdown a:active {text-decoration: none; background: none;}
.inbox_dropdown .dropdown-item .fa-check {color:#555;}
.dropdown .checkbox {position: absolute; left: 8px; top: 6px;}
.chat_history .dropdown-menu {width: 380px; box-shadow: 0 3px 12px rgba(0 0 0 0.5); -webkit-box-shadow: 0 3px 12px rgba(0 0 0 0.5); border-radius: 10px; border-color: rgba(120, 130, 140, 0.13);}
.chat_history .dropdownbtn-icon{text-decoration: none; background: transparent; border: none; padding: 0px; margin: 0px;}
.fa-star-o.starred:before {content: "\f005"; color: var(--chronica-orange);}
.timetable .date-time-picker .field-clear-button {display: none;}
.timetable .date-time-picker .field-input {padding-top: 7px!important; font-size: var(--font-size-base)!important; font-family: var(--font-family-default);}
.date-time-picker .field.sm .field-label{top: -8px; left: 12px; padding: 0 5px; font-size: var(--font-size-sm); color: #555; background: var(--chronica-white); z-index: 1; font-family: var(--font-family-default);}
.error_date .field-input {border: 1px solid var(--chronica-red-text)!important;}
.error_date .field-label {color: var(--chronica-red-text)!important;}
.personal_info {width: var(--width-full); max-width: 750px; margin: auto;}
.subscription_box {background: #F2F7FF; padding: 15px; margin: 30px 0px 0px 0px; border: var(--border-light-blue); border-radius: 10px;}
.order_insuance {width: var(--width-full); background: rgba(38, 161, 219, 0.1); padding: 15px; border-radius: 6px;}
.order_insuance h4 {color: var(--chronica-dark-blue);}
.order_insuance .lbd-weight {color: var(--chronica-dark-blue);}
.cologuard_cont2 {width: 56%; margin: auto;}
.cologuard_cont_info {width: var(--width-full); /*max-width: 500px; min-width: 500px;*/ margin: auto; padding: 10px; border: 1px solid var(--chronica-dark-blue); border-radius: 10px;}
.cologuard_cont_info .d-flex-aic-wrap {justify-content: center;}
.cologuard_cont_info .d-flex-aic-wrap div{margin-right: 15px;}
.cologuard_cont_info .d-flex-aic-wrap div:after {content: '|'; position: relative; right: -7px; font-size: 17px;}
.cologuard_cont_info .d-flex-aic-wrap div:last-child:after {content: '';}

.lead_table{column-count: 2;}
.lead_table li{padding: 6px 0;}
.lead_table li span{font-weight: var(--font-weight-semi-bold);}
.large_modal {max-width: 80%;}
.payernotes:after {content: ','; padding-right: 5px;}
.payernotes:last-child:after {content: '';}
.printable_heading{display: none;}
.cologuard_accor .accordion .card-header {padding: 0px; background: white; border: 0px; position: relative;}
.cologuard_accor .accordion .heading_accor {padding: 15px; margin: 0; color: var(--chronica-dark-blue); border: 1px solid #e5e5e5!important; font-size: var(--font-size-base)!important; background: var(--chronica-white); font-weight: var(--font-weight-semi-bold); text-align: left; border-radius: var(--border-radius-md); display: block; width: var(--width-full); cursor: not-allowed;}
.cologuard_accor .accordion .accor_cont{border: 1px solid #e5e5e5!important; border-top: 0px solid #E5E5E5!important;}
.cologuard_accor .accordion .edit_info{position: absolute; right: 20px; top: 15px; font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold); color: var(--chronica-dark-blue);}
.cologuard_accor .accordion .edit_info2 {position: relative; right: 12px; top: 2px; margin-left: 10px; font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold); color: var(--chronica-dark-blue);}
.cologuard_accor .accordion .accordian_chk{position: absolute; right: 8px; top: 15px;}
.accordian_chk .switch label input[type=checkbox]:checked + .lever {background-color: var(--chronica-dark-blue);}
.accordian_chk .switch label input[type=checkbox]:checked + .lever:after {background-color: #f2f7ff;}
.overlay_click {position: absolute; width: var(--width-full); height: 50px; top: 0px; left: 0px;}
.address_box {border: 1px solid var(--chronica-dark-blue); color:var(--chronica-dark-blue); font-weight: var(--font-weight-semi-bold); padding: 10px;}
.cologuard_accor .accordion .heading_accor.accor_complete {color:var(--chronica-green);}
.cologuard_accor .accordion .heading_accor.accor_complete:after {content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color:var(--chronica-green); margin: 0px 10px;}
.confirmation_text{border: 1px solid var(--chronica-green); color: var(--chronica-green); font-weight: var(--font-weight-semi-bold); padding: 50px 40px; font-size: var(--font-size-xl); margin: 20px 0px; display: inline-block; border-radius: 10px; max-width: 900px; width: 60%;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-weight: var(--font-weight-light); color: #CCCCCC!important; font-size: var(--font-size-base);}
.activity_container {height: auto; max-height: 200px; overflow: hidden; overflow-y: auto; width: var(--width-full); margin: 0px 10px 0px;}
.activityRow {display: flex; padding: 4px 0px; align-items:center;}
.activityRow > div {width: var(--width-half);}
.activityRow div:last-child {padding-left: 10px;}
.floating-labels .activityRow label {top: 0px;}
.modal-body .date-time-picker .field-clear-button{display: none;}
.disaled_btn {opacity: 0.5; cursor: not-allowed;}
.external-link ul li a.disaled_btn:hover {background: transparent; border: var(--border-light-blue); color: var(--chronica-light-blue);}
.orgSelect_cont_Vital .form-group {width: 250px;}
.orgSelect_cont_Vital li.multiselect__element {display: block; padding: 0px; font-size: var(--font-size-base);}
.orgSelect_cont_Vital.with_grey_color .form-group label {top: -18px; background: #e9ebee; color: var(--chronica-black);}
.column_equalspacing{display: flex; justify-content: space-between; width: var(--width-full);}
.column_equalspacing span, .column_equalspacing div{width: 14%;}
.payer_box {padding: 10px; border: 1px solid #cccccc; border-radius: var(--border-radius-lg);}
.small_btn {min-width: max-content;}
.payer_box .form-group {margin: 10px 0 10px 0;}
.payer_box .align_right {float: right;}
.load_detail {display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 30px;}
.health_insurance_form .form-group {margin: 10px 0px;}
.health_insurance_form span.black-txt {margin-right: 2px;}
.health_insurance_form .btn {margin-top: 10px;}
.health_insurance_form .table td {font-size: var(--font-size-base);}
.health_insurance_form .table_24, .health_insurance_form .table_24 tr:first-child td, .health_insurance_form .table_24 tr:nth-child(2) td, .health_insurance_form .table_24 tr:nth-child(3) td {border: 1px solid #ccc;}
.health_insurance_form .table_24 tr:nth-child(2) td, .health_insurance_form .table_24 tr:nth-child(3) td {text-align: center;}
.health_insurance_form .table_24 .btn, .health_insurance_form .table_32 .btn, .health_insurance_form .table_33 .btn {margin: 0px 0px 0px 10px;}
.health_insurance_form .table_31 tr td {border: 0px; padding: 0px 10px 0px 0px;}
.health_insurance_form .table_32 tr td {border: 0px; padding: 0px 10px 0px 0px;}
.health_insurance_form .table_33 tr td {border: 0px; padding: 0px 10px 0px 0px;}
.health_insurance_form .table_34 tr td {border: 0px; padding: 0px 10px 0px 0px;}
.health_insurance_form .table_33 tr td:nth-child(2) {width: 200px;}
.health_insurance_form .table_34 {border: 0px solid #ccc;}
.health_insurance_form .table_34 tr td:nth-child(1) {width: 280px;}
.health_insurance_form .table_34 tr td:nth-child(3) {width: 290px;}
.border_all {border: 1px solid #ccc; border-top: 0px solid #ccc; padding-top: 10px;}
.border_full {border: 0px solid #ccc; padding: 7px;}
.border_note_box {border: 1px solid #ccc; padding: 60px 10px; border-radius: var(--border-radius-lg);}
.border_note_box p {height: 100%;}
.border_not_left {border: 1px solid #ccc; border-top: 0px solid #ccc; border-left: 0px solid #ccc;  padding-top: 10px;}
.border_not_bottom {border: 1px solid #ccc; border-bottom: 0px solid #ccc;}
.border_only_top {border-top: 1px solid #ccc;}
.border_only_bottom {border-bottom: 1px solid #ccc;}
.border_rightbottom {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.btn-sm.close{font-size: var(--font-size-base); top: 13px;}
.modal-body .btn-sm.close{top: 7px;}
.disabled_btn, .disabled_btn:disabled{opacity: 0.5; cursor: not-allowed!important; background: var(--chronica-light-blue);border: var(--border-light-blue);}
.dynamic_checkbox{position: relative; height:  36px; left: -12px; margin-bottom: 10px; cursor: pointer;}
.cpt_code:after {content:','; margin-right: 4px;}
.cpt_code:last-child:after {content:'';}
.floating-labels .form-control.searchinput {background: url("/views/base/img/svg-icons/search.svg") 10px 5px  no-repeat; background-position: calc(100% - 10px); background-size: 22px; padding: 7px 36px var(--chronica-button-padding) !important; max-width: 330px; min-width: 330px;}
.floating-labels .form-control.searchinput.w-100 {max-width: var(--width-full);}
.active_switch .switch {position: relative; display: inline-block; width: 90px; height: 34px;}
.active_switch.report_switch label {top: 3px;}
.active_switch.report_switch .switch {width: 80px;}
.active_switch .switch input {display:none;}
.active_switch .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #848586; -webkit-transition: .4s; transition: .4s;}
.active_switch .slider:before {position: absolute; content: ""; height: 24px; width: 24px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.active_switch input:checked + .slider {background-color: var(--chronica-green);}
.active_switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.active_switch input:checked + .slider:before {-webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px);}
.active_switch.report_switch input:checked + .slider:before {-webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px);}
.active_switch .on{display: none; left: 18px;}
.active_switch .off{left: 32px;}
.active_switch .on, .active_switch .off{color: white; position: absolute; font-size: var(--font-size-sm); line-height: 30px;}
.active_switch input:checked+ .slider .on{display: block;}
.active_switch input:checked + .slider .off{display: none;}
.active_switch .slider.round {border-radius: 34px; width: auto; height: 30px;}
.active_switch .slider.round:before {border-radius: var(--border-radius-circle);}
.report_switch.display_flex {display: flex; align-items: center;}
.service_list_cont .checkbox-group{margin-bottom: 5px;}
.service_list_cont .checkbox-group label{font-weight: var(--font-weight-medium); color:var(--chronica-dark-grey);}
.alerted_stat {padding: 10px 0px 0px;}
.alerted_stat:first-child {padding: 0px 0px 0px;}
.alerted_stat:last-child hr {display: none;}
.btn.btn-danger:focus {background: var(--chronica-red); border: 1px solid var(--chronica-red);}
.form-group .field.sm .field-label{font-size: var(--font-size-sm)!important; color: #555!important;}
.form-group .field.sm .field-input{border:1px solid #cbd5e0!important; font-size: var(--font-size-base); color: var(--chronica-black-text);}
.form-group .field.sm .custom-button{display: none;}
.table tr td a[data-target] img.editNotes{width: 80%;}
.popup_withscroll {max-height: 78vh; overflow-x: hidden; overflow-y: auto;}
.vue-table .subtable_note th:first-child, .vue-table .subtable_note td:first-child {display: block;}
.notes_table_cont .vue-table-cnt, .encouter_table_cont .vue-table-cnt {margin-top: -69px;}
.notes_table_cont .vue-table-cnt table th:nth-child(2),.notes_table_cont .vue-table-cnt table td:nth-child(2) {width: 45%;}
.daterange_cont{width: calc(100% - 460px);}
.radio_withextratext {width: calc(100% - 22px);}
.extratextinput{margin: 5px 0px 5px 25px;}
.extratextviewcheckbox{margin: 8px 0px 5px 25px;}
.extratextcheckboxinput{margin: 16px 0px 5px 38px;}
.btn-block{line-height: 18px;}
.multiselect_popup .multiselect__content {max-height: 140px;}
.force-dropdown-bottom .multiselect__content-wrapper {position: absolute; top: 100% !important; bottom: auto !important;}
.numberbox_cont {display: flex; align-items: center; justify-content: center;}
.emergencybox_cont .number-box div{background-color: var(--chronica-red-text); border: 3px solid var(--chronica-red-text); min-width: 180px;}
.emergencybox_cont .number-box div span, .emergencybox_cont .number-box div h5{color: var(--chronica-white);}
.number-box .numberselected, .emergencybox_cont .number-box div.numberselected {border: 3px solid var(--chronica-dark-blue);}
.number-box.fix_width div {width: auto; min-width: 160px;}
.healthFormContainer {width: var(--width-full); position: relative; overflow: hidden; overflow-x: auto; padding: 0px 10px;}
.health_insurance_form {min-width: 1650px; width: var(--width-full);}
.health_insurance_form .table_24 td {padding: 2px 4px;}
.health_insurance_form .table_24 td .form-group {margin: 5px 0px 5px;}
.uppercase-text {text-transform: uppercase;}
.form-control.errorvalue {border-color: var(--chronica-red-text);}
.disable_click {pointer-events: none; opacity: 0.4;}
.btn_status{margin-bottom: 7px;}
.date_minwidth{min-width: 250px;}
.left_check {margin-left: -12px;}
.clinical_note_dropdown {margin: -3px 0px 0px 10px;}
.clinical_note_dropdown.lead_insurance {margin: -3px 0px 0px 0px; display: inline;}
.clinical_note_dropdown.lead_insurance .dropdown-menu {transform: translate3d(0px, 34px, 0px)!important;}
.clinical_note_dropdown .dropdown-menu, .soapnote_dropdown .dropdown-menu {width: var(--width-full); padding: 0px;}
.clinical_note_dropdown .dropdown-menu li a, .soapnote_dropdown .dropdown-menu li a {color: var(--chronica-black-text); font-size: var(--font-size-base); justify-content: left; width: calc(100% - 10px); margin: 0px 0px 0px 10px; display: flex;}
.clinical_note_dropdown .dropdown-menu li, .soapnote_dropdown .dropdown-menu li {padding: 5px 5px;}
.clinical_note_dropdown .dropdown-menu li:hover, .soapnote_dropdown .dropdown-menu li:hover {background-color: var(--chronica-light-blue); color: var(--chronica-white);}
.clinical_note_dropdown .dropdown-menu li:hover a, .soapnote_dropdown .dropdown-menu li:hover a{color: var(--chronica-white);}
.soapnote_dropdown .dropdown-menu{transform: none!important; top: 34px!important;}
.drop_select {width: calc(100% - 45px);}
.drop_select select {padding: 0px 0px!important;}
.drop_select select option {padding: 0px 10px!important;}
.btn.btn_small {min-width: 30px; margin-left: 10px; font-size: var(--font-size-lg);}
.multiselect_onbuttonclick {width: calc(100% - 45px);}
.multiselect_onbuttonclick .multiselect__select {display: none; background-color: red;}
.modal-content .modal-body .floating-labels .popup_withscroll .form-group {margin: 15px 0 20px 0;}
.counter_dropdown {width: 45px;}
.test-class .popover-body {padding: 5px 5px 0px 5px;}
.invoice-box.printable{page-break-before: always !important; page-break-after: always !important;}
.invoice-box.careplan_blankpage.printable{page-break-before: auto !important; page-break-after: auto !important;}
.invoice-box.scroll_xasis{overflow-x: auto;}
.invoice-box.scroll_xasis.printable{page-break-before: auto !important; page-break-after: auto !important;}
.status_participant {width: 7px; height: 7px; border-radius: var(--border-radius-circle); margin-left: 7px;}
.status_participant.green {border: 1px solid var(--chronica-green); background: var(--chronica-green);}
.status_participant.grey {border: 1px solid var(--chronica-dark-grey); background: var(--chronica-dark-grey);}
.status_participant.white {border: 1px solid var(--chronica-dark-grey); background: var(--chronica-white);}
.popover.test-class{width: 300px;}

.popover_phonecomp, .popover_Insurancecomp {position: fixed; top: 90px; right: 10px; background: #ff0000; width: 50px;  height: 50px; border-radius: var(--border-radius-lg); border: 1px solid #ff0000; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.popover_Insurancecomp{z-index: 12;}
.popover_phonecomp i, .popover_Insurancecomp i {font-size: 30px; color: var(--chronica-white);}
.popover_InsurancecompDialPad {position: fixed; top: 90px; right: 70px; background: green; width: 50px;  height: 50px; border-radius: var(--border-radius-lg); border: 1px solid #green; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 12; font-size: 30px; color: var(--chronica-white);}
.margin_4 {margin-top: -4px;}
.border_program {border: 1px solid #ccc; border-radius: var(--border-radius-lg); padding: 7px 10px;}
.zoom_class {z-index: 8 !important; position: relative;color: var(--chronica-white);}
.zoom_class div {position: absolute;}
.dropdown-menu.report_dropdown{padding: 0px;}
.report_dropdown li a {width: var(--width-full); color: var(--chronica-black); padding: 4px 10px; display: block;}
.video_widget_position {position: absolute; right: 0px; top: 0px; z-index: 1; height: calc(100% - 0px);}
.collapse_arrow {background: var(--chronica-dark-blue); width: 35px; height: 45px; border-radius: 7px 0px 0px 7px; left: -35px; position: absolute; top: 5px; display: block;}
.video_widget_position.collapsepanel {right: 0px;}
.video_widget_position.expandpanel {right: -25%;}
.collapse_arrow::after {content: ''; width: 20px; height: 20px; /*background: url(../img/prev.png) center center  no-repeat;*/ position: absolute; top: 50%; transform: translatey(-50%) rotate(0deg); left: 10px;}
.collapse_arrow i {font-size: var(--font-size-xl); color: var(--chronica-white); top: 13px; position: absolute; left: 10px;}
.overflow_x_hide {overflow-x: hidden;}
.getuser_tablecontent .vue-table-cnt .row .col-sm-12 {overflow: visible;}
#patientList .flex-wrap {flex-wrap: wrap!important;}
.add_comma:after {content: ', '; color: var(--chronica-black);}
.add_comma:last-child:after {content: '';}
.patient_avtar_cont {display: flex; align-items: center; justify-content: center; position: absolute; left: 0px; right: 0px; top: 42px;}
.video_avtar{width: 60px; height: 60px; line-height: 60px;}
.patientlist_extrastuff {flex-wrap: wrap; padding: 10px 10px;}
.enrolledPatient_table .table thead th:last-child {width: 55%;}
.total-revenue-txt {display: flex; align-items: center; white-space: nowrap; margin-top: 10px;}
.total-revenue-txt span {display: flex; align-items: center; padding: 5px 10px; border-radius: var(--border-radius-sm); margin: 0 5px 0px 20px; height: 32px;}
.total-revenue-txt b {font-weight: var(--font-weight-bold); font-size: var(--font-size-xl); margin-left: 10px; color: inherit;}
.total-revenue-txt span:first-child {margin-left: 0px;}
#careplandata [type="checkbox"].filled-in:not(:checked) + label::before {margin-left: 15px; position: relative;}

.patient-heading div {width: 20%; margin: 0px 3%;}
.program_right_wrapper {width: 66.66%;}
.program_wrapper {display: flex; align-items: stretch; flex-wrap: wrap; padding-bottom: 62px;}
.program-container {display: flex; flex-wrap: wrap; width: var(--width-full); align-items: center; justify-content: center;}
.program-card {flex: 0 0 30%; /*border: var(--border-grey);*/ border-radius: 10px; text-align: center; display: flex; flex-direction: column; margin: 10px 10%; padding: 10px 0 10px 0; justify-content: center; min-height: 100px; cursor: pointer; box-shadow: 0 0 20px rgb(0 0 0 / 10%); max-height: 100px;}
.program-card strong, .left-program-card strong{margin-top: 2px; font-size: 36px; line-height: 40px;}
.left-program-container {display: flex; width: 33.33%; flex-direction: column; justify-content: flex-start; border-right: 1px solid #cccccc;}
.left-program-card {flex: 0 0 60%; /*border: var(--border-grey);*/ border-radius: 10px; text-align: center; display: flex; flex-direction: column; margin: 10px 20%; padding: 10px 0 10px 0; justify-content: center; min-height: 100px; cursor: pointer; box-shadow: 0 0 20px rgb(0 0 0 / 10%); max-height: 100px;}
.middle-program-container {display: flex; width: 33.33%; flex-direction: column; justify-content: center;}
.middle-program-card {flex: 0 0 60%; /*border: var(--border-grey);*/ border-radius: 10px; text-align: center; display: flex; flex-direction: column; margin: 10px 20%; padding: 10px 0 10px 0; justify-content: center; min-height: 100px; cursor: pointer; box-shadow: 0 0 20px rgb(0 0 0 / 10%); max-height: 100px;}
.program-card p, .left-program-card p {width: 95%; text-align: center; margin: 0 auto; font-weight: var(--font-weight-medium);}
.program-card.light-yellow-shade, .left-program-card.light-yellow-shade{color: #fbac17;}
.program-card.light-orange-shade, .left-program-card.light-orange-shade{color: var(--chronica-red);}
.program-card.light-black-shade, .left-program-card.light-black-shade{border: 1px solid var(--chronica-black); color: var(--chronica-black);}
.program-card.light-green-shade, .left-program-card.light-green-shade{color: var(--chronica-green);}
.program-card.light-blue-shade, .left-program-card.light-blue-shade{color: var(--chronica-light-blue);}
.left-program-card.black-border{border: 1px solid var(--chronica-black); max-height:100px; color: var(--chronica-black);}
/*.rpm_program_wrapper .left-program-container{width: 25%;}
.rpm_program_wrapper .program_right_wrapper{width: var(--width-half);}
.rpm_program_wrapper .left-program-card{margin: 10px 15%; flex: 0 0 70%;}
.rpm_program_wrapper .program-card{flex: 0 0 35%; margin: 10px 6%;}*/

.rpm_program_wrapper .left-program-container{width: 33.33%;}
.rpm_program_wrapper .program_right_wrapper{width: 33.33%;}
.rpm_program_wrapper .left-program-card{margin: 10px 20%; flex: 0 0 60%;}
.rpm_program_wrapper .program-card{flex: 0 0 60%; margin: 10px 20%;}


.customRange .daterangepicker .table-condensed thead tr:nth-child(2), .customRange .daterangepicker .table-condensed tbody {display: none}
.customRange .daterangepicker.dropdown-menu {padding: .2rem 0 .2rem 0; width: 250px;}
.customRange .daterangepicker.dropdown-menu select.monthselect {width: var(--width-half); padding: 5px 32px 5px 10px !important;}
.customRange .daterangepicker.dropdown-menu select.yearselect {width:45%; padding: 5px 32px 5px 10px !important;}
.maxwidth_200 {width: var(--width-full); padding: 70px 0px; margin: auto;}
.heading_program{display: flex; align-items: center; justify-content: center; text-align: center;}
.heading_program h4:first-child{width: 33.33%;}
.heading_program h4:last-child{width: 66.66%;}
/*.rpm_program_wrapper .heading_program h4:first-child{width: 25%;}
.rpm_program_wrapper .heading_program h4:nth-child(2){width: 25%;}
.rpm_program_wrapper .heading_program h4:last-child{width: var(--width-half);}*/
.rpm_program_wrapper .heading_program h4:first-child{width: 33.33%;}
.rpm_program_wrapper .heading_program h4:nth-child(2){width: 33.33%;}
.rpm_program_wrapper .heading_program h4:last-child{width: 33.33%;}

/*.reimbursement_new .left-program-container {flex-direction: row; width: var(--width-full); border-right: 0px solid var(--chronica-black); flex-wrap: wrap;}*/
/*.reimbursement_new .program_right_wrapper {flex-direction: row; width: var(--width-full); flex-wrap: wrap;}*/
.reimbursement_new .left-program-container .left-program-card{color: var(--chronica-white); border-radius: 0px; /* flex: 0 1 auto; text-align: left; margin: 10px 10px; padding: 10px 10px 10px 20px;  min-width: 15%; max-width: 300px; width: 15%;*/}
.reimbursement_new .program_right_wrapper .program-card{color: var(--chronica-white); border-radius: 0px; /*flex: 0 1 auto; text-align: left; margin: 10px 10px; padding: 10px 10px 10px 20px; min-width: 15%; max-width: 300px; width: 15%;*/}
.reimbursement_new .left-program-container .left-program-card.black-border, .reimbursement_new .program_right_wrapper .program-card.light-black-shade, .reimbursement_new .left-program-card.light-black-shade{background: var(--chronica-grey-text); color: var(--chronica-white); border: 1px solid var(--chronica-grey-text);}
.reimbursement_new .program_right_wrapper .program-card.light-orange-shade, .reimbursement_new  .left-program-card.light-orange-shade, .reimbursement_row .light-orange-shade {background: var(--chronica-red); color: var(--chronica-white);}
.reimbursement_row .light-orange-shade *, .reimbursement_row .light-green-shade * {color: var(--chronica-white);}
.reimbursement_row .light-orange-shade {background: #fbac17; border: 1px solid #fbac17;}
.reimbursement_new .program_right_wrapper .program-card.light-green-shade, .reimbursement_new  .left-program-card.light-green-shade, .reimbursement_row .light-green-shade {background: var(--chronica-green); color: var(--chronica-white);}
.reimbursement_new  .left-program-card.light-yellow-shade, .reimbursement_new .program-card.light-yellow-shade {background: #fbac17; color: var(--chronica-white);}
.reimbursement_new  .left-program-card.light-blue-shade {background: var(--chronica-light-blue);}
/*.reimbursement_new .program_right_wrapper .program-card p, .reimbursement_new .left-program-container .left-program-card p {text-align: left; margin: 0px;}*/
/*.reimbursement_new .program-container{justify-content: flex-start;}*/
.reimbursement_row .left-program-card {flex-direction: row; align-items: center; min-height: 65px; max-height: 65px; margin: 10px 20%; justify-content: flex-start; padding: 10px 0 10px 20px;}
.reimbursement_row .program-card {flex-direction: row; align-items: center; min-height: 65px; flex: 0 0 30%; max-height: 65px; justify-content: flex-start; padding: 10px 0 10px 20px;}
.reimbursement_row .program-card p, .reimbursement_row .left-program-card p {width: 80%; text-align: left; margin: 0px 0px 0px 0px;}
.reimbursement_row .program-card strong, .reimbursement_row .left-program-card strong {margin: 0px 10px 0px 0px;}

.patient_info {justify-content: space-between; display: flex; align-items: flex-start;}
.patient_info div{width: 20%;}
.patient_info div:first-child{width: var(--width-half); max-width: var(--width-half);}
.participants_list svg {width: 15px; height: 16px;}
.participants_list .info_icon {display: flex; align-items: center;}
.end_call_btn:disabled {cursor: not-allowed; opacity: 0.3}

.hicare-green-tag {display: inline-block; padding: 4px 26px 4px 10px; background: var(--chronica-green); color: var(--chronica-white); margin: 3px 10px 3px 0px; border-radius: var(--border-radius-md); cursor: pointer; position: relative; line-height: 1; white-space: nowrap;}
.hicare-yellow-tag {display: inline-block; padding: 4px 26px 4px 10px; background: var(--chronica-red); color: var(--chronica-white); margin: 3px 10px 3px 0px; border-radius: var(--border-radius-md); cursor: pointer; position: relative; line-height: 1; white-space: nowrap;}
.hicare-yellow-tag .multiselect__tag-icon:focus, .hicare-yellow-tag .multiselect__tag-icon:hover {background: #c98a15;}
.careplan_field {width: 20%; padding: 0px 10px;}
.careplan_field_name {width: 40%; padding: 0px 10px;}
.statusphone {display: flex; padding: 5px; border-radius: var(--border-radius-circle); cursor: not-allowed;}
.statusphone svg {width: 10px; height: 10px; color: var(--chronica-light-black-text);}
.participants_list .group_event_info {padding: 4px 5px;}
.participants_list li.call_joined {background: var(--chronica-green);}
.participants_list li.call_attemted {background: var(--chronica-orange);}
.participants_list li.call_failed {background: var(--chronica-red);}
.option_border {color: var(--chronica-black); border: 1px solid var(--chronica-black); border-radius: var(--border-radius-circle); font-weight: var(--font-weight-semi-bold); padding: 0px; width: 18px; height: 18px; line-height: 18px; text-align: center; vertical-align: middle; display: inline-block; margin-right: 2px; font-size: var(--font-size-sm);}
.tree-node a.removenodebtn {display: none;}
.tree-node .tree-node a.removenodebtn {display: inline-block; padding: 1px 5px; min-height: 22px;}
.client_tree_cont .node-text {font-size: var(--font-size-base); display: flex; margin: -4px 0px 0px 0px;}
.super_primary_cont .multiselect__tags .multiselect__single {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;}
.program_bordertop {border-bottom: 1px solid #cccccc;}
.program_bordertop:nth-child(1) {border-top: 0px solid #cccccc;}
.patient_inactive {color: #cccccc;}
td:has(.orange)  {background-color: #e7f9d9!important;}
td:has(.blue)  {background-color: #e9e6e6!important;}
.search_container {border: 1px solid #cccccc; margin-top: 20px;}
.search_container > .row:nth-child(even) {background-color: #cccccc;}
.upcoming_schedule .upcoming_nodata_cont {position: relative; min-height: 326px; margin: 0px -15px 0px -15px;}
.upcoming_schedule .upcoming_nodata_cont .bottom-link {position: absolute; width: var(--width-full); bottom: 0px;}
.upcoming_schedule .upcoming_nodata_cont .blank-cnt_noshadow {position: relative; top:30px;}
/*Urdu Language*/
body.urdu_language_class {direction: rtl; position: relative;}
/*body.urdu_language_class .page-wrapper{position: relative;}*/
body.urdu_language_class .sidebar-nav > ul > li.active > a {border-left: 0px solid var(--chronica-light-blue); border-right: 4px solid var(--chronica-light-blue);}
body.urdu_language_class .topbar .top-navbar .navbar-collapse .navbar-nav:first-child {left: 0; right: 0px; display: contents;}
body.urdu_language_class.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;}
body.urdu_language_class .navbar-header.mr-auto, body.urdu_language_class .care_counter.mr-auto, body.urdu_language_class .heading .mr-auto {margin-left: auto!important; margin-right: 0!important;}
body.urdu_language_class .ex-stuff.ml-auto, body.urdu_language_class .btn.ml-auto, body.urdu_language_class .external-link.ml-auto,
body.urdu_language_class .link.ml-auto, body.urdu_language_class .ds-schedule .ml-auto, body.urdu_language_class .medi-table .ml-auto,
body.urdu_language_class .tick-circle.ml-auto,body.urdu_language_class .schedule_card .ml-auto, body.urdu_language_class .headingtxt .ml-auto,
body.urdu_language_class .new_message_tab .tab-content .message_container p.ml-auto {margin-right: auto!important; margin-left: 0!important;}
body.urdu_language_class.mini-sidebar .topbar .top-navbar .navbar-header {padding-right: 20px; padding-left: 0px;}
body.urdu_language_class .count {right: -20px;}
body.urdu_language_class .Nursedashboard_new .black-txt {text-align: right;}
body.urdu_language_class ul.homescoreboard.scheduleboard li {border-right: 0px solid #E0EAD8; border-left: 1px solid #E0EAD8;}
body.urdu_language_class ul.homescoreboard li {border-right: 0px solid #F5D6D6; border-left: 1px solid #F5D6D6;}
body.urdu_language_class ul.homescoreboard li:last-child,
body.urdu_language_class ul.homescoreboard li:last-child:after,
body.urdu_language_class ul.homescoreboard.scheduleboard li:last-child,
body.urdu_language_class ul.homescoreboard.scheduleboard li:last-child:after {border-left: 0px solid #E0EAD8;}
body.urdu_language_class .inline-sm-list li:after {left: 5px; right: auto;}
body.urdu_language_class #accordion dl dt a.oc-icon {left: 15px; right: auto;}
body.urdu_language_class .three-card .carousel-cnt .carousel-control {left: 0px; right: auto;}
body.urdu_language_class .btn-hold a {margin: 0 0 0 20px;}
body.urdu_language_class .ex-stuff li:first-child {padding-left: 8px;}
body.urdu_language_class .btn-group>.btn-group:not(:last-child)>.btn, body.urdu_language_class .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 0; border-bottom-left-radius: 0;}
body.urdu_language_class .btn-group>.btn-group:not(:first-child)>.btn, body.urdu_language_class .btn-group>.btn:not(:first-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
body.urdu_language_class .btn-group>.btn-group:first-child >.btn, body.urdu_language_class .btn-group>.btn:first-child {border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em;}
body.urdu_language_class .btn-group>.btn-group:last-child >.btn, body.urdu_language_class .btn-group>.btn:last-child {border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em;}
body.urdu_language_class .navbar-header{width: auto; max-width: 240px;}
body.urdu_language_class .alert.alert-dismissible .close, body.urdu_language_class .table-hold.only-datafilled1 .fl-hold, body.urdu_language_class .pos-abs-topright-30{left: 0; right: auto;}
body.urdu_language_class .custon-cnt .input-cnt{position: relative;}
body.urdu_language_class .custon-cnt .btn-gen, body.urdu_language_class .pp-info .patient-info-cnt .hold a, body.urdu_language_class .top-div a {margin-right: auto; margin-left: 0px;}
body.urdu_language_class .new-prof-cnt .profile-c{left: 0%; right: -4%;}
body.urdu_language_class .link.m-l-20{margin-left: auto; margin-right: 20px;}
body.urdu_language_class .refresh{margin-left: 0px; margin-right: 20px;}
body.urdu_language_class .tab-table tr td .img-desc, body.urdu_language_class .card-title, body.urdu_language_class h4 {text-align: right;}
body.urdu_language_class .inlineblk-list li{border-right: 0px solid var(--chronica-dark-grey-text); border-left: var(--border-grey);}
body.urdu_language_class .mail-top .dropdown, body.urdu_language_class .headingtxt .ml-auto, body.urdu_language_class .vcalender_hold,
body.urdu_language_class .date-time-picker, body.urdu_language_class .dateicon-blue {direction: ltr;}
body.urdu_language_class .dateicon-blue input {padding-right: 45px;}
body.urdu_language_class .accordian_cont .card-header .btn-info {padding: 22px 45px 22px 10px;}
body.urdu_language_class .multiselect__content-wrapper, body.urdu_language_class .multiselect__tags .multiselect__input, body.urdu_language_class select.form-control:not([size]):not([multiple]){direction: ltr;}
body.urdu_language_class .scheduletab li a.nav-link .txt {padding-left: 0px; padding-right: 12px;}
body.urdu_language_class .overflow_hidden {position: relative; direction: ltr;}
body.urdu_language_class .activity-card .img-bc {margin: 0 0 0 10px;}
body.urdu_language_class .checkbox-holder [type="checkbox"]:not(:checked), body.urdu_language_class .checkbox-holder [type="checkbox"]:checked,
body.urdu_language_class .checkbox [type="checkbox"]:not(:checked), body.urdu_language_class .checkbox [type="checkbox"]:checked, body.urdu_language_class .checkbox-group [type="checkbox"]:not(:checked),
body.urdu_language_class .checkbox-group [type="checkbox"]:checked {left: 0px;}
body.urdu_language_class .radio-group [type="radio"]:not(:checked), body.urdu_language_class .radio-group [type="radio"]:checked, body.urdu_language_class .demo-radio-button [type="radio"]:not(:checked),
body.urdu_language_class .demo-radio-button [type="radio"]:checked, body.urdu_language_class [type="radio"]:not(:checked), body.urdu_language_class [type="radio"]:checked{left: 0px;}
body.urdu_language_class .container-fluid, body.urdu_language_class #show-mailsId {position: relative;}
body.urdu_language_class .heading_program h4 {text-align: center;}
body.urdu_language_class .btn.btn-sm.m-l-15 {margin-right: 15px;}
body.urdu_language_class .join-cnt .d-flex-aic .ml-auto, body.urdu_language_class .vital_cont.ml-auto{margin-right: auto!important; margin-left: 0px!important;}
body.urdu_language_class a.btn.join-btn{margin: 0 0 0 20px;}
body.urdu_language_class .join-cnt .close{left: 18px; right: 0px;}
body.urdu_language_class #inputFile{display: flex;}
body.urdu_language_class input[type=file] {padding-left: 0px; padding-right: 0px;}
body.urdu_language_class .loader_fileupload {right: auto; left: 0px;}
body.urdu_language_class .modal-header .close, body.urdu_language_class .dateicon-blue:after {right: auto; left: 8px;}
body.urdu_language_class .mymodal .modal-header .close:before {right: auto; left: 0px;}
body.urdu_language_class .care_counter {margin: 0 10px 0 auto;}
body.urdu_language_class .modal-dialog .modal-header {text-align: right;}
body.urdu_language_class .ml-2 {margin-left: auto; margin-right: 0.5rem;}
body.urdu_language_class .text-right {text-align: left!important;}
body.urdu_language_class .schedule_time .ml-auto{direction: ltr;}
table.no-background{border: 0px solid var(--chronica-white);}
.table-hold table.table-view td.vertical_top, .table-hold table.table-normal td.vertical_top {vertical-align: top; padding:0px 10px;}
.table-hold table.table-normal td.vertical_top .floating-labels .form-group:first-child {margin-top: 5px;}
table.no-background tr td, table.no-background tr td:hover{background-color: var(--chronica-white); border: 0px solid var(--chronica-white);}
.pain_recorder_cont {display: flex; flex-wrap: wrap; margin-bottom: 15px; justify-content: space-evenly;}
.pain_recorder, .emotion_capture {flex: 0 0 30%; border: 2px solid var(--chronica-dark-grey-text); border-radius: var(--border-radius-md); text-align: center; display: flex; flex-direction: column; margin: 7px; padding: 10px 0 0 0; cursor: pointer; user-select: none;}
.pain_recorder i.icon, .emotion_capture i.icon {width: 52px; height: 52px; display: block; padding: 25px 0;  margin: auto;}
.pain_recorder span div, .emotion_capture span div {font-size: var(--font-size-base); font-weight: var(--font-weight-semi-bold); color: var(--chronica-light-black-text); padding: 5px; height: 52px;}

.pain_recorder i.icon.hurt0, .pain_recorder i.icon.no_hurt {
    background: url(/views/base/img/icon/pain_recorder_icon1.png) no-repeat;
    background-size: contain;
    margin: auto;
}
.pain_recorder i.icon.hurt1 {background: url(/views/base/img/icon/pain_recorder_icon2.png) no-repeat; background-size: contain; margin: auto;}
.pain_recorder i.icon.hurt2 {background: url(/views/base/img/icon/pain_recorder_icon3.png) no-repeat; background-size: contain; margin: auto;}
.pain_recorder i.icon.hurt3 {background: url(/views/base/img/icon/pain_recorder_icon4.png) no-repeat; background-size: contain; margin: auto;}
.pain_recorder i.icon.hurt4 {background: url(/views/base/img/icon/pain_recorder_icon5.png) no-repeat; background-size: contain; margin: auto;}
.pain_recorder i.icon.hurt5 {background: url(/views/base/img/icon/pain_recorder_icon6.png) no-repeat; background-size: contain; margin: auto;}
.emotion_capture i.icon.emotion1 {background: url(/views/base/img/icon/emotion_Capture5.png) no-repeat; background-size: contain; margin: auto;}
.emotion_capture i.icon.emotion2 {background: url(/views/base/img/icon/emotion_Capture4.png) no-repeat; background-size: contain; margin: auto;}
.emotion_capture i.icon.emotion3 {background: url(/views/base/img/icon/emotion_Capture3.png) no-repeat; background-size: contain; margin: auto;}
.emotion_capture i.icon.emotion4 {background: url(/views/base/img/icon/emotion_Capture2.png) no-repeat; background-size: contain; margin: auto;}
.emotion_capture i.icon.emotion5 {background: url(/views/base/img/icon/emotion_Capture1.png) no-repeat; background-size: contain; margin: auto;}
/*.pain_recorder:hover, .pain_recorder:focus, .emotion_capture:hover, .emotion_capture:focus {border: 2px solid #cc0000;}*/
.pain_recorder.highlightborder, .emotion_capture.highlightborder{border: 2px solid var(--chronica-dark-blue);}
.care_plan .form-group select{width: var(--width-full);}
.hide_UI_Show_Print {visibility: hidden; position: absolute;}
.patient_extra_dropdown {width: var(--width-sm); min-width: 400px; margin-left: 20px;}
.option_trunk_hold {display: flex; align-items: center; max-width: 200px; overflow: hidden;}
.option_trunk_hold .trunk-item {flex: 1 1 140px; display: inline; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; margin-right: 2px; word-wrap: break-word;}
.card .card {margin-bottom: 0px;}
.card .card .card-body{padding-bottom: 0px;}
.soapnote_outercont{padding: 10px 98px 10px 10px; border: var(--border-grey); background: #f7f7f7; border-radius: var(--border-radius-lg); position: relative; /*display: flex; flex-direction: row-reverse; justify-content: flex-end;*/}
.soapnote_outercont>.d-flex-aic {display: inline-flex; position: absolute; right: 10px; top: 20px;}
/*.soapnote_outercont div {width: var(--width-full);}*/

.close_grey::after {background: url(/views/base/img/svg-icons/close-grey.svg) no-repeat; background-size: 100%; width: 17px; height: 18px; content: ""; display: inline-block; position: absolute; right: 15px; top: 20px;}
.duration_button {display: flex; flex-direction: row; align-items: center; /*justify-content: space-between;*/ flex-wrap: wrap; max-width: 230px; margin: 0 auto; width: 230px;}
.duration_button .btn {min-width: 60px; max-width: 60px; margin: 8px 8px;}
.v-menu-Multiselect{height: 500px; overflow-y: auto; position: relative;}
.v-menu-Multiselect *{font-size: var(--font-size-sm); color: #555; font-weight: var(--font-weight-normal); font-family: var(--font-family-default);}
.v-menu-Multiselect .fa{font-family: FontAwesome;}
.v-menu-Multiselect #v-menu-multi-level {background: transparent;}
.v-menu-Multiselect .dropdown-menu.dropdown-menu-absolute{width: auto; overflow: visible;}
.v-menu-Multiselect .dropdown-menu.vmml-opened{display: block;}
.v-menu-Multiselect .root-item{position: relative; width: fit-content; min-width: 272px; border: 1px solid rgba(0,0,0,.15);}
.v-menu-Multiselect .root-item .dropdown-text {background: var(--chronica-white)!important; color: #555!important; font-weight: var(--font-weight-medium); padding: 6px 10px!important; border: 1px solid rgba(240,240,240,1);}
.v-menu-Multiselect .root-item>.dropdown-text{background: rgba(240,240,240,1)!important; border: 1px solid #c7c6c6;}
.v-menu-Multiselect .root-item > .dropdown-text .item-icon-after {display: none;}
#v-menu-multi-level .menu-container {width: var(--width-full); justify-content: flex-start!important;}
.v-menu-Multiselect .dropdown-item-menu {position: relative; width: var(--width-full); min-width: 270px;}
.v-menu-Multiselect .dropdown-text > div {display: flex;}
.v-menu-Multiselect .floating-labels{width: var(--width-full);}
.v-menu-Multiselect .minus {background: var(--chronica-white); border: var(--border-light-blue); padding: 5px 3px; border-radius: var(--border-radius-circle); width: 20px; height: 20px; line-height: 0px; margin: 0px 4px; display: flex; align-items: center;}
.v-menu-Multiselect .plus {background: var(--chronica-white); border: var(--border-light-blue); padding: 0px 3px; border-radius: var(--border-radius-circle); width: 20px; height: 20px; margin: 0px 4px; display: flex; align-items: center;}
.v-menu-Multiselect .plus svg *, .v-menu-Multiselect .minus svg * {stroke: var(--chronica-light-blue);}
/*.v-menu-Multiselect .minus:active, .v-menu-Multiselect .minus:focus,
.v-menu-Multiselect .plus:active, .v-menu-Multiselect .plus:focus {background: var(--chronica-light-blue);}
.v-menu-Multiselect .minus:active svg *, .v-menu-Multiselect .minus:focus svg *,
.v-menu-Multiselect .plus:active svg *, .v-menu-Multiselect .plus:focus svg * {stroke: var(--chronica-white);}*/
.v-menu-Multiselect .plus.checked, .v-menu-Multiselect .minus.checked{background: var(--chronica-light-blue);}
.v-menu-Multiselect .plus.checked svg *, .v-menu-Multiselect .minus.checked svg *{stroke: var(--chronica-white);}
.btn-close {position: absolute; right: 3px; top: 3px;}
.btn-close:after{background: url(/views/base/img/svg-icons/close-grey.svg) no-repeat; background-size: 100%; width: 15px; height: 15px; content: ""; display: inline-block; position: absolute; right: 0px; top: 0px;}
.v-menu-Multiselect .item-icon-before{display: none;}
#v-menu-multi-level .dropdown-text .item-text {flex: initial!important; white-space: initial;}
.v-menu-Multiselect .root-item > .dropdown-text .item-text.item-label {margin: 0 auto; font-weight: var(--font-weight-semi-bold);}
.v-menu-Multiselect .dropdown-text .item-text.checkbox-item {top: 7px; margin-left: 0px;}
.v-menu-Multiselect .dropdown-text .item-text.item-label {margin-left: 7px; line-height: 20px; width:calc(100% - 26px);}
.v-menu-Multiselect .item-text.checkbox-item::before {content:''; position: absolute; width: 0; height: 0; border: var(--border-transparent); left: 11px; top: 6px; webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); webkit-transform-origin: 20% 40%; transform-origin: 100% 100%;}
.v-menu-Multiselect .item-text.checkbox-item::after {content:''; position: absolute; height: 20px; width: 20px; background-color: transparent; border: 1px solid #b1b8bb; top: 6px; z-index: 0;}
.v-menu-Multiselect .item-text.checkbox-item.checked::before {content: ''; position: absolute; top: 8px; left: 11px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid var(--chronica-white); border-bottom: 2px solid var(--chronica-white); webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; z-index: 1;}
.v-menu-Multiselect .item-text.checkbox-item.checked::after {content:''; position: absolute; top: 6px; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0;}
.v-menu-Multiselect .item-text.checkbox-item label {margin-left: 30px;}
.item-text.checkbox-item{flex: none;}
.container_template{position: absolute; top: 0px; left: 275px; height: auto; max-height: 480px; border: 1px solid rgba(0,0,0,0.1);}
.list_group {height: auto; overflow: hidden; overflow-y: auto; width: calc(100% - 10px); margin: 0 auto; border: 1px solid rgba(0,0,0,0.1);}
.list_group li{padding: 6px 10px; min-width: 270px; text-align: left; display: flex; align-items: flex-start; border-bottom: 1px solid rgba(0,0,0,0.1);}
.list_group li span{margin-left: 10px; display: inline-block;}
.list_group li i {margin-top: 3px;}
.list_group li a {color: #555; font-weight: var(--font-weight-medium);}
.list_group li:last-child {border-bottom: 0px solid rgba(0,0,0,0.1);}
.list_group li:nth-child(even){background: aliceblue;}
.fav_template {max-height: 137px;}
.other_template {max-height: 205px;}
.template_heading{padding: 6px 10px; font-weight: var(--font-weight-medium); display: block;}
.right_arrow{position: absolute; left: 236px; top: 1px; width: 30px; height: 32px; display: flex; justify-content: center; align-items: center; cursor: pointer; transform: rotate(-90deg); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; user-select: none;}
.flip_arrow {transform: rotate(90deg); font-size: var(--font-size-sm); margin-right: 0.3em; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.template_list_item {width: var(--width-full); line-height: 20px;}
.template_item.highlight, .list_group li.template_item.highlight:nth-child(even) {background-color: #ddf0f9;}
.panel_cont, .menuHeaderFooter_cont {padding: 6px 10px; width: var(--width-full); border: 1px solid rgba(240,240,240,1);}
.panel_cont {display: flex; align-items: center;}
.plusMinus_cont{position: absolute; right: 10px; display: flex; top: 8px;}
.v-menu-Multiselect .soapnote_checkbox [type="checkbox"] + label{height: 15px;}
.v-menu-Multiselect .soapnote_checkbox [type="checkbox"].filled-in:disabled:checked.chk-col-light-blue + label:before{cursor: not-allowed;}
.v-menu-Multiselect .soapnote_checkbox [type="checkbox"].filled-in:disabled:checked.chk-col-light-blue + label:after{border: 2px solid #03A9F4; background-color: #03A9F4!important; cursor: not-allowed;}
.v-menu-Multiselect .soapnote_checkbox [type="checkbox"].filled-in:disabled:not(:checked) + label:after{border: 1px solid #b1b8bb; background-color: var(--chronica-white); cursor: not-allowed;}

.v-menu-Multiselect .lbd-weight {font-weight: var(--font-weight-semi-bold); margin-left: 7px; line-height: 20px;}
#v-menu-multi-level .dropdown-text{flex-wrap: wrap;}
.z_index_50{position: relative; z-index: 50;}
.panel_overflow_cont {height: auto; overflow: hidden; overflow-y: auto!important; max-height: 250px;}
/*.v-menu-Multiselect .dropdown-item-menu ul:not(ul) {height: auto; overflow: hidden; overflow-y: auto!important; max-height: 250px;}*/
.overflow_auto {height: auto; overflow: hidden; overflow-y: auto!important; max-height: 500px;}
.floating-labels .soapnote_outercont .form-group{margin: 10px 0 0px 0;}
.btn-outline-primary.cursor-notallowed, .btn-outline-primary.cursor-notallowed:hover {background-color: var(--chronica-white)!important; color: #007bff!important;}
#v-menu-multi-level .dropdown-menu-open-right{margin-left:0px!important;}
#v-menu-multi-level .dropdown-menu.dropdown-menu-open-down{margin-left: -1px;}
#v-menu-multi-level .dropdown-menu{border-radius: 0px; border: 1px solid rgba(240,240,240,1);}
/*#v-menu-multi-level .dropdown-item-menu:nth-child(even) .dropdown-text{background-color: rgba(240,240,240,1)!important;}*/
.eligibility_accordian .card-header{padding: 0px; background-color: var(--chronica-white); border: 1px solid var(--chronica-light-grey-text);}
.eligibility_accordian .card-body{border: 1px solid var(--chronica-light-grey-text); border-top: 0px; padding: 0px;}
.eligibility_accordian .card-header a.accor_header{display: flex; align-items: center; justify-content: flex-start; color: var(--chronica-dark-blue); font-weight: var(--font-weight-semi-bold); text-decoration: none; font-size: var(--font-size-md); position: relative;}
.eligibility_accordian .card-header a:after {content: ""; display: inline-block; width: 18px; height: 12px; cursor: pointer; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; position: absolute; right: 12px;}
.eligibility_accordian .card-header a[aria-expanded="false"]:after{content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain;}
.eligibility_accordian .card-header a[aria-expanded="true"]:after {content: ""; background: url("/views/base/img/icon/down-arrow-small.svg") center center no-repeat; background-size: contain; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
#recordManualCareActivity .modal-content .modal-body .floating-labels .row .form-group, .modal-content .modal-body .floating-labels.modal_with_Form .row .form-group, .modal-body .floating-labels.modal_with_Form .form-group{margin-bottom: 7px;}
.scroll_popup_small {height: auto; max-height: 230px; overflow: hidden; overflow-y: auto;}
.facesheet_card {padding: 0px; border-radius: 10px; /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);*/ background: var(--chronica-white); width: var(--width-full); height: 100%; border: var(--border-grey);}
.facesheet_header {padding: 10px 10px; margin: 0px; background: #e5e5e5; border-radius: 10px 10px 0px 0px;}
.facesheet_List li {margin: 5px 0px; font-weight: var(--font-weight-medium); width: var(--width-full);}
.facesheet_card_height {width: var(--width-full); height: auto; max-height: 330px; overflow: hidden; overflow-y: auto; overflow-x: auto; padding: 5px 10px 5px;}
.facesheet_border {border-bottom: var(--border-grey); padding-bottom: 10px; padding-top: 5px;}
.facesheet_border:last-child {border-bottom: 0px solid var(--chronica-dark-grey-text);}
.d-flex-row-aic {display: flex; flex-direction: row;}
.medication_List_Cont {height: auto; max-height: 55vh; overflow: hidden; overflow-y: auto;}
.add_Medication_Cont {height: auto; max-height: 73vh; overflow: hidden; overflow-y: auto;}
.add_Vaccination_Cont {height: auto; max-height: 73vh; overflow: hidden; overflow-y: auto;}
.soapnote_chief_Complaint {padding: 5px 10px 10px 10px; border: var(--border-grey); background: #f7f7f7; border-radius: var(--border-radius-lg); position: relative;}
.min_120{min-width: 120px;}
.inactivateMedication_cont {width: var(--width-full); border: var(--border-grey); border-radius: var(--border-radius-lg); padding: 10px 10px;}
.leadList_popup_container {position: relative; max-height: 500px; overflow: hidden; overflow-y: auto;}
.leadList_popup {display: block; height: auto; overflow: hidden; overflow-y: auto; column-count: 2;}
.leadList_popup li {width: var(--width-full); padding: 5px 5px 5px 5px;}
.hicare_blue_underline {color: var(--chronica-light-blue); text-decoration: underline;}
.insurance_alert_msg .alert-dismissible {margin-top: 100px;}
.insurance_exeption_messagemap {width: var(--width-full); height: auto; max-height: 200px; overflow-x: hidden; overflow-y: auto; margin: 20px 0px;}
.alert_container {margin-top: 70px;}
.facesheet_card ::-webkit-scrollbar {width: 12px;}
.facesheet_card ::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
.facesheet_card ::-webkit-scrollbar-thumb {background: #888; border-radius: 10px;}
.facesheet_card ::-webkit-scrollbar-thumb:hover {background: #555;}
.facesheet_card * {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;}
.facesheet_card .blank-cnt {border: 0px;}
.min-height-survey-chart {min-height: 100px;}
.enrollment_extrastuff {position: absolute; z-index: 2;}
.enrollment_extrastuff > li:first-child {padding-left: 0px;}
#surveyDashboardContainer .sa-question__select-wrapper:before {visibility: hidden;}
#surveyDashboardContainer .sa-toolbar__button {display: none;}
#surveyDashboardContainer *, #surveyDashboardTimeline * {font-family: var(--font-family-default); color: var(--chronica-black-text); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); line-height: 18px;}
#surveyDashboardContainer .sa-question__title{font-weight: var(--font-weight-medium); font-size: var(--font-size-md); line-height: 24px;}
#surveyDashboardContainer .sa-commercial__product{font-weight: var(--font-weight-normal);}
#surveyDashboardContainer .sa-question__content{background: #f7f7f7; border: var(--border-grey); border-radius: var(--border-radius-lg);}
.survey_question_content{background: #f7f7f7; border: var(--border-grey); border-radius: var(--border-radius-lg); padding: 20px 20px 0px 20px; height: 100%; overflow: hidden;}
.survey_user_container {width: var(--width-full); display: flex!important; flex-wrap: wrap;}
.survey_user_container.d-none {display: none!important;}
.survey_question_wrapper {padding: 1em; width: calc(50% - 0px);}
#surveyDashboardTimeline .survey_question_content .survey_question_title{font-weight: var(--font-weight-medium); font-size: var(--font-size-md); line-height: 24px;}
/*.survey_question_content .js-plotly-plot .plotly .main-svg {background: #f7f7f7;}*/
#surveyDashboardContainer .sa-question__select-wrapper{min-width: 150px; border-radius: var(--border-radius-md);}
#surveyDashboardContainer .sa-commercial{padding: 0.5em 0 0.5em 0.5em;}
#surveyDashboardContainer .sa-toolbar{margin-bottom: 0.5em;}
#surveyDashboardContainer .sa-commercial .sa-commercial__text > span{display: flex; align-items: center;}
.survey_plot_cont .infolayer .g-gtitle .gtitle {display: none;}
.directMail_popup_container {position: relative; max-height: 490px; min-height: 200px; overflow: hidden; overflow-y: auto; padding: 10px; height: 100%; background-color: #f7f7f7;}
.borderWithRadius {border: var(--border-grey); border-radius: var(--border-radius-md);}
.preview_div_container{position: relative; max-height: 490px; min-height: 200px; overflow: hidden; overflow-y: auto; padding: 5px 10px; background-color: #f7f7f7; border-radius: var(--border-radius-md); border: var(--border-grey); height: calc(100% - 30px);}
.directMail_popup_container .vue-table-cnt .col-sm-12 .btn-toolbar .btn {padding: 7px 7px; height: auto;}
.full-height-cont {position: relative; height: 100%;}
.light_background {background-color: #f7f7f7;}
.btn.min-height-plus-btn {padding: 8px 12px;}
.width_auto_with_plusbtn {width: calc(100% - 56px);}
.survey_score_icon {width: 30px; height: 30px;}
.trend_Up_Arrow {background: url("/views/base/img/svg-icons/arrow_trend_up.svg") center center no-repeat; background-size: 100% 100%;}
.trend_Down_Arrow {background: url("/views/base/img/svg-icons/arrow_trend_down.svg") center center no-repeat; background-size: 100% 100%;}
.trend_equal:after {content: '-'; font-size: 46px; font-weight: var(--font-weight-semi-bold); color: var(--chronica-black-text); position: absolute; left: 0px; top: 7px;}
.survey_score_cont .table-hold .table td, .survey_score_cont .table-hold .table th {height: 32px; padding: 6px 7px; min-width: 60px!important;}
.survey_score_cont .table-hold .table td:last-child, .survey_score_cont .table-hold .table th:last-child {text-align: center;}
.survey_score_cont .pcard {max-height: 250px; overflow: hidden; overflow-y: auto;}
.survey_score_cont * {scrollbar-width: thin; scrollbar-color: #888 #f1f1f1;}
.min_height_100 {height: 100px;}
.survey_score_cont .img-maxbox {padding: 15px 0px;}
.time_with_icon {font-weight: var(--font-weight-medium); color: var(--chronica-red); border: 1px solid var(--chronica-red); background: var(--chronica-white); border-radius: 20px; white-space: nowrap; padding: 3px 10px 3px 8px; width: fit-content; margin-top: 3px;}
.ai_free_icon {width: 18px; height: 18px; background: url("/views/base/img/svg-icons/powered_by_AI_logo.svg") center center no-repeat; background-size: 90% 90%;}
.showResentOTPbtn {position: absolute; bottom: 82px; left: 20px;}
#carePlanTitle {display: none!important;}
.response_div_container{position: relative; max-height: 100%; min-height: 200px; overflow: hidden; overflow-y: auto; padding: 5px 10px; background-color: #f7f7f7; border-radius: var(--border-radius-md); border: var(--border-grey); height: calc(100vh - 34vh);}
.careServicePrint div.form-control {min-height: 100px; height: auto; padding: 12px;}
.diagnosisPrint div.form-control {width: 100%; min-height: 100px; height: auto; padding: 12px;}
.signature-box {width: 49%; padding: 10px 0px; margin-right: 1%;}
.e-signature {width: 100%; height: 90px; border: var(--border-grey); overflow: hidden; padding: 4px;}
.signature-image {width: auto; max-width: 100%; height: 80px; max-height: 80px; margin: auto; display: block;}
.name_signature {border-bottom: var(--border-grey); padding-bottom: 2px; width: 100%; display: inline-block;}
.btn_with_svg_icon svg {width: 20px; height: 20px; margin-left: 5px;}
.btn_with_svg_icon svg path {fill: var(--chronica-red-text);}
.btn_with_svg_icon:hover svg path {fill: var(--chronica-red-text);}
.diagnosis_list_wrapper {height: auto; /*overflow: hidden; overflow-y: auto; max-height: 250px;*/}
.diagnosis_list_wrapper li {padding: 0px 0 8px 0px; font-size: var(--font-size-md);}
.diagnosis_list_wrapper [type="checkbox"] + label {padding: 0px 0px 0px 35px;}
#careplandata .diagnosis_list_wrapper [type="checkbox"].filled-in:not(:checked) + label::before {margin-left: -6px;}
#careplandata .diagnosis_list_wrapper [type="checkbox"].filled-in:not(:checked) + label::after {margin-left: 0px;}
.modal-content .modal-body .floating-labels.form_custom_margin .form-group {margin: 7px 0px 15px;}
.btn_populate {position: relative; top: 15px; right: 10px; z-index: 2;}
.daterangepicker.dropdown-menu .fa {font-family: "FontAwesome";}
.form_control_textarea_div {border: var(--border-grey); background: #EDEDED !important; border-radius: var(--border-radius-md); padding: 10px; width: 100%; height: auto; min-height: 95px; max-height: 95px; overflow-y: auto; overflow-x: hidden}
}

/*Media Queries Start */
@media (min-width:1650px) {
    .widget-app-columns {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
    .campaign {height:365px !important;}
    .website-visitor {height:445px;}
    .auto-height {max-height:315px;}
}
@media screen and (min-width: 1600px){
    .c100{font-size: 225px;}
}
@media (max-width:1599px) {
    .website-visitor {height:333px;}
    .auto-height {min-height:240px;}
    .c100{font-size: 200px;}
    .patientlist_extrastuff {justify-content: flex-start;}
    .patientlist_extrastuff > li {padding: 5px 10px 5px 10px;}
    .patientlist_extrastuff > li:first-child {padding-left: 10px;}
    ul.homescoreboard li span.num-value {font-size: 44px;}
    .ccm_chart_cont>div {width: var(--width-half)!important;}
}
@media screen and (min-width: 0) and (max-width: 1599px) {
    .new_message_tab {min-height: 265px;}
    .todays_medication{min-height: 347px;}
    .medi-table {min-height: 215px;}
    .panel-body .medi-table {min-height: fit-content;}
    .abnormal_vital_card {flex-direction: column;}
    .abnormal_vital_card .hr-ago {margin-left: 0px;}
    .three-card .carousel-cnt .carousel-item {min-height: 370px;}
    .rsp-heading ul.ex-stuff {width: var(--width-full);}
    .rsp-heading ul.ex-stuff li:first-child {width: auto; flex: 1 1 auto; padding-left: 0px;}
    .rsp-heading ul.ex-stuff li.none-resp {width: auto; flex: 0 1 auto;}
    ul.homescoreboard li span.num-value {font-size: 40px; margin-right: 5px;}
    .urgent-care-hold {/*min-height: 1416px;*/ min-height: 0;}
    .vue-table-hold-lg .vue-table-cnt .row .col-sm-12{overflow-y: hidden; overflow-x: auto;}
    .Urgentcare_patientlist .holder {flex-direction: row; padding-top: 0px; width: var(--width-full);}
    .Urgentcare_patientlist .fl-hold {right: 0px; justify-content: space-between; width: var(--width-full);}
    .urgent-care-hold .heading .ex-stuff .orgSelect_cont_Vital{margin-top: 10px;}
}
@media (min-width: 1500px) {
    .headingtxt {font-size: var(--font-size-lg);}
    .urgent-care-hold heading {display: block;}
}
@media screen and (min-width: 0) and (max-width: 1499px) {
    .headingtxt {font-size: 17px;}
    .overview-cnt .bar-chart{width: var(--width-full); margin: 0 1% 30px;}
    .overview-cnt .bar-chart .vertical-bar-hold{height: 250px;}
    .overview-cnt .blue-schedule-cnt{width: 48%; margin: 0 1% 0px;}
    .overview-cnt .pilldue{width: 48%; margin: 0 1% 0;}
    ul.homescoreboard li span.num-value {font-size: 38px;}
    .upcoming_schedule .videoconfrn .smalltxt, .upcoming_schedule .activity-card .headingtxt  {font-size: var(--font-size-lg);}
    .scoretitle {font-size: var(--font-size-lg);}
    .new_message_tab > ul > li > a, ul.homescoreboard li span {font-size: var(--font-size-base);}
    .urgent-care-hold > .heading .ex-stuff li:first-child {padding: 0;}
    .inline-sm-list li, .inline-sm-list li span {font-size: 13px;}
    .like-btn i, .like-btn:hover i{font-size: 15px;}
    .customtab1 li a.nav-link {padding: 10px 15px 10px;}
}
@media (min-width: 1200px) {
    body {font-size: var(--font-size-base);}
}
@media screen and (min-width: 0) and (max-width: 1399px) {
    .c100{font-size: 130px;}
    /*Main Screen */
    .call-container .call-txt {font-size: var(--font-size-lg); height: 70px;}
    .img-infotxt {font-size: 15px;}
    .img-infotxt .sm-muted {font-size: 13px;}
    .heading h2 {font-size: var(--font-size-xl); line-height: 24px;}
    .img-box {width: 50px; height: 50px; margin: 0 10px 0 0}
    .img-box img.profile-pic{height: 50px;}
    ul.md-avtar-overlapping li {width: 45px; height: 45px; border-radius: var(--border-radius-circle);}
    ul.md-avtar-overlapping li span {line-height: 47px;}
    .img-box span {line-height: 53px;}
    a.btn.join-btn {width: auto; margin: 0 20px 0 0; padding: 9px 20px;}
    .heading h2 {font-size: var(--font-size-md); line-height: 19px;}
    .heading.rsp-heading .none-resp {display: none;}
    .devices_tab.position-relative-top-50 {top: -45px;}
    .titletxt {font-size: var(--font-size-md);}
    ul.vital-warn li {font-size: var(--font-size-sm);}
    .tab-table tr td {padding: 0;}
    .btn {/*height: 32px;*/ line-height: 16px; font-size: 13px;}
    .customtab1 li a.nav-link {padding: 10px 12px 10px;}
    .schedule-cnt  {display: flex; flex-wrap: wrap;}
    .schedule-cnt-item.activitybox  {max-width: var(--width-half); flex:0 0 50%;}
    .schedule-cnt-item.calenderbox  {max-width: var(--width-half); flex:1 0 50%; order: 0;}
    .calander-hold  {max-width: var(--width-full); flex:0 0 100%; padding-right: 15px; padding-left: 15px; margin: 0 0 30px 0;}
    .event-hold  {max-width: var(--width-full); flex:0 0 100%; padding-right: 15px; padding-left: 15px; margin: 0 0 30px 0;}
    .medication_acknowledge {max-width: var(--width-full); flex:0 0 100%; padding-right: 15px; padding-left: 15px; margin: 0 0 30px 0;}
    /*    .picbox  {width:100px; margin: 0 15px 0 0;}*/
    /*.picbox span {width:100px; height: 100px; font-size: 30px;}*/
    .urgent-care-hold {/*min-height: 1416px;*/ min-height: 0;}
    .overview-cnt .bar-chart{width: var(--width-full); margin: 0 1% 30px;}
    .overview-cnt .blue-schedule-cnt{width: 48%; margin: 0 1% 0px;}
    .overview-cnt .pilldue{width: 48%; margin:0 1%;}
    .detailsbox .personal-cnt .num-address-list, .detailsbox .personal-cnt  {display: block;}
    .detailsbox .personal-cnt.quickNotetxt  {display: flex; margin-top: 7px; flex-wrap: wrap;}
    .detailsbox .personal-cnt .btn-hold {/*display: block;*/ margin-top: 10px;}
    .All_schedule_heading{display: none;}
    .All_schedule_heading.tab_schedule_head{display: block;}
    #list_view .schedule_time{flex-wrap: wrap;}
    #list_view .schedule_time .badge{margin-left: auto;}
    .custom_scrollbar {margin-top: 20px;}
    .urgent_care_tabs{padding-top: 42px;}
    .Urgentcare_patientlist .fl-hold{top:0px;}
    .time_list button.btn-lg {width: 45%;}
    /*.time_list button.btn-lg:nth-child(3){margin-bottom: 0px;}*/
    .abnormal_vital_card {flex-direction: row;}
    .abnormal_vital_card .hr-ago {margin-left: auto;}
    .three-card .carousel-cnt .carousel-item {min-height: 355px;}
    .rsp-heading ul.ex-stuff {width: auto;}
    .Urgentcare_patientlist .holder {flex-direction: row; padding-top: 0px; width: var(--width-full);}
    .Urgentcare_patientlist .fl-hold {right: 0px; justify-content: space-between; width: var(--width-full);}
    .vuecal__cell .vuecal__event * {font-size: 0.7rem;}
    #patientList .holder {flex-direction: column; padding-bottom: 10px;}
    #patientList .holder .orgSelect_cont {margin-left: auto; margin-top: 10px;}
    #patientList .fl-hold {top: 68px;}
    .grey_box_card {height: auto;}
    .pcard .row .col-xlg-7 {margin-top: 20px;}
    .left-program-card{margin: 10px 10%; flex: 0 0 80%;}
    .program-card{flex: 0 0 40%; margin: 10px 5%;}
    .rpm_program_wrapper .program-card, .rpm_program_wrapper .left-program-card {flex: 0 0 80%; margin: 10px 10%;}
    .notes_table_cont .vue-table-cnt, .encouter_table_cont .vue-table-cnt {margin-top: 0px;}
    .daterange_cont{width: calc(100% - 0px)}
}
@media (max-width:1370px) {
    .widget-app-columns {-webkit-column-count:2; -moz-column-count:2; column-count:2;}
    .website-visitor {height:353px;}
    .auto-height {min-height:186px;}
    .medi-blue-bg .three-score {flex-wrap: wrap;}
    .medi-blue-bg .three-score .scorebox {width: var(--width-half); justify-content: flex-start; padding: 5px 0px;}
}
@media screen and (min-width: 0) and (max-width: 1300px) {
    .date-txt {display: block; border: none;}
    .hlth-score h3, .adhere-scoreboard li h3 {font-size: var(--font-size-xl);}
    .rev-cnt {display: block;}
    .rev1 {width: var(--width-full); margin-bottom: 15px;}
    .cologuard_cont2 {width: 90%;}
}
@media screen and (min-width: 0) and (max-width: 1199px) {
    body {font-size: var(--font-size-base);}
    .c100{font-size: 165px;}
    .fl-hold {/*width: var(--width-full);*/ top:12px;}
    .card-title.res-space {padding: 18px 15px 60px 15px;}
    .contact-info-hold > div {width: 48%;}
    .scheduletab li {flex: 1 1 50%;}
    .clinical_note span:first-child {font-size: var(--font-size-md);}
    .clinical_note span:nth-child(2) {font-size: var(--font-size-base);}
    .clinical_note span:nth-child(3) {font-size: var(--font-size-base);}
    .plan-hold .plan-info-list {width: var(--width-half);}
    .plan-hold .plan-desc {width: var(--width-full); border-left: 0px; padding-left: 0px; padding-top: 20px;}
    .time_list button.btn-lg {width: var(--width-sm);}
    /*.time_list button.btn-lg:nth-child(3){margin-bottom: 20px;}*/
    .ds-schedule h4 {padding: 25px 15px 20px;}
    .ds-schedule ul li a {padding: 14px 15px;}
    .medi-table {min-height: 218px;}
    .panel-body .medi-table {min-height: fit-content;}
    .datatable_ex_button .holder {padding-top: 50px;}
    .datatable_ex_button .fl-hold {right: 0px; justify-content: space-between; width: var(--width-full);}
    .datatable_ex_button .fl-hold .dt-buttons {position: absolute; top: 50px; display: flex; justify-content: flex-end; right: 0px; padding: 0 5px;}
    .inlineflex-list {flex-wrap: wrap;}
    .inlineflex-list li {border-right: 0px solid var(--chronica-dark-grey-text); padding: 0px 20px 0px 0px;}
    .qid-cnt .slotlist li {width: var(--width-full); flex: 0 0 100%;}
    .qid-cnt .slotlist li:nth-child(odd) {border-right: 0px solid #d6d6d6;}
    .video_widget_position {position: relative;}
    .collapse_arrow {display: none;}
    .careplan_field, .careplan_field_name{width: var(--width-half);}
}
@media (min-width:1025px) {
    .page-wrapper {margin-left:320px; width: calc(100% - 320px);}
    body.urdu_language_class .page-wrapper {margin-left:0px; margin-right: 90px;  width: calc(100% - 90px);}
    .topbar .top-navbar .navbar-header{padding-left: 335px;}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
    .c100{font-size: 165px;}
    .page-wrapper {margin-left:70px; width: calc(100% - 70px); -webkit-transition:0.2s ease-in; -o-transition:0.2s ease-in; transition:0.2s ease-in;}
    body.urdu_language_class .page-wrapper {margin-left:0px; margin-right: 70px; width: calc(100% - 70px);}
    .topbar .top-navbar .navbar-header{padding-left: 105px;}
    .widget-app-columns {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
    /*.inbox-center a {width:200px;}*/
    .hdr-nav-bar .navbar .navbar-nav > li a {padding:12px 15px; border-bottom:0px solid transparent; border-left:2px solid transparent;}
    .hdr-nav-bar .navbar .navbar-nav > li:hover a {padding:12px 20px;}
    .hdr-nav-bar .call-to-act .custom-select {margin-bottom:10px;}
    .d-flex {display:block !important;}
    .d-flex.no-block {display:-webkit-box !important; display:-webkit-flex !important; display:-ms-flexbox !important; display:flex !important;}
    .table_cont .fl-hold {width: var(--width-full); justify-content: space-between; right: 0; padding: 0 10px;}
    .heading_triage {margin-top: 40px;}
    .call-container .call-txt {font-size: 22px;}
    .call-container .call-child {width: 29%;}
    .notification {font-size: var(--font-size-xl);}
    .notification + span {font-size: 36px;}
    .dataTables_filter .data-search {width: 250px;}
    .li-select .select select {width:150px;}
    /*#patientList .fl-hold {right: 168px;}*/
    #patientList .li-select .select select {width: 180px;}
    .table-hold.patientlist-table .dataTables_length {right: 180px;}
    .table-hold.patientlist-table .dataTables_filter {right: 320px;}
    .overview-cnt .bar-chart{width: 98%; margin: 0 1% 30px;}
    .overview-cnt .blue-schedule-cnt{width: 48%; margin: 0 1% 0px; min-width: 0}
    .overview-cnt .pilldue{width: 48%; margin: 0 1% 0; min-width: 0}
    .qid-list li {width: 47%;}
    .long_cont_hold .holder {flex-direction: row; padding-top: 50px; width: var(--width-full);}
    .long_cont_hold .fl-hold {right: 0px; justify-content: space-between; width: var(--width-full);}
    .tri-position {margin: 0;}
    .table-hold table.medi-table thead {display: none;}
    .table-hold table.medi-table tbody tr {display: flex; flex-direction: column;}
    .table-hold table.medi-table tbody tr td  {display: flex; width: var(--width-full); align-items: center; position: relative; padding-left: 165px;}
    .table-hold table.medi-table tbody tr td a {margin-left: auto;}
    .table-hold table.medi-table tbody tr td:before {display: block; position: absolute; top: 7px; left: 15px; width: 100px; padding-right: 10px; white-space: nowrap; color: var(--chronica-black-text); font-weight: var(--font-weight-medium); line-height: 30px; font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-sm);}
    .table-hold table.medi-table tbody tr td:first-child {padding: 5px 15px; justify-content: center; background: #DDEFF9; height: auto; border: 15px solid var(--chronica-white); font-weight: var(--font-weight-semi-bold); font-size: var(--font-size-base);}
    .table-hold table.medi-table tbody tr td:first-child:before {display: none;}
    .table-hold table.medi-table tbody tr td:nth-child(2):before {content: "08:30 AM";}
    .table-hold table.medi-table tbody tr td:nth-child(3):before {content: "01:00 PM";}
    .table-hold table.medi-table tbody tr td:nth-child(4):before {content: "04:00 PM";}
    .table-hold table.medi-table tbody tr td:nth-child(5):before {content: "07:00 PM";}
    .table-hold table.table-view.medi-table tbody tr:nth-child(odd):hover, .table-hold table tbody tr:nth-child(even):hover {background: none;}
    .total-revenue-txt {display: flex; justify-content: space-between;}
    .total-revenue-txt span {width: 46%; margin: 5px 0;}
    .left-program-card{margin: 10px 5%; flex: 0 0 90%;}
    .program-card{flex: 0 0 46%; margin: 10px 2%;}
    .rpm_program_wrapper .program-card, .rpm_program_wrapper .left-program-card {flex: 0 0 90%; margin: 10px 5%;}
    .directMail_popup_container .vue-table-cnt .col-sm-12 .btn-toolbar p {width: var(--width-full);}
    .directMail_popup_container .vue-table-cnt .col-sm-12 .btn-toolbar .btn-group {margin-top: 5px;}
    .directMail_popup_container .vue-table-cnt .col-sm-12 .btn-toolbar .btn-group .btn:nth-child(5){display: none;}
    .directMail_popup_container .vue-table-cnt .col-sm-12 .btn-toolbar .btn-group .btn:nth-child(4) {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
}
@media screen and (min-width: 0) and (max-width: 992px) {
    .call-container {display: table; height: auto;}
    .call-container .call-child {width: var(--width-half); float: left; height: 75px;}
    .call-container .call-child.call-child--featured {width: var(--width-full);}
    .call-container .call-child:after {clear: both;}
    .schedule-cnt-item.activitybox {max-width: var(--width-full); flex: 0 0 100%;}
    .schedule-cnt-item.calenderbox {max-width: var(--width-full); flex: 100%; order: 0;}
    .calander-hold {max-width: var(--width-half); flex: 0 0 50%;}
    .event-hold {max-width: var(--width-half); flex: 0 0 50%;}
    .v_calender_box .calander-hold {margin: 20px 0px 0px;}
    .v_calender_box .event-hold {margin: 20px 0px 0px;}
    .holder {flex-direction: column;}
    .holder .ex-stuff {order: -1; justify-content: flex-end; padding: 10px;}
    .vuetable_holder {position: relative;}
    #patientList .holder {flex-direction: row; padding-top: 50px;}
    #patientList .holder .ex-stuff {order: 0; justify-content: flex-end; padding: 10px;}
    /*    .fl-hold {display: flex; position: absolute; top: 11px; left: 0px; padding: 0 10px; width: var(--width-full); justify-content: flex-end;}*/
    .ip-hold {display: flex; width: var(--width-full); justify-content: space-between; align-items: center;}
    .details-address {padding-top: 20px;}
    /*    .customtab1 li a.nav-link {padding: 10px 20px 10px;  font-size: 15px;}*/
    .mytab-nav {display: none;}
    .care_manager_tab_cont .show-tablet {display: flex;}
    .customtab li a.nav-link {padding: 12px 25px 12px;}
    #patientList .fl-hold, .datatable_hold_tab .fl-hold{right: 0px; justify-content: space-between; width: var(--width-full); top: 12px;}
    .vital-warn {margin: 7px 15px;}
    .info_blue_box {margin-bottom: 20px; height: auto!important;}
    .pp-info {flex-wrap: wrap;}
    .pp-info .patient-profile-cnt {width: var(--width-full); padding: var(--padding-regular); border-right: 0px solid #7288B6; border-bottom: 1px solid #7288B6;}
    .pp-info .patient-info-cnt {width: var(--width-full); padding: var(--padding-regular); border-right: 0px solid #7288B6;}
    .All_schedule_heading{display: block;}
    .All_schedule_heading.tab_schedule_head{display: none;}
    .survey_heading_cont{position: relative; width: calc(100% - 10px); top: 0px;}
    .time_list button.btn-lg {width: 45%;}
    /*.time_list button.btn-lg:nth-child(3){margin-bottom: 0px;}*/
    .holder1 {width: calc(100% - 0px); margin: 0 0 0px 0;}
    .survey-adjust {position: static;}
    .table-hold.only-datafilled-15 {position: relative; padding-top: 60px;}
    .table-hold.only-datafilled-15 .fl-hold {right: 0; top: 15px; padding: 0;}
    .join-cnt>.d-flex-aic {flex-direction: column; align-items: flex-start;}
    .join-cnt>.d-flex-aic>.d-flex {width: var(--width-full);}
    .join-cnt .img-desc div.bd-weight {max-width: calc(100% - 30px);}
    .join-cnt>.d-flex-aic div.ml-auto {margin: 0!important;}
    .welcome_container {height: 100%; min-height: 100vh;}
    .welcome_wrapper {align-items: flex-start; margin-top: 3em; height: auto;}
    .compliance_border {border-right: 0px!important;}
    .vital_reading_wrapper-horizontal .indicator_container {width: var(--width-half);}
    .vital_reading_wrapper-horizontal .indicator_container:nth-child(even):after{border-right: 0px solid var(--chronica-dark-grey-text);}
    .vue-table-hold {overflow-y: hidden; overflow-x: auto;}
    .viewdetails-card .ex-heading {font-size: var(--font-size-md);}
    #patientList .holder .patientlist_extrastuff {justify-content: flex-start;}
    .ccm_chart_cont {flex-direction: column;}
    .ccm_chart_cont>div {width: var(--width-full)!important;}
    .enrollment_extrastuff {position: relative; z-index: 2;}
    .full-height-cont {margin-top: 20px;}
}
@media screen and (min-width: 0) and (max-width: 991px) {
    .three-card .carousel-cnt .carousel-inner {min-height: auto;}
    .dftimeslot {flex-direction: column;}
    .dftxt {margin-bottom: 10px;}
    .multidiv {width: var(--width-full);}
}
@media screen and (min-width: 0) and (max-width: 850px) {
    .acco-point .medi-head .dpf-list {display: block;}
    .acco-point .medi-head .dpf-list li {display: block; padding: 0; border-right: 0px; line-height: 18px;}
    .three-score .scorebox .adhere-cir {width: 30px; height: 30px;}
    .three-score .scorebox .adhere-cir svg {width: 15px; height: 15px;}
    .three-score .scorebox .adhere-cir.orange svg {width: 25px; height: 25px;}
    .three-score .scorebox .adhere-cir + h2 {font-size: 30px; margin-left: 10px;}
    .three-score .scorebox .adhere-cir + h2 + span {padding-top: 3px;}
}
@media screen and (min-width: 769px) {
    .navbar-header {width:240px; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0;}
    .navbar-header .navbar-brand {padding-top:0px;}
    .card-group .card:first-child, .card-group .card:not(:first-child):not(:last-child) {border-right:1px solid rgba(0, 0, 0, 0.03);}
    .material-icon-list-demo .icons div {width:33%; padding:15px; display:inline-block; line-height:40px;}
    .flex-wrap {-ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; -webkit-flex-wrap:nowrap !important;}
    .mini-sidebar .page-wrapper {margin-left:90px; width: calc(100% - 90px);}
    body.urdu_language_class.mini-sidebar .page-wrapper {margin-left:0px; margin-right: 90px; width: calc(100% - 90px);}
    .mini-sidebar .sidebar-nav #sidebarnav li {position:relative;}
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul {position:absolute; left:90px; top:46px; width:260px; padding: 0px 5px 12px 5px; z-index:1001; background:#DDF0F9; display:none; padding-left:1px;}
    body.urdu_language_class.mini-sidebar .sidebar-nav #sidebarnav > li > ul {left: 0px;}
    .mini-sidebar .user-profile .profile-img {width:45px;}
    .mini-sidebar .user-profile .profile-img .setpos {top:-35px;}
    .mini-sidebar.fix-sidebar .left-sidebar {position:fixed;}
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {height:auto !important; overflow:auto;}
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {display:block;  border-bottom-right-radius: 3px;}
    .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {display:none;}
    .mini-sidebar .left-sidebar {width:90px;}
    .mini-sidebar .sidebar-nav #sidebarnav .user-profile > a {padding:12px 20px;}
    .fix-sidebar .scroll-sidebar {padding-bottom:0px; position:absolute; width: var(--width-full);}
    .mini-sidebar .scroll-sidebar {padding-bottom:0px; position:absolute; width: auto;}
    .mini-sidebar .hide-menu, .mini-sidebar .nav-small-cap, .mini-sidebar .sidebar-footer, .mini-sidebar .user-profile .profile-text, .mini-sidebar > .label {display:none;}
    .mini-sidebar .nav-devider {width:70px;}
    .mini-sidebar .sidebar-nav #sidebarnav > li > a {padding:0px; width:90px;}
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {width:350px; background:#DDF0F9;}
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {display:inline;}
    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {display:none;}
    .tabResult .tabBx .content{display:block !important;}
    .nurse-vital-container .slick-prev {left: 45%;}
    .nurse-vital-container .slick-next {right: 45%;}
    .fix-sidebar .sidebar-nav {background:transparent; height: 100%; overflow-y: auto;}
    .fix-sidebar .sidebar-nav::-webkit-scrollbar {display: none;}
    body.urdu_language_class .navbar-expand-md .navbar-nav .dropdown-menu-right{right: auto; left: 0;}
}
@media screen and (min-width: 0) and (max-width: 768px) {
    .sm-mb-20 {margin-bottom: 20px;}
    .mini-sidebar .hide-menu {display: none;}
    .page-wrapper {margin-left: 0px; width: var(--width-full);}
    #show-mailsId .pr-0 {padding-right: 15px!important;}
    #show-mailsId .pl-0 {padding-left: 15px!important; border-left: 0px;}
    .urgent-care-hold .tab-table tr td > .d-flex-aic {align-items: flex-start;}
    .contact-info-hold > div {width: var(--width-full);}
    .tabResult{padding:20px 10px;}
    .tabResult .tabBx{display:block !important;border:0px solid #ccc;margin-bottom:0px;border-radius:0px;}
    .tabResult .tabBx .content{display:none;/*padding:10px 10px;*/ padding: 0px;}
    .tabResult .tabBx .mobile-menu {display:block;font:600 14px "Open Sans", sans-serif;color:var(--chronica-white);background:#eee;border-radius:3px 3px 0 0;}
    .tabResult .tabBx .mobile-menu a{display:block;padding:10px 3%;}
    .All_schedule_heading{display: none;}
    .All_schedule_heading.tab_schedule_head{display: block;}
    .time_list button.btn-lg {width: var(--width-sm);}
    /*    .time_list button.btn-lg:nth-child(3){margin-bottom: 20px;}*/
    .new_message_tab > ul > li > a {padding: 3px 10px;}
    .new-prof-cnt {flex-direction: column; min-height: 300px;}
    .new-prof-cnt .profile-a {display: flex; align-items: center; justify-content: flex-start;}
    .new-prof-cnt .profile-a h4.hidden-md-up {width: calc(100% - 120px); text-align: left;}
    .new-prof-cnt .profile-c {flex: 0 0 100%; width: var(--width-full); left: 0%; top: calc(100% - 32px);}
    .new-prof-cnt .profile-b {flex: 0 0 100%;  top: 120px; position: absolute; width: calc(100% - 30px);}
    .new-prof-cnt .profile-b .vertical-hold{padding: 0px; height: 100px;}
    .new-prof-cnt .profile-c ul.legend {justify-content: space-evenly;}
    .new-prof-cnt .profile-c ul.legend li {width: auto; margin-right: 5px; font-size: var(--font-size-sm);}
    .upcoming_schedule {min-height: auto;}
    .vue-table-cnt .row .col-6 {width: var(--width-full); flex: 0 0 100%; max-width: var(--width-full);}
    .vue-table-hold .btn-acknow {position: relative; top: 5px; left: 10px;}
    .fix-sidebar .sidebar-nav {background:transparent; height: 100%; overflow-y: auto;}
    .fix-sidebar .sidebar-nav::-webkit-scrollbar {display: none;}
    .fix-sidebar .scroll-sidebar {padding-bottom:0px; position:absolute; width: var(--width-full);}
    .info_cont .d-flex-ais{flex-wrap: wrap;}
    .daterange_cont{width: var(--width-full);}
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .container-fluid {padding:10px 15px 10px 15px;}
    /*Header*/
    .topbar {position:fixed; width: var(--width-full);}
    .topbar .top-navbar {-webkit-box-orient:horizontal; -webkit-box-direction:var(--font-weight-normal); -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-align-items:center;}
    .topbar .top-navbar .navbar-collapse {display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; width: var(--width-full);}
    .topbar .top-navbar .navbar-nav {-webkit-box-orient:horizontal; -webkit-box-direction:var(--font-weight-normal); -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row;}
    .topbar .top-navbar .navbar-nav > .nav-item.show {position:static;}
    .topbar .top-navbar .navbar-nav > .nav-item.show .dropdown-menu {width: var(--width-full); margin-top:0px;}
    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {padding-left:.50rem; padding-right:.50rem;}
    .topbar .top-navbar .navbar-nav .dropdown-menu {position:absolute;}
    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link.menu {padding: 12px 10px;}
    .mini-sidebar .left-sidebar {position:fixed;}
    .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer {left:-320px;}
    .mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer {left:0px;}
    .mega-dropdown .dropdown-menu {height:480px; overflow:auto;}
    /*Sidebar and wrapper*/
    .mini-sidebar .page-wrapper {margin-left:0px; padding-top:70px; width: calc(100% - 0px);}
    .comment-text .comment-footer .action-icons {display:block; padding:10px 0;}
    .vtabs .tabs-vertical {width:auto;}
    /*Footer*/
    .material-icon-list-demo .icons div {width: var(--width-full);}
    .error-page .footer {position:fixed; bottom:0px; z-index:10;}
    .error-box {position:relative; padding-bottom:60px;}
    .error-body {padding-top:10%;}
    .error-body h1 {font-size:100px; font-weight:var(--font-weight-semi-bold); line-height:100px;}
    .login-register {position:relative; overflow:hidden;}
    .register_wrapper {position: relative; overflow: hidden; overflow-y: auto;}
    .register_cont {height: 100vh; display: block; padding: 20px 0px 0px; overflow-y: auto;}
    .login-box {width:90%;}
    .login-sidebar {padding:10% 0;}
    .login-sidebar .login-box {position:relative;}
    /*Timeline*/
    ul.timeline:before {left:40px;}
    ul.timeline > li > .timeline-panel {width: calc(100% - 90px);}
    ul.timeline > li > .timeline-badge {top:16px; left:15px; margin-left:0;}
    ul.timeline > li > .timeline-panel {float:right;}
    ul.timeline > li > .timeline-panel:before {right:auto; left:-15px; border-right-width:15px; border-left-width:0;}
    ul.timeline > li > .timeline-panel:after {right:auto; left:-14px; border-right-width:14px; border-left-width:0;}
    /*Contact app page*/
    .left-aside {width: var(--width-full); position:relative; border:0px;}
    .right-aside {margin-left:0px;}
    .flex-wrap {-ms-flex-wrap:wrap !important; flex-wrap:wrap !important; -webkit-flex-wrap:wrap !important;}
    .chat-list li .chat-content {width:calc(100% - 80px);}
    /*.left-sidebar {padding-top: 74px;}*/
    .mini-sidebar .hide-menu {display: none;}
    .topbar .top-navbar .navbar-header {padding-left: 85px;}
    form .row.unequal[class^="col-"].unequal {margin: 0;}
    .topbar .top-navbar .navbar-nav > .nav-item > .nav-link.menu {padding: 12px 28px;}
    #nav-icon3 {width: 34px; height: var(--input-height-base);}
    #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {top: 10px;}
    #nav-icon3 span:nth-child(4) {top: 20px;}
    .topbar .top-navbar .navbar-header .navbar-brand img {width: auto; height: 50px;}
    /*.topbar .top-navbar .navbar-nav > .nav-item > .nav-link.menu .txt {padding: 0 0 0 42px; width: 216px;}*/
    /*.topbar .menu_title{color: var(--chronica-white);}*/
    /*.customtab1 li a.nav-link {padding: 7px 15px 7px;  font-size: var(--font-size-base);}*/
    .holder.border-bottom {padding-top: 0;}
    .holder {flex-direction: row; padding-top: 50px;}
    #patientalerts .holder {padding-top: 0px;}
    .holder .ex-stuff {order: 0; justify-content: flex-end; padding: 10px;}
    .fl-hold, .ip-hold  {display: flex; width: var(--width-full); justify-content: space-between; align-items: center;}
    .fl-hold .dataTables_length label {font-size: var(--font-size-sm);}
    .dataTables_filter label {font-size: var(--font-size-sm);}
    .dataTables_length label {font-size: var(--font-size-sm);}
    .customtab li a.nav-link {font-size: var(--font-size-base);}
    /*.dataTables_filter .data-search {width: 250px;}*/
    .table-hold .bottom {flex-direction: column;}
    .table-hold .bottom div {padding: 5px;}
    .customtab1 {display: none;}
    .dropdown_show {display: flex;}
    .schedule_dropdown {display: flex;}
    /*This is for chat page*/
    .chat-main-box .chat-left-aside {width: 250px; left:-250px; position:absolute; -webkit-transition:0.5s ease-in; -o-transition:0.5s ease-in; transition:0.5s ease-in; background:var(--chronica-white); box-shadow: none;}
    .chat-main-box .chat-left-aside.open-pnl {left:0px; box-shadow: none;}
    .chat-main-box .chat-left-aside .open-panel {display:block; left:249px;}
    .chat-main-box .chat-right-aside {width: var(--width-full);}
    .chat-main-box .search-box {min-width: 180px;}
    .chat-main-box .chat-right-aside .mail-top {display: block!important;}
    .chat-main-box .chat-right-aside .chat-list {display: block!important;}
    .chat-main-box .chat-right-aside .reply-hold {display: block!important;}
    /*.num-address-list li:last-child {width: var(--width-full);}
    .num-address-list li:nth-child(2) {border-right: 0px;}*/
    .viewdetails-card .ex-heading{margin-top: 20px; font-size: var(--font-size-md);}
    .empty_div {display: none;}
    #grid_view .schedule_card {min-height: auto; height: auto;}
    .custom_scrollbar, .time_table_container {height: auto; overflow: hidden;}
    .custom_scrollbar {margin-bottom: 0px;}
    .table-hold.summary {padding-top: 40px;}
    .table-hold.summary .fl-hold {top:50px;}
    .info-head-cnt {flex-wrap: wrap;}
    .external-link ul.ex-stuff{flex-wrap: wrap;}
    .lf-fx-box {flex-wrap: wrap;}
    .lf-fx-box .pname-link {margin: 0px 10px 0px 0px;}
    .lf-fx-box span{margin-right: 10px;}
    .overview-cnt .blue-schedule-cnt{width: 98%; margin: 0 1% 30px; min-width: 0}
    .overview-cnt .pilldue{width: 98%; margin: 0 1% 0; min-width: 0}
}
@media (max-width:675px) {
    .navbar-collapse strong.s-name {display:none;}
    .table-hold .bottom {flex-direction: column;}
}
@media (min-width: 640px){
    .slick-track {width: var(--width-full)!important;}
    .slick-slide {width: var(--width-half)!important; min-width: var(--width-half)!important;}
}
@media screen and (min-width: 0) and (max-width: 640px) {
    .user-txt {display: none;}
    .ip-hold {flex-direction: column;}
    .calander-hold {max-width: var(--width-full); margin: 0 0 10px 0; flex: 0 0 100%;}
    .event-hold {max-width: var(--width-full); flex: 0 0 100%;}
    /* .customtab1 li a.nav-link {padding: 7px 9px 7px;}*/
    .mail-search  {width: var(--width-sm);}
    .ex-stuff .search-box {min-width: 200px;}
    .thirdcontent .ex-stuff .btn {min-width: 80px;}
    .urgent-care-hold .tab-table tr td .img-desc {display: flex; flex-direction: column; align-items: flex-start;}
    .urgent-care-hold .tab-table .img-desc a {padding: 0 15px 0 0;}
    .urgent-care-hold .inline-sm-list li:after {margin-right: 6px;}
    .urgent-care-hold .img-desc > * {margin: 2px 0px!important; padding-left: 0px;}
    .urgent-care-hold .img-desc .inline-sm-list li, .urgent-care-hold .img-desc .inline-sm-list li > * {margin: 2px 0px!important; padding-left: 0px; border: none;}
    .urgent-care-hold .badge-pill {padding: 0.25em 0.7em;}
    .urgent-care-hold .img-desc .panel-score span {white-space: nowrap;}
    .urgent-care-hold .d-flex-aic .btn-hold a {margin: 2px 10px 2px 0;}
    .urgent-care-hold .d-flex-aic .btn-hold a:last-child {margin: 2px 10px 2px 0;}
    .call-container ul.md-avtar-overlapping li {width: 30px; height: 30px; font-size: var(--font-size-sm);}
    .call-container ul.md-avtar-overlapping li span {line-height: 30px;}
    .call-container .img-box {width: 40px; height: 40px; font-size: var(--font-size-md);}
    .call-container .img-box span {line-height: 40px;}
    .call-container .call-child {width: var(--width-full); height: auto;}
    .call-container .call-child--featured a {padding: 0 5px 0 5px;}
    .call-container a.btn.join-btn {margin: 0px; font-size: var(--font-size-base);}
    .overview-cnt .blue-schedule-cnt{width: 98%; margin: 0 1% 30px; min-width: 0}
    .overview-cnt .pilldue{width: 98%; margin: 0 1% 0; min-width: 0}
    .maindetails {flex-direction: column; text-align: center;}
    .maindetails .picbox {margin-bottom: 15px;}
    .maindetails .detailsbox{width: var(--width-full); text-align: left;}
    .maindetails .detailsbox .black-txt{text-align: center;}
    .maindetails .detailsbox .inlineblk-list{justify-content: center; flex-wrap: wrap;}
    .maindetails .detailsbox.center_txt .inlineblk-list{justify-content: center;}
    .maindetails .detailsbox .hicare-dark-blue-txt{text-align: center;}
    .maindetails .detailsbox .d-flex-aic-wrap a {margin-top: 5px; margin-bottom:5px;}
    .maindetails .detailsbox .num-address-list {display: flex; flex-wrap: wrap; justify-content: center;}
    .maindetails .detailsbox .num-address-list li a {text-align: left;}
    .maindetails .detailsbox .time-hold li {margin-bottom: 5px;}
    .time-list {flex-wrap: wrap;}
    .time-list li {width: var(--width-half); min-width: 150px; text-align: center; padding: 0px 7px;}
    .chart-btn {right: -7px;}
    .rsp-heading ul.ex-stuff {width: var(--width-full); padding-top: 5px;}
    .welcome_text_container {font-size: 1.5em; line-height: 1em;}
    .video_footer .foot-hold {flex-direction: column;}
    .video_footer .copy-cnt {margin: 0px 0px;}
    .video_footer .tnc {margin: 0px 0px; order: 2;}
    .video_footer .social-cnt {margin: 5px 0px; flex-direction: column; justify-content: center;}
    .video_footer .social-cnt span {margin: 0px;}
    /*.video_footer {bottom: -54px;}*/
    .generate-cnt  {flex-wrap: wrap;}
    .generate-cnt .generate-div {width: var(--width-full);}
    .link-div {width: calc(100% - 75px); padding: 0 20px 0 0;}
    .copy-div {width: 75px;}
    .total-revenue-txt span {width: var(--width-full); margin: 5px 0;}
    #accordion dl dt button.oc-icon {right: 10px; top: calc(100% - 46px);}
    .qid-cnt .slotlist li{flex-wrap: wrap;}
    .qid-cnt .slotlist li .slotdiv3{width: var(--width-full); margin-top: 15px;}
    .leads_tab {border: 0px solid var(--chronica-light-blue);}
    .nav-tabs.leads_tab .nav-item {margin: 8px 10px 0px 0px;}
    .nav-tabs.leads_tab .nav-link {border: var(--border-light-blue); border-radius: var(--border-radius-md);}
    .theshold-box .top-div{flex-wrap: wrap;}
    .theshold-box .top-div h5{font-size: var(--font-size-base);}
    .theshold-box .top-div span, .theshold-box .top-div a{font-size: var(--font-size-sm);}
    .checkbox_modal_group{width: var(--width-half);}
    .modal-content .modal-body .floating-labels .checkbox_modal_group {margin-bottom: 15px;}
    .careplan_field, .careplan_field_name{width: var(--width-full);}
    .left-program-container .left-program-card, .program_right_wrapper .program-card {min-height: 60px; max-height: 60px;}
    .left-program-container .left-program-card .fs16, .program_right_wrapper .program-card .fs16 {font-size: var(--font-size-base); line-height: 16px;}
    .left-program-container .left-program-card .fs24, .program_right_wrapper .program-card .fs24 {font-size: 26px; line-height: 26px;}
    .program_wrapper .fs18 {font-size: var(--font-size-md);}
    .maindetails .detailsbox .inlineblk-list {flex-wrap: wrap; margin: 5px 0px;}
}
@media screen and (min-width: 0) and (max-width: 575px) {
    .hide_div {display: none;}
    .welcome_background {display: block; position: absolute; z-index: 0; top:0px; left:0px;}
    .welcome_wrapper {background: rgba(255, 255, 255, 1); margin: 7vh auto; width: 90%; left: 0; right: 0; padding: var(--padding-regular); border-radius: 10px; position: absolute; max-width: 390px;}
    .welcome_text_container {font-size: 1.5em; line-height: 1em;}
}
@media screen and (min-width: 0) and (max-width: 568px) {
    .dataTables_filter .data-search {width: 200px;}
    .adhe-vital li {flex: 0 1 130px;}
    .meditop-cnt .d-flex-aic {flex-direction: column;}
    .meditop-cnt .ml-auto {margin: 7px 0px;}
    ul.homescore-list {flex-direction: column; display: block;}
    ul.homescore-list li {max-width: var(--width-full); border-right: 0px solid var(--chronica-dark-grey-text); flex: 0 0 100%;}
    ul.homescore-list li:last-child >i {padding-left: 0px!important;}
    .topbar .top-navbar .navbar-collapse .my-lg-0 .nav-item {display: none;}
    .topbar .top-navbar .navbar-collapse .my-lg-0 .nav-item:nth-last-child(-n+2){display: block;}
    .topbar .top-navbar .login-section .nav-item {display: none;}
    .topbar .top-navbar .login-section .nav-item:nth-last-child(-n+2){display: block;}
    .navbar-nav.login-section li.saprator:before, .top-navbar .navbar-nav li.saprator:before {top: 9px;}
    .heading.rsp-heading .ex-stuff {margin-top: 10px;}
    .urgent-care-hold .rsp-heading .ex-stuff {margin-top: 7px;}
    .Nursedashboard_new ul.homescoreboard, ul.homescoreboard.scheduleboard {display: block;}
    .Nursedashboard_new ul.homescoreboard li, .Nursedashboard_new ul.homescoreboard.scheduleboard li {flex: 0 0 100%; max-width: none; width: var(--width-full); padding: 0; border: 0;}
    .scheduletab li {flex: 1 1 100%;}
    .critical_cont {flex-direction: row;}
    .critical_cont span {margin-right: 5px;}
    .detail_view_heading {line-height: 26px;}
    .detail_view_heading .lbd-weight {font-size: var(--font-size-md);}
    .detail_view_heading .nm-weight {font-size: var(--font-size-base);}
    .detailsbox .personal-cnt .btn-hold {flex-wrap: wrap; display: flex; justify-content: space-around; width: var(--width-full);}
    .detailsbox .personal-cnt .btn-hold a:first-child {width: 60%; margin: 0px auto; margin-bottom: 15px;}
    .detailsbox .personal-cnt .btn-hold a {width: 45%; margin: 0;}
    .chart-btn {position: static; text-align: center;}
    .vital_reading_wrapper-horizontal .indicator_container {width: var(--width-full); margin: 15px 0px 5px; padding: 0px 0px;}
    .vital_reading_wrapper-horizontal .indicator_container:after{border-right: 0px solid var(--chronica-dark-grey-text);}
    .footer {padding: 10px;}
    .footer .foot-hold {display: flex; height: auto; flex-direction: column;}
    .foot-list {order:-1;}
    .footer .footer-cnt, .footer .foot-list {padding: 5px;}
    .fix-header .page-wrapper{padding-bottom: 75px;}
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: var(--font-size-sm)!important;}
    .maindetails {padding-top: 15px;}
    .tri-position {margin: 2px 0;}
    .qid-list li {width: 48%;}
}
@media screen and (min-width: 0) and (max-width: 480px) {
    .logo-center .top-navbar .navbar-header {left:38%; right:0;}
    form input[type="email"],
    form input[type="password"],
    form input[type="text"],
    form select,
    form .select-wrapper {height: 3rem;}
    form .select-wrapper:before {height: 3rem; line-height: 3rem; width: 3rem;}
    .adhere-scoreboard li {font-size: var(--font-size-sm);}
    .hlth-score h3, .adhere-scoreboard li h3 {font-size: var(--font-size-md);}
    .heading h2 {font-size: var(--font-size-base); line-height: 17px;}
    .hlth-score h1 {font-size: 40px;}
    .hlth-score span {font-size: var(--font-size-base);}
    .mask-cnt .c100 {font-size: 130px;}
    .select select {font-size: var(--font-size-sm);}
    .maskchart-cnt > .mask-hold + div {flex: 1 0 60px;}
    .mini-sidebar .topbar .top-navbar .navbar-header {padding-left: 90px;}
    /*.topbar .top-navbar .navbar-header .navbar-brand img {width: 130px;}*/
    .topbar .top-navbar .navbar-nav .nav-item .nav-link .img-box {margin: 0px;}
    ul.homescoreboard, ul.homescoreboard.scheduleboard {display: block;}
    ul.homescoreboard li, ul.homescoreboard.scheduleboard li {flex: 0 0 100%; max-width: none; width: var(--width-full); padding: 0; border: 0;}
    ul.homescoreboard li:after, ul.homescoreboard.scheduleboard li:after {border: 0;}
    ul.homescoreboard scheduleboard {}
    .vital-warn + .inline-sm-list {display: block;}
    .vital-warn + .inline-sm-list li {padding: 4px 0;}
    .vital-warn + .inline-sm-list li:after {background: 0;}
    .schedule_time{display: block;}
    .time_table_container .btn-group {display: block; margin: 0px;}
    .time_table_container .btn-group .btn {margin: 3px 2px; border-radius: 0px;}
    .time_list button.btn {margin: 0px 5px 10px 0px;}
    .time_list button.btn-lg {width: 45%;}
    /* .time_list button.btn-lg:nth-child(3){margin-bottom: 0px;}*/
    .customtab li a.nav-link {padding: 7px 15px 7px;}
    .dataTables_filter .data-search {width: 150px;}
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 10px!important;}
    .medi-blue-bg .three-score .scorebox {width: var(--width-full);}
    .details-address li {flex: 0 0 100%;}
    .qid-list li {width: 98%;}
    .forgot_pass_box .login-form-home {padding: 60px 20px 20px;}
    .bar-txt div, .bar-txt div a{font-size: var(--font-size-sm);}
    .Health_score{font-size: var(--font-size-base);}
    ul.legend1 li{padding: 3px 5px; font-size: var(--font-size-sm);}
    .pp-info .patient-info-cnt .info-list{column-count: 1;}
    .checkbox_modal_group{width: var(--width-full);}
    .heading .checkbox-group {width: var(--width-full);}
}
@media screen and (min-width: 0) and (max-width: 479px) {
    .d-flex-juscon {display: block;}
    .d-flex-juscon .reading-chart {margin-bottom: 15px;}
}
@media screen and (min-width: 0) and (max-width: 360px) {
    .welcome_text_container {font-size: 1.2em; line-height: 0.8em;}
    .video_footer {bottom: -54px;}
    .dataTables_filter .data-search {width: 118px;}
}

@media screen and (min-width: 0) and (max-width: 991px) {
    .diagnosis_table tr {display: flex; flex-direction: column;}
    .diagnosis_table tr td:first-child{width: var(--width-full); padding-left: 12px;}
}

@media print {
    * {overflow: visible !important;}
    .careplanTemplate_cont .content-area, .careplanTemplate_cont .heading{display: none;}
    .modal {position: absolute; left: 0; top: 0; page-break-before: auto; page-break-after: auto; padding-bottom: 25px; overflow: visible !important;}
    .care_plan_Template_cont .modal, .careplan-body .modal, .care_plan_Template_cont .modal-body {position: relative; width: var(--width-full);}
    .care_plan_Template_cont .modal .card-body, .careplan-body .modal .card-body {height: fit-content;}
    .modal-content{visibility: visible !important; /**Remove scrollbar for printing.**/	overflow: visible !important; position: relative; height: fit-content; max-height: fit-content; display: block; float: left; width: var(--width-full);}
    .care_plan_Template_cont .care_Plan_Template .heading, .care_plan_Template_cont .care_Plan_Template .content-area, .careplan-body .care_Plan_summary {display: none;}
    .careplan-body .green-bullet li{white-space: pre-wrap;}
    .care_plan_Template_cont .modal-body, .careplan-body .modal-body, .careplan-body .modal-content{display: block; float: left; height: fit-content; position: relative; width: var(--width-full);}
    .careplansummary .careplan-blue h5 , .careplansummary .careplan-blue .plan_summary_cont ul li ,.careplansummary .careplan-blue .plan_summary_cont ul li span{color: var(--chronica-black);}
    #showCPdetail .modal-title {color: var(--chronica-black);}
    #showCPdetail .white-txt{color: var(--chronica-black);}
    #showCPdetail .grey-text {color: #555 !important;}
    #showCPdetail li {color: var(--chronica-black);}
    #showCPdetail span {color: var(--chronica-black);}
    #showCAdetail .modal-title, .modal-header .modal-title {color: var(--chronica-black);}
    #showCAdetail .white-txt{color: var(--chronica-black);}
    #showCAdetail li {color: var(--chronica-black);}
    #showCAdetail span {color: var(--chronica-black);}
    #printCarePlanForPatient .modal-header {display: none;}
    #printCarePlanForPatient .modal-dialog {margin: 0px;}
    .left-sidebar {display: none;}
    .breadcrumb  {display: none;}
    .footer {display: none;}
    .external-link {display: none;}
    ::-webkit-scrollbar {display: none;}
    @page {size: A4; padding:0mm 0mm 1mm 0mm;}
    body{margin: 10mm 5mm 10mm 5mm; width: var(--width-full); position: relative; display: table;}
    .heading {display: none;}
    .clinical-cnt, .card {display: none;}
    .card.printable .modal-title {display: none;}
    .card.printable .button_hide {display: none;}
    .card.printable{display: block;}
    .card.printable .input-group, .card.printable .btn-toolbar, .card.printable .col-sm-12 p {display: none;}
    .printable {display: block; overflow-y: visible!important;}
    .card.printable .vue-table-hold .vue-table-cnt .vue-table thead th {border-top: 1px solid var(--chronica-black)!important; border-left: 1px solid var(--chronica-black)!important; border-right: 1px solid var(--chronica-black)!important; border-bottom: 1px solid var(--chronica-black)!important; color: var(--chronica-black)!important;}
    .card.printable .vue-table-hold .table tbody td {border: 1px solid var(--chronica-black)!important;}
    .card.printable .vue-table-hold .table tbody td:last-child {border-right: 1px solid var(--chronica-black)!important;}
    .card.printable .vue-table-hold .newtable thead th {border-right: 1px solid var(--chronica-black)!important;}
    .card.printable .card {display: block;}
    /* .card.printable .vue-table-hold .table.vue-table .arrow:before {content: '';}*/
    .card.printable table thead th {color: var(--chronica-black); background-color: #0b97c4; border-right: 1px solid #cccccc!important;}
    /* .card.printable .vue-table-hold .table.vue-table .arrow:before {content: '';}*/
    .button_hide, .greenhold {display: none;}
    .table-hold table.table_cms_report thead {color: var(--chronica-black)!important;}
    .table-hold table.table_cms_report thead th {border: 1px solid #f3f1f1!important;}
    .invoice-box.printable {height: 100%; max-height: 100%; page-break-before: auto !important; page-break-after: auto !important;}
    .table_cologuard .table-hold.printable .table td, .table_cologuard .table-hold.printable .table th {padding: 5px 2px 5px 4px; width: 8%; max-width: 80px; font-size: 10px; min-width: 35px;}
    .table_cologuard .table-hold.printable .table th {font-size: var(--font-size-sm); font-weight: var(--font-weight-semi-bold);}
    #printmodal {position: relative; margin: 0px!important; padding: 0px!important;}
    #showCMSdetail {position: relative; margin: 0px!important; padding: 0px!important;}
    #showDeviceDetail, #showVitalDetail, #showReportMonitor {position: relative; margin: 0px!important; padding: 0px!important;}
    #pageHeaderApp, #printmodal .modal-header {display: none;}
    .fix-header .page-wrapper {padding-top: 0px;}
    .printable_heading{display: block; margin: 10px;}
    .viewdetails-card, .medication_table {display: none;}
    @page :footer {display: none}
    table.table_cms_report {width: var(--width-full)!important;}
    table.table_cms_report thead th, table.table_cms_report tbody td {font-size: 8px; padding: 2px!important; word-break: break-word;}
    table * {font-size: 10px!important;}
    .invoice-box {height: 100%; max-height: 100%;}
    .holder, .helthoverview, .allvitals .adhe-vital {display: none;}
    .stealthy {left: 0;margin: 0;max-height: 1px;max-width: 1px;opacity: 0;outline: none;overflow: hidden;pointer-events: none;position: absolute;top: 0;z-index: -1;}
    .card.printable .care-border-cnt .table-hold {overflow-x: hidden; position: relative;}
    .card.printable .care-border-cnt .ques-hold.ques-sub .table-hold table.nowrap{white-space: var(--font-weight-normal);}
    .hide_UI_Show_Print {visibility: visible; position: relative;}
    .ques-hold {margin-bottom: 30px;}
    .hide_UI_Show_Print {visibility: visible; position: relative;}
    .ques-hold, .green-bullet, .green-bullet li {float: left; width: var(--width-full); clear: both;}
    .care-border-cnt {position: relative; float: left; width: var(--width-full); clear: both;}
    .question_card {float: left; margin-top: 0px; page-break-before: auto!important; page-break-after: auto!important; clear: both; position: relative; height: fit-content; display:table-row-group; white-space: var(--font-weight-normal);}
    .question_card p, .care_plan_text {display: block; height: fit-content; clear: both; float: left; margin: 0px; line-height: 20px; width: var(--width-full); position: relative; white-space: var(--font-weight-normal);}
    /*.card-no-border .card .card-body {display:table; float: left; margin: 0px;}*/
    .modal-backdrop.show {opacity: 1; background-color: var(--chronica-white);}
    .page-wrapper {background-color: var(--chronica-white);}
    .schedule_parent_screen .holder, .schedule_parent_screen .heading {display: block;}
    .page-break {page-break-before: always!important; clear: both;}
    .treatment_card{display: block;}
    .survey_readonly .sd-root-modern .sd-container-modern__title{padding: 10px 10px 0px 10px;}
    .survey_readonly .sd-header__text .sv-string-viewer {font-size: 1.5rem;}
    .invoice-box, .content-area {background: linear-gradient(45deg, #ffffff, #ffffff) !important; -webkit-print-color-adjust: exact; /* For WebKit browsers like Chrome */ print-color-adjust: exact;}
    .schedule_card {page-break-inside: avoid;}
    .printContainer {display: flex; }
    .printContainer .calander-hold .row {width: 168%;}
}