@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
html {
  font-size: 0.1041666667vw;
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 0.12vw;
  }
}
@media screen and (max-width: 1367px) {
  html {
    font-size: 0.13vw;
  }
}
@media screen and (max-width: 959px) {
  html {
    font-size: 0.45vw;
  }
}
@media screen and (min-width: 3000px) {
  html {
    font-size: 0.07vw;
  }
}
.h-icon {
  font-family: "healenticons";
}

.h-h1,
h1 {
  font: normal normal 700 max(24rem, 32px)/max(24rem, 32px) "Roboto";
}

.h-h2,
h2 {
  font: normal normal 700 max(16rem, 24px)/max(16rem, 24px) "Roboto";
}

.h-h3,
h3 {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
}

.h-h4,
h4 {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}

.h-h5,
h5 {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}

.h-h6,
h6 {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
}

.h-font20 {
  font: normal normal 700 max(10rem, 18px)/max(12rem, 22px) "Roboto";
}

.h-text-center {
  text-align: center !important;
}

.h-text-left {
  text-align: left !important;
}

.h-text-right {
  text-align: right !important;
}

.h-bold {
  font-weight: bold;
}

.font-16 {
  font-size: max(7rem, 12px) !important;
}

.dropdown-item {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
}

.h-font-medium {
  font-weight: 500 !important;
}

:root {
  --primary_shade_1: #152145;
  --primary_shade_2: #1f2e5e;
  --primary_shade_3: #354578;
  --secondary_shade_1: #a1a3b3;
  --secondary_shade_2: #d6d7dd;
  --secondary_shade_3: #eeeff5;
  --secondary_shade_4: #f7f8fc;
  --secondary_shade_5: #ffffff;
  --accent: #2b5adc;
  --safe: #1b998b;
  --dangerous: #ee4266;
  --warning: #f4d35e;
  --xl: 30rem;
  --l: 15rem;
  --sl: 12.5rem;
  --m: 10rem;
  --xm: 7.5rem;
  --s: 5rem;
  --xs: 2.5rem;
  --xxs: 1rem;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: var(--secondary_shade_3);
}

::-webkit-scrollbar {
  width: 2.5rem;
  background-color: transparent;
  height: 7rem;
}

::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border: 1rem solid var(--accent);
}

* {
  margin: 0;
  padding: 0;
}

*,
::after,
::before {
  box-sizing: revert;
}

.MainInterface-wrapper {
  overflow: hidden !important;
  height: -webkit-fill-available;
}

.MainInterface-RouterView > div {
  overflow-y: auto;
  overflow-x: auto;
  height: 100%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

a {
  color: var(--primary_shade_1);
  text-decoration: none;
}

html {
  overflow-x: hidden;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-smooth: auto;
  color: var(--secondary_shade_4);
  overflow-x: hidden;
}

#app {
  height: 100%;
}

.base-tooltip {
  background-color: var(--secondary_shade_5);
  font: normal normal 500 8rem/10rem "Roboto", sans-serif !important;
  color: var(--primary_shade_1);
  padding: 5rem 10rem;
  border-radius: 1rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
  width: -moz-max-content;
  width: max-content;
  max-width: 200rem;
  text-align: center;
  border: 0.5rem solid var(--secondary_shade_4);
}

.h-d-flex {
  display: flex;
}

.h-align-items-center {
  display: flex;
  align-items: center;
}

.h-align-item-center {
  align-items: center;
}

.MainInterface-RouterView {
  position: relative;
}

.loader {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
}

a:hover {
  color: var(--accent);
}

.h-hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 0.5rem solid var(--secondary_shade_1);
}

.h-info-icon {
  font-size: max(10rem, 18px);
}

.h-space-between {
  justify-content: space-between;
}

.h-d-none {
  display: none;
}

.h-wrapper {
  background-color: var(--secondary_shade_5);
}

.h-margin-auto {
  margin: auto;
}

.h-justify-content {
  justify-content: center;
}

strong {
  font-weight: bold !important;
}

@media screen and (min-width: 1024px) {
  .h-d-flex-desktop {
    display: flex;
  }
}
.h-max-w-33 {
  width: 300rem;
}

.h-w-blok-200 {
  display: block;
  min-width: 200rem;
  width: 100%;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 0;
  padding-left: 0;
}

.h-cursor-pointer {
  cursor: pointer;
}

.h-d-inlineflex {
  display: inline-flex;
}

.h-d-grid {
  display: grid;
}

.h-d-block {
  display: block;
}

.h-position-fixed {
  position: fixed;
}

.h-w-100 {
  width: 100%;
}

.h-w-max {
  width: -moz-max-content;
  width: max-content;
}

.h-justify-end {
  display: flex;
  justify-content: end;
}

.h-relative {
  position: relative;
}

.tooltip {
  font: normal normal bold 8rem/10rem "Roboto";
  color: var(--primary_shade_1);
}

.modal-backdrop {
  width: 100% !important;
  height: 100% !important;
}

.slimScrollDiv {
  height: 100% !important;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: auto;
}

body > div:first-child,
body > div:first-child > .page-wrapper {
  height: 100%;
}

.display-table {
  display: table;
}

.display-table-row {
  display: table-row;
}

.display-table-cell {
  display: table-cell;
}

.valign-middle {
  vertical-align: middle;
}

table td.valign-top {
  vertical-align: top;
}

.dataTables_wrapper > .row:nth-child(2) > .col-sm-12:first-child {
  min-height: 5.208vw;
}

.dataTables_processing {
  border: 0.052vw solid #c8d7ea;
}

.dataTables_paginate {
  padding-right: 0.833vw;
}

.alert button.close {
  margin-top: -0.104vw;
}

.h-h100 {
  height: 100%;
}

.w-1 {
  width: 1%;
}

.w-33 {
  width: 33%;
}

.w-50 {
  width: 50%;
}

.pre-wrap {
  white-space: pre-wrap !important;
}

.white-space-normal {
  white-space: normal !important;
}

.break-all {
  word-break: break-all;
}

.text-bold {
  font-weight: 600;
}

.mw-100 {
  max-width: 100% !important;
}

.dropify-wrapper {
  width: 100% !important;
  margin-bottom: 0.781vw !important;
}

.col-form-label {
  display: inline-block;
  line-height: 1.25vw;
}

.autocomplete .autocomplete__box {
  border-color: rgb(232, 235, 243);
}
.autocomplete .autocomplete__icon {
  margin-left: 0.313vw;
}
.autocomplete .autocomplete__icon.autocomplete--clear {
  margin-right: 0.208vw;
  margin-top: -0.313vw;
}

.custom-file-input,
.custom-file-label {
  height: 1.917vw;
  line-height: 1.354vw;
}

.custom-file-input {
  cursor: pointer;
}

.form-control-sm {
  height: 1.771vw !important;
  font-size: 0.729vw !important;
}

small {
  font-size: 80%;
}

.dataTables_filter label input {
  width: 10.417vw !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.highcharts-tooltip-container {
  z-index: 99999 !important;
}

.dataTables_length {
  display: inline-block;
}

.dataTables_filter {
  float: right;
}

.table-hover tbody tr:hover {
  background-color: #f8f9fc;
}

.notifyjs-corner {
  z-index: 99999999999 !important;
}

.notifyjs-bootstrap-base {
  border: 0.052vw solid #5d72a2;
  border-radius: 0.26vw;
  padding: 0.677vw 1.042vw 0.677vw 1.875vw;
  background-position: top 0.677vw left 0.417vw;
}

.notifyjs-bootstrap-success {
  border: 0.052vw solid #468847;
}

.notifyjs-bootstrap-error {
  border: 0.052vw solid #a25c5c;
}

.notifyjs-bootstrap-warn {
  border: 0.052vw solid #aba263;
}

.notifyjs-bootstrap-info {
  border: 0.052vw solid #4e89d4;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .tooltip-inner {
  border: 0.052vw solid #262626;
  color: #262626;
  opacity: 1;
  background-color: #f5f6f7;
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #262626 !important;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-tooltip-color: #262626 !important;
}

.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #262626 !important;
}

.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #262626 !important;
}

.select2-container {
  width: 100% !important;
}

.select2.select2-container.select2-container--default {
  width: auto !important;
}

.select2-container.select2-container--default.select2-container--open {
  width: auto !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2b5adc;
  border-color: #2b5adc;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #cccccc;
}

.allow-drop-down-wrap .dropdown-item {
  white-space: normal !important;
}

.modal-backdrop {
  z-index: 999999999999999 !important;
}

.dropdown-menu {
  border-color: silver;
}

.dropdown-header {
  margin-top: 0px;
}

.dropdown-divider {
  margin-top: 0px;
  margin-bottom: 0px;
}

.irs--round .irs-handle {
  background-color: white;
}
.irs--round .irs-handle:hover {
  background-color: #e6e6e6;
}

.custom-switch.switch-disabled label:before {
  opacity: 0.5;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #f8fafc;
}

.forceContent100 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
}

.position-relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.font-style-italic {
  font-style: italic;
}

.vc-text-grid {
  padding: 10rem !important;
}

.h-ul-disc {
  list-style: disc;
}
.h-ul-disc li {
  font-weight: normal;
}

.h-ul-number {
  list-style: decimal;
}
.h-ul-number li {
  font-weight: normal;
}

.h-ul-abc {
  list-style: lower-alpha;
}
.h-ul-abc li {
  font-weight: normal;
}

.h-ul-lat {
  list-style: lower-roman;
}
.h-ul-lat li {
  font-weight: normal;
}

.popup-agreement {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  top: 40rem;
  background-color: var(--secondary_shade_4);
}
.popup-agreement .popup-agreement-content {
  background-color: var(--secondary_shade_5);
  width: 50%;
  height: calc(100vh - 110rem);
  margin: auto;
  z-index: 99999;
  margin-top: 35rem;
  border: 1px solid;
  border-color: var(--secondary_shade_2);
}
.popup-agreement .popup-agreement-content .h-agreement {
  height: calc(100vh - 220rem);
  overflow-x: hidden;
  padding: 15rem;
}
.popup-agreement .popup-agreement-content .h-agreement .h-h4 {
  line-height: 1.2;
  font-size: max(10rem, 18px);
}

.confirmation {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary_shade_4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirmation .h-confirmation-icon {
  margin: auto;
  font-size: 90rem;
  margin-bottom: 10rem;
}

.min120 {
  min-width: 120rem;
}

.hospital-name-hover {
  display: none;
}

.waves-effect.waves-light.nav-user:hover + .hospital-name-hover {
  display: block;
  position: absolute;
  right: 15rem;
  bottom: -25rem;
  background: white;
  color: var(--primary_shade_1);
  padding: 5rem;
  box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.49);
  cursor: pointer;
}

.country-selector__toggle {
  right: 2.5rem !important;
  top: calc(50% - 4rem) !important;
  height: 12rem !important;
}

.iti-flag.sd {
  height: 5rem !important;
  width: 10rem !important;
}

.input-tel.has-hint .input-tel__label[data-v-e59be3b4],
.input-tel.has-value .input-tel__label[data-v-e59be3b4] {
  font-size: max(6rem, 12px) !important;
}

.vc-container {
  width: 90vw !important;
  max-width: 200rem !important;
}

a.h-profile-icon {
  color: var(--secondary_shade_1);
}

a.h-profile-icon:hover {
  color: var(--primary_shade_1) !important;
}

.h-line-height-1 {
  line-height: 1 !important;
}

.h-line-height-1-2 {
  line-height: 1.2 !important;
}

.h-line-height-1-5 {
  line-height: 1.5 !important;
}

@media screen and (max-width: 959px) {
  .h-screen-s-hide {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .alert-mob {
    position: absolute !important;
    left: -20px;
    z-index: 10000000000000000 !important;
  }
  .confirmation {
    position: relative;
  }
  .popup-agreement {
    top: 0rem;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    overflow-x: hidden;
  }
  .popup-agreement .popup-agreement-content {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    margin-top: 0;
    padding-bottom: 100px;
  }
  .popup-agreement .popup-agreement-content .h-agreement {
    height: 62vh;
  }
  .popup-agreement .popup-agreement-content table td {
    display: inline-block;
    word-break: keep-all;
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 959px) {
  .h-screen-m-hide {
    display: none;
  }
}
.top-90 {
  margin-top: 45rem;
}

.yesNo50 {
  width: 50%;
  margin: 0 auto;
}

.h20 {
  font-size: max(10rem, 18px) !important;
  line-height: max(12rem, 22px) !important;
}

.h-info-icon {
  cursor: pointer;
  position: relative;
}

.h-info-icon .tooltiptext {
  visibility: hidden;
  width: -moz-max-content;
  width: max-content;
  max-width: 120rem;
  background-color: white;
  color: var(--primary_shade_1);
  text-align: center;
  padding: 5rem 10rem;
  border: 0.5rem solid var(--secondary_shade_4);
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 2;
  top: 10rem;
}

.h-info-icon:hover .tooltiptext {
  visibility: visible;
}

.h-d-flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1 !important;
}

.h-hide-if-empty:empty {
  display: none !important;
}

::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
}

::placeholder {
  color: var(--secondary_shade_1) !important;
}

.text-right {
  text-align: right !important;
}

.h-w75 {
  width: 75% !important;
}

.h-2btn-gap-l {
  display: flex;
  justify-content: center;
  gap: 15rem;
}

.h-2btn-gap-5 {
  display: flex;
  justify-content: center;
  gap: 5rem;
}

.h-fixed-save {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 0.5rem solid var(--secondary_shade_2);
  box-shadow: 0px 0px 10px -4px rgba(161, 163, 179, 0.6666666667);
  z-index: 99;
}

.h-arrow-down {
  line-height: 1;
  font-size: 10rem;
  transform: rotate(90deg);
  margin: 0 var(--s) 0 0;
  transition: transform ease 0.3s;
}

.h-arrow-down.up {
  transform: rotate(-90deg);
}

.h-loop-radio {
  flex-wrap: wrap;
  gap: var(--xm);
}

.error-class input {
  border-color: var(--dangerous);
}

.h-drawer-maxfull.h-edu.text-campaign .ck-content.ck-editor__editable {
  border-radius: 0 !important;
}

.h1-table table.dataTable.h-cadence-table td .text-campaign img {
  width: auto !important;
  height: auto !important;
  border-radius: 0% !important;
  margin-right: 0 !important;
  background: rgba(255, 255, 255, 0);
}

.ToClipboard {
  color: var(--primary_shade_1);
  cursor: pointer;
  font-size: max(10rem, 16px);
}
.ToClipboard:hover {
  color: var(--accent);
}

.unreadMsg {
  margin-left: -10rem;
  position: absolute;
  right: 5rem;
  top: 5rem;
  font-size: 0;
  padding: 0;
}

.h-text-json {
  min-height: 100rem;
  max-height: 200rem;
  overflow: hidden;
  overflow-y: auto;
}

.h-text-empty-json {
  height: 30rem;
  text-align: center;
}

.h-text-json pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}

.info aside.sidebar {
  z-index: 99999999 !important;
}

.info div.overlay {
  z-index: 9999999 !important;
}

.h-accent {
  color: var(--accent);
}

.h-safe {
  color: var(--safe);
}

.h-dangerous {
  color: var(--dangerous);
}

.h-warning {
  color: var(--warning);
}

.bg-accent {
  background: var(--accent);
}

.h-bg-w {
  background: var(--secondary_shade_5);
}

.h-bg-gray {
  background: var(--secondary_shade_4);
}

.badge.badge-soft-warning {
  color: var(--secondary_shade_5) !important;
  background-color: var(--warning) !important;
  padding: 2.5rem !important;
  font: normal normal 500 7rem/9rem "Roboto" !important;
}

.badge.badge-soft-info {
  color: var(--primary_shade_1) !important;
  background-color: var(--secondary_shade_3) !important;
  padding: 2.5rem !important;
  font: normal normal 500 7rem/9rem "Roboto" !important;
}

.badge.badge-soft-success {
  color: var(--secondary_shade_5) !important;
  background-color: var(--safe) !important;
  padding: 2.5rem !important;
  font: normal normal 500 7rem/9rem "Roboto" !important;
}

.badge.badge-soft-danger {
  color: var(--secondary_shade_5) !important;
  background-color: var(--dangerous) !important;
  padding: 2.5rem !important;
  font: normal normal 500 7rem/9rem "Roboto" !important;
}

.h-primary_shade_1 {
  color: var(--primary_shade_1);
}

.h-primary_shade_2 {
  color: var(--primary_shade_2);
}

.h-primary_shade_3 {
  color: var(--primary_shade_3);
}

.h-accent-important {
  color: var(--accent) !important;
}

.h-secondary_shade_1 {
  color: var(--secondary_shade_1);
}

.h-secondary_shade_2 {
  color: var(--secondary_shade_2);
}

.h-secondary_shade_3 {
  color: var(--secondary_shade_3);
}

.h-secondary_shade_4 {
  color: var(--secondary_shade_4);
}

.h-secondary_shade_5 {
  color: var(--secondary_shade_5);
}

.h-margin-xxs {
  margin: 1rem;
}

.h-padding-xxs {
  padding: 1rem;
}

.h-margin-top-xxs {
  margin-top: 1rem;
}

.h-padding-top-xxs {
  padding-top: 1rem;
}

.h-margin-right-xxs {
  margin-right: 1rem;
}

.h-padding-right-xxs {
  padding-right: 1rem;
}

.h-margin-bottom-xxs {
  margin-bottom: 1rem;
}

.h-padding-bottom-xxs {
  padding-bottom: 1rem;
}

.h-margin-left-xxs {
  margin-left: 1rem;
}

.h-padding-left-xxs {
  padding-left: 1rem;
}

.h-margin-xs {
  margin: 2.5rem;
}

.h-padding-xs {
  padding: 2.5rem;
}

.h-margin-top-xs {
  margin-top: 2.5rem;
}

.h-padding-top-xs {
  padding-top: 2.5rem;
}

.h-margin-right-xs {
  margin-right: 2.5rem;
}

.h-padding-right-xs {
  padding-right: 2.5rem;
}

.h-margin-bottom-xs {
  margin-bottom: 2.5rem;
}

.h-padding-bottom-xs {
  padding-bottom: 2.5rem;
}

.h-margin-left-xs {
  margin-left: 2.5rem;
}

.h-padding-left-xs {
  padding-left: 2.5rem;
}

.h-margin-s {
  margin: 5rem;
}

.h-padding-s {
  padding: 5rem;
}

.h-margin-top-s {
  margin-top: 5rem;
}

.h-padding-top-s {
  padding-top: 5rem;
}

.h-margin-right-s {
  margin-right: 5rem;
}

.h-padding-right-s {
  padding-right: 5rem;
}

.h-margin-bottom-s {
  margin-bottom: 5rem;
}

.h-padding-bottom-s {
  padding-bottom: 5rem;
}

.h-margin-left-s {
  margin-left: 5rem;
}

.h-padding-left-s {
  padding-left: 5rem;
}

.h-margin-xm {
  margin: 7.5rem;
}

.h-padding-xm {
  padding: 7.5rem;
}

.h-margin-top-xm {
  margin-top: 7.5rem;
}

.h-padding-top-xm {
  padding-top: 7.5rem;
}

.h-margin-right-xm {
  margin-right: 7.5rem;
}

.h-padding-right-xm {
  padding-right: 7.5rem;
}

.h-margin-bottom-xm {
  margin-bottom: 7.5rem;
}

.h-padding-bottom-xm {
  padding-bottom: 7.5rem;
}

.h-margin-left-xm {
  margin-left: 7.5rem;
}

.h-padding-left-xm {
  padding-left: 7.5rem;
}

.h-margin-m {
  margin: 10rem;
}

.h-padding-m {
  padding: 10rem;
}

.h-margin-top-m {
  margin-top: 10rem;
}

.h-padding-top-m {
  padding-top: 10rem;
}

.h-margin-right-m {
  margin-right: 10rem;
}

.h-padding-right-m {
  padding-right: 10rem;
}

.h-margin-bottom-m {
  margin-bottom: 10rem;
}

.h-padding-bottom-m {
  padding-bottom: 10rem;
}

.h-margin-left-m {
  margin-left: 10rem;
}

.h-padding-left-m {
  padding-left: 10rem;
}

.h-margin-l {
  margin: 15rem;
}

.h-padding-l {
  padding: 15rem;
}

.h-margin-top-l {
  margin-top: 15rem;
}

.h-padding-top-l {
  padding-top: 15rem;
}

.h-margin-right-l {
  margin-right: 15rem;
}

.h-padding-right-l {
  padding-right: 15rem;
}

.h-margin-bottom-l {
  margin-bottom: 15rem;
}

.h-padding-bottom-l {
  padding-bottom: 15rem;
}

.h-margin-left-l {
  margin-left: 15rem;
}

.h-padding-left-l {
  padding-left: 15rem;
}

.h-margin-xl {
  margin: 30rem;
}

.h-padding-xl {
  padding: 30rem;
}

.h-margin-top-xl {
  margin-top: 30rem;
}

.h-padding-top-xl {
  padding-top: 30rem;
}

.h-margin-right-xl {
  margin-right: 30rem;
}

.h-padding-right-xl {
  padding-right: 30rem;
}

.h-margin-bottom-xl {
  margin-bottom: 30rem;
}

.h-padding-bottom-xl {
  padding-bottom: 30rem;
}

.h-margin-left-xl {
  margin-left: 30rem;
}

.h-padding-left-xl {
  padding-left: 30rem;
}

.h-margin-bottom-xxl {
  margin-bottom: 60rem;
}

.h-padding-0 {
  padding: 0 !important;
}

.h-padding-top-0 {
  padding-top: 0 !important;
}

.h-padding-right-0 {
  padding-right: 0 !important;
}

.h-padding-bottom-0 {
  padding-bottom: 0 !important;
}

.h-padding-left-0 {
  padding-left: 0 !important;
}

.h-margin-0 {
  margin: 0 !important;
}

.h-margin-top-0 {
  margin-top: 0 !important;
}

.h-margin-right-0 {
  margin-right: 0 !important;
}

.h-margin-bottom-0 {
  margin-bottom: 0 !important;
}

.h-margin-left-0 {
  margin-left: 0 !important;
}

@media screen and (min-width: 959px) {
  .h-desktop-padding-bottom-m {
    padding-bottom: 10rem;
  }
  .h-desktop-padding-top-l {
    padding-top: 15rem;
  }
  .h-desktop-margin-right-l {
    margin-right: 15rem;
  }
  .h-input-w50 {
    width: calc(50% - 15rem);
  }
  .h-desktop-margin-right-2 {
    margin-right: 6%;
  }
  .h-input-w49 {
    width: 47%;
  }
  .h-desktop-padding-bottom-m {
    padding-bottom: 10rem;
  }
  .h-col-desktop-custom-8 {
    box-sizing: border-box;
    max-width: calc(66.66667% - var(--l));
  }
}
@media screen and (max-width: 959px) {
  .h-mobile-padding-left-l {
    padding-left: 15rem;
  }
  .h-mobile-padding-right-l {
    padding-right: 15rem;
  }
  .h-col-mobile-custom-6 {
    box-sizing: border-box;
    flex-basis: calc(50% - var(--l));
    max-width: calc(50% - var(--l));
  }
}
@media screen and (max-width: 1024px) {
  .h-desktop-margin-right-2 {
    margin-right: 0;
  }
  .h-no-m-r.h-desktop-margin-right-2 {
    margin-right: 15rem;
  }
}
.h-main {
  width: calc(100% - 15rem);
  margin: auto;
  position: relative;
  display: block;
}

.h-row {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.h-row.h-reverse {
  flex-direction: row-reverse;
}

.h-row.h-natural-height {
  align-items: flex-start;
}

.h-row.h-flex-column {
  flex-direction: column;
}

.h-col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 0rem;
}

.h-col.h-reverse {
  flex-direction: column-reverse;
}

.h-first {
  order: -1;
}

.h-last {
  order: 1;
}

.h-align-start {
  align-self: flex-start;
}

.h-align-end {
  align-self: flex-end;
}

.h-align-center {
  align-self: center;
}

.h-align-baseline {
  align-self: baseline;
}

.h-align-stretch {
  align-self: stretch;
}

@media only screen and (max-width: 1024px) {
  .h-col-mobile {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0rem;
  }
  .h-col-mobile-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0rem;
  }
  .h-col-mobile-offset-1 {
    margin-left: 8.3333333333%;
  }
  .h-col-mobile-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0rem;
  }
  .h-col-mobile-offset-2 {
    margin-left: 16.6666666667%;
  }
  .h-col-mobile-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0rem;
  }
  .h-col-mobile-offset-3 {
    margin-left: 25%;
  }
  .h-col-mobile-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0rem;
  }
  .h-col-mobile-offset-4 {
    margin-left: 33.3333333333%;
  }
  .h-col-mobile-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0rem;
  }
  .h-col-mobile-offset-5 {
    margin-left: 41.6666666667%;
  }
  .h-col-mobile-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0rem;
  }
  .h-col-mobile-offset-6 {
    margin-left: 50%;
  }
  .h-col-mobile-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0rem;
  }
  .h-col-mobile-offset-7 {
    margin-left: 58.3333333333%;
  }
  .h-col-mobile-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0rem;
  }
  .h-col-mobile-offset-8 {
    margin-left: 66.6666666667%;
  }
  .h-col-mobile-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0rem;
  }
  .h-col-mobile-offset-9 {
    margin-left: 75%;
  }
  .h-col-mobile-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0rem;
  }
  .h-col-mobile-offset-10 {
    margin-left: 83.3333333333%;
  }
  .h-col-mobile-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0rem;
  }
  .h-col-mobile-offset-11 {
    margin-left: 91.6666666667%;
  }
  .h-col-mobile-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0rem;
  }
  .h-col-mobile-offset-12 {
    margin-left: 100%;
  }
  .h-row.h-start-mobile {
    justify-content: flex-start;
  }
  .h-row.h-center-mobile {
    justify-content: center;
  }
  .h-row.h-end-mobile {
    justify-content: flex-end;
  }
  .h-row.h-top-mobile {
    align-items: flex-start;
  }
  .h-row.h-middle-mobile {
    align-items: center;
  }
  .h-row.h-bottom-mobile {
    align-items: flex-end;
  }
  .h-row.h-around-mobile {
    justify-content: space-around;
  }
  .h-row.h-between-mobile {
    justify-content: space-between;
  }
  .h-first-mobile {
    order: -1;
  }
  .h-last-mobile {
    order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .h-col-desktop {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0rem;
  }
  .h-col-desktop-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0rem;
  }
  .h-col-desktop-offset-1 {
    margin-left: 8.3333333333%;
  }
  .h-col-desktop-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0rem;
  }
  .h-col-desktop-offset-2 {
    margin-left: 16.6666666667%;
  }
  .h-col-desktop-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0rem;
  }
  .h-col-desktop-offset-3 {
    margin-left: 25%;
  }
  .h-col-desktop-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0rem;
  }
  .h-col-desktop-offset-4 {
    margin-left: 33.3333333333%;
  }
  .h-col-desktop-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0rem;
  }
  .h-col-desktop-offset-5 {
    margin-left: 41.6666666667%;
  }
  .h-col-desktop-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0rem;
  }
  .h-col-desktop-offset-6 {
    margin-left: 50%;
  }
  .h-col-desktop-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0rem;
  }
  .h-col-desktop-offset-7 {
    margin-left: 58.3333333333%;
  }
  .h-col-desktop-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0rem;
  }
  .h-col-desktop-offset-8 {
    margin-left: 66.6666666667%;
  }
  .h-col-desktop-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0rem;
  }
  .h-col-desktop-offset-9 {
    margin-left: 75%;
  }
  .h-col-desktop-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0rem;
  }
  .h-col-desktop-offset-10 {
    margin-left: 83.3333333333%;
  }
  .h-col-desktop-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0rem;
  }
  .h-col-desktop-offset-11 {
    margin-left: 91.6666666667%;
  }
  .h-col-desktop-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0rem;
  }
  .h-col-desktop-offset-12 {
    margin-left: 100%;
  }
  .h-row.h-start-desktop {
    justify-content: flex-start;
  }
  .h-row.h-center-desktop {
    justify-content: center;
  }
  .h-row.h-end-desktop {
    justify-content: flex-end;
  }
  .h-row.h-top-desktop {
    align-items: flex-start;
  }
  .h-row.h-middle-desktop {
    align-items: center;
  }
  .h-row.h-bottom-desktop {
    align-items: flex-end;
  }
  .h-row.h-around-desktop {
    justify-content: space-around;
  }
  .h-row.h-between-desktop {
    justify-content: space-between;
  }
  .h-first-desktop {
    order: -1;
  }
  .h-last-desktop {
    order: 1;
  }
}
.h-col-gutter-lr {
  padding: 0 0rem;
}

.h-col-no-gutter {
  padding: 0;
}

.h-show {
  display: block !important;
}

.h-row.h-show {
  display: flex !important;
}

.h-hide {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .h-show-mobile {
    display: block !important;
  }
  .h-row.h-show-mobile {
    display: flex !important;
  }
  .h-hide-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .h-show-desktop {
    display: block !important;
  }
  .h-row.h-show-desktop {
    display: flex !important;
  }
  .h-hide-desktop {
    display: none !important;
  }
}
.h-nav.sidemenu_active {
  left: 0px;
  transition: left 500ms ease;
}

main,
header {
  width: 100%;
  transition: all 500ms ease;
}

main.sidemenu_active,
header.sidemenu_active {
  transform: translateX(130rem);
  width: calc(100% - 130rem);
}

.h-nav {
  position: fixed;
  top: 0;
  left: -130rem;
  width: 130rem;
  height: -webkit-fill-available;
  margin: 0;
  padding: 0;
  background-color: var(--primary_shade_1);
  transition: left 500ms ease;
  z-index: 0;
}
.h-nav img {
  height: 16rem;
  margin: 12rem 15rem;
}
.h-nav ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.h-nav ul li {
  position: relative;
  display: flex;
  padding: 0 15rem;
  height: 30rem;
  align-items: center;
  cursor: pointer;
}
.h-nav ul li:hover {
  background-color: var(--accent);
}
.h-nav ul li i {
  font-size: max(12rem, 18px);
  color: var(--secondary_shade_5);
  display: inline-flex;
}
.h-nav ul li a {
  position: relative;
  display: block;
  margin: 0;
  text-decoration: none;
  padding-left: 5rem;
}

.h-menu-collapse {
  position: fixed;
  bottom: 30rem;
  color: var(--secondary_shade_5);
  display: block;
  text-align: center;
  width: 130rem;
}
.h-menu-collapse i {
  font-size: max(16rem, 24px);
  cursor: pointer;
}

.h-acridon-btn img {
  margin: 0;
  right: 16rem;
  position: absolute;
  width: 8rem;
  transition: all 0.3s ease;
}
.h-acridon-btn.active img {
  transform: rotate(180deg);
}

.h-acridon-icon {
  cursor: pointer;
  z-index: 999;
  position: relative;
  display: inline-grid;
  width: 16rem;
  height: 16rem;
}
.h-acridon-icon span {
  width: 16rem;
  height: 1.5rem;
  background-color: var(--accent);
  z-index: 1;
  display: block;
}

ul.h-acridon-collapse {
  visibility: hidden;
  height: 0;
}
ul.h-acridon-collapse li {
  position: relative;
  display: flex;
  padding: 0 15rem;
  height: 30rem;
  align-items: center;
  cursor: pointer;
}
ul.h-acridon-collapse li a {
  padding-left: 0;
}

.h-acridon-btn.active + ul.h-acridon-collapse {
  visibility: visible;
  height: 180rem;
}

.h-acridon-btn1.active + ul.h-acridon-collapse {
  visibility: visible;
  height: 30rem;
}

.navbar {
  padding: 0 15rem !important;
  height: 40rem !important;
  display: flex !important;
  align-items: center !important;
  background-color: var(--secondary_shade_5) !important;
  box-shadow: none;
  margin: 0;
  z-index: 99999 !important;
}
.navbar #h-menu {
  width: 16rem;
  height: 16rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  justify-content: space-around;
  align-content: space-around;
}
.navbar #h-menu span {
  width: 16rem;
  height: 4px;
  background-color: var(--accent);
  display: block;
}
.navbar.sidemenu_active #h-menu {
  display: none;
}

.tabs.default-tabs button {
  min-width: auto !important;
  display: inline-block;
  margin: 0 15rem 0 0 !important;
  padding: 0 !important;
  padding-bottom: 3rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--secondary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 2rem solid transparent !important;
  cursor: pointer;
  transition: all 0.25s !important;
}
.tabs.default-tabs button:hover {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}
.tabs.default-tabs button.tabs__item_active {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}
.tabs.default-tabs button.tabs__active-line {
  border-bottom: 0 !important;
}

.filter.tabs.default-tabs button {
  min-width: auto !important;
  display: inline-block;
  margin: 0 5rem 5rem 0 !important;
  padding: 5rem 10rem !important;
  padding-bottom: 5rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--primary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: var(--secondary_shade_5);
  border-bottom: 0rem solid transparent !important;
  cursor: pointer;
  border-radius: 10rem;
  transition: all 0.25s !important;
}
.filter.tabs.default-tabs button:hover {
  border-bottom: 0rem solid var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent);
}
.filter.tabs.default-tabs button.tabs__item_active {
  border-bottom: 0rem solid var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent);
}
.filter.tabs.default-tabs button.tabs__active-line {
  border-bottom: 0 !important;
}

.navbar-expand .navbar-collapse {
  font-size: max(6rem, 12px) !important;
  display: flex !important;
  flex-direction: row !important;
}

.nav-user img {
  height: 25rem !important;
  width: 25rem !important;
}

.navbar-expand .navbar-nav .dropdown-menu {
  overflow: hidden;
}

.dropdown-menu.show {
  display: inline-table !important;
}

.dropdown-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: 130rem;
  height: auto;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 6px 6px 12px rgba(21, 33, 69, 0.3019607843);
  border-color: transparent;
}

.dropdown-menu-right {
  right: -20rem;
  left: auto;
  margin-top: 5rem;
  padding: 0;
}

.h-appointment-hide {
  display: inline-block;
}

.h-add-dropdown .dropdown-menu-right {
  right: -30rem;
  padding: 0;
}
.h-add-dropdown .h-dropdown-item a {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  padding: 5rem 10rem 5rem 10rem;
  display: block;
}
.h-add-dropdown .h-dropdown-item a:hover {
  background: var(--accent);
  color: var(--secondary_shade_5);
}
.h-add-dropdown .router-link-exact-active.router-link-active {
  color: var(--secondary_shade_5);
}

.sorting_desc_disabled:after {
  position: absolute;
  bottom: 1vh;
  display: block;
  opacity: 0.3;
}

.topbar-icons {
  margin-left: 0vw;
  margin-right: 10rem;
}

.topbar-icon-user {
  margin-right: 15rem;
}

.default-tabs {
  position: relative;
  margin: 0;
}
.default-tabs__item {
  display: inline-block;
  margin: 0 0.26vw;
  padding: 0.521vw;
  padding-bottom: 0.417vw;
  font-family: "Roboto";
  font-size: 0.833vw;
  font-weight: 600;
  letter-spacing: 0.042vw;
  color: #2b5adc;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 0.104vw solid transparent;
  cursor: pointer;
  transition: all 0.25s;
}
.default-tabs__item_active {
  color: #2b5adc;
}
.default-tabs__item:hover {
  border-bottom: 0.104vw solid #2b5adc;
  color: #2b5adc;
}
.default-tabs__item:focus {
  outline: none;
  border-bottom: 0.104vw solid #2b5adc;
  color: #2b5adc;
}
.default-tabs__item:first-child {
  margin-left: 0;
}
.default-tabs__item:last-child {
  margin-right: 0;
}

.AppointmentsInDrawer {
  position: fixed;
  top: 0;
  z-index: -9999999;
  width: 100%;
  transition: all ease 0.1s;
  right: -100%;
  left: auto;
  height: -webkit-fill-available;
  display: flex;
}
.AppointmentsInDrawer > .h-drawer-card {
  width: 65%;
}
.AppointmentsInDrawer .h-drawer-card .h-drawer-card-body {
  max-height: none;
  min-height: auto;
  height: auto;
}
.AppointmentsInDrawer .h-overlay {
  width: 35%;
  height: 100%;
  background: var(--primary_shade_1);
  opacity: 0;
  transition: opacity 0.1s ease;
  cursor: pointer;
}

.AppointmentsInDrawer.active {
  right: 0;
  z-index: 9999999;
}
.AppointmentsInDrawer.active .h-overlay {
  opacity: 0.35;
}

#horizontal-scroll {
  cursor: grabbing;
}
#horizontal-scroll::-webkit-scrollbar {
  height: 0 !important;
}

@media screen and (min-width: 959px) {
  .h-appointment-hide {
    display: none !important;
  }
}
.navbar #h-menu.h-f-none.h-force-none {
  display: none !important;
}

@media screen and (max-width: 959px) {
  .mob-h-h3 {
    font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
  }
  .align-self-center.dropdown.h-add-dropdown.h-md-hide.notification-list {
    margin-top: 2.5rem !important;
  }
}
.h1-table table.dataTable td a.h-search-header {
  display: flex;
  justify-content: space-between;
}
.h1-table table.dataTable td a.h-search-header .h-search-img-name {
  flex-direction: row;
}
.h1-table table.dataTable td a .h-search-tag-con {
  position: relative;
  width: 10rem;
  height: 10rem;
}
.h1-table table.dataTable td a .h-search-tag-con i {
  position: absolute;
  font-size: max(8rem, 14px);
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-accent {
  color: var(--accent) !important;
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-warning {
  color: var(--warning) !important;
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-gray {
  color: var(--secondary_shade_1) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isArchivedClass {
  color: var(--secondary_shade_1) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isPendingClass {
  color: var(--warning) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isActiveClass {
  color: var(--accent) !important;
}

.h1-table table.dataTable tr:hover a i.h-account-tag.h-tag-accent.isActiveClass {
  color: var(--secondary_shade_5) !important;
}

.h-tabs-btn {
  min-width: auto !important;
  display: inline-block;
  margin: 0 15rem 0 0 !important;
  padding: 0 !important;
  padding-bottom: 3rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--secondary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 2rem solid transparent !important;
  cursor: pointer;
  transition: all 0.25s !important;
}
.h-tabs-btn.active {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}

#ORAssessment {
  position: fixed;
  width: 100%;
  top: 40rem;
  z-index: 9999;
  height: calc(100vh - 40rem);
  overflow: auto;
  display: block;
  background: var(--secondary_shade_4);
  left: 0;
}
#ORAssessment .step-tab-panel:first-child img {
  width: 100rem;
  height: 100rem;
}

.h-center-center {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  display: block;
  max-width: 320rem;
}

.step-app .step-steps {
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.step-app .step-steps > li {
  list-style: none;
  flex: 1;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #333;
  background-color: #e5e5e5;
  text-decoration: none;
}

.step-app .step-steps > li:hover {
  background-color: #ddd;
}

.step-app .step-steps > li:last-child a {
  border: none;
}

.step-app .step-steps > li.active {
  background-color: var(--accent);
  color: #fff;
}

.step-app .step-steps > li.error {
  background-color: #e7505a;
  color: #fff;
}

.step-app .step-steps > li.done {
  background-color: var(--safe);
  color: #fff;
}

.step-app .step-steps > li > .number {
  background: #fff;
  padding: 0 8px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  border-radius: 3px;
  color: #333;
}

/* .step-app > .step-content {
  margin-bottom: 30rem;
} */
.step-app > .step-content > .step-tab-panel {
  display: none;
}

.step-app > .step-content > .step-tab-panel.active {
  display: block;
}

.step-app-rpm .step-content {
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  min-height: calc(100vh - 120rem);
}

.step-app-rpm .step-steps {
  padding: 0;
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.step-app-rpm .step-steps > li {
  list-style: none;
  flex: inherit;
  cursor: pointer;
  display: block;
  padding: 0px;
  color: #333;
  background-color: #d6d7dd;
  text-decoration: none;
  font-size: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin: 0 2.5rem;
  pointer-events: none;
}

.step-app-rpm button {
  width: 86rem;
}

.step-app-rpm > .step-content > .step-tab-panel {
  width: 100%;
  padding-top: 15rem;
}

.step-app-rpm .step-steps > li.done {
  background-color: var(--accent) !important;
}

.step-app-rpm .step-steps > li:hover {
  background-color: #ddd;
}

.step-app-rpm .step-steps > li:last-child a {
  border: none;
}

.step-app-rpm .step-steps > li.active {
  background-color: var(--accent);
  color: #fff;
}

.step-app-rpm .step-steps > li.error {
  background-color: #e7505a;
  color: #fff;
}

.step-app-rpm .step-steps > li.done {
  background-color: var(--safe);
  color: #fff;
}

.step-app-rpm .step-steps > li > .number {
  background: #fff;
  padding: 0 4rem;
  display: inline-block;
  text-align: center;
  margin-right: 7.5rem;
  border-radius: 1.5rem;
  color: #333;
}

/* .step-app > .step-content {
  margin-bottom: 30rem;
} */
.step-app-rpm > .step-content > .step-tab-panel {
  display: none;
}

.step-app-rpm > .step-content > .step-tab-panel.active {
  display: block;
}

.h-survey-checkbox {
  position: relative;
}
.h-survey-checkbox input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.h-survey-checkbox label {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
  color: var(--primary_shade_1);
  background-color: var(--secondary_shade_5);
  padding: 10rem;
  display: flex;
  cursor: pointer;
  border: 0.5rem solid var(--secondary_shade_5);
  transition: all 0.5s ease;
  align-items: center;
}
.h-survey-checkbox label span {
  background-color: var(--secondary_shade_1);
  border-radius: 50%;
  margin-right: 10rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  min-width: 15rem;
  min-height: 15rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}
.h-survey-checkbox label p {
  display: inline-block;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
  color: var(--primary_shade_1);
  font-weight: 500;
}
.h-survey-checkbox input:checked + label {
  border: 0.5rem solid var(--accent);
}
.h-survey-checkbox input:checked + label span {
  background-color: var(--accent);
  color: var(--secondary_shade_5);
}

.h-survey-calc-input {
  position: relative;
  margin-bottom: 10rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
  background-color: var(--secondary_shade_5);
  padding: 10rem;
}
.h-survey-calc-input > div {
  margin-bottom: 5rem;
}
.h-survey-calc-input p {
  color: var(--accent);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
}
.h-survey-calc-input span {
  background-color: var(--accent);
  color: var(--secondary_shade_5);
  border-radius: 50%;
  margin-right: 10rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 15rem;
  min-height: 15rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}
.h-survey-calc-input .input {
  display: flex;
  margin-bottom: 10rem;
}
.h-survey-calc-input .input label {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
  color: var(--primary_shade_1);
}
.h-survey-calc-input .input input {
  border: 0;
  border-bottom: 0.5rem solid var(--primary_shade_1);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  font-size: max(10rem, 18px);
  margin-left: 5rem;
  color: var(--primary_shade_1);
  width: 70rem;
  margin-right: 15rem;
  height: 10rem;
  margin-bottom: 5rem;
}
.h-survey-calc-input .input label.error {
  color: var(--dangerous) !important;
  position: absolute;
  top: 15rem;
}
.h-survey-calc-input .input .h-Quantity {
  margin-left: 25rem;
  display: flex;
  position: relative;
}
.h-survey-calc-input .input .h-Strength {
  display: flex;
  position: relative;
}
.h-survey-calc-input .input .h-Strength input {
  margin-right: 0;
}
.h-survey-calc-input .input .h-Strength::after {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  content: "mg";
  color: var(--primary_shade_1);
}
.h-survey-calc-input .input .h-Strength.mcghr::after {
  content: "mcg/hr";
}
.h-survey-calc-input .input .h-Strength.mcg::after {
  content: "mcg";
}

#Done {
  width: 80rem;
  margin: auto;
}

#Failed {
  width: 80rem;
  margin: auto;
}

@media screen and (max-width: 1024px) {
  .h-survey-calc-input > div {
    margin-bottom: 10rem;
  }
  .input {
    flex-direction: column;
  }
  .input .h-Quantity {
    margin-left: 0 !important;
    margin-bottom: 15rem;
  }
}
.h-disabled-btn {
  pointer-events: none;
  background-color: var(--secondary_shade_1) !important;
}

.h-disabled-next {
  pointer-events: none;
  background-color: var(--secondary_shade_1) !important;
}

.vue-phone-number-input {
  height: 25rem !important;
}
.vue-phone-number-input .select-country-container {
  flex: 0 0 60rem !important;
  width: 60rem !important;
  min-width: 60rem !important;
  max-width: 60rem !important;
}
.vue-phone-number-input #MazPhoneNumberInput-79_country_selector {
  height: 25rem !important;
  border-radius: 5rem 0 0 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto" !important;
  color: var(--primary_shade_1) !important;
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
}
.vue-phone-number-input .country-selector {
  height: 25rem !important;
  min-height: 25rem !important;
}
.vue-phone-number-input .country-selector__toggle {
  right: 2.5rem !important;
  top: 0 !important;
  height: 25rem !important;
  line-height: 25rem;
}
.vue-phone-number-input .country-selector.has-hint .country-selector__label,
.vue-phone-number-input .country-selector.has-value .country-selector__label {
  font-size: max(6rem, 12px) !important;
}
.vue-phone-number-input .country-selector.has-value .country-selector__input {
  padding-left: 30rem !important;
}
.vue-phone-number-input .country-selector.has-hint .country-selector__input,
.vue-phone-number-input .country-selector.has-value .country-selector__input {
  padding-top: 0rem !important;
}
.vue-phone-number-input .input-tel.has-value .input-tel__input {
  font-size: max(8rem, 14px) !important;
}
.vue-phone-number-input .country-selector__country-flag {
  top: 13rem !important;
  left: 6rem !important;
}
.vue-phone-number-input .input-tel__input {
  border-top-right-radius: 5rem !important;
  border-bottom-right-radius: 5rem !important;
}
.vue-phone-number-input .input-tel {
  position: relative;
  height: 25rem !important;
  min-height: 25rem !important;
}
.vue-phone-number-input .input-tel__label {
  top: 2rem !important;
  left: 6rem !important;
}
.vue-phone-number-input .input-tel__input {
  padding: 0 6rem 0 !important;
  font-weight: 500 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  font-family: "Roboto" !important;
  z-index: 0 !important;
  margin-left: -1px !important;
  height: 25rem !important;
  min-height: 25rem !important;
  font-size: max(8rem, 14px);
}
.vue-phone-number-input input:empty.input-tel__input {
  padding: 0 0 0 6rem !important;
  color: var(--primary_shade_1) !important;
  font-weight: bold !important;
  font-size: max(8rem, 14px) !important;
  height: 25rem !important;
}
.vue-phone-number-input .country-selector__input {
  height: 25rem !important;
}
.vue-phone-number-input .country-selector__input {
  border-top-left-radius: 5rem !important;
  border-bottom-left-radius: 5rem !important;
  cursor: pointer;
  background-color: var(--secondary_shade_5);
  position: relative;
  width: 100%;
  height: 25rem !important;
  min-height: 25rem !important;
  padding-right: 11rem !important;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid #ccc;
  font-size: max(7rem, 12px) !important;
  z-index: 0;
  color: var(--primary_shade_1) !important;
}
.vue-phone-number-input label {
  font-size: max(6rem, 12px);
}

.h-progress {
  height: 2.5rem;
  display: block;
  width: 100%;
  background-color: var(--secondary_shade_2);
}
.h-progress div {
  background-color: var(--accent);
  height: 2.5rem;
}

.h-step-fix-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: var(--secondary_shade_5);
  padding: 15rem;
  border-top: 0.5rem solid var(--secondary_shade_2);
  box-shadow: 0px 0px 10px -4px rgba(161, 163, 179, 0.6666666667);
  z-index: 99;
}

.h-btn-container {
  display: flex;
  justify-content: space-between;
}

.EditPatientInDrawer .h-btn-container {
  display: inline-flex;
}
.EditPatientInDrawer textarea.h-input {
  width: 97.5%;
}

.h-patient-height {
  height: calc(100vh - 95rem) !important;
}

@media screen and (min-width: 959px) {
  .step-app-rpm .h-input-w49 {
    width: 152rem;
  }
  .step-app-rpm .h-input-w50 {
    width: 152rem;
  }
  .step-app-rpm .h-desktop-margin-right-2 {
    margin-right: 15rem;
  }
}
.h-d-none {
  display: none !important;
}

.h-icon-d {
  align-items: center;
  justify-content: center;
  display: flex;
}

.h-finish-icon {
  margin: auto;
  font-size: 30rem;
}

.h-icon-answer {
  font-size: max(10rem, 18px);
}

.h-border-bottom-1 {
  border-bottom: 0.5rem solid #d6d7dd;
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.alert-abs {
  position: absolute;
  width: 100%;
}

.loader-h {
  height: calc(100vh - 45rem);
}

.Welcome-step {
  height: calc(100vh - 43rem);
  position: relative;
}
.Welcome-step button {
  width: 86rem;
}

.h-welcom-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1025px) {
  #ORAssessment {
    height: 90vh;
    position: relative;
    top: 0;
  }
  #LOWscore > .h-margin-top-xl {
    margin-top: 10rem;
  }
  .step-app-rpm {
    margin-bottom: 15rem;
  }
  .step-app-rpm .step-content {
    height: auto;
    margin: 0 0 5rem 0;
    min-height: 77vh;
  }
  .step-app-rpm .h-input-w49 {
    width: 50%;
  }
  .step-app-rpm .h-input-w50 {
    width: 50%;
  }
  .step-app-rpm .h-desktop-margin-right-2 {
    margin-right: 0rem;
  }
  .step-app-rpm .h-no-m-r.h-desktop-margin-right-2 {
    margin-right: 15rem;
  }
}
.h-results-table {
  background-color: var(--secondary_shade_5);
  margin: 0;
  width: 100%;
}
.h-results-table td {
  text-align: left;
  padding: 5rem 10rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  border-bottom: 0.5rem solid var(--secondary_shade_2);
  word-break: break-word;
}
.h-results-table td:first-child {
  border-right: 0.5rem solid var(--secondary_shade_2);
  width: 70%;
}
.h-results-table td:last-child {
  width: 30%;
}
.h-results-table tr:last-child td {
  border-bottom: 0;
}

.input-tel.has-hint .input-tel__label,
.input-tel.has-value .input-tel__label {
  display: none !important;
}

.vue-phone-number-input .country-selector__country-flag {
  top: 50% !important;
  left: 10rem !important;
  transform: translateY(-50%) scale(1.5);
}

.vue-phone-number-input .country-selector.has-value .country-selector__label {
  display: none !important;
}

.country-selector__toggle {
  top: calc(50% - 6rem) !important;
}

.input-tel.has-error:not(.is-valid) .input-tel__input {
  border-color: var(--dangerous) !important;
}

#EditPatient .step-content {
  padding-bottom: 45rem;
}

.h-survey-img {
  width: 30rem;
}

.h-border-bottom {
  border: 0.5rem solid var(--secondary_shade_1);
}

.h-btn-bottom {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 15rem;
}

.h-col-screen-75 {
  box-sizing: border-box;
  flex-basis: 75% !important;
  max-width: 75% !important;
}

.h-btn {
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  font-weight: bold;
  line-height: 10rem;
  padding: 5rem 15rem;
  color: var(--secondary_shade_5);
  text-align: center;
  cursor: pointer;
  border-radius: 5rem;
  border: 0;
  height: 25rem;
  text-decoration: none;
}
.h-btn:active, .h-btn:focus, .h-btn:visited, .h-btn:focus-visible, .h-btn:hover {
  color: var(--secondary_shade_5);
}
.h-btn.h-btn-safe {
  background: var(--safe);
  transition: all 0.2s ease;
}
.h-btn.h-btn-safe:active, .h-btn.h-btn-safe:focus, .h-btn.h-btn-safe:visited, .h-btn.h-btn-safe:focus-visible, .h-btn.h-btn-safe:hover {
  background: var(--safe);
  box-shadow: 0px 2rem 4rem rgba(27, 153, 139, 0.3);
}
.h-btn.h-btn-dangerous {
  background: var(--dangerous);
  transition: all 0.2s ease;
}
.h-btn.h-btn-dangerous:active, .h-btn.h-btn-dangerous:focus, .h-btn.h-btn-dangerous:visited, .h-btn.h-btn-dangerous:focus-visible, .h-btn.h-btn-dangerous:hover {
  background: var(--dangerous);
  box-shadow: 0px 2rem 4rem rgba(238, 66, 102, 0.3);
}
.h-btn.h-btn-gray {
  background: var(--secondary_shade_1);
  transition: all 0.2s ease;
}
.h-btn.h-btn-gray:active, .h-btn.h-btn-gray:focus, .h-btn.h-btn-gray:visited, .h-btn.h-btn-gray:focus-visible, .h-btn.h-btn-gray:hover {
  background: var(--secondary_shade_1);
  box-shadow: 0px 2rem 4rem rgba(161, 163, 179, 0.3);
}
.h-btn.h-btn-accent {
  background: var(--accent);
  transition: all 0.2s ease;
}
.h-btn.h-btn-accent:active, .h-btn.h-btn-accent:focus, .h-btn.h-btn-accent:visited, .h-btn.h-btn-accent:focus-visible, .h-btn.h-btn-accent:hover {
  background: var(--accent);
  box-shadow: 0px 2rem 4rem rgba(43, 90, 220, 0.3);
}
.h-btn.h-btn-full {
  width: 100%;
}

.h-btn-bordered {
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  font-weight: bold;
  line-height: 10rem;
  padding: 5rem 15rem;
  color: var(--primary_shade_1);
  text-align: center;
  cursor: pointer;
  border-radius: 5rem;
  border: 0.5rem solid var(--primary_shade_1);
  height: 25rem;
  text-decoration: none;
  background: var(--secondary_shade_5);
}
.h-btn-bordered:active, .h-btn-bordered:focus, .h-btn-bordered:visited, .h-btn-bordered:focus-visible, .h-btn-bordered:hover {
  color: var(--primary_shade_1);
  border: 0.5rem solid var(--primary_shade_1);
}
.h-btn-bordered.h-btn-fill-safe {
  color: var(--secondary_shade_5);
  background: var(--safe);
  border: 0.5rem solid var(--safe);
  transition: all 0.2s ease;
}
.h-btn-bordered.h-btn-fill-safe:active, .h-btn-bordered.h-btn-fill-safe:focus, .h-btn-bordered.h-btn-fill-safe:visited, .h-btn-bordered.h-btn-fill-safe:focus-visible, .h-btn-bordered.h-btn-fill-safe:hover {
  box-shadow: 0px 2rem 4rem rgba(27, 153, 139, 0.3);
}
.h-btn-bordered.h-btn-fill-dangerous {
  color: var(--secondary_shade_5);
  background: var(--dangerous);
  border: 0.5rem solid var(--dangerous);
  transition: all 0.2s ease;
}
.h-btn-bordered.h-btn-fill-dangerous:active, .h-btn-bordered.h-btn-fill-dangerous:focus, .h-btn-bordered.h-btn-fill-dangerous:visited, .h-btn-bordered.h-btn-fill-dangerous:focus-visible, .h-btn-bordered.h-btn-fill-dangerous:hover {
  box-shadow: 0px 2rem 4rem rgba(238, 66, 102, 0.3);
}
.h-btn-bordered.h-btn-fill-accent {
  color: var(--secondary_shade_5);
  background: var(--accent);
  border: 0.5rem solid var(--accent);
  transition: all 0.2s ease;
}
.h-btn-bordered.h-btn-fill-accent:active, .h-btn-bordered.h-btn-fill-accent:focus, .h-btn-bordered.h-btn-fill-accent:visited, .h-btn-bordered.h-btn-fill-accent:focus-visible, .h-btn-bordered.h-btn-fill-accent:hover {
  box-shadow: 0px 2rem 4rem rgba(43, 90, 220, 0.3);
}
.h-btn-bordered.h-btn-bordered-full {
  width: 100%;
}

.h-btn-height20 {
  height: 20rem;
  padding: 5rem 10rem;
}

.h-a-btn {
  display: inline-block;
  padding: 0 15rem !important;
  line-height: 25rem;
}

.h-btn-h-bordered {
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  font-weight: bold;
  line-height: 10rem;
  padding: 5rem 15rem;
  color: var(--primary_shade_1);
  text-align: center;
  cursor: pointer;
  border-radius: 5rem;
  border: 0.5rem solid var(--primary_shade_1);
  height: 25rem;
  text-decoration: none;
  background: var(--secondary_shade_5);
}
.h-btn-h-bordered:active, .h-btn-h-bordered:focus, .h-btn-h-bordered:visited, .h-btn-h-bordered:focus-visible, .h-btn-h-bordered:hover {
  color: var(--primary_shade_1);
  border: 0.5rem solid var(--primary_shade_1);
}
.h-btn-h-bordered.h-btn-h-fill-safe {
  transition: all 0.2s ease;
}
.h-btn-h-bordered.h-btn-h-fill-safe:active, .h-btn-h-bordered.h-btn-h-fill-safe:focus, .h-btn-h-bordered.h-btn-h-fill-safe:visited, .h-btn-h-bordered.h-btn-h-fill-safe:focus-visible, .h-btn-h-bordered.h-btn-h-fill-safe:hover {
  background: var(--safe);
  color: var(--secondary_shade_5);
  border: 0.5rem solid var(--safe);
  box-shadow: 0px 2rem 4rem rgba(27, 153, 139, 0.3);
}
.h-btn-h-bordered.h-btn-h-fill-dangerous {
  transition: all 0.2s ease;
}
.h-btn-h-bordered.h-btn-h-fill-dangerous:active, .h-btn-h-bordered.h-btn-h-fill-dangerous:focus, .h-btn-h-bordered.h-btn-h-fill-dangerous:visited, .h-btn-h-bordered.h-btn-h-fill-dangerous:focus-visible, .h-btn-h-bordered.h-btn-h-fill-dangerous:hover {
  background: var(--dangerous);
  color: var(--secondary_shade_5);
  border: 0.5rem solid var(--dangerous);
  box-shadow: 0px 2rem 4rem rgba(238, 66, 102, 0.3);
}
.h-btn-h-bordered.h-btn-h-fill-accent {
  transition: all 0.2s ease;
}
.h-btn-h-bordered.h-btn-h-fill-accent:active, .h-btn-h-bordered.h-btn-h-fill-accent:focus, .h-btn-h-bordered.h-btn-h-fill-accent:visited, .h-btn-h-bordered.h-btn-h-fill-accent:focus-visible, .h-btn-h-bordered.h-btn-h-fill-accent:hover {
  background: var(--accent);
  color: var(--secondary_shade_5);
  border: 0.5rem solid var(--accent);
  box-shadow: 0px 2rem 4rem rgba(43, 90, 220, 0.3);
}

.step-footer .h-btn {
  min-width: 60rem;
}

.h-btn-with-icon {
  display: inline-flex;
  align-items: center;
}
.h-btn-with-icon i {
  display: inline-flex;
}

.form-control {
  padding: 0;
  min-height: inherit !important;
}

.custom-switch {
  padding-left: 0;
}

table.h-asses .custom-switch {
  display: inline-block;
  min-height: 6rem;
  padding-left: 5rem;
}

table.h-asses .h-text-left .custom-switch {
  padding-left: 0rem;
}

.h1-table table.h-noborder-input.h-asses td:last-child {
  border-right: 0 !important;
}
.h1-table table.h-noborder-input.h-asses td:last-child input {
  text-indent: 0rem;
}

.h1-table table.h-noborder-input td input {
  text-indent: 0rem;
}

.h1-table table.h-noborder-input.h-table-pt td:last-child {
  border-right: 0 !important;
}

.input-group {
  position: relative;
}
.input-group .auth-form-icon {
  position: absolute;
  right: 5rem;
  z-index: 100;
  width: 0;
  height: 25rem;
  text-align: center;
  line-height: 0;
  color: var(--secondary_shade_1);
  background-color: transparent;
  border-radius: 0;
  top: 0;
  transform: translateX(-10rem);
  display: flex;
  align-items: center;
}
.input-group .auth-form-icon i:before {
  color: var(--secondary_shade_1);
  font-size: max(10rem, 18px);
  line-height: 25rem;
}

.h-input {
  height: 25rem;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1);
  width: 100%;
  background-color: var(--secondary_shade_5);
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 500;
  text-indent: 5rem;
  color: var(--primary_shade_1);
}
.h-input::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
}
.h-input::placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
}
.h-input:active, .h-input:focus, .h-input:visited, .h-input:focus-visible {
  border-radius: 5rem;
  border: 0.5rem solid var(--secondary_shade_1);
  outline: 0;
}

.h-text-right .h-input {
  text-align: right;
}
.h-text-right .h-input::-moz-placeholder {
  text-align: right;
}
.h-text-right .h-input::placeholder {
  text-align: right;
}

select.h-input {
  width: 100%;
  height: 25rem;
  /* inline SVG */
  -webkit-appearance: none;
  -moz-appearance: window;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMTUyMTQ1IiA+PHBhdGggZD0iTTAgNy4zM2wyLjgyOS0yLjgzIDkuMTc1IDkuMzM5IDkuMTY3LTkuMzM5IDIuODI5IDIuODMtMTEuOTk2IDEyLjE3eiIvPjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: right 1% center;
  background-size: 10rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}
select.h-input div {
  background-color: var(--secondary_shade_3);
}

select option {
  background-color: var(--secondary_shade_5) !important;
}

select option:hover {
  background-color: var(--secondary_shade_3) !important;
}

textarea.h-input {
  height: 80rem;
  padding-left: 5rem;
  text-indent: 0rem;
  padding-top: 5rem;
}

.h-input.is-invalid {
  border: 0.5rem solid var(--dangerous);
  border-color: var(--dangerous);
}
.h-input.is-invalid:active, .h-input.is-invalid:focus, .h-input.is-invalid:visited, .h-input.is-invalid:focus-visible {
  border: 0.5rem solid var(--dangerous) !important;
  outline: 0;
}

.invalid-feedback {
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  display: none;
  width: 100%;
  color: var(--dangerous);
  margin-top: 5rem;
}
.invalid-feedback p {
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  width: 100%;
  color: var(--dangerous);
}

.h-input.is-invalid ~ .invalid-feedback,
.h-input.is-invalid ~ .invalid-tooltip,
.was-validated .h-input:invalid ~ .invalid-feedback,
.was-validated .h-input:invalid ~ .invalid-tooltip {
  display: block;
}

.h-label {
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px);
  font-weight: 700;
  color: var(--primary_shade_1);
  margin-bottom: 5rem;
  display: block;
}

.h-toggle {
  position: relative;
  display: inline-flex;
  width: 20rem;
  height: 10rem;
  margin-left: 5rem;
}

table td.text-left .h-toggle {
  margin-left: 0rem;
}

.h-toggle .h-input {
  opacity: 0;
  width: 0;
  height: 0;
}

.h-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--secondary_shade_2);
  transition: 0.4s;
  border-radius: 16rem;
}

.h-slider:before {
  position: absolute;
  content: "";
  height: 7rem;
  width: 7rem;
  left: 1.5rem;
  bottom: 1.5rem;
  background-color: var(--secondary_shade_5);
  transition: 0.4s;
  border-radius: 50%;
}

.h-input:checked + .h-slider {
  background-color: var(--accent);
}

.h-input:checked + .h-slider:before {
  transform: translateX(10rem);
}

.h-text-label {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
}

.h-select {
  position: relative;
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  color: var(--primary_shade_1);
}

.h-select select {
  display: none;
}

.h-select-selected {
  background-color: var(--secondary_shade_5);
  border-radius: 2.5rem;
}

.h-select-selected:after {
  position: absolute;
  content: ">";
  right: 5rem;
  transform: rotate(90deg);
  transition: transform 0.4s ease;
}

.h-select-selected.h-select-arrow-active:after {
  transform: rotate(-90deg);
}

.h-select-items div,
.h-select-selected {
  color: var(--secondary_shade_5);
  padding: 5rem 5rem;
  border: 0.5rem solid;
  border-color: var(--secondary_shade_1);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 500;
  color: var(--primary_shade_1);
}

.h-select-items {
  position: absolute;
  background-color: var(--secondary_shade_5);
  width: calc(100% - 4rem);
  left: 2rem;
  right: 0;
  z-index: 99;
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  color: var(--primary_shade_1);
  border-top: 0;
}

.h-select-hide {
  display: none;
}

.h-select-items div:hover,
.h-same-as-selected {
  background-color: var(--accent);
  color: var(--secondary_shade_5) !important;
}

.form-group {
  margin-bottom: 0;
}

input[type=search] {
  height: 25rem !important;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  width: auto !important;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px);
  font-weight: 700;
  text-indent: 5rem !important;
  padding-right: 2.5rem !important;
  color: var(--primary_shade_1) !important;
}
input[type=search]::-moz-placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 700;
}
input[type=search]::placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 700;
}
input[type=search]:active, input[type=search]:focus, input[type=search]:visited, input[type=search]:focus-visible {
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1);
  outline: 0;
}

.w-300 input[type=search] {
  width: 150rem !important;
}

input[type=search].h-item-search {
  height: 15rem !important;
  width: 150rem !important;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  width: auto !important;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 700;
  text-indent: 5rem !important;
  padding-right: 2.5rem !important;
  color: var(--primary_shade_1) !important;
  border: 0 !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-radius: 0 !important;
}
input[type=search].h-item-search::-moz-placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 700;
}
input[type=search].h-item-search::placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 700;
}
input[type=search].h-item-search:active, input[type=search].h-item-search:focus, input[type=search].h-item-search:visited, input[type=search].h-item-search:focus-visible {
  outline: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(../../../../assets/images/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
  margin-left: 2.5rem;
}

input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 0.3;
  pointer-events: all;
}

input[type=search].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

.form-control:focus {
  color: var(--primary_shade_1) !important;
}

.dataTables_filter label {
  font-family: "Roboto";
  font-size: max(7rem, 12px);
  font-weight: 700 !important;
  color: var(--primary_shade_1);
  line-height: max(9rem, 14px);
  padding-top: 0;
}
.dataTables_filter label input {
  width: 150rem !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  padding-right: 0;
}

input[type=date],
input[type=time] {
  padding-right: 0 !important;
  width: 100%;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  margin-left: 2rem;
  margin-right: 2rem;
}
input[type=date]::-webkit-datetime-edit-fields-wrapper,
input[type=time]::-webkit-datetime-edit-fields-wrapper {
  margin-left: 0;
  padding-left: 0;
}

.h-checkbox input {
  display: none;
}
.h-checkbox input:checked + label::after {
  content: "\f00c";
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  font-size: max(8rem, 14px);
  color: var(--accent);
  transition: none;
}
.h-checkbox label {
  border: 0.5rem solid var(--secondary_shade_1);
  border-radius: 2.5rem;
  background-color: var(--secondary_shade_5);
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  font-family: "Font Awesome 5 Free";
  cursor: pointer;
}
.h-checkbox label::before {
  display: none;
}

.h-input-range {
  display: flex;
}
.h-input-range input {
  height: 15rem;
  width: 30rem;
  border: 1px solid var(--secondary_shade_1);
  color: var(--primary_shade_1);
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  border-radius: 5rem;
  min-height: auto;
  text-align: center;
}
.h-input-range input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.h-input-range input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.h-border-right-0 input {
  border-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.h-border-left-0 input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.h-input20 input {
  height: 20rem;
}

.h-table-btn {
  height: 15rem;
  line-height: 0;
  padding: 7rem 7rem;
  font-size: max(7rem, 12px);
}

input[type=month] {
  width: 100%;
  padding-right: 0;
}

.h-custom-checkbox .custom-control-label {
  font: normal normal bold 8rem/10rem "Roboto" !important;
  color: var(--primary_shade_1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative;
  width: auto;
  padding: 0;
  padding-left: 30rem;
}
.h-custom-checkbox .custom-control-label::after {
  position: absolute !important;
  width: 20rem !important;
  height: 10rem !important;
  border-radius: 5rem !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  border: 0 !important;
  background: var(--secondary_shade_2) !important;
}
.h-custom-checkbox .custom-control-label::before {
  position: absolute !important;
  top: 1.5rem !important;
  left: 1.5rem !important;
  right: auto !important;
  display: block !important;
  width: 7rem !important;
  height: 7rem !important;
  pointer-events: none !important;
  content: "" !important;
  background-color: var(--secondary_shade_5) !important;
  border: 0 !important;
  border-radius: 5rem !important;
  transform: translateX(0rem) !important;
  z-index: 1;
  transition: all ease 0.3s;
}
.h-custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  transform: translateX(10.5rem) !important;
}
.h-custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: var(--accent) !important;
}
.h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}

.dropdown-item-text {
  padding: 2.5rem 5rem !important;
  color: var(--primary_shade_1) !important;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}

.notification-list .notify-item .notify-details {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}

.notification-list .notify-item .notify-details small {
  color: var(--secondary_shade_1) !important;
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  font-size: max(6rem, 12px) !important;
  font-weight: 700 !important;
}

.dropdown-menu .dropdown-item {
  padding: 2.5rem 5rem !important;
}

.notification-list .notify-item .notify-icon {
  height: 20rem !important;
  width: 20rem !important;
  line-height: 20rem !important;
  margin-right: 5rem !important;
}

.h-input:disabled {
  background: var(--secondary_shade_3);
  pointer-events: none;
}

.h-disabled-button {
  background: var(--secondary_shade_1) !important;
  cursor: pointer !important;
}

.h-input-file {
  position: relative;
  height: 25rem;
  border-radius: 5rem !important;
  border: 0;
  width: 100%;
  background-color: var(--secondary_shade_5);
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  text-indent: 5rem;
  padding-right: 0rem;
  border-radius: 5rem !important;
  color: var(--primary_shade_1);
}
.h-input-file .custom-file {
  height: 25rem !important;
  line-height: 25rem !important;
  display: block !important;
}
.h-input-file input {
  height: 25rem !important;
  line-height: 25rem !important;
}
.h-input-file label {
  height: 25rem !important;
  line-height: 25rem !important;
  border-radius: 5rem;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  overflow: hidden;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  line-height: 25rem !important;
}
.h-input-file label::after {
  height: 25rem !important;
  line-height: 25rem !important;
  padding: 0.5rem 7rem 0.5rem 2.5rem !important;
  background: var(--accent);
  color: var(--secondary_shade_5);
}
.h-input-file::-moz-placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
}
.h-input-file::placeholder {
  color: var(--secondary_shade_1);
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
}
.h-input-file:active, .h-input-file:focus, .h-input-file:visited, .h-input-file:focus-visible {
  border-radius: 5rem;
  border: 0.5rem solid var(--secondary_shade_1);
  outline: 0;
}

.h-t-table .custom-control {
  display: flex !important;
  min-height: 25rem !important;
  line-height: 25rem !important;
  align-items: center !important;
}
.h-t-table .h-custom-checkbox {
  margin-top: -7rem;
}

input[type=date]::-webkit-datetime-edit-fields-wrapper,
input[type=time]::-webkit-datetime-edit-fields-wrapper {
  display: block;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none !important;
}

.h-btn-a {
  height: 15rem;
  align-items: center;
  display: flex;
}

.alert.alert-success {
  color: var(--secondary_shade_5);
  font: normal normal bold 8rem/10rem "Roboto";
  background-color: var(--safe);
  text-align: center;
  padding: 10rem;
  margin-bottom: 15rem !important;
}

.alert.alert-danger {
  color: var(--secondary_shade_5);
  font: normal normal bold 8rem/10rem "Roboto";
  background-color: var(--dangerous);
  text-align: center;
  padding: 10rem;
  margin-bottom: 15rem !important;
}

.no-messages {
  text-align: center;
  margin: 0.521vw;
}

.messagesWrapper {
  background-color: #f7f8fc;
  overflow-y: scroll;
  min-height: 100%;
  width: 100%;
  height: 100%;
  margin-top: 10rem;
}

.messageHolder .content {
  background: var(--accent);
  color: var(--secondary_shade_5);
  padding: 15rem 10rem;
  border-radius: 15rem;
  border-bottom-right-radius: 0;
  margin-bottom: 2.5rem;
}

.max-w-50 {
  max-width: 35%;
  margin-left: 65%;
  margin-bottom: 10rem;
  margin-right: 15rem;
}

.localUser-messageHolder .header {
  text-align: right;
}
.localUser-messageHolder .from {
  color: var(--secondary_shade_1);
}

.remoteUser-messageHolder .content {
  background: var(--secondary_shade_5);
  border-radius: 15rem;
  border-bottom-left-radius: 0;
  color: var(--primary_shade_1);
}
.remoteUser-messageHolder .from {
  color: var(--secondary_shade_1);
}
.remoteUser-messageHolder .header {
  text-align: left;
}

.remoteUser-messageHolder.max-w-50 {
  max-width: 35%;
  margin-right: 65%;
  margin-left: 0;
  margin-right: 0;
  margin-left: 15rem;
}

.messageInput-cell {
  height: 99% !important;
  display: flex;
}
.messageInput-cell textarea.messageInput {
  width: 100%;
  height: auto;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}
.messageInput-cell .messageInput-buttons button {
  min-width: 100%;
  width: 80rem;
  height: 100%;
  border-radius: 0;
}

.h-force-w-100 {
  width: 100% !important;
}
.h-force-w-100 input {
  width: 100% !important;
}

.room-list-wrapper {
  padding: 0rem !important;
}

.room-list li {
  padding: 0 !important;
  margin-bottom: 0;
}

.chat-list .media {
  padding: 10rem 0 !important;
  position: relative;
  border: 0 !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-left: 0px !important;
  border-radius: 0 !important;
  background-color: var(--secondary_shade_3);
  margin: 0 15rem;
}

.new-list {
  border-left: 0px !important;
}

.room-list-wrapper li {
  background-color: var(--secondary_shade_5);
}
.room-list-wrapper li .media {
  background-color: var(--secondary_shade_5);
  display: flex;
  align-items: center;
}
.room-list-wrapper li .media .thumb-md {
  height: 20rem !important;
  width: 20rem !important;
  font-size: max(10rem, 18px) !important;
  font-weight: 700;
}
.room-list-wrapper li .media .media-body {
  justify-content: space-between;
  display: flex !important;
  align-items: center;
  padding-left: 5rem;
}
.room-list-wrapper li .media h5 {
  display: inline-block;
}

.badge-info {
  background-color: var(--secondary_shade_1) !important;
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--secondary_shade_5) !important;
  font-weight: bold;
}

.messageHolder .header {
  margin-left: 10rem;
  margin-right: 10rem;
}
.messageHolder .from {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
}
.messageHolder .content {
  font: normal normal 600 8rem/12rem "Roboto" !important;
}
.messageHolder .content img {
  width: -webkit-fill-available;
}
.messageHolder .timestamp {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
}

.room-list-wrapper li.selected {
  background-color: var(--secondary_shade_3);
}
.room-list-wrapper li.selected .media {
  border-bottom: 0 !important;
}
.room-list-wrapper li.selected .media {
  background-color: var(--secondary_shade_3);
}
.room-list-wrapper li.selected .media h5 {
  color: var(--primary_shade_1);
}

.display-table {
  display: flex;
  flex-direction: column;
}

.display-table-row-1 {
  flex: 6 1 auto;
  max-height: calc(100vh - 120rem);
}

.display-table-row-2 {
  flex: 1 1 auto;
  max-height: 80rem;
  z-index: 1;
  padding-top: 10rem;
}
.display-table-row-2 .messageInput {
  resize: none;
  padding: 2.5rem 5rem;
}

.chatRoomSelector-wrapper {
  background-color: white;
  height: 100%;
  border-left: 0rem solid #e8e8e8;
  border-right: 0.5rem solid #e8e8e8;
  overflow-y: auto;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
}

.top-part {
  padding-bottom: 0px;
  flex-grow: 0;
}

.chat-header {
  border-bottom: 0.5rem solid #e8e8e8;
}

.header-hr {
  border-color: #e8e8e8 !important;
}

.chat-list-wrapper {
  flex-grow: 1;
  overflow-y: auto;
  flex-basis: 0%;
  border-top: 0.5rem solid #d9d9d9;
  height: 78vh;
}

.chat-list {
  position: absolute;
  width: 100%;
}

.chat-list li {
  cursor: pointer;
}

.chat-list-wrapper.h-inherit > div {
  max-height: 100%;
  position: relative;
}

.room-list-wrapper,
.chat-list-wrapper.h-inherit > div {
  height: 100%;
}

.h-btn-back {
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  background: var(--secondary_shade_1) !important;
  color: var(--primary_shade_1);
  min-height: auto;
  width: auto !important;
  height: 35% !important;
}
.h-btn-back:after {
  content: "\f060";
  font-size: max(8rem, 14px);
  font-family: "Font Awesome 5 Free";
}

.isDoctor-note {
  position: fixed;
  bottom: 10rem;
  right: 15rem;
  background-color: var(--safe);
  border: 0.5rem solid var(--secondary_shade_1);
  border-radius: 2.5rem;
  padding: 2.5rem 5rem;
  font-weight: bold;
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--secondary_shade_5);
}

.isDoctor-note.template {
  background-color: var(--dangerous);
}

.dropdown-menu {
  overflow: hidden;
}

i[data-title]::after {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.h-fix-checkbox {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.h-fix-checkbox input {
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.h-select-tags {
  width: 100% !important;
  display: flex;
  flex-direction: column-reverse;
  border-radius: 5rem !important;
  border: 0;
  background-color: var(--secondary_shade_5);
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  color: var(--primary_shade_1);
}
.h-select-tags select {
  border: 0 !important;
}
.h-select-tags .select2-container .select2-selection--multiple {
  min-height: 0 !important;
  border: 0 !important;
}
.h-select-tags .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  display: flex;
  flex-direction: column-reverse;
}

.select2-results__options {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}

.select2-container .select2-search--inline {
  float: none;
  width: 100% !important;
  display: flex;
  flex-direction: column-reverse;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  width: -moz-fit-content;
  width: fit-content;
  margin: 2.5rem 5rem !important;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  width: -moz-fit-content;
  width: fit-content;
  padding: 2.5rem 5rem !important;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  background-color: var(--accent) !important;
  border: 0 !important;
}

.form-control-sm {
  font-size: max(7rem, 12px) !important;
}

.h-pross {
  margin-bottom: 0;
}
.h-pross .h-input {
  margin-top: 5rem;
}

#chartToggle {
  display: none;
}

.left-bar,
.right-line {
  background-color: var(--secondary_shade_5);
  border: 0.5rem solid var(--secondary_shade_1);
  color: var(--primary_shade_1);
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  text-transform: capitalize;
  cursor: pointer;
  width: 50rem;
  height: 25rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.left-bar:hover,
.right-line:hover {
  border: 0.5rem solid var(--accent);
}

.left-bar {
  border-radius: 5rem 0 0 5rem;
}

.right-line {
  border-radius: 0 5rem 5rem 0;
}

.toggleActive {
  background-color: var(--accent);
  border: 0.5rem solid var(--accent);
  color: var(--secondary_shade_5);
}

#toggleBar,
#toggleLine {
  display: none;
}

#toggleBar.active,
#toggleLine.active {
  display: block;
}

.h-custom-radio .h-custom-checkbox .custom-control-label {
  font: normal normal bold 8rem/10rem "Roboto" !important;
  color: var(--secondary_shade_1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative;
  width: auto;
  padding: 0;
  padding-left: 15rem;
  padding-top: 0.5rem;
}
.h-custom-radio .h-custom-checkbox .custom-control-label::after {
  position: absolute !important;
  width: 10rem !important;
  height: 10rem !important;
  border-radius: 50% !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  border: 0.5rem solid #a1a3b3 !important;
  background: var(--secondary_shade_5) !important;
}
.h-custom-radio .h-custom-checkbox .custom-control-label::before {
  position: absolute !important;
  top: 2rem !important;
  left: 2rem !important;
  right: auto !important;
  display: block !important;
  width: 7rem !important;
  height: 7rem !important;
  pointer-events: none !important;
  content: "" !important;
  background-color: var(--secondary_shade_5) !important;
  border: 0 !important;
  border-radius: 5rem !important;
  transform: translateX(0rem) !important;
  z-index: 1;
  transition: all ease 0.3s;
}
.h-custom-radio .h-custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  color: var(--primary_shade_1) !important;
}
.h-custom-radio .h-custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  transform: translateX(0rem) !important;
  background: var(--accent) !important;
}
.h-custom-radio .h-custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: var(--secondary_shade_5) !important;
}
.h-custom-radio .h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.h-custom-radio .h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.h-custom-radio.h-radio-gray .h-custom-checkbox .custom-control-label {
  color: var(--primary_shade_1) !important;
}

.h-custom-radio-btn .h-custom-checkbox .custom-control-label {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--secondary_shade_1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
  width: auto;
  border: 0.5rem solid var(--secondary_shade_1);
  height: 25rem;
  padding: 0 30rem 0 7.5rem;
  border-radius: 5rem;
  background-color: var(--secondary_shade_5);
  transition: all ease 0.2s;
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-label::after {
  display: none;
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-label::before {
  position: relative !important;
  font-size: 12rem !important;
  font-family: "healenticons" !important;
  display: block !important;
  pointer-events: none !important;
  content: "\e041" !important;
  background-color: var(--secondary_shade_5) !important;
  color: var(--secondary_shade_1) !important;
  border: 0 !important;
  border-radius: 50% !important;
  transform: translateX(0rem) !important;
  z-index: 1;
  transition: all ease 0.2s;
  width: auto !important;
  height: auto !important;
  top: 0 !important;
  left: 0rem !important;
  line-height: 1;
  padding-right: 5rem;
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  background: var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  border: 0.5rem solid var(--accent);
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  transform: translateX(0rem) !important;
  background: var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  content: "\e042" !important;
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.h-custom-radio-btn .h-custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none !important;
}
.h-custom-radio-btn.h-custom-radio-btn-short .h-custom-checkbox .custom-control-label {
  padding: 0 15rem 0 7.5rem;
}
.h-custom-radio-btn.h-radio-gray .h-custom-checkbox .custom-control-label {
  color: var(--primary_shade_1) !important;
}

.error-class .h-custom-radio-btn .h-custom-checkbox .custom-control-label {
  border: 0.5rem solid var(--dangerous);
}
.error-class .h-custom-radio-btn .h-custom-checkbox .custom-control-label::before {
  color: var(--dangerous) !important;
}

.h-height-48 textarea.h-input {
  height: 48rem !important;
  text-indent: 5rem !important;
}

#statsSelect.h-input {
  background-color: transparent !important;
  border: 0 !important;
  min-width: 70rem !important;
  text-indent: 0 !important;
}

#selectCategory.h-input {
  background-color: transparent !important;
  border: 0 !important;
  min-width: 120rem !important;
  text-indent: 0 !important;
}

.h-after-tooltip {
  display: flex;
  align-items: center;
}

.h-after-tooltip::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
  color: var(--secondary_shade_1);
  font-size: max(10rem, 18px);
  margin-left: 5rem;
}

.h-after-tooltip::before {
  content: attr(data-title);
  display: none;
  position: absolute;
  background-color: var(--secondary_shade_5);
  font: normal normal bold 8rem/10rem "Roboto";
  color: var(--primary_shade_1);
  padding: 5rem 10rem;
  border-radius: 1rem;
  box-shadow: 0.5rem 1rem 3rem rgba(0, 0, 0, 0.3) !important;
  margin-top: 55rem;
  z-index: 9999;
}

.h-after-tooltip:hover::before {
  display: block;
}

.h-checkbox-flex {
  justify-content: end;
  display: flex;
  flex-direction: column;
}

.h-2btn-flex {
  align-items: end;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 5rem;
}

.h-report-icon {
  height: 20rem;
}

.h-icon-tooltip {
  position: relative;
  cursor: pointer;
}
.h-icon-tooltip label {
  display: none;
  position: absolute;
  background-color: var(--secondary_shade_5);
  font: normal normal bold 8rem/10rem "Roboto";
  color: var(--primary_shade_1);
  padding: 5rem 10rem;
  border-radius: 1rem;
  box-shadow: 0.5rem 1rem 3rem rgba(0, 0, 0, 0.3) !important;
  margin-top: 5rem;
  z-index: 9999;
  width: -moz-max-content;
  width: max-content;
  max-width: 212rem;
  text-align: left;
  right: 0;
}
.h-icon-tooltip img:hover + label {
  display: block;
}

.h-disabled {
  cursor: not-allowed;
  filter: hue-rotate(110deg);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 0px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 1px !important;
  visibility: hidden;
  min-height: 0 !important;
}

.select2-container--default .select2-selection--single {
  border: 0 !important;
  height: 25rem !important;
  align-items: center !important;
  display: flex;
  background: transparent !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.select2-container.select2-container--default.select2-container--open,
.select2.select2-container.select2-container--default,
.select2-search--dropdown .select2-search__field {
  width: -webkit-fill-available !important;
}

.select2-container--open .select2-dropdown--below {
  width: -moz-max-content;
  width: max-content;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 0 !important;
}

input[type=search]::-webkit-search-cancel-button {
  background: url(../../../../assets/images/times-circle.svg) no-repeat 50% 50% !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
  cursor: pointer;
  pointer-events: all;
}

input[type=search]:placeholder-shown::-webkit-search-cancel-button {
  opacity: 1 !important;
  -webkit-appearance: none;
  background: url(../../../assets/images/searchGray.svg) no-repeat 50% 50% !important;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

.search-table-pos .dataTables_filter {
  margin-right: 10rem !important;
}
.search-table-pos input[type=search]::-webkit-search-cancel-button {
  opacity: 1 !important;
  -webkit-appearance: none;
  background: url(../../../assets/images/search.svg) no-repeat 50% 50% !important;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
}
.search-table-pos input[type=search]:focus::-webkit-search-cancel-button {
  background: url(../../../../assets/images/times-circle.svg) no-repeat 50% 50% !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
}
.search-table-pos input[type=search]::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px) !important;
  font-weight: 700 !important;
}
.search-table-pos input[type=search]::placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px) !important;
  font-weight: 700 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: max(8rem, 14px) !important;
  counter-reset: var(--primary_shade_1) !important;
  font-weight: bold !important;
  font-family: "Roboto" !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 25rem !important;
  right: 0 !important;
  width: 10rem !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMTUyMTQ1IiA+PHBhdGggZD0iTTAgNy4zM2wyLjgyOS0yLjgzIDkuMTc1IDkuMzM5IDkuMTY3LTkuMzM5IDIuODI5IDIuODMtMTEuOTk2IDEyLjE3eiIvPjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right 1% center;
  background-size: 10rem;
  font: normal normal bold 8rem/10rem "Roboto" !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: max(8rem, 14px) !important;
  color: var(--primary_shade_1) !important;
  font-weight: bold !important;
  font-family: "Roboto" !important;
  line-height: 25rem;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--accent) !important;
  color: white !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--accent) !important;
  color: white !important;
}

.select2-search--dropdown {
  padding: 0px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0 !important;
  border-bottom: 1px solid #eeeff5 !important;
  border-radius: 0 !important;
}

.select2-results__option[aria-selected] {
  line-height: 20rem;
  border-bottom: 1px solid #eeeff5 !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #eeeff5;
  border: 1rem solid #eeeff5;
}

.select2-results__options::-webkit-scrollbar-track {
  background-color: var(--secondary_shade_5);
}

.select2-container--open .select2-dropdown--below {
  border: 0 !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.textarea-editor textarea.h-input {
  height: calc(100vh - 187rem) !important;
  font-size: max(10rem, 18px) !important;
  line-height: 1.4 !important;
}

.multiselect__tags {
  min-height: 25rem !important;
  display: block !important;
  padding: 0rem 20rem 0 5rem !important;
  height: 25rem !important;
  width: 100%;
  background: var(--secondary_shade_5) !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 600 !important;
  color: var(--primary_shade_1) !important;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
}

.error .multiselect__tags {
  border: 0.5rem solid var(--dangerous) !important;
}

.multiselect__input::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  line-height: 25rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: 600 !important;
}

.multiselect__placeholder,
.multiselect__input::placeholder {
  color: var(--secondary_shade_1) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  line-height: 25rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: 600 !important;
}

.multiselect__select {
  width: 20rem !important;
  z-index: 1;
}

.multiselect__input,
.multiselect__single {
  height: 24rem !important;
  line-height: 25rem !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
  font-size: max(8rem, 14px) !important;
  font-weight: 600 !important;
  white-space: nowrap;
  overflow: hidden;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: var(--dangerous) !important;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: var(--dangerous) !important;
}

.multiselect__option--highlight {
  background: var(--accent) !important;
}

.multiselect__option--highlight:after {
  background: var(--accent) !important;
}

.multiselect__select:before {
  display: none !important;
}

.multiselect__select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjMTUyMTQ1IiA+PHBhdGggZD0iTTAgNy4zM2wyLjgyOS0yLjgzIDkuMTc1IDkuMzM5IDkuMTY3LTkuMzM5IDIuODI5IDIuODMtMTEuOTk2IDEyLjE3eiIvPjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: right 5rem center;
  background-size: 10rem;
  height: 25rem !important;
}

.multiselect__option {
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  padding: 6rem !important;
  min-height: 25rem !important;
  line-height: 13rem !important;
  font-weight: bold;
}

.multiselect__option:after {
  position: absolute;
  line-height: 25rem !important;
  padding-right: 6rem !important;
  padding-left: 10rem !important;
  font-size: max(8rem, 14px) !important;
}

.error-class .h-custom-radio .h-custom-checkbox .custom-control-label::after {
  border: 0.5rem solid var(--dangerous) !important;
}

.country-selector__toggle__arrow {
  color: var(--secondary_shade_1);
  width: 12rem;
  height: 12rem;
}

.h-toggle-no-mb .h-margin-bottom-m {
  margin-bottom: 0 !important;
}

.h-multiselect-in-table.multiselect {
  width: inherit;
  min-height: 10rem;
  pointer-events: all;
}
.h-multiselect-in-table .multiselect__select {
  background-size: 10rem;
  height: 10rem !important;
}
.h-multiselect-in-table .multiselect__tags {
  min-height: 10rem !important;
  height: 10rem !important;
  padding: 0rem 20rem 0 0rem !important;
  border: 0 !important;
  width: inherit;
  background: transparent !important;
  line-height: 10rem !important;
}
.h-multiselect-in-table .multiselect__input,
.h-multiselect-in-table .multiselect__single {
  min-height: 10rem !important;
  line-height: 10rem !important;
  border: none;
  border-radius: 0;
  padding: 0 0 0 2.5rem;
  background: transparent !important;
}
.h-multiselect-in-table .multiselect__input::-moz-placeholder {
  color: var(--primary_shade_1) !important;
  height: 10rem;
  line-height: 10rem !important;
}
.h-multiselect-in-table .multiselect__placeholder,
.h-multiselect-in-table .multiselect__input::placeholder {
  color: var(--primary_shade_1) !important;
  height: 10rem;
  line-height: 10rem !important;
}
.h-multiselect-in-table .multiselect__content-wrapper {
  width: -moz-max-content !important;
  width: max-content !important;
}

.hdr {
  pointer-events: all;
}

.toggle-center .h-margin-bottom-m {
  margin-bottom: 0 !important;
}
.toggle-center .h-toggle {
  margin: auto;
}

.h-custom-select-border-0 select.h-input:active,
.h-custom-select-border-0 select.h-input:focus,
.h-custom-select-border-0 select.h-input:visited,
.h-custom-select-border-0 select.h-input:focus-visible,
.h-custom-select-border-0 select.h-input {
  border: 0 !important;
}

.h-select-care .h-btn {
  border: 0.5rem solid;
  border-color: var(--danger);
  height: auto;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.h-select-care .multiselect--disabled .multiselect__current,
.h-select-care .multiselect--disabled .multiselect__select {
  display: none;
}
.h-select-care .multiselect__tags {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

select.h-select-no-border {
  border: 0 !important;
  padding-right: 15rem !important;
  height: auto !important;
}

select {
  cursor: pointer !important;
}

div.overlay {
  position: fixed;
  z-index: -999;
  left: 0px;
  top: 0px;
  background: rgba(11, 10, 12, 0.35);
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}

aside.sidebar {
  z-index: 9999999999;
  position: fixed;
  will-change: transform;
  height: 100%;
  top: 0px;
  transition: transform 0.3s ease;
  overflow-y: hidden;
  overflow-x: hidden;
  word-wrap: break-word;
  background-color: var(--secondary_shade_5);
}

.h-drawer-card {
  background-color: var(--secondary_shade_5);
}
.h-drawer-card .h-drawer-card-header {
  border-bottom: 0.5rem solid var(--secondary_shade_1);
  margin: 15rem 15rem 0 15rem;
}
.h-drawer-card .h-drawer-card-header .close img {
  height: 12rem !important;
  width: 10rem !important;
  color: var(--secondary_shade_5);
}
.h-drawer-card .h-drawer-card-header .h-main-drawer-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.h-drawer-card .h-drawer-card-header .h-main-drawer-card-header .close img {
  height: 12rem !important;
  width: 12rem !important;
  color: var(--secondary_shade_5);
}
.h-drawer-card .h-drawer-card-body {
  padding: 15rem 15rem 0 15rem;
  height: calc(100vh - 115rem);
  overflow-y: auto;
  position: relative;
  padding-bottom: 55rem !important;
}
.h-drawer-card .h-drawer-card-body .h1-table table {
  margin-top: 0 !important;
}
.h-drawer-card .h-drawer-card-body .h-h4.h-primary_shade_1.h-margin-bottom-s p {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}
.h-drawer-card .h-drawer-card-footer {
  padding: 5rem 15rem 15rem 15rem;
  z-index: 1;
  background-color: white;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.h-border-0 {
  border-bottom: 0 !important;
}

.h-appointment-drawer .h-drawer-card-footer {
  position: absolute;
  bottom: 0;
}

.h-drawer-card.card {
  margin: 0 !important;
  padding: 0 !important;
}

.h-no-padding .h-drawer-card-body {
  padding: 0;
}

.h-drawer-maxfull .h-drawer-card .h-drawer-card-body {
  height: calc(100vh - 87rem);
  min-width: inherit;
  max-width: 100vw;
  overflow: hidden;
}

.h-drawer-maxfull .h-drawer-card .h-drawer-card-footer {
  padding: 5rem 15rem 15rem 15rem;
  z-index: 1;
  background-color: white;
  width: calc(100vw - 30rem);
  text-align: left;
}
.h-drawer-maxfull.h-edu .h-drawer-card .h-drawer-card-body {
  padding: 0;
}
.h-drawer-maxfull.h-edu .h-drawer-card .h-drawer-card-body .h-edu-inputs {
  height: calc(100vh - 92rem);
  overflow-y: auto;
}
.h-drawer-maxfull.h-edu .col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.h-drawer-maxfull.h-edu .col-6 {
  flex: 0 0 48%;
  max-width: 48%;
}
.h-drawer-maxfull.h-edu .col-7 {
  flex: 0 0 55.2%;
  max-width: 55.2%;
}
.h-drawer-maxfull.h-edu #editEducationalEntryDialog-keywords {
  height: 20rem;
}
.h-drawer-maxfull.h-edu .h-ck100 .ck.ck-editor__main {
  min-height: calc(100vh - 115rem);
  width: 100%;
  max-width: 100%;
}
.h-drawer-maxfull.h-edu .ck-content.ck-editor__editable {
  max-width: 100%;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.h-drawer-maxfull.h-edu .ck-editor__editable {
  min-height: calc(100vh - 115rem);
  max-height: calc(100vh - 115rem) !important;
  height: auto !important;
}

.h-item-dialog-topbar-right {
  display: inline-flex;
  height: 10rem;
}

.collection-dropdown {
  position: absolute;
  right: 0;
  background-color: var(--secondary_shade_5);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 99;
}

.collection-dropdown button {
  background-color: var(--secondary_shade_5);
  border: none;
  padding: 2.5rem 5rem;
  text-decoration: none;
  display: block;
  cursor: pointer;
  height: 20rem rem !important;
  font: normal normal 700 8rem/10rem "Roboto", sans-serif !important;
  color: var(--primary_shade_1) !important;
  display: flex;
  align-items: center;
}

.collection-dropdown button:hover {
  background-color: var(--secondary_shade_5);
}

.h-drawer-max80 .h-drawer-card .h-drawer-card-body {
  width: 85vw;
}

.h-drawer-calender .h-drawer-card .h-drawer-card-body {
  min-width: 95vw !important;
  max-width: 95vw !important;
  height: calc(100vh - 40rem);
  padding-bottom: 0 !important;
}
.h-drawer-calender .h-drawer-card .h-drawer-card-body .h1-table table {
  margin-top: 15rem !important;
}
.h-drawer-calender .h-drawer-max79350 .h-drawer-max79 .h-drawer-max79 .h-drawer-card .h-drawer-card-body,
.h-drawer-calender .h-drawer-max79.h-newAppointment .h-drawer-card .h-drawer-card-body {
  max-width: 30vw !important;
  min-width: 30vw !important;
}
.h-drawer-calender .h-drawer-max79350 .h-drawer-max79 .h-drawer-max79 .h-drawer-card .h-drawer-card-body .h-modeEdit .h-ck100 .ck.ck-editor__main,
.h-drawer-calender .h-drawer-max79.h-newAppointment .h-drawer-card .h-drawer-card-body .h-modeEdit .h-ck100 .ck.ck-editor__main {
  min-height: calc(100vh - 340rem);
}
.h-drawer-calender .h-drawer-max79350 .h-drawer-max79 .h-drawer-max79 .h-drawer-card .h-drawer-card-body .h-ck100 .ck.ck-editor__main,
.h-drawer-calender .h-drawer-max79.h-newAppointment .h-drawer-card .h-drawer-card-body .h-ck100 .ck.ck-editor__main {
  min-height: calc(100vh - 360rem);
}
.h-drawer-calender .h-drawer-card .h-drawer-card-body .h1-table table.h-table-log {
  margin-top: 10rem !important;
}
.h-drawer-calender .PatientProfileInDrawer .h-drawer-max79350 .h-drawer-max79.h-newAppointment .h-drawer-card .h-drawer-card-body {
  max-width: 30vw !important;
  min-width: 30vw !important;
}
.h-drawer-calender .h-drawer-max80 .h-drawer-card .h-drawer-card-body {
  max-width: 88vw !important;
  min-width: 88vw !important;
}
.h-drawer-calender .MedicationUseEntry .h-drawer-card .h-drawer-card-body,
.h-drawer-calender .DayMealsEditor .h-drawer-card .h-drawer-card-body,
.h-drawer-calender .SurgeryInfo .h-drawer-card .h-drawer-card-body {
  max-width: 30vw !important;
  min-width: 30vw !important;
}

.h-drawer-calender .h-drawer-card .h-drawer-card-body .h1-table table.AssessmentModal,
.h-drawer-calender .h-drawer-card .h-drawer-card-body .h1-table table.AssessmentClient {
  margin-top: 0 !important;
}

.h1-table {
  overflow: hidden;
  position: relative;
}
.h1-table table {
  width: 100% !important;
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
  background-color: var(--secondary_shade_5);
  overflow: auto;
  display: block;
}
.h1-table table .thead-light {
  position: sticky;
  top: 0;
}
.h1-table table .table-title-bold {
  font-size: max(8rem, 14px);
  counter-reset: var(--primary_shade_1);
  font-weight: 700;
  font-family: "Roboto";
}
.h1-table table#all-patients {
  height: calc(100vh - 267rem);
}
.h1-table table.fullTable {
  height: calc(100vh - 180rem);
}
.h1-table table#educationTable {
  height: calc(100vh - 272rem);
}
.h1-table table.dataTable thead > tr > th, .h1-table table.dataTable thead > tr > td, .h1-table table.dataTable thead > tr > td.sorting, .h1-table table.dataTable thead > tr > td.sorting_asc, .h1-table table.dataTable thead > tr > td.sorting_desc, .h1-table table.dataTable thead > tr > th.sorting, .h1-table table.dataTable thead > tr > th.sorting_asc, .h1-table table.dataTable thead > tr > th.sorting_desc {
  position: relative;
  height: 25rem;
  padding: 0 0 0 15rem;
  border: 0;
  vertical-align: middle;
  font-size: max(8rem, 14px) !important;
  font-weight: 700 !important;
}
.h1-table table#all-patients.dataTable thead > tr > th, .h1-table table#all-patients.dataTable thead > tr > td, .h1-table table#all-patients.dataTable thead > tr > td.sorting, .h1-table table#all-patients.dataTable thead > tr > td.sorting_asc, .h1-table table#all-patients.dataTable thead > tr > td.sorting_desc, .h1-table table#all-patients.dataTable thead > tr > th.sorting, .h1-table table#all-patients.dataTable thead > tr > th.sorting_asc, .h1-table table#all-patients.dataTable thead > tr > th.sorting_desc {
  height: 28.5rem;
  position: relative;
  vertical-align: bottom;
  padding-bottom: 6.5rem;
  pointer-events: none;
  min-width: 20rem;
}
.h1-table table#all-patients.dataTable thead > tr > th:before, .h1-table table#all-patients.dataTable thead > tr > td:before, .h1-table table#all-patients.dataTable thead > tr > td.sorting:before, .h1-table table#all-patients.dataTable thead > tr > td.sorting_asc:before, .h1-table table#all-patients.dataTable thead > tr > td.sorting_desc:before, .h1-table table#all-patients.dataTable thead > tr > th.sorting:before, .h1-table table#all-patients.dataTable thead > tr > th.sorting_asc:before, .h1-table table#all-patients.dataTable thead > tr > th.sorting_desc:before {
  left: 25rem !important;
  top: 7rem !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 0 !important;
  display: inline-block;
  position: absolute !important;
  pointer-events: all;
  margin-left: 0 !important;
}
.h1-table table#all-patients.dataTable thead > tr > th::after, .h1-table table#all-patients.dataTable thead > tr > td::after, .h1-table table#all-patients.dataTable thead > tr > td.sorting::after, .h1-table table#all-patients.dataTable thead > tr > td.sorting_asc::after, .h1-table table#all-patients.dataTable thead > tr > td.sorting_desc::after, .h1-table table#all-patients.dataTable thead > tr > th.sorting::after, .h1-table table#all-patients.dataTable thead > tr > th.sorting_asc::after, .h1-table table#all-patients.dataTable thead > tr > th.sorting_desc::after {
  content: "\f0b2";
  font-family: "Font Awesome 5 Free";
  position: relative;
  left: 15rem !important;
  top: 5rem !important;
  right: 0 !important;
  bottom: auto !important;
  padding: 0 !important;
  display: inline-block;
  position: absolute;
  font-size: max(7rem, 12px);
  color: var(--secondary_shade_1);
  opacity: 1;
  cursor: move;
  width: 10rem;
  pointer-events: all;
}
.h1-table table#all-patients.dataTable thead > tr > th select.h-input, .h1-table table#all-patients.dataTable thead > tr > td select.h-input, .h1-table table#all-patients.dataTable thead > tr > td.sorting select.h-input, .h1-table table#all-patients.dataTable thead > tr > td.sorting_asc select.h-input, .h1-table table#all-patients.dataTable thead > tr > td.sorting_desc select.h-input, .h1-table table#all-patients.dataTable thead > tr > th.sorting select.h-input, .h1-table table#all-patients.dataTable thead > tr > th.sorting_asc select.h-input, .h1-table table#all-patients.dataTable thead > tr > th.sorting_desc select.h-input {
  height: auto !important;
  border-radius: 0 !important;
}
.h1-table table.dataTable.h-no-sort thead > tr > th, .h1-table table.dataTable.h-no-sort thead > tr > td, .h1-table table.dataTable.h-no-sort thead > tr > td.sorting, .h1-table table.dataTable.h-no-sort thead > tr > td.sorting_asc, .h1-table table.dataTable.h-no-sort thead > tr > td.sorting_desc, .h1-table table.dataTable.h-no-sort thead > tr > th.sorting, .h1-table table.dataTable.h-no-sort thead > tr > th.sorting_asc, .h1-table table.dataTable.h-no-sort thead > tr > th.sorting_desc {
  padding: 0 0 0 15rem;
}
.h1-table table.dataTable.h-padding-last thead > tr > th:last-child {
  padding-right: 15rem;
}
.h1-table table.dataTable thead > tr > th {
  white-space: nowrap;
}
.h1-table table.dataTable.preline thead > tr > th {
  white-space: pre-line;
}
.h1-table table .text-right {
  text-align: right !important;
}
.h1-table table.dataTable thead .sorting:before, .h1-table table.dataTable thead .sorting_asc:before, .h1-table table.dataTable thead .sorting_asc_disabled:before, .h1-table table.dataTable thead .sorting_desc:before, .h1-table table.dataTable thead .sorting_desc_disabled:before {
  position: absolute;
  opacity: 1;
}
.h1-table table.dataTable thead th.sorting_desc::before {
  opacity: 1;
}
.h1-table table.dataTable thead .sorting:before, .h1-table table.dataTable thead .sorting_asc:before, .h1-table table.dataTable thead .sorting_desc:before, .h1-table table.dataTable thead .sorting_asc_disabled:before, .h1-table table.dataTable thead .sorting_desc_disabled:before {
  bottom: 30%;
  font-size: max(10rem, 18px);
  line-height: max(12rem, 22px);
  display: inline-table;
}
.h1-table table.dataTable thead .sorting:before, .h1-table table.dataTable thead .sorting_asc:before, .h1-table table.dataTable thead .sorting_asc_disabled:before, .h1-table table.dataTable thead .sorting_desc:before, .h1-table table.dataTable thead .sorting_desc_disabled:before {
  right: 0;
}
.h1-table table.dataTable thead .sorting:before {
  content: "";
  background-image: url(../../../../assets/images/NoSorting.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 8rem;
  height: 8rem;
  background-size: contain;
}
.h1-table table.dataTable thead .sorting_asc:before, .h1-table table.dataTable thead .sorting_desc_disabled:before {
  content: "";
  background-image: url(../../../../assets/images/Ascending.svg);
  background-repeat: no-repeat;
}
.h1-table table.dataTable thead .sorting_asc_disabled:before, .h1-table table.dataTable thead .sorting_desc:before {
  content: "";
  background-image: url(../../../../assets/images/Descending.svg);
  background-repeat: no-repeat;
}
.h1-table table.dataTable td, .h1-table table.dataTable th {
  box-sizing: content-box;
  border-top: 1px solid var(--secondary_shade_1);
  white-space: nowrap;
}
.h1-table table.dataTable.preline td, .h1-table table.dataTable.preline th {
  white-space: pre-line;
}
.h1-table table.table td, .h1-table table.table th {
  box-sizing: content-box;
  border-top: 1px solid var(--secondary_shade_1);
  white-space: nowrap;
}
.h1-table table.table.preline td, .h1-table table.table.preline th {
  white-space: pre-line;
}
.h1-table table.dataTable tr:first-child td {
  border-top: 0;
}
.h1-table table.dataTable td {
  height: 25rem;
  padding: 0 0 0 15rem;
  font-size: max(8rem, 14px);
  font-weight: 500;
  font-family: "Roboto";
  color: var(--primary_shade_1);
  line-height: max(10rem, 16px);
}
.h1-table table.dataTable td::first-letter {
  text-transform: uppercase;
}
.h1-table table.dataTable td a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.h1-table table.dataTable td a:hover, .h1-table table.dataTable td a:focus {
  color: var(--accent);
}
.h1-table table.dataTable td img {
  width: 12rem !important;
  height: 12rem !important;
  border-radius: 50% !important;
  margin-right: 4rem !important;
  background: var(--secondary_shade_5);
}
.h1-table table.dataTable td button img {
  border-radius: 0% !important;
}
.h1-table table.dataTable td:last-child.text-right, .h1-table table.dataTable th:last-child.text-right {
  text-align: left !important;
}
.h1-table table.dataTable th:last-child, .h1-table table.dataTable td:last-child {
  padding-right: 5rem !important;
}
.h1-table table.dataTable td:last-child a {
  display: inline !important;
  margin-right: 5rem !important;
  width: auto;
}
.h1-table table.dataTable td:last-child a:last-child {
  margin-right: 0rem !important;
}
.h1-table table.dataTable td:last-child a i {
  font-size: max(8rem, 14px) !important;
  color: var(--secondary_shade_1) !important;
}
.h1-table table.dataTable td:last-child a i:hover, .h1-table table.dataTable td:last-child a i:focus {
  color: var(--accent) !important;
}
.h1-table table.dataTable td .actions a {
  display: inline;
  margin-right: 5rem !important;
  width: auto;
}
.h1-table table.dataTable td .actions a i:hover, .h1-table table.dataTable td .actions a i:focus {
  color: var(--accent) !important;
}
.h1-table table.dataTable td .actions a:last-child {
  margin-right: 0rem !important;
}
.h1-table table.dataTable td .actions a:last-child i:hover, .h1-table table.dataTable td .actions a:last-child i:focus {
  color: var(--secondary_shade_5) !important;
}
.h1-table .dataTables_wrapper .dataTables_info {
  font-family: "Roboto";
  font-size: max(7rem, 12px);
  font-weight: 700;
  color: var(--secondary_shade_1);
  line-height: max(9rem, 14px);
  padding-top: 0;
  padding: 0;
}
.h1-table .pagination {
  font-family: "Roboto";
  font-size: max(7rem, 12px);
  font-weight: 700;
  color: var(--primary_shade_1);
  line-height: max(7rem, 12px);
  margin: 0 !important;
}
.h1-table .pagination li a {
  padding: 4rem 7rem;
}
.h1-table .pagination .page-link:focus,
.h1-table .pagination .page-link:hover {
  color: var(--primary_shade_1);
  background-color: var(--secondary_shade_5);
  box-shadow: none;
  border: 0.5rem solid var(--accent);
}
.h1-table .pagination li.active .page-link:focus,
.h1-table .pagination li.active .page-link:hover {
  background-color: var(--accent);
  color: var(--secondary_shade_5);
}
.h1-table .dataTables_wrapper .dataTables_paginate {
  padding-right: 0;
  margin-top: 0rem;
}
.h1-table #dropdownMenuLink {
  font-size: 0 !important;
}
.h1-table .dropdown-menu {
  padding: 5rem 0;
  margin: 6rem 0 0;
  font-size: max(7rem, 12px) !important;
  color: var(--primary_shade_1) !important;
}
.h1-table .dropdown-menu.show {
  display: flex !important;
  flex-direction: column;
}
.h1-table .dropdown-menu .dropdown-item:hover,
.h1-table .dropdown-menu .dropdown-item.active,
.h1-table .dropdown-menu .dropdown-item:active {
  color: var(--accent);
}
.h1-table .dropdown-item {
  display: inline-block;
  padding: 2.5rem 5rem;
  font-weight: 700;
  color: var(--primary_shade_1);
}
.h1-table .dropdown-menu[x-placement^=bottom],
.h1-table .dropdown-menu[x-placement^=left],
.h1-table .dropdown-menu[x-placement^=right],
.h1-table .dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto;
  overflow: hidden;
}

.h1-table table.h-light-font td {
  font-weight: 500;
  line-height: max(10rem, 16px);
}

.h1-table .h-table-PatientCareProtocol {
  max-height: 28vh;
}

.h1-table .h-table-thought {
  max-height: 27vh;
}

.h1-table .h-table-limit {
  max-height: 27vh;
}

.dataTables_length {
  margin-left: 15rem;
}
.dataTables_length label {
  font-family: "Roboto" !important;
  font-size: max(8rem, 14px) !important;
  font-weight: 700 !important;
  color: var(--primary_shade_1) !important;
  line-height: max(10rem, 16px) !important;
  padding-top: 0 !important;
}
.dataTables_length label .custom-select.custom-select-sm.form-control.form-control-sm {
  font-family: "Roboto" !important;
  font-size: max(7rem, 12px) !important;
  font-weight: 700 !important;
  color: var(--primary_shade_1) !important;
  line-height: max(9rem, 14px) !important;
  padding-top: 0 !important;
  border: 0 !important;
  width: 25rem;
}

.dataTables_filter {
  margin-right: 15rem !important;
}

.dataTables_info {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.dataTables_paginate {
  margin-right: 15rem !important;
  margin-left: 15rem !important;
}

.h-notification {
  color: var(--primary_shade_1);
}
.h-notification th {
  font: normal normal bold 8rem/10rem "Roboto";
  padding-bottom: max(8rem, 14px);
  width: 55rem;
  font-weight: 700;
}
.h-notification td {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  padding-bottom: 8rem;
}

.dataTables_processing.card {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--primary_shade_1);
  width: 100rem !important;
  margin-left: -50rem !important;
  margin-top: -13rem !important;
}

.dataTables_processing {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--primary_shade_1);
  background: var(--secondary_shade_5);
  border-color: var(--secondary_shade_1);
}

.addnewpatioint {
  margin: 0 10rem 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addnewpatioint::before {
  content: "F";
  font-family: "healenticons" !important;
  font-size: max(8rem, 14px);
  color: var(--secondary_shade_5);
  padding-right: 2.5rem;
}

.h-btn-icon {
  background: transparent;
  padding: 0 15rem 0 0;
  font-family: "Font Awesome 5 Free";
}
.h-btn-icon:after {
  content: "\f013";
  font-size: max(12rem, 18px);
  color: var(--secondary_shade_1);
}
.h-btn-icon span {
  display: none;
}

.ExportIcon {
  background: transparent;
  padding: 0 10rem 0 0;
  font-family: "Font Awesome 5 Free";
}
.ExportIcon.dropdown-toggle::after {
  display: contents !important;
  right: 0 !important;
  content: "\f56d";
  font-size: max(12rem, 18px);
  color: var(--secondary_shade_1);
}
.ExportIcon span {
  display: none;
}

.dt-button-collection {
  background: var(--secondary_shade_5) !important;
  left: auto !important;
  right: auto !important;
}
.dt-button-collection .dropdown-menu {
  background: var(--secondary_shade_5);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  right: -15rem !important;
  left: auto !important;
  overflow: hidden;
}
.dt-button-collection .dropdown-menu a {
  height: 20rem !important;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  display: flex;
  align-items: center;
}
.dt-button-collection .dropdown-menu a:hover {
  color: var(--accent) !important;
}

div.dt-button-collection button {
  background: transparent !important;
  color: var(--primary_shade_1) !important;
}
div.dt-button-collection button:hover {
  color: var(--accent) !important;
}

#datatables_buttons_info {
  color: var(--primary_shade_1) !important;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  border-width: 0.5rem !important;
  border-color: var(--secondary_shade_1) !important;
  box-shadow: none !important;
}

div.dt-button-collection > :last-child {
  display: flex !important;
  flex-direction: column;
}

.h-table-bt .dataTables_filter {
  margin-right: 10rem !important;
}

.h1-table.h-table-inline-input table th,
.h1-table.h-table-inline-input table td {
  border-top: 0 !important;
  padding: 5rem 2.5rem !important;
  font-size: max(8rem, 14px) !important;
  font-weight: 700 !important;
  font-family: "Roboto" !important;
  color: var(--primary_shade_1);
}
.h1-table.h-table-inline-input table th small,
.h1-table.h-table-inline-input table td small {
  font-size: max(7rem, 12px) !important;
  font-weight: 700 !important;
  color: var(--secondary_shade_1);
}
.h1-table.h-table-inline-input table th {
  padding-left: 0 !important;
  vertical-align: middle !important;
}
.h1-table.h-table-inline-input table tr td:last-child {
  padding-right: 0 !important;
}
.h1-table.h-table-inline-input table .form-control-sm {
  height: 20rem !important;
  font-size: max(8rem, 14px) !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.h-drawer-card .h-drawer-card-body .h1-table table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.h1-table table.h-noborder-input input,
.h1-table table.h-noborder-input select,
.h1-table table.h-noborder-input textarea {
  border: 0 !important;
  height: 25rem !important;
  width: auto !important;
  min-width: 100% !important;
  border-radius: 0 !important;
  padding: 0 !important;
  padding-right: 0rem !important;
}
.h1-table table.h-noborder-input select {
  width: 100% !important;
  padding-right: 15rem !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
.h1-table table.h-noborder-input td:last-child.text-right, .h1-table table.h-noborder-input th:last-child.text-right {
  text-align: center !important;
}
.h1-table table.h-noborder-input thead > tr > th, .h1-table table.h-noborder-input thead > tr > td, .h1-table table.h-noborder-input thead > tr > td.sorting, .h1-table table.h-noborder-input thead > tr > td.sorting_asc, .h1-table table.h-noborder-input thead > tr > td.sorting_desc, .h1-table table.h-noborder-input thead > tr > th.sorting, .h1-table table.h-noborder-input thead > tr > th.sorting_asc, .h1-table table.h-noborder-input thead > tr > th.sorting_desc {
  padding: 0 !important;
  padding-right: 5rem !important;
  padding-left: 2.5rem !important;
}
.h1-table table.h-noborder-input td {
  padding: 0 !important;
  margin-right: 5rem !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-right: 0.5rem solid var(--secondary_shade_1) !important;
  border-top: 0;
  padding-left: 2.5rem !important;
}
.h1-table table.h-noborder-input.AssessmentClient td:last-child {
  border-right: 0 !important;
}
.h1-table table.h-noborder-input th {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  border-top: 0 !important;
  vertical-align: middle !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
}
.h1-table table.h-noborder-input td:last-child {
  padding: 0 5rem !important;
}

.h1-table table.h-noborder-input.h-ccm-table input,
.h1-table table.h-noborder-input.h-ccm-table select,
.h1-table table.h-noborder-input.h-ccm-table textarea {
  border: 0 !important;
  height: 20rem !important;
  width: auto !important;
  min-width: 100% !important;
  border-radius: 0 !important;
  padding: 0 !important;
  padding-right: 0rem !important;
}
.h1-table table.h-noborder-input.h-ccm-table select {
  width: 100% !important;
  margin-right: 15rem !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
.h1-table table.h-noborder-input.h-ccm-table tbody tr td:first-child {
  padding-left: 5rem !important;
}
.h1-table table.h-noborder-input.h-ccm-table thead tr th:first-child {
  padding-left: 5rem !important;
}
.h1-table table.h-noborder-input.h-ccm-table td:last-child.text-right, .h1-table table.h-noborder-input.h-ccm-table th:last-child.text-right {
  text-align: center !important;
}
.h1-table table.h-noborder-input.h-ccm-table thead > tr > th, .h1-table table.h-noborder-input.h-ccm-table thead > tr > td, .h1-table table.h-noborder-input.h-ccm-table thead > tr > td.sorting, .h1-table table.h-noborder-input.h-ccm-table thead > tr > td.sorting_asc, .h1-table table.h-noborder-input.h-ccm-table thead > tr > td.sorting_desc, .h1-table table.h-noborder-input.h-ccm-table thead > tr > th.sorting, .h1-table table.h-noborder-input.h-ccm-table thead > tr > th.sorting_asc, .h1-table table.h-noborder-input.h-ccm-table thead > tr > th.sorting_desc {
  padding: 0 !important;
  padding-right: 5rem !important;
}
.h1-table table.h-noborder-input.h-ccm-table td {
  padding: 5rem !important;
  margin-right: 5rem !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-right: 0.5rem solid var(--secondary_shade_1) !important;
  border-top: 0 !important;
}
.h1-table table.h-noborder-input.h-ccm-table th {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  border-top: 0 !important;
  vertical-align: middle !important;
  border-bottom: 0 !important;
}
.h1-table table.h-noborder-input.h-ccm-table td:last-child {
  padding: 0 5rem !important;
  border-right: 0 !important;
}

.h-medication-doss .dataTables_scrollBody {
  height: 150rem !important;
  max-height: 150rem !important;
}
.h-medication-doss .dataTables_scrollBody table {
  display: table !important;
}

.h-MedicationDoseDateDialog .dataTables_scrollBody {
  height: calc(100vh - 150rem) !important;
  max-height: calc(100vh - 150rem) !important;
}
.h-MedicationDoseDateDialog .dataTables_scrollBody table {
  display: table !important;
}

.h1-table table.h-table-w-space tr:first-child td {
  border-top: 0.5rem solid var(--secondary_shade_1);
  word-wrap: break-word;
  text-wrap: pretty;
  padding: 5rem 0rem 5rem 15rem;
  line-height: 12rem;
}
.h1-table table.h-table-w-space th:last-child,
.h1-table table.h-table-w-space td:last-child {
  padding-right: 0rem !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow .h1-table.h-margin-top-l {
  margin-top: 0 !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow .h1-table.h-margin-top-l table.table {
  margin-top: 10rem !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow > td {
  padding-left: 0 !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow > td .dataTables_scrollHead table.table {
  margin-top: 10rem !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow > td .dataTables_scrollBody {
  height: 125rem !important;
  max-height: 125rem !important;
}
.h1-table table.h-table-w-space .careProtocol-educationRow > td input[type=search] {
  border: 0 !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-radius: 0 !important;
}
.h1-table table.h-table-w-space .h1-table table {
  height: auto !important;
}
.h1-table table.h-table-w-space .h1-table table thead .sorting:before,
.h1-table table.h-table-w-space .h1-table table thead .sorting_asc:before,
.h1-table table.h-table-w-space .h1-table table thead .sorting_asc_disabled:before,
.h1-table table.h-table-w-space .h1-table table thead .sorting_desc:before,
.h1-table table.h-table-w-space .h1-table table thead .sorting_desc_disabled:before {
  top: 8rem;
}

.dataTables_scrollBody table thead tr th:before {
  display: none !important;
}

.h1-table.h-medication-doss table.dataTable th:last-child,
.h1-table.h-medication-doss table.dataTable td:last-child {
  padding-right: 0rem;
}

.h1-table.h-custom-table {
  overflow: hidden !important;
}
.h1-table.h-custom-table table {
  margin-bottom: 0 !important;
  overflow-x: auto;
}
.h1-table.h-custom-table .h-over-x {
  overflow-y: auto !important;
}
.h1-table.h-custom-table .h-table-footer {
  margin-top: 15rem;
}

.form-control-sm {
  height: 100% !important;
}

.h1-table table.dataTable td:last-child a i.fa-trash-alt:hover,
.h1-table table.dataTable td:last-child a i.fa-trash-alt:focus,
.action-td a i.fa-trash-alt:hover,
.action-td a i.fa-trash-alt:focus {
  color: var(--dangerous) !important;
}

.h-table-v td, .h-table-v th {
  vertical-align: middle !important;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}
.h-table-v tr:first-child td {
  border-top: 0.5rem solid var(--secondary_shade_1) !important;
}

.dataTables_wrapper > .row:nth-child(2) > .col-sm-12:first-child {
  overflow-x: auto;
}

.dataTables_scrollBody {
  height: 58.5vh !important;
}

table.dataTable > tbody > tr.child ul.dtr-details li {
  display: grid !important;
  grid-auto-flow: column;
  grid-template-columns: 140rem auto;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: block !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: block;
  min-width: 75rem;
  font-weight: 700;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #c3c4cb;
  padding: 0;
  height: auto;
  align-items: center;
}

.h1-table .collapsed tbody tr td:first-child {
  position: relative;
  cursor: pointer;
}

.h1-table table.dataTable thead th select {
  pointer-events: auto;
}

.h1-table table.dataTable thead .sorting:before,
.h1-table table.dataTable thead .sorting_asc:before,
.h1-table table.dataTable thead .sorting_asc_disabled:before,
.h1-table table.dataTable thead .sorting_desc:before,
.h1-table table.dataTable thead .sorting_desc_disabled:before {
  left: 0rem;
  right: auto;
  pointer-events: all;
  padding-bottom: 0rem;
  margin: 0 2rem 0 0;
  vertical-align: middle;
  position: initial !important;
  margin-left: -10rem;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: grid;
  min-width: 80rem;
  font-weight: 700;
  line-height: 1.2;
  background: var(--secondary_shade_3);
  padding: 0 5rem 0 15rem !important;
  height: 100%;
  min-height: 25rem;
  align-content: center;
}

table.dataTable > tbody > tr.child span.dtr-data {
  display: block;
  min-width: 80rem;
  font-weight: 700;
  line-height: 25rem;
  background: transparent;
  padding: 2.5rem 5rem 2.5rem 15rem !important;
}
table.dataTable > tbody > tr.child span.dtr-data br {
  content: "";
  margin: -5em;
  display: block;
  font-size: 24%;
}

.h1-table table.dataTable tr.child th:last-child,
.h1-table table.dataTable tr.child td:last-child {
  padding: 0 !important;
}

@media screen and (max-width: 1367px) {
  .dataTables_scrollBody {
    height: 67.5vh !important;
  }
}
@media screen and (max-width: 959px) {
  .h1-table .dataTables_wrapper div {
    display: block;
  }
  .h1-table .dataTables_wrapper .h-table-footer {
    display: flex;
  }
  .h1-table .dataTables_wrapper .h-table-footer .dataTables_info {
    margin-right: 15rem;
  }
  .h1-table .dataTables_wrapper div.dt-buttons {
    text-align: left;
  }
  .h1-table .dataTables_wrapper .h-table-bt {
    margin-left: 7.5rem;
  }
  .h1-table .dataTables_wrapper .header-title {
    margin-bottom: 10rem;
  }
  .h1-table .dataTables_wrapper .dataTables_filter {
    margin-bottom: 10rem;
    float: left;
  }
  .h1-table .dataTables_wrapper .h-table-footer {
    margin-left: 7.5rem;
    margin-top: 10rem;
    justify-content: flex-start;
  }
  .h1-table .dataTables_wrapper .dataTables_paginate {
    margin: 0 !important;
    margin-top: 5rem !important;
  }
  .h1-table .dataTables_wrapper .dataTables_length {
    margin: 0 !important;
  }
  .h1-table div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
  }
  .h1-table table thead tr th:first-child,
  .h1-table table tbody tr td:first-child {
    padding-left: 7.5rem !important;
  }
  .dataTables_filter {
    margin-right: 15rem !important;
  }
  .dataTables_info {
    margin-left: 15rem !important;
  }
  .dataTables_length {
    margin-left: 15rem;
  }
  .dataTables_scrollBody {
    height: 45vh !important;
  }
}
.no-note {
  padding-left: 0 !important;
}

.TableReports {
  display: block !important;
}

.h-info-table tr,
.h-info-table th,
.h-info-table td,
.h-info-table tr:first-child td {
  border: 0 !important;
}

.h-pre-wrap {
  white-space: pre-wrap !important;
  padding: 2.5rem 0rem 2.5rem 15rem !important;
}

.h-table-wrap td {
  white-space: inherit !important;
  padding: 2.5rem 0rem 2.5rem 15rem !important;
}

.h1-table table.h-input-w-100 input,
.h1-table table.h-input-w-100 select,
.h1-table table.h-input-w-100 textarea {
  width: 100% !important;
}

.entryInfo-cell .h1-table table.table td {
  border-right: 0 !important;
}

.entryInfo-wrapper {
  padding: 0 !important;
}
.entryInfo-wrapper table.table.dataTable {
  padding-left: 15rem !important;
  padding-right: 10rem !important;
}

.h-table-input-flex {
  display: flex;
  width: calc(100% - 30rem);
  align-items: center;
}
.h-table-input-flex input {
  margin-right: 15rem;
}

.entryInfo-cell .h-dangerous {
  color: var(--dangerous) !important;
}
.entryInfo-cell a:not([href]):not([tabindex]):focus,
.entryInfo-cell a:not([href]):not([tabindex]):hover {
  color: var(--secondary_shade_3) !important;
}
.entryInfo-cell .h1-table table.dataTable td div {
  color: var(--secondary_shade_3);
}
.entryInfo-cell .h1-table table.dataTable textarea {
  height: auto !important;
  resize: none;
}

.h-pt-table {
  height: calc(100vh - 162rem);
}

.search-table-pos {
  height: 25rem;
  width: 175rem;
}
.search-table-pos input[type=search] {
  border: 0 !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-radius: 0 !important;
}
.search-table-pos div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 15rem !important;
}

.h1-table.h-overflow-in {
  overflow: initial !important;
}

.h1-table table.h-ICD-table {
  display: table !important;
}

.h1-table table.table.search-table {
  height: 0;
  width: calc(100% - 25rem) !important;
  padding: 0 !important;
  margin: 5rem 5rem 10rem 15rem !important;
  box-shadow: 0px 1.5rem 3rem rgba(0, 0, 0, 0.1607843137);
}
.h1-table table.table.search-table tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60rem);
  overflow-x: hidden;
}
.h1-table table.table.search-table tr {
  margin: 0;
  border-bottom: 0.5rem solid var(--secondary_shade_3);
  padding: 5rem 5rem 5rem 10rem;
  position: relative;
}
.h1-table table.table.search-table tr:hover {
  color: var(--secondary_shade_5);
  background-color: var(--accent);
}
.h1-table table.table.search-table tr:hover td {
  color: var(--secondary_shade_5);
  background-color: var(--accent);
}
.h1-table table.table.search-table tr:hover a {
  color: var(--secondary_shade_5);
  background-color: var(--accent);
}
.h1-table table.table.search-table td.h-tag-icon {
  position: absolute;
  right: 2.5rem;
  top: 5rem;
}
.h1-table table.table.search-table td {
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--primary_shade_1);
  height: auto;
  border: 0 !important;
  font-weight: bold;
}
.h1-table table.table.search-table td a {
  font-weight: bold;
  text-transform: capitalize;
}
.h1-table table.table.search-table td:nth-child(3) a {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
  font-weight: 600;
}
.h1-table table.table.search-table td:nth-child(4) a {
  font-weight: 600;
  color: var(--secondary_shade_1);
}
.h1-table table.table.search-table td a {
  display: block;
}
.h1-table table.table.search-table td.text-nowrap.sorting_1 {
  display: none;
}
.h1-table table.table.search-table thead {
  display: none;
}
.h1-table table.table.search-table.search-results {
  height: 100%;
}

.h1-table table.table.search-table tr:hover td:nth-child(4) a {
  color: var(--secondary_shade_5);
}

.h-appointment_type {
  text-transform: capitalize;
}

.h-circle-w {
  border: 1.5rem solid var(--secondary_shade_1);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: inline-block;
}

.h-circle-b {
  border: 1.5rem solid var(--accent);
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: inline-block;
}

.h-read-more {
  position: absolute;
  opacity: 0;
}
.h-read-more + label {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  position: relative;
  display: block;
  width: auto;
  height: 12rem;
  overflow: hidden;
  cursor: pointer;
}
.h-read-more + label::after {
  content: "....";
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  position: absolute;
  right: 0;
  top: 0;
}
.h-read-more:checked + label {
  height: auto;
  padding: 5rem 0;
}
.h-read-more:checked + label::after {
  display: none;
}

span.h-learn-description {
  white-space: pre-line;
}

tr.autoapp span,
tr.autoapp a,
tr.autoapp td,
tr.autoapp i {
  color: var(--secondary_shade_1) !important;
}

.h1-table table.dataTable.ttd td a {
  align-items: flex-start;
}

.h1-table table.dataTable.ttd td {
  padding: 8rem 0rem 5rem 15rem !important;
}

.chart-font {
  min-height: 250rem;
}
.chart-font svg text {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  fill: var(--primary_shade_1) !important;
}
.chart-font svg .highcharts-axis-labels.highcharts-xaxis-labels text {
  font-size: max(8rem, 14px) !important;
  padding-bottom: 30px;
}
.chart-font .highcharts-axis-labels {
  transform: translateY(2.5rem);
}
.chart-font .highcharts-axis-labels.highcharts-yaxis-labels {
  transform: translateY(3rem);
  font-size: 5rem !important;
}
.chart-font .highcharts-axis.highcharts-yaxis {
  display: none;
}

.search-table-pos .h1-table #search-patients tr td:first-child {
  display: inline-flex !important;
  width: -moz-fit-content;
  width: fit-content;
}
.search-table-pos .h1-table #search-patients tr td:nth-child(2) {
  display: inline !important;
  position: relative;
  flex-direction: row;
}
.search-table-pos .h1-table #search-patients tr td:nth-child(2) a {
  text-wrap: wrap;
  display: contents;
  white-space: initial;
  word-break: break-word;
}
.search-table-pos input[type=search]::-webkit-search-cancel-button {
  opacity: 1 !important;
  -webkit-appearance: none;
  background: url(../../../assets/images/search.svg) no-repeat 50% 50%;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
}
.search-table-pos input[type=search]:focus::-webkit-search-cancel-button {
  background: url(../../../../assets/images/times-circle.svg) no-repeat 50% 50% !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  height: 10rem;
  width: 10rem;
  border-radius: 0;
  background-size: contain !important;
}
.search-table-pos input[type=search]::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px) !important;
  font-weight: bold !important;
}
.search-table-pos input[type=search]::placeholder {
  color: var(--secondary_shade_1) !important;
  font-size: max(8rem, 14px) !important;
  font-weight: bold !important;
}

.BlueHospital {
  color: var(--accent) !important;
}

.h1-table table.h-noborder-input.h-drawer thead tr th:first-child {
  padding-left: 15rem !important;
}

.table.h-drawer .thead-light td {
  font: normal normal bold 8rem/10rem "Roboto" !important;
  color: var(--primary_shade_1) !important;
  border-top: 0 !important;
  vertical-align: middle !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  background-color: #eeeff5 !important;
  border-color: #eaf0f7 !important;
  height: 25rem !important;
  padding: 0 0 0 15rem !important;
  border: 0 !important;
  padding-right: 10rem !important;
  vertical-align: middle !important;
}

.h1-table table.h-noborder-input.h-drawer tbody tr td:first-child {
  padding-left: 15rem !important;
}

.h1-table table.AssessmentModal.h-noborder-input.h-drawer tbody tr td:first-child {
  width: 80%;
}

.h1-center-nodata {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.h1-table table.dataTable td img.h-icon-in-table {
  border-radius: 0 !important;
}

.h-td-wr {
  white-space: pre-line !important;
}

.h-notification.notInDrawer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.h1-table table.dataTable.h-table-log th:last-child,
.h1-table table.dataTable.h-table-log td:last-child {
  padding-right: 15rem;
}

.h1-table table.dataTable.h-table-log th:first-child, .h1-table table.dataTable.h-table-log td:first-child {
  padding-right: 15rem;
}
.h1-table table.dataTable.h-table-log td:first-child a {
  display: inline;
  margin-right: 5rem !important;
  width: auto;
}
.h1-table table.dataTable.h-table-log td:first-child a:last-child {
  margin-right: 0rem !important;
}
.h1-table table.dataTable.h-table-log td:first-child a i {
  font-size: max(8rem, 14px) !important;
  color: var(--secondary_shade_1) !important;
}
.h1-table table.dataTable.h-table-log td:first-child a i:hover, .h1-table table.dataTable.h-table-log td:first-child a i:focus {
  color: var(--accent) !important;
}
.h1-table table.dataTable td .action-td a {
  display: inline;
  margin-right: 5rem !important;
  width: auto;
}
.h1-table table.dataTable td .action-td a:last-child {
  margin-right: 0rem !important;
}
.h1-table table.dataTable td .action-td a i {
  font-size: max(8rem, 14px) !important;
  color: var(--secondary_shade_1) !important;
}
.h1-table table.dataTable td .action-td a i:hover, .h1-table table.dataTable td .action-td a i:focus {
  color: var(--accent) !important;
}

.h-pl-4 > span {
  padding: 2.5rem 0;
  display: block;
}

#PatientsActivity_wrapper .searchSection {
  display: none;
}

#filtersHeaderRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

#filtersHeaderRight #PatientsActivity_filter input[type=search] {
  width: 150rem !important;
  height: 25rem !important;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  line-height: max(10rem, 16px) !important;
  font-weight: 500;
  text-indent: 5rem !important;
  color: var(--primary_shade_1) !important;
}
#filtersHeaderRight #PatientsActivity_filter input[type=search]:placeholder-shown::-webkit-search-cancel-button {
  background: url(../../../assets/images/searchGray.svg) no-repeat 50% 50% !important;
}
#filtersHeaderRight #PatientsActivity_filter input[type=search]::-webkit-search-cancel-button {
  background: url(../../../../assets/images/times-circle.svg) no-repeat 50% 50% !important;
}

.table .thead-light th {
  font-family: "Roboto" !important;
}

.comment {
  color: var(--secondary_shade_1) !important;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  display: block;
}

.comment .noColor {
  color: var(--primary_shade_1) !important;
  display: block;
  padding-bottom: 2.5rem;
}

#assessmentsTable {
  height: calc(100vh - 72rem);
}

.dropdown-menu.show {
  min-width: 30rem !important;
}
.dropdown-menu.show .dt-buttons.btn-group.flex-wrap {
  flex-direction: column;
}

.assessment-dropdown button {
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  box-shadow: none;
  height: 20rem !important;
  font: normal normal 700 8rem/10rem "Roboto", sans-serif !important;
  color: var(--primary_shade_1) !important;
  display: flex;
  align-items: center;
  width: 30rem;
  text-align: center;
  justify-content: center;
}

.assessment-dropdown button:hover {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0;
  box-shadow: none;
  height: 20rem !important;
  font: normal normal 700 8rem/10rem "Roboto", sans-serif !important;
  color: var(--accent) !important;
  display: flex;
  align-items: center;
  width: 30rem;
  text-align: center;
  justify-content: center;
}

.h1-table table.dataTable td:last-child a.h-openassessment {
  background: var(--accent) !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 2.5rem !important;
  width: 10rem !important;
  height: 10rem !important;
}
.h1-table table.dataTable td:last-child a.h-openassessment i {
  font-size: max(6rem, 12px) !important;
  color: var(--secondary_shade_5) !important;
  line-height: 0px !important;
  padding-top: 1rem;
}

.h1-table table.dataTable td a.h-openassessment {
  background: var(--accent) !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 2.5rem !important;
  width: 10rem !important;
  height: 10rem !important;
}
.h1-table table.dataTable td a.h-openassessment i {
  font-size: max(6rem, 12px) !important;
  color: var(--secondary_shade_5) !important;
  line-height: 0px !important;
  padding-top: 1rem;
}

.h-trend-assessment .highcharts-container {
  margin: 0 auto;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}

.h-border-bottom-1.h-margin-bottom-l {
  padding-bottom: 10rem !important;
}

.h1-table table.h-noborder-input input.multiselect__input,
.h1-table table.h-noborder-input .multiselect__tags {
  border: 0 !important;
  padding: 0rem 20rem 0 0rem !important;
}

.text-wrap-pretty {
  text-wrap: pretty !important;
}

.single-line {
  display: flex;
  align-items: center;
  height: 3em;
}

.truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.h-table-max-15 {
  max-height: 15vh;
}

.th-wrap {
  text-wrap: pretty !important;
  line-height: 1;
}

.h-table-footer-padding .dataTables_length {
  margin-left: 0;
}
.h-table-footer-padding .dataTables_paginate {
  margin-right: 0 !important;
}

.settings-item {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  padding-bottom: 7.5rem;
  padding-top: 7.5rem;
  padding-left: 15rem;
  padding-right: 15rem;
  display: flex;
  align-items: center;
}
.settings-item:hover, .settings-item.active {
  color: var(--secondary_shade_5);
  background-color: var(--accent);
}
.settings-item i {
  width: 10rem;
  padding-right: 7.5rem;
  font-size: max(12rem, 18px);
}

.h-notification-item {
  padding: 7.5rem 12rem;
  display: flex;
  cursor: pointer;
}
.h-notification-item .h-notification-icons {
  color: var(--primary_shade_1);
  font-size: max(12rem, 18px);
  padding-right: 7.5rem;
  width: 12rem;
}
.h-notification-item:hover {
  background-color: var(--accent);
}
.h-notification-item:hover .h-notification-icons,
.h-notification-item:hover .h-primary_shade_1,
.h-notification-item:hover .h-secondary_shade_1 {
  color: var(--secondary_shade_5);
}

.h-topbar-item {
  list-style: none;
  width: auto;
}
.h-topbar-item i {
  font-size: max(12rem, 18px);
}
.h-topbar-item img {
  width: 25rem;
  height: 25rem;
  margin-right: 30rem;
  margin-left: 10rem;
}

.h-plus-item {
  padding: 7.5rem 12rem;
  list-style: none;
  width: auto;
}
.h-plus-item:hover {
  background-color: var(--accent);
}
.h-plus-item:hover a,
.h-plus-item:hover i,
.h-plus-item:hover .h-primary_shade_1,
.h-plus-item:hover .h-secondary_shade_1 {
  color: var(--secondary_shade_5);
}
.h-plus-item a {
  display: flex;
  align-items: center;
}
.h-plus-item i {
  font-size: max(12rem, 18px);
  width: 12rem;
  height: 16rem;
  padding-right: 7.5rem;
}

.h1-table table.h-noborder-input.h-ccm-table .h-select-border select {
  border: 0.5rem solid var(--primary_shade_1) !important;
  border-radius: 5rem !important;
  padding: 2.5rem !important;
  background-position: right 2% center !important;
}

.h-MicroprotocolsTable li {
  line-height: 1.4 !important;
  padding: 5rem 0 !important;
  text-wrap: pretty;
}

.h1-table table.h-noborder-input.h-MicroprotocolsTable td {
  padding: 5rem 5rem 0 12rem !important;
}
.h1-table table.h-noborder-input.h-MicroprotocolsTable td:first-child {
  padding-left: 5rem !important;
}

.h-table-l-td th,
.h-table-l-td td {
  padding: 2.5rem 0rem 2.5rem 7.5rem !important;
}

.h1-table .table.import-patient tr td:nth-child(4) {
  white-space: normal;
}
.h1-table .table.import-patient td.h-safe {
  color: var(--safe);
}
.h1-table .table.import-patient td.h-dangerous {
  color: var(--dangerous);
}

.h1-table table.dataTable.import-patient {
  max-height: 220rem;
  margin-top: 10rem !important;
}
.h1-table table.dataTable.import-patient thead > tr > th {
  white-space: normal;
}

.h1-table .table.dataTable.h-noborder-input.h-margin-bottom-0 {
  margin-bottom: 0 !important;
}

.h1-table .table.dataTable.h-table-topbordar tr:first-child td {
  border-top: 0.5rem solid var(--secondary_shade_1) !important;
}
.h1-table .table.dataTable.h-table-topbordar td {
  padding-right: var(--xs) !important;
}
.h1-table .table.dataTable.h-table-topbordar tr td:first-child {
  border-left: 0.5rem solid var(--secondary_shade_1) !important;
}
.h1-table .table.dataTable.h-table-topbordar td:last-child {
  padding-right: var(--s) !important;
}

.h-cadence-table {
  gap: var(--l);
  display: flex !important;
  flex-direction: column;
}

.h-form-questionsJSON .textarea-editor textarea.h-input {
  height: calc(100vh - 240rem) !important;
}

.h-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--secondary_shade_5);
  background-clip: border-box;
  border: 0;
  border-radius: 0;
  padding: 15rem;
  min-height: 80rem;
  justify-content: flex-start;
}

.h-table-card {
  background-color: var(--secondary_shade_5);
}

.fc {
  max-width: 100%;
}

.h-fullcalender {
  width: 100%;
  max-width: 100%;
  height: calc(100vh - 100rem);
}
.h-fullcalender a:not([href]):not([tabindex]) {
  color: var(--primary_shade_1);
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  font-weight: bold !important;
  overflow: hidden;
}
.h-fullcalender .fc-toolbar h2 {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
  color: var(--primary_shade_1);
}

.fc-toolbar-chunk .fc-button-group button {
  background-color: var(--secondary_shade_5) !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  color: var(--primary_shade_1) !important;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  border-radius: 5rem !important;
  height: 19rem;
  padding: 0px 8rem !important;
  text-transform: capitalize;
}
.fc-toolbar-chunk .fc-button-group button:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.fc-toolbar-chunk .fc-button-group button:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.fc-toolbar-chunk .fc-button-group button:hover {
  border: 0.5rem solid var(--accent) !important;
}
.fc-toolbar-chunk .fc-button-group button.fc-button-active {
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent) !important;
  border: 0.5rem solid var(--accent) !important;
}
.fc-toolbar-chunk .fc-prev-button,
.fc-toolbar-chunk .fc-next-button {
  background-color: var(--accent) !important;
}
.fc-toolbar-chunk .fc-today-button {
  background-color: var(--secondary_shade_5) !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  color: var(--primary_shade_1) !important;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  border-radius: 5rem !important;
  height: 19rem;
  padding: 0px 8rem !important;
  margin-left: 5rem !important;
  opacity: 1 !important;
  text-transform: capitalize;
}
.fc-toolbar-chunk .fc-today-button:hover {
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent) !important;
}
.fc-toolbar-chunk .fc-today-button:disabled {
  background-color: var(--accent) !important;
  opacity: 1 !important;
  color: var(--secondary_shade_5) !important;
  border: 0.5rem solid var(--accent) !important;
}

.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
  background-color: var(--secondary_shade_3) !important;
}

.h-fullcalender a:not([href]):not([tabindex]) {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.fc-col-header-cell {
  background-color: var(--secondary_shade_3) !important;
  padding: 5rem !important;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 0.5rem solid var(--secondary_shade_1);
  cursor: pointer;
}

.fc .fc-daygrid-day-bottom {
  font-size: 18rem !important;
  padding: 0.5rem 0 0 2.5rem !important;
}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
  color: var(--primary_shade_1) !important;
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
}

.fc .fc-timegrid-slot-label {
  background-color: var(--secondary_shade_3);
}

.fc-timegrid-event-harness {
  overflow: hidden !important;
}

.fc-popover-header {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--primary_shade_1);
}

.fc-event-main b {
  text-transform: uppercase !important;
}
.fc-event-main b::after {
  content: " - ";
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--secondary_shade_5);
}

.fc .fc-highlight {
  background-color: var(--secondary_shade_3) !important;
}

.fc-event-main a span {
  font-weight: bold;
}

.fc-event-main a:hover span {
  color: var(--secondary_shade_5);
}

.fc .fc-toolbar.fc-header-toolbar {
  z-index: 2;
}

#leftNav {
  z-index: 999999;
}

#sidebar {
  display: none !important;
}

.h-nav {
  display: flex !important;
}

.h-nav.sidemenu_active {
  left: 0px;
  transition: left 500ms ease;
}

.MainInterface-RouterView,
.navbar {
  width: 100%;
  transition: all 500ms ease;
}

.h-nav {
  position: relative;
  top: 0;
  left: 0rem;
  width: 30rem;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--primary_shade_1);
  transition: left 500ms ease;
  z-index: 9999;
  flex-direction: column;
  justify-content: space-between;
}
.h-nav svg {
  height: 16rem;
  width: 100%;
  margin: 15rem 0 15rem 0;
}
.h-nav ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.h-nav ul li {
  position: relative;
  display: block;
  padding: 0;
  height: 30rem;
  align-items: center;
  cursor: pointer;
}
.h-nav ul li:hover {
  background-color: var(--accent);
}
.h-nav ul li i {
  font-size: max(12rem, 18px);
  color: var(--secondary_shade_5);
  display: inline-flex;
}
.h-nav ul li a {
  position: relative;
  display: flex;
  margin: 0;
  text-decoration: none;
  width: 100%;
  padding: 0;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.h-left-menu-img {
  height: 12rem !important;
}

.h-menu-collapse {
  position: fixed;
  bottom: 30rem;
  color: var(--secondary_shade_5);
  display: block;
  text-align: center;
  width: 130rem;
}
.h-menu-collapse i {
  font-size: max(16rem, 24px);
  cursor: pointer;
}

.h-acridon-btn svg {
  margin: 0;
  right: 16rem;
  position: absolute;
  width: 8rem;
  transition: all 0.3s ease;
}
.h-acridon-btn .router-link-exact-active.router-link-active svg {
  transform: rotate(180deg);
}

.h-acridon-icon {
  cursor: pointer;
  z-index: 999;
  position: relative;
  display: inline-grid;
  width: 16rem;
  height: 16rem;
}
.h-acridon-icon span {
  width: 16rem;
  height: 1.5rem;
  background-color: var(--accent);
  z-index: 1;
  display: block;
}

ul.h-acridon-collapse {
  visibility: hidden;
  height: 0;
}
ul.h-acridon-collapse li {
  position: relative;
  display: flex;
  padding: 0;
  height: 30rem;
  align-items: center;
  cursor: pointer;
}
ul.h-acridon-collapse li a {
  padding-left: 0;
  background: var(--primary_shade_1);
}

.h-acridon-btn.active + ul.h-acridon-collapse {
  visibility: visible;
  height: 210rem;
}

li .router-link-exact-active.router-link-active {
  background: var(--accent);
}
li .router-link-exact-active.router-link-active a {
  background: var(--accent);
}

.h-nav ul li:hover a {
  color: var(--secondary_shade_5);
  background: var(--accent);
}

.h-nav ul li a:hover {
  color: var(--secondary_shade_5);
  background: var(--accent);
}

.h-dropdown {
  position: relative;
  display: flex;
}

.h-dropdown-content {
  display: none;
  position: absolute;
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  min-width: 130rem;
  z-index: 1;
  top: 0;
  left: 30rem;
}

.h-nav ul li:hover .h-dropdown-content a {
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_5);
  margin: 5rem auto 5rem 15rem;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 30rem;
  align-items: center;
  justify-content: left;
  padding-left: 15rem;
}

.h-nav ul li:hover .h-dropdown-content a:hover {
  background: var(--accent);
}

.h-dropdown:hover .h-dropdown-content {
  display: block;
}

.h-hospital-switcher .h-dropdown-content {
  height: -webkit-fill-available;
  background-color: var(--secondary_shade_5);
  filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.1607843137));
  flex-direction: column-reverse;
}

.h-nav ul li.h-hospital-switcher.active .h-dropdown-content {
  position: fixed;
  display: flex;
  width: 150rem;
}

.h-nav ul li.h-hospital-switcher .h-dropdown-content li {
  border-bottom: 0.5rem solid var(--secondary_shade_3);
  height: 25rem;
}
.h-nav ul li.h-hospital-switcher .h-dropdown-content a {
  max-width: 135rem;
  background: var(--secondary_shade_5);
  color: var(--primary_shade_1);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  margin: 5rem auto 5rem 15rem;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 25rem;
  align-items: center;
  justify-content: left;
}
.h-nav ul li.h-hospital-switcher .h-dropdown-content a:hover {
  color: var(--secondary_shade_5);
  background: var(--accent);
}
.h-nav ul li.h-hospital-switcher .h-dropdown-content input {
  margin: 15rem;
  border: 0;
  border-bottom: 0.5rem solid var(--secondary_shade_3);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  padding: 2.5rem 2.5rem 2.5rem 0;
}
.h-nav ul li.h-hospital-switcher .h-dropdown-content input:after {
  content: "\f109";
  color: var(--primary_shade_1);
}

.h-settings-menu {
  position: absolute;
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  width: 150rem;
  top: 0;
  left: -180rem;
  display: block;
  transition: left ease-out 0.1s;
}

.h-settings-menu.active {
  left: 30rem;
}

.h-settings-menu a {
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_5);
  margin: 5rem auto 5rem 15rem;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 30rem;
  align-items: center;
  justify-content: left;
  padding-left: 15rem;
}

.h-settings-menu a:hover {
  background: var(--accent);
}

.h-settings-menu a.router-link-active {
  background: var(--accent);
}

.h-settings-menu {
  height: 100%;
  background-color: var(--primary_shade_1);
  filter: drop-shadow(14px 0px 12px rgba(0, 0, 0, 0.1607843137));
  flex-direction: column;
}

.h-settings-menu {
  position: fixed;
  display: flex;
  width: 150rem;
}

.h-settings-menu li {
  border-bottom: 0.5rem solid var(--secondary_shade_3);
  height: 25rem;
}
.h-settings-menu a {
  max-width: 135rem;
  background: var(--primary_shade_1);
  color: var(--primary_shade_1);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  margin: 5rem auto 5rem 15rem;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 25rem;
  align-items: center;
  justify-content: left;
}
.h-settings-menu a:hover {
  color: var(--accent);
  background: var(--accent);
}
.h-settings-menu input {
  margin: 15rem;
  border: 0;
  border-bottom: 0.5rem solid var(--secondary_shade_3);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  padding: 2.5rem 2.5rem 2.5rem 0;
}
.h-settings-menu input:after {
  content: "\f109";
  color: var(--primary_shade_1);
}

.h-acridon-btn.active {
  background-color: var(--accent);
}

.h-mobile-nav {
  overflow-x: hidden;
  left: -100%;
  display: block !important;
  position: absolute;
  z-index: 9999999;
  width: 65vw;
  min-height: auto;
  height: -webkit-fill-available;
  transition: all ease 0.5s;
  text-align: left;
}
.h-mobile-nav svg {
  height: 16rem;
  width: auto;
  margin: 10rem 0 15rem 15rem;
}
.h-mobile-nav ul li a {
  justify-content: left;
  padding-left: 15rem;
  width: 100vw;
}
.h-mobile-nav .h-dropdown {
  position: relative;
  display: inline-block;
}
.h-mobile-nav .h-dropdown-content {
  display: none;
  position: relative;
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  min-width: 130rem;
  z-index: 1;
  top: 0;
  left: 0rem;
}
.h-mobile-nav .h-acridon-btn {
  height: 30rem;
  transition: all ease 0.5s;
}
.h-mobile-nav .h-acridon-btn.h-expand + .logout {
  margin-top: 5rem;
}
.h-mobile-nav ul li.h-acridon-btn.h-expand .h-dropdown-content a {
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_5);
  margin: 5rem auto 5rem 15rem;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 30rem;
  align-items: center;
  justify-content: left;
  padding-left: 32rem;
}
.h-mobile-nav ul li:hover .h-dropdown-content a:hover {
  background: var(--accent);
}
.h-mobile-nav .h-dropdown.h-acridon-btn .h-dropdown-content {
  display: none;
}
.h-mobile-nav .h-dropdown.h-acridon-btn.h-expand .h-dropdown-content {
  display: block;
}
.h-mobile-nav .h-icons-bottom {
  position: relative;
  bottom: 0rem;
  margin-top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbar #h-menu {
  display: none !important;
}

.h-nav-overlay {
  display: none !important;
  background: rgba(21, 33, 69, 0.0705882353);
  width: 100%;
  z-index: 9999999;
  height: -webkit-fill-available;
  position: absolute;
  top: 0;
}

.h-nav-overlay.active {
  display: block !important;
}

@media screen and (max-width: 959px) {
  .h-nav {
    display: none !important;
  }
  .h-mobile-nav {
    display: flex !important;
  }
  .h-mobile-nav.active {
    left: 0;
  }
  .navbar #h-menu {
    display: flex !important;
  }
}
.h-logo-link {
  background-color: transparent;
  cursor: pointer;
}

.h-acridon-btn1 {
  height: 30rem;
  transition: all ease 0.5s;
}

.h-acridon-btn1.h-expand + .logout {
  margin-top: 5rem;
}

ul li.h-acridon-btn1.h-expand .h-dropdown-content a {
  background: var(--primary_shade_1);
  color: var(--secondary_shade_5);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_5);
  margin: 0;
  font-weight: bold;
  display: flex;
  height: 30rem;
  align-items: center;
  justify-content: left;
  padding-left: 32rem;
}

.h-nav ul li.h-hospital-switcher .h-dropdown-content a {
  padding-left: 15rem;
}

.h-sidemenu-itme.h-hospital-switcher.h-dropdown-switcher.active {
  background-color: var(--accent);
}

#HospitalList,
#HospitalListMobile {
  height: calc(100% - 45rem);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column-reverse;
}

ul li:hover .h-dropdown-content1 a:hover {
  background: var(--accent);
}

.h-dropdown.h-acridon-btn1 .h-dropdown-content {
  display: none;
}

.h-dropdown.h-acridon-btn1.h-expand .h-dropdown-content {
  display: block;
}

.h-nav img.mob {
  margin-right: 6rem;
}

.h-ul-mobile {
  background: var(--secondary_shade_5) !important;
}

.h-hmobil a {
  height: 25rem !important;
}

#HideSwitcher {
  z-index: 99999;
}

.ck-editor__top {
  display: none !important;
}

.ck-content.ck-editor__editable {
  padding: 0 5rem;
  border-radius: 2.5rem !important;
  max-width: 250rem;
}
.ck-content.ck-editor__editable p {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  line-height: 15rem;
  font-weight: 600 !important;
  margin-bottom: 2.5rem !important;
}
.ck-content.ck-editor__editable p strong {
  font-weight: bold !important;
}
.ck-content.ck-editor__editable span {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  line-height: 15rem;
  font-weight: 600 !important;
  margin-left: 5rem;
}
.ck-content.ck-editor__editable span strong {
  font-weight: bold !important;
}
.ck-content.ck-editor__editable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.ck-content.ck-editor__editable::-webkit-scrollbar {
  width: 2.5rem;
  background-color: transparent;
}
.ck-content.ck-editor__editable::-webkit-scrollbar-thumb {
  background-color: var(--accent);
  border: 1rem solid var(--accent);
}

.ck-content .todo-list li {
  margin-bottom: 0 !important;
}

.ck-editor__main label,
.ck-editor__main span,
.ck-editor__main p,
.ck-editor__main h1,
.ck-editor__main h2,
.ck-editor__main h3 {
  color: var(--primary_shade_1);
  margin: 0;
}

.ck-content .todo-list .todo-list__label > input[checked]:before {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

.ck-editor__editable {
  min-height: inherit !important;
  max-height: -webkit-fill-available;
  height: auto;
}

.ck-content .todo-list .todo-list__label > input:before {
  width: 10rem !important;
  height: 10rem !important;
}

.ck-content .todo-list .todo-list__label > input:after {
  left: 3.5rem !important;
  top: 1rem !important;
  width: 2rem !important;
  height: 6rem !important;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 6) calc(var(--ck-todo-list-checkmark-size) / 6) 0 !important;
}

.ck-content .todo-list .todo-list__label > input {
  top: 0rem !important;
  left: 0rem !important;
}

.todo-list__label {
  position: relative;
  width: 10rem;
  height: 10rem;
  top: 0;
  display: inline-grid;
  vertical-align: bottom;
}

.h-ck100 .ck.ck-editor__main {
  min-height: 100rem;
}

.h-drawer-max79 .h-ck100 .ck.ck-editor__main {
  min-height: calc(100vh - 320rem);
}

.h-newAppointment.h-drawer-max79 .h-ck100 .ck.ck-editor__main {
  min-height: calc(100vh - 360rem);
}

.ck.ck-toolbar .ck-toolbar__line-break {
  display: none;
}

.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
  margin-right: 0 !important;
}

.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.h-toolbar .ck-editor__top {
  display: block !important;
}
.h-toolbar h2 {
  font: normal normal 700 max(24rem, 32px)/max(24rem, 32px) "Roboto" !important;
  padding-bottom: 10rem;
}
.h-toolbar h3 {
  font: normal normal 700 max(16rem, 24px)/max(16rem, 24px) "Roboto" !important;
  padding-bottom: 5rem;
}
.h-toolbar h4 {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto" !important;
  padding-bottom: 5rem;
}
.h-toolbar p {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  line-height: 15rem !important;
  text-align: initial;
}
.h-toolbar a {
  text-decoration: underline !important;
  font-weight: bold !important;
  color: var(--accent) !important;
  cursor: pointer !important;
}
.h-toolbar .ck-content.ck-editor__editable p {
  font-weight: 500 !important;
}
.h-toolbar .ck-content.ck-editor__editable ol {
  list-style-type: decimal !important;
  list-style: inside;
}
.h-toolbar .ck-content.ck-editor__editable ol li {
  color: var(--primary_shade_1);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  line-height: 15rem !important;
  text-align: initial;
}
.h-toolbar .ck-content.ck-editor__editable ul {
  list-style-type: disc !important;
  list-style: inside;
}
.h-toolbar .ck-content.ck-editor__editable ul li {
  color: var(--primary_shade_1);
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  line-height: 15rem !important;
  text-align: initial;
}
.h-toolbar .ck-content.ck-editor__editable ul li::marker {
  margin-right: 5rem !important;
}
.h-toolbar .ck-content.ck-editor__editable span {
  font: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  margin-left: inherit !important;
}
.h-toolbar .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.h-toolbar .ck-widget.table td.ck-editor__nested-editable:focus,
.h-toolbar .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.h-toolbar .ck-widget.table th.ck-editor__nested-editable:focus {
  background-color: transparent;
}
.h-toolbar .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
.h-toolbar .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
  background-color: var(--secondary_shade_3);
}

.ck-rounded-corners .ck.ck-balloon-panel {
  z-index: 99999999;
}

.ck.ck-icon {
  font-size: 5rem !important;
  height: 10rem !important;
  width: 10rem !important;
}

.ck.ck-reset_all,
.ck.ck-reset_all * {
  font-size: max(8rem, 14px) !important;
}

.ck-content .todo-list li {
  display: flex !important;
  align-items: center !important;
}
.ck-content .todo-list li span {
  margin-left: 2.5rem !important;
}

.h-toolbar .ck-content.ck-editor__editable span {
  padding-left: 2.5rem !important;
}

.h-drawer-card-body .todo-list__label {
  display: flex !important;
  width: -moz-max-content;
  width: max-content;
  font-family: "Roboto" !important;
  font-weight: 400 !important;
  font-size: 9rem !important;
  color: #152145 !important;
}
.h-drawer-card-body .todo-list__label input[type=checkbox] {
  margin-right: 2.5rem;
  -webkit-appearance: none;
  border: 0;
  display: inline-block;
  height: var(--ck-todo-list-checkmark-size);
  left: -25px;
  margin-left: 0;
  margin-right: -15px;
  position: relative;
  right: 0;
  vertical-align: middle;
  width: var(--ck-todo-list-checkmark-size);
  top: 0rem rem !important;
  left: 0rem !important;
}
.h-drawer-card-body .todo-list__label input[type=checkbox]:before {
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 10rem;
  position: absolute;
  transition: box-shadow 0.25s ease-in-out, background 0.25s ease-in-out, border 0.25s ease-in-out;
  width: 10rem;
}
.h-drawer-card-body .todo-list__label input[type=checkbox][checked]:before {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
.h-drawer-card-body .todo-list__label input[type=checkbox]:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  box-sizing: content-box;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  transform: rotate(45deg);
  left: 3.5rem !important;
  top: 1rem !important;
  width: 2rem !important;
  height: 6rem !important;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 6) calc(var(--ck-todo-list-checkmark-size) / 6) 0 !important;
}
.h-drawer-card-body .todo-list__label input[type=checkbox][checked]:after {
  border-color: #fff;
}
.h-drawer-card-body .todo-list__label .todo-list__label__description {
  margin-left: 15rem;
}
.h-drawer-card-body .todo-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.h-drawer-card-body .todo-list li {
  padding-bottom: 2.5rem;
}

.ck.ck-button,
a.ck.ck-button {
  min-width: 5rem !important;
  min-height: 5rem !important;
}

.navbar {
  padding: 0 15rem !important;
  height: 40rem !important;
  display: flex !important;
  align-items: center !important;
  background-color: var(--secondary_shade_5) !important;
  box-shadow: none;
  margin: 0;
  z-index: 99999 !important;
}
.navbar #h-menu {
  width: 16rem;
  height: 16rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  justify-content: space-around;
  align-content: space-around;
}
.navbar #h-menu span {
  width: 16rem;
  height: 4px;
  background-color: var(--accent);
  display: block;
}
.navbar.sidemenu_active #h-menu {
  display: none;
}

.tabs.default-tabs button {
  min-width: auto !important;
  display: inline-block;
  margin: 0 15rem 0 0 !important;
  padding: 0 !important;
  padding-bottom: 3rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--secondary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 2rem solid transparent !important;
  cursor: pointer;
  transition: all 0.25s !important;
}
.tabs.default-tabs button:hover {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}
.tabs.default-tabs button.tabs__item_active {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}
.tabs.default-tabs button.tabs__active-line {
  border-bottom: 0 !important;
}

.filter.tabs.default-tabs button {
  min-width: auto !important;
  display: inline-block;
  margin: 0 5rem 5rem 0 !important;
  padding: 5rem 10rem !important;
  padding-bottom: 5rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--primary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: var(--secondary_shade_5);
  border-bottom: 0rem solid transparent !important;
  cursor: pointer;
  border-radius: 10rem;
  transition: all 0.25s !important;
}
.filter.tabs.default-tabs button:hover {
  border-bottom: 0rem solid var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent);
}
.filter.tabs.default-tabs button.tabs__item_active {
  border-bottom: 0rem solid var(--accent) !important;
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent);
}
.filter.tabs.default-tabs button.tabs__active-line {
  border-bottom: 0 !important;
}

.navbar-expand .navbar-collapse {
  font-size: max(6rem, 12px) !important;
  display: flex !important;
  flex-direction: row !important;
}

.nav-user img {
  height: 25rem !important;
  width: 25rem !important;
}

.navbar-expand .navbar-nav .dropdown-menu {
  overflow: hidden;
}

.dropdown-menu.show {
  display: inline-table !important;
}

.dropdown-menu {
  width: -moz-max-content;
  width: max-content;
  min-width: 130rem;
  height: auto;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 6px 6px 12px rgba(21, 33, 69, 0.3019607843);
  border-color: transparent;
}

.dropdown-menu-right {
  right: -20rem;
  left: auto;
  margin-top: 5rem;
  padding: 0;
}

.h-appointment-hide {
  display: inline-block;
}

.h-add-dropdown .dropdown-menu-right {
  right: -30rem;
  padding: 0;
}
.h-add-dropdown .h-dropdown-item a {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  padding: 5rem 10rem 5rem 10rem;
  display: block;
}
.h-add-dropdown .h-dropdown-item a:hover {
  background: var(--accent);
  color: var(--secondary_shade_5);
}
.h-add-dropdown .router-link-exact-active.router-link-active {
  color: var(--secondary_shade_5);
}

.sorting_desc_disabled:after {
  position: absolute;
  bottom: 1vh;
  display: block;
  opacity: 0.3;
}

.topbar-icons {
  margin-left: 0vw;
  margin-right: 10rem;
}

.topbar-icon-user {
  margin-right: 15rem;
}

.default-tabs {
  position: relative;
  margin: 0;
}
.default-tabs__item {
  display: inline-block;
  margin: 0 0.26vw;
  padding: 0.521vw;
  padding-bottom: 0.417vw;
  font-family: "Roboto";
  font-size: 0.833vw;
  font-weight: 600;
  letter-spacing: 0.042vw;
  color: #2b5adc;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 0.104vw solid transparent;
  cursor: pointer;
  transition: all 0.25s;
}
.default-tabs__item_active {
  color: #2b5adc;
}
.default-tabs__item:hover {
  border-bottom: 0.104vw solid #2b5adc;
  color: #2b5adc;
}
.default-tabs__item:focus {
  outline: none;
  border-bottom: 0.104vw solid #2b5adc;
  color: #2b5adc;
}
.default-tabs__item:first-child {
  margin-left: 0;
}
.default-tabs__item:last-child {
  margin-right: 0;
}

.AppointmentsInDrawer {
  position: fixed;
  top: 0;
  z-index: -9999999;
  width: 100%;
  transition: all ease 0.1s;
  right: -100%;
  left: auto;
  height: -webkit-fill-available;
  display: flex;
}
.AppointmentsInDrawer > .h-drawer-card {
  width: 65%;
}
.AppointmentsInDrawer .h-drawer-card .h-drawer-card-body {
  max-height: none;
  min-height: auto;
  height: auto;
}
.AppointmentsInDrawer .h-overlay {
  width: 35%;
  height: 100%;
  background: var(--primary_shade_1);
  opacity: 0;
  transition: opacity 0.1s ease;
  cursor: pointer;
}

.AppointmentsInDrawer.active {
  right: 0;
  z-index: 9999999;
}
.AppointmentsInDrawer.active .h-overlay {
  opacity: 0.35;
}

#horizontal-scroll {
  cursor: grabbing;
}
#horizontal-scroll::-webkit-scrollbar {
  height: 0 !important;
}

@media screen and (min-width: 959px) {
  .h-appointment-hide {
    display: none !important;
  }
}
.navbar #h-menu.h-f-none.h-force-none {
  display: none !important;
}

@media screen and (max-width: 959px) {
  .mob-h-h3 {
    font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
  }
  .align-self-center.dropdown.h-add-dropdown.h-md-hide.notification-list {
    margin-top: 2.5rem !important;
  }
}
.h1-table table.dataTable td a.h-search-header {
  display: flex;
  justify-content: space-between;
}
.h1-table table.dataTable td a.h-search-header .h-search-img-name {
  flex-direction: row;
}
.h1-table table.dataTable td a .h-search-tag-con {
  position: relative;
  width: 10rem;
  height: 10rem;
}
.h1-table table.dataTable td a .h-search-tag-con i {
  position: absolute;
  font-size: max(8rem, 14px);
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-accent {
  color: var(--accent) !important;
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-warning {
  color: var(--warning) !important;
}
.h1-table table.dataTable td a i.h-account-tag.h-tag-gray {
  color: var(--secondary_shade_1) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isArchivedClass {
  color: var(--secondary_shade_1) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isPendingClass {
  color: var(--warning) !important;
}

.h1-table table.dataTable tr a i.h-account-tag.h-tag-accent.isActiveClass {
  color: var(--accent) !important;
}

.h1-table table.dataTable tr:hover a i.h-account-tag.h-tag-accent.isActiveClass {
  color: var(--secondary_shade_5) !important;
}

.h-tabs-btn {
  min-width: auto !important;
  display: inline-block;
  margin: 0 15rem 0 0 !important;
  padding: 0 !important;
  padding-bottom: 3rem !important;
  font-family: "Roboto";
  font-size: max(8rem, 14px) !important;
  font-weight: bold;
  letter-spacing: normal;
  color: var(--secondary_shade_1) !important;
  text-decoration: none;
  border: none;
  background-color: transparent;
  border-bottom: 2rem solid transparent !important;
  cursor: pointer;
  transition: all 0.25s !important;
}
.h-tabs-btn.active {
  border-bottom: 2rem solid var(--accent) !important;
  color: var(--accent) !important;
}

.h-full-card {
  height: calc(100vh - 100rem) !important;
}

.page-filters {
  border-left: 1.5rem double #e8ebf3 !important;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
  min-width: 175rem !important;
  width: 175rem !important;
}

.searchFilter {
  overflow-x: hidden;
}
.searchFilter .header {
  height: 25rem !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 0 5rem !important;
}
.searchFilter .header i {
  padding: 0 !important;
  margin: 0 !important;
}
.searchFilter .header h6 {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1);
}
.searchFilter .pl-4,
.searchFilter .px-4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.searchFilter .content-piece.content-piece-slot {
  padding: 0 !important;
}
.searchFilter .h-custom-checkbox {
  padding: 5rem 0 0 0;
}

.rangeFilter {
  padding: 2%;
}
.rangeFilter label {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.page-recipes-and-filters {
  display: flex;
}

.page-recipes {
  flex-grow: 1;
  width: auto;
  position: relative;
}

.h-recipe {
  height: calc(100vh - 190rem);
  overflow: auto;
  margin-bottom: 15rem;
}

.h-recipe-filter {
  height: calc(100vh - 170rem);
  overflow: auto;
}

.h-nav-pagination .pagination {
  font-family: "Roboto";
  font-size: max(7rem, 12px);
  font-weight: 600;
  color: var(--primary_shade_1);
  line-height: 9rem;
  margin: 0 !important;
}
.h-nav-pagination .page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.h-nav-pagination .page-link:focus,
.h-nav-pagination .page-link:hover {
  color: var(--primary_shade_1);
  background-color: var(--secondary_shade_5);
  box-shadow: none;
  border: 0.5rem solid var(--accent);
}
.h-nav-pagination li.active .page-link:focus,
.h-nav-pagination li.active .page-link:hover {
  background-color: var(--accent);
  color: var(--secondary_shade_5);
}
.h-nav-pagination li a {
  padding: 4rem 7rem;
}

.no-recipes {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
  color: var(--secondary_shade_1);
  font-size: max(12rem, 18px) !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

img.recipe {
  max-width: 100rem;
  max-height: 100rem;
  width: 100rem;
  height: 75rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.h-a-recipe {
  display: block;
  padding: 0 15rem;
}

.h-a-recipe:hover {
  background: rgba(229, 229, 229, 0.1803921569);
  color: var(--primary_shade_1);
}
.h-a-recipe:hover h4 {
  color: var(--accent);
}

.recipeWrapper {
  border-bottom: 0;
  border-radius: 0;
  margin-bottom: 10rem;
  padding: 0;
  padding-bottom: 0px;
}

.recipeDescriptionText {
  padding: 0 15rem;
}

div.tag {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  padding: 2.5rem 5rem;
  margin: 2.5rem;
}

.gap {
  padding: 0.417vw;
  line-height: 0.917vw;
  font-size: 1.25vw;
}

.recipeDescription h4 {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto" !important;
  color: var(--primary_shade_1);
}
.recipeDescription div {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--primary_shade_1);
}
.recipeDescription div.badge {
  color: var(--secondary_shade_5);
}

.background-a {
  background-color: var(--secondary_shade_1);
}

.h-meal-tabs .nav-pills .nav-link {
  height: 25rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary_shade_1);
  background-color: var(--secondary_shade_3);
}
.h-meal-tabs .nav-pills .nav-link.active,
.h-meal-tabs .nav-pills .show > .nav-link {
  height: 25rem;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_5);
  background-color: var(--accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

.h-general-info li {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--primary_shade_1);
  display: flex;
  align-items: center;
  min-width: 100%;
  padding: 5rem 0 0 0;
}
.h-general-info li img {
  padding-right: 5rem;
}

img.recipeView {
  width: 150rem;
  height: 100rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.nutrition-facts-in-dialog {
  margin-top: 3em;
}

.main-facts-in-page {
  padding-right: 16px;
  border-right: 3px double rgb(232, 235, 243);
}

.recipe-title-in-page {
  margin-bottom: 2px;
}

@media screen and (max-width: 959px) {
  .h-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .h-mob-top-l {
    padding-top: 15rem;
  }
}
.h-recipe-drawer-max500 .h-meal-tabs {
  overflow-x: hidden;
}

.h1-table table.dataTable td .h-recipe-drawer-max500 img.recipeView {
  width: 150rem !important;
  height: 100rem !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0% !important;
  margin-right: 0rem !important;
}
.h1-table table.dataTable td .h-recipe-drawer-max500 a {
  white-space: pre-wrap;
}
.h1-table table.dataTable td .h-recipe-drawer-max500 .d-flex.flex-row {
  flex-wrap: wrap;
}
.h1-table table.dataTable td .h-recipe-drawer-max500 h5, .h1-table table.dataTable td .h-recipe-drawer-max500 p, .h1-table table.dataTable td .h-recipe-drawer-max500 a, .h1-table table.dataTable td .h-recipe-drawer-max500 li {
  text-align: left;
}
.h1-table table.dataTable td .h-recipe-drawer-max500 td, .h1-table table.dataTable td .h-recipe-drawer-max500 th {
  border-bottom-width: 0.5rem;
}
.h1-table table.dataTable td .h-recipe-drawer-max500 table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.h-recipe-drawer-max500 .h-drawer-card .h-drawer-card-body {
  max-height: 100vh;
  min-height: 100vh;
  min-width: 75vw;
  max-width: 75vw;
  padding: 0;
}
.h-recipe-drawer-max500 .h-drawer-card .h-drawer-card-body > .h-margin-l {
  margin: 0 0 15rem 0;
}

.h-rec .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  padding: 0 !important;
}

.h2-table table.h-noborder-input input,
.h2-table table.h-noborder-input select,
.h2-table table.h-noborder-input textarea {
  border: 0 !important;
  height: 25rem !important;
  width: auto !important;
  min-width: 100% !important;
  border-radius: 0 !important;
  padding: 0 !important;
  padding-right: 0rem !important;
}
.h2-table table.h-noborder-input select {
  width: 100% !important;
  padding-right: 15rem !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}
.h2-table table.h-noborder-input tbody tr td:first-child {
  padding-left: 0rem !important;
}
.h2-table table.h-noborder-input thead tr th:first-child {
  padding-left: 5rem !important;
}
.h2-table table.h-noborder-input td:last-child.text-right, .h2-table table.h-noborder-input th:last-child.text-right {
  text-align: center !important;
}
.h2-table table.h-noborder-input thead > tr > th, .h2-table table.h-noborder-input thead > tr > td, .h2-table table.h-noborder-input thead > tr > td.sorting, .h2-table table.h-noborder-input thead > tr > td.sorting_asc, .h2-table table.h-noborder-input thead > tr > td.sorting_desc, .h2-table table.h-noborder-input thead > tr > th.sorting, .h2-table table.h-noborder-input thead > tr > th.sorting_asc, .h2-table table.h-noborder-input thead > tr > th.sorting_desc {
  padding: 0 !important;
  padding-right: 5rem !important;
}
.h2-table table.h-noborder-input td {
  padding: 0 !important;
  margin-right: 5rem !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-right: 0.5rem solid var(--secondary_shade_1) !important;
  border-top: 0;
}
.h2-table table.h-noborder-input th {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  border-top: 0 !important;
  vertical-align: middle !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  background: var(--secondary_shade_3);
  height: 25rem;
}
.h2-table table.h-noborder-input th.h-ingredient {
  padding: 10rem 0 5rem 0;
  background: var(--secondary_shade_5);
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto" !important;
}
.h2-table table.h-noborder-input td:last-child {
  padding: 0 5rem !important;
}

.dropify-wrapper .dropify-preview .dropify-render img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.OpenNewTab a {
  text-align: right !important;
  justify-content: end;
  font-size: max(12rem, 18px);
}

.h-header-icons {
  text-align: right;
}
.h-header-icons a i {
  font-size: max(10rem, 18px) !important;
}
.h-header-icons a .fa-sticky-note {
  color: var(--secondary_shade_1) !important;
}
.h-header-icons a .meeting-delete-link {
  color: var(--dangerous) !important;
}

.h-add-patient .dropify-wrapper {
  width: 120rem !important;
  height: 120rem !important;
  border-radius: 50%;
  margin: auto !important;
  padding: 0rem !important;
}
.h-add-patient .photo-wrapper .dropify-clear {
  font-size: 0 !important;
  border: 0 !important;
  background: none;
  top: 20rem;
  right: 20rem;
  bottom: auto;
}
.h-add-patient .photo-wrapper .dropify-clear:hover {
  background: none;
}
.h-add-patient .photo-wrapper .dropify-clear::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-size: max(8rem, 14px);
  color: var(--dangerous);
}
.h-add-patient .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.dropify-wrapper .dropify-preview {
  padding: 0;
}

.patient-profile {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
}
.patient-profile .h-box {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: calc(100vh - 41rem);
  overflow: hidden;
}
.patient-profile .h-box .h-left-box {
  flex: 0.354;
  padding: 15rem 0 15rem 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.patient-profile .h-box .h-left-box .patient-info {
  display: none;
  position: relative;
  flex: 0 1 auto;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details .h-box .h-left-image {
  flex: 0 1 auto;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details .h-box .h-left-image img {
  height: 55rem;
  width: 55rem;
  border-radius: 50%;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details .h-box .h-right-details {
  flex: 1 1 auto;
  overflow-y: auto;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details .h-box .h-right-details .top-details {
  display: flex;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}
.patient-profile .h-box .h-left-box .patient-info .h-patient-details .h-height-0 {
  height: 0rem;
  transition: all ease 0.5s;
}
.patient-profile .h-box .h-left-box .patient-info.heightAutoclassstyle .h-height-0 {
  height: auto;
}
.patient-profile .h-box .h-left-box .patient-info #back-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  bottom: 15rem;
  padding-right: 10rem;
}
.patient-profile .h-box .h-left-box .patient-info #back-bottom .h-angle-down {
  font-size: max(12rem, 18px);
  transform: rotate(0d);
  transition: all ease 0.5s;
}
.patient-profile .h-box .h-left-box .patient-info #back-bottom .AngleUpStyle {
  bottom: 5rem !important;
}
.patient-profile .h-box .h-left-box .h-appointment-sp {
  height: calc(100vh - 200rem);
  flex-direction: column;
}
.patient-profile .h-box .h-left-box .h-appointments-card {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.patient-profile .h-box .h-left-box .h-appointments-card table {
  display: block;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 159.75rem);
  overflow-x: hidden;
  margin-bottom: 0 !important;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-patient-appointment .ck-content.ck-editor__editable {
  max-width: unset !important;
  max-height: unset !important;
  height: calc(100vh - 290rem) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-patient-appointment .ck.ck-toolbar .ck-toolbar__line-break {
  display: none;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-patient-appointment .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
  margin-right: 0;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-automatic-appointment .ck-content.ck-editor__editable {
  max-width: unset !important;
  max-height: unset !important;
  height: calc(100vh - 270rem) !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-automatic-appointment .ck.ck-toolbar .ck-toolbar__line-break {
  display: none;
}
.patient-profile .h-box .h-left-box .h-appointments-card .h-automatic-appointment .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
  margin-right: 0;
}
.patient-profile .h-box .h-right-box {
  flex: 0.646;
  overflow-y: auto;
  padding: 15rem;
}
.patient-profile .h-box .h-right-box .h1-table {
  overflow-x: auto;
  width: -webkit-fill-available;
}
.patient-profile .h-box .h-right-box svg.toggler-icon-size {
  width: 25rem !important;
  height: 25rem !important;
}

.h-charttoggler {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(145rem, 1fr));
  gap: 15rem;
}

.h-scroll {
  overflow: hidden;
}

.dateSwitcher {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mealGrid table.table tbody th,
.mealGrid table.table tfoot th {
  border-top: 0;
}
.mealGrid table.table tfoot th,
.mealGrid table.table tfoot td {
  vertical-align: middle !important;
}
.mealGrid .table th {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  padding-left: 5rem !important;
  padding-right: 5rem !important;
  vertical-align: middle;
}
.mealGrid table.dataTable td {
  padding: 0 !important;
}
.mealGrid .td > div:first-child {
  padding: 0 !important;
}
.mealGrid .dataTable thead > tr > th, .mealGrid .dataTable thead > tr > td, .mealGrid .dataTable thead > tr > td.sorting, .mealGrid .dataTable thead > tr > td.sorting_asc, .mealGrid .dataTable thead > tr > td.sorting_desc, .mealGrid .dataTable thead > tr > th.sorting, .mealGrid .dataTable thead > tr > th.sorting_asc, .mealGrid .dataTable thead > tr > th.sorting_desc {
  padding: 0 !important;
}

.h-AdditionalInfo .h-xs-img {
  border-radius: 50%;
  width: 40rem;
  height: 40rem;
}

.h-drawer-max79 .h-drawer-card .h-drawer-card-body {
  max-width: 30vw;
  min-width: 30vw;
}

.h-drawer-max79350 .h-drawer-card .h-drawer-card-body {
  min-width: 450rem !important;
  max-width: 450rem !important;
}

.h-drawer-max500 .h-drawer-card .h-drawer-card-body {
  min-width: 75vw !important;
  max-width: 75vw !important;
  height: calc(100vh - 88rem) !important;
}

.h-drawer-max60 .h-drawer-card .h-drawer-card-body {
  min-width: 60vw !important;
  max-width: 60vw !important;
}

.h-drawer-max70 .h-drawer-card .h-drawer-card-body {
  min-width: 70vw !important;
  max-width: 70vw !important;
}

.h-no-padding .h-drawer-card-body {
  padding: 0;
}

.h-monitoring-svg {
  width: 30rem;
  height: 30rem;
}

.h-monitoring-svg-gray {
  fill: var(--secondary_shade_2);
  stroke: var(--secondary_shade_2);
}
.h-monitoring-svg-gray path {
  fill: var(--secondary_shade_2) !important;
  stroke: var(--secondary_shade_2) !important;
}

.h-monitoring-svg-accent {
  fill: var(--accent);
  stroke: var(--accent);
}

.h-monitoring-svg-red {
  fill: var(--dangerous);
  stroke: var(--dangerous);
  color: var(--accent);
}

.mealGrid .table th {
  color: var(--primary_shade_1) !important;
}

.h-form-btn {
  display: block;
  position: relative;
  margin-bottom: 15rem;
}

.h-fixed-btn {
  position: fixed;
  bottom: 0rem;
  margin: auto;
  width: 63%;
  background: #f7f8fc;
  padding: 15rem;
  text-align: center;
}

@media screen and (max-width: 1367px) {
  .dataTables_scrollBody {
    max-height: calc(100vh - 230rem) !important;
    height: calc(100vh - 230rem) !important;
  }
  .patient-profile .h-box .h-left-box .h-appointments-card table {
    height: inherit;
  }
  .patient-profile .h-box .h-left-box .h-appointments-card.heightAutoclassstyle table {
    height: 43vh;
  }
  .h-col-screen-m {
    box-sizing: border-box;
    flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .h-desktop-margin-right-l {
    margin-right: 0rem;
  }
  .h-fixed-btn {
    position: fixed;
    bottom: 0rem;
    margin: auto;
    width: 75%;
    background: #f7f8fc;
    padding: 15rem;
    text-align: center;
  }
}
.h1-table table.dataTable td img.MealImage {
  width: 65rem !important;
  height: 50rem !important;
  border-radius: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0 !important;
}

@media screen and (max-width: 959px) {
  .h-mobile-hide {
    display: none !important;
  }
  .h-mobile-show {
    display: block !important;
  }
  .h-col-screen-m {
    box-sizing: border-box;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .h-add-patient .photo-wrapper .dropify-clear {
    font-size: 0 !important;
    border: 0 !important;
    background: none;
    top: -40rem;
    right: 10rem;
  }
  .h-add-patient .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
    left: 0% !important;
    transform: translate(8%, -50%) !important;
  }
  .badge-bell {
    background-color: transparent;
    color: var(--dangerous);
    font-size: max(12rem, 18px);
  }
  .navbar-expand .navbar-nav {
    align-items: center;
  }
  .h-custom-appointment .h1-table .dataTables_wrapper .h-table-footer {
    margin-left: 0;
    margin-top: 10rem;
    padding-right: 7.5rem;
    justify-content: end;
  }
  .h-custom-appointment .h-btn-bordered {
    padding: 5rem 5rem !important;
  }
  .h-custom-appointment .ck.ck-editor__main {
    height: 215rem;
  }
}
.dataTables_scrollFoot {
  display: none;
}

.h-hide-id .widgetListWrapper > div > div:first-child.custom-checkbox {
  display: none;
}

.flex9 {
  flex: 0.9;
}

.monitoring {
  height: 23rem;
  display: flex;
  align-items: center;
}

.h-time-menu {
  display: flex;
  flex: 1;
  width: 100%;
}
.h-time-menu::-webkit-scrollbar {
  width: 0rem;
  background-color: transparent;
  height: 0rem;
}

.filterItme {
  cursor: pointer;
  height: 20rem;
  display: flex;
  align-items: center;
  border-bottom: 2rem solid transparent;
  width: -moz-max-content;
  width: max-content;
  margin: 0 10rem;
  font-weight: bold;
}
.filterItme.active, .filterItme:hover {
  color: var(--accent);
  border-bottom: 2rem solid var(--accent);
}

.fas.fa-cog.fa-2x.cursor-pointer.h-secondary_shade_1 {
  font-size: max(12rem, 18px);
}

.h-analytic-card {
  height: 100rem;
  background-color: var(--secondary_shade_5);
  padding: 15rem;
  overflow: hidden;
}
.h-analytic-card ol {
  list-style-type: decimal;
  color: var(--primary_shade_1);
  font-weight: bold;
  padding-left: 7rem;
}
.h-analytic-card ol ::marker {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
}
.h-analytic-card ol li {
  margin-bottom: 10rem;
}

.h-toogle-btn {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto";
  color: var(--accent);
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

#chartBar .highcharts-axis-labels svg text,
#chartLine .highcharts-axis-labels svg text {
  font: normal normal 500 max(7rem, 12px)/max(9rem, 14px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  fill: var(--primary_shade_1) !important;
  font-weight: bold !important;
}
#chartBar .highcharts-axis-labels svg .highcharts-legend-item rect,
#chartLine .highcharts-axis-labels svg .highcharts-legend-item rect {
  fill: var(--primary_shade_1) !important;
}

.h-select-filter {
  display: none !important;
}

h4.vc-title {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
  margin-bottom: 5rem !important;
}

.vc-text {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.vc-btn {
  color: var(--secondary_shade_5) !important;
  background-color: var(--accent) !important;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  min-height: 25rem !important;
}

.vc-btn.left {
  background-color: var(--dangerous) !important;
  order: 1;
}

.h-space-evenly {
  justify-content: space-evenly;
}

.patientChat {
  height: calc(100vh - 92.5rem) !important;
  position: relative;
}
.patientChat .messagesWrapper {
  margin-top: 0;
  padding-top: 5rem;
}
.patientChat .messagesWrapper.h-100 {
  height: 98% !important;
}
.patientChat .display-table-row-1 {
  max-height: calc(100vh - 147rem) !important;
}
.patientChat .display-table-row-2 {
  min-height: 45rem !important;
  max-height: 45rem !important;
}
@media screen and (max-width: 959px) {
  .patientChat .h-btn-sent {
    height: 100% !important;
    padding: 0;
  }
}

.h-right-box .patientChat {
  height: calc(100vh - 88.5rem) !important;
}
.h-right-box .patientChat .display-table-row-2 {
  padding-top: 13rem;
}
.h-right-box .patientChat .no-messages {
  margin: 15rem;
  font-size: max(8rem, 14px);
  color: var(--secondary_shade_1);
}

.ui.selection.dropdown {
  min-height: 25rem !important;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1) !important;
  width: 100% !important;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto" !important;
  font-size: 8rem !important;
  line-height: 10rem !important;
  font-weight: 600 !important;
  padding: 0 !important;
  color: var(--primary_shade_1) !important;
}

.ui.search.dropdown .menu {
  max-height: 25vh !important;
}

.flex-content .ui.selection.dropdown .menu > .item {
  font-family: "Roboto" !important;
  font-size: 8rem !important;
  line-height: 10rem !important;
  font-weight: 600 !important;
  color: var(--primary_shade_1) !important;
  padding: 5rem 5rem !important;
}

.ui.multiple.dropdown > .label {
  margin: 5rem 0 0 5rem !important;
  background-color: var(--secondary_shade_3);
}

.ui.multiple.search.dropdown > input.search {
  min-height: 25rem !important;
  width: 99% !important;
  border-radius: 5rem !important;
  border: transparent;
  background-color: var(--secondary_shade_5) !important;
  font-family: "Roboto" !important;
  font-size: 8rem !important;
  line-height: 10rem !important;
  font-weight: 600 !important;
  color: var(--primary_shade_1) !important;
  margin: 0 !important;
  text-indent: 5rem;
}

.ui.multiple.search.dropdown > .text {
  line-height: 16rem !important;
}

.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon,
.ui.selection.dropdown > .search.icon {
  line-height: 25rem !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

#chartBar svg g.highcharts-legend-item-hidden text,
#chartLine svg g.highcharts-legend-item-hidden text,
#chartBar svg g.highcharts-legend-item-hidden rect,
#chartLine svg g.highcharts-legend-item-hidden rect {
  fill: var(--secondary_shade_1) !important;
  color: var(--secondary_shade_1) !important;
}

.h-over-x-h {
  overflow-x: hidden;
}

.filteredLog {
  font-size: max(8rem, 14px);
  color: var(--secondary_shade_1);
  font-weight: bold;
  font-family: "Roboto" !important;
}

.nudging .tooltiptext {
  visibility: hidden;
  width: 80rem;
  background-color: white;
  color: black;
  text-align: center;
  padding: 5rem;
  border-radius: 3rem;
  position: absolute;
  transform: translate(-50%, 2rem);
  z-index: 2;
}

.nudging:hover .tooltiptext {
  visibility: visible;
}

.nudging-icon {
  cursor: pointer;
  background-image: url(../images/notificationOff.svg);
  width: 10rem;
  height: 10rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.nudging-active {
  background-image: url(../images/notificationOn.svg);
}

.h-filter-icon {
  height: 10rem;
  width: auto;
  cursor: pointer;
}

.filter-list.h-dropdown:hover .h-dropdown-content {
  display: flex;
  background-color: transparent !important;
}

.filter-log-list {
  flex-direction: column;
  position: absolute;
  z-index: 99999999;
  left: auto;
  right: 0rem;
  top: 10rem;
  box-shadow: 0px 6px 12px rgba(21, 33, 69, 0.3019607843);
  max-height: 248rem;
  overflow-y: auto;
}
.filter-log-list input {
  display: none;
}
.filter-log-list label {
  padding: 5rem 15rem;
  background-color: var(--secondary_shade_5);
  color: var(--primary_shade_1);
  font-size: max(8rem, 14px);
  font-weight: bold;
  font-family: "Roboto" !important;
  min-width: -moz-max-content;
  min-width: max-content;
  border-bottom: 1px solid var(--secondary_shade_3);
  margin-bottom: 0;
}
.filter-log-list label:hover {
  background-color: var(--accent);
  color: var(--secondary_shade_5);
}

.appointment-details-icon {
  display: flex;
  align-items: flex-end;
  align-self: end;
}
.appointment-details-icon i,
.appointment-details-icon span {
  padding-left: 8rem;
}
.appointment-details-icon i.healenticons-ref,
.appointment-details-icon span.healenticons-ref {
  font-size: max(10rem, 18px);
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1;
  padding-top: 0.5rem;
  padding-left: 0;
}
.appointment-details-icon i.fa-lg,
.appointment-details-icon span.fa-lg {
  font-size: max(12rem, 18px);
  line-height: 1 !important;
}
.appointment-details-icon i.fa-file,
.appointment-details-icon span.fa-file {
  font-size: 11rem;
  line-height: 1 !important;
}
.appointment-details-icon i img,
.appointment-details-icon span img {
  height: 12rem;
}

.patient-violation-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0rem 15rem;
  counter-reset: listCounter;
  list-style: none;
  -moz-column-gap: 30rem;
       column-gap: 30rem;
}
.patient-violation-list li {
  list-style: none;
  counter-increment: listCounter;
  margin-bottom: 5rem;
  position: relative;
}
.patient-violation-list li::before {
  content: counter(listCounter);
  color: var(--secondary_shade_5);
  font-size: max(6rem, 12px);
  font-weight: bold;
  position: absolute;
  width: 10rem;
  height: 10rem;
  background: var(--dangerous);
  border-radius: 50%;
  text-align: center;
  margin-left: -15rem;
}

.h-min40-margin {
  margin-top: -108rem;
}

.h-AllPatients-filter {
  display: flex;
  overflow-x: scroll;
  gap: 5rem;
  overflow-y: hidden;
}
.h-AllPatients-filter::-webkit-scrollbar {
  height: 0;
}
.h-AllPatients-filter .FilterItem {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.h-AllPatients-filter .FilterItem .h-filter-text::after {
  content: "";
  display: block;
  width: 0;
  height: 2.5rem;
  background: var(--dangerous);
  transition: width 0.3s;
  margin-top: 5rem;
  border-radius: 2.5rem;
}
.h-AllPatients-filter .FilterItem:hover .h-filter-text {
  color: var(--primary_shade_1) !important;
}
.h-AllPatients-filter .FilterItem:hover .h-filter-text::after {
  width: 100%;
}
.h-AllPatients-filter .FilterItem.active .h-filter-text {
  color: var(--primary_shade_1) !important;
}
.h-AllPatients-filter .FilterItem.active .h-filter-text::after {
  width: 100%;
}
.h-AllPatients-filter .FilterItem .h-filter-hint {
  display: none;
  position: fixed;
  background-color: var(--secondary_shade_5);
  font: normal normal bold 8rem/10rem "Roboto";
  color: var(--primary_shade_1);
  padding: 5rem 10rem;
  border-radius: 1rem;
  box-shadow: 0.5rem 1rem 3rem rgba(0, 0, 0, 0.3) !important;
  margin-top: 5rem;
  z-index: 9999;
  width: -moz-max-content;
  width: max-content;
  max-width: 212rem;
  text-align: left;
}
.h-AllPatients-filter .FilterItem:hover .h-filter-hint {
  display: block;
}
.h-AllPatients-filter .FilterItem:hover .h-filter-hint.right {
  right: 0;
}
.h-AllPatients-filter .h-AllPatients-filter-card {
  display: inline-block;
  background-color: var(--secondary_shade_5);
  padding: 10rem 15rem 0 15rem;
  width: -webkit-fill-available;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-head {
  margin-bottom: 10rem;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-head .h-filter-number {
  font: normal normal 700 max(16rem, 24px)/max(16rem, 24px) "Roboto";
  color: var(--dangerous);
  margin-bottom: 2.5rem;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-head .h-filter-text {
  font: normal normal bold 10rem/10rem "Roboto";
  color: var(--secondary_shade_1);
  white-space: nowrap;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-sub {
  display: flex;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-sub .h-filter-number {
  font: normal normal 700 max(12rem, 18px)/max(12rem, 18px) "Roboto";
  color: var(--primary_shade_1);
  margin-bottom: 2.5rem;
}
.h-AllPatients-filter .h-AllPatients-filter-card .h-filter-item-sub .h-filter-text {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--secondary_shade_1);
  white-space: nowrap;
}
.h-AllPatients-filter .h-AllPatients-filter-card.h-filter-missing-flex {
  display: inline-flex !important;
  position: relative;
}
.h-AllPatients-filter .h-AllPatients-filter-card.h-filter-missing-flex .h-filter-missing-right {
  flex-direction: column;
  gap: 9rem;
  padding-left: 10rem;
  margin-left: 10rem;
  border-left: 0.5rem #eeeff5 solid;
}

.h-btn-filter-right {
  justify-content: center;
  align-items: center;
  display: flex;
  padding-right: 10rem;
}

.h-alert-icons {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}
.h-alert-icons i {
  font-size: max(10rem, 18px);
  font-family: "healenticons";
}

.h-drawer-card90 {
  background-color: var(--secondary_shade_5);
}
.h-drawer-card90 .h-drawer-card-header90 {
  padding: 0 15rem 0 15rem;
  border-bottom: 1px solid var(--secondary_shade_3);
  height: 40rem;
}
.h-drawer-card90 .h-drawer-card-header90 button.close {
  align-self: center;
}
.h-drawer-card90 .h-drawer-card-header90 .close img {
  height: 12rem !important;
  width: 10rem !important;
  color: var(--secondary_shade_5);
}
.h-drawer-card90 .h-drawer-card-header90 .h-main-drawer-card-header90 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 40rem;
}
.h-drawer-card90 .h-drawer-card-header90 .h-main-drawer-card-header90 .close img {
  height: 15rem !important;
  width: 15rem !important;
  color: var(--secondary_shade_5);
  -o-object-fit: contain;
     object-fit: contain;
}
.h-drawer-card90 .h-drawer-card-body90 {
  padding: 15rem 15rem 0 15rem;
  height: calc(100vh - 87rem);
  overflow-y: auto;
  position: relative;
}

.PatientProfileInDrawer .h-drawer-card90 .h-drawer-card-body90 {
  padding: 0 0 0 15rem;
}
.PatientProfileInDrawer.h-drawer-max90 .h-drawer-card90 .h-drawer-card-body90 {
  max-height: calc(100vh - 41rem);
  min-height: calc(100vh - 41rem);
  max-width: 90vw;
  min-width: 90vw;
  background: var(--secondary_shade_4);
}

.h-drawer-max90 .h-drawer-max79 .h-drawer-card .h-drawer-card-body {
  max-height: unset;
  min-height: unset;
  max-width: 30vw;
  min-width: 30vw;
  height: calc(100vh - 100rem);
  padding-bottom: 0 !important;
}

.h-drawer-max80 .h-drawer-max79 .h-drawer-card .h-drawer-card-body {
  max-height: unset;
  min-height: unset;
  max-width: 85vw;
  min-width: 85vw;
  height: calc(100vh - 100rem);
  padding-bottom: 0 !important;
}

.completed_column i {
  font-size: max(10rem, 18px);
}

.badgeIcon-info-dot {
  font-size: max(10rem, 18px);
  color: var(--secondary_shade_1);
  border-radius: 50%;
  padding: 0 5rem;
  border: 1rem solid var(--secondary_shade_1);
  cursor: pointer;
}

.list-on-hover .move-right {
  left: auto;
  right: 0;
  min-width: 160rem;
}

@media screen and (max-width: 1390px) {
  #DashboardTabs {
    overflow-x: auto;
    width: calc(100vw - 405rem);
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #DashboardTabs::-webkit-scrollbar {
    width: 0rem;
    background-color: transparent;
    height: 0rem;
    margin-bottom: -5rem;
  }
  #DashboardTabs .h-tabs-btn {
    white-space: nowrap;
  }
}
.h-AllPatients-filter .FilterItem.h-i-div .h-filter-hint {
  padding: 15rem !important;
  width: 145rem;
}

.progress-container {
  width: 100%;
  background-color: #eeeff5;
  border-radius: 2.5rem;
}

.progress-bar {
  height: 5rem;
  width: 0%;
  border-radius: 2.5rem;
  transition: width 0.5s ease-in-out;
}

.progress-bar.blue {
  background-color: var(--accent);
}

.progress-bar.red {
  background-color: var(--dangerous);
}

.progress-bar.gray {
  background-color: var(--secondary_shade_1);
}

.h-i-div {
  position: absolute !important;
  right: 5rem;
  top: 2rem;
}

.h-i-icon {
  width: 20rem;
  height: 20rem;
}

.h-dote-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.h-dote-container .h-dote {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  color: var(--primary_shade_1);
  display: flex;
  align-items: center;
}
.h-dote-container .h-dote::before {
  content: " ";
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  margin-right: 2.5rem;
  background: var(--accent);
}
.h-dote-container .h-dote.blue::before {
  background: var(--accent);
}
.h-dote-container .h-dote.red::before {
  background: var(--dangerous);
}
.h-dote-container .h-dote.gray::before {
  background: var(--secondary_shade_1);
}

.h-bar-icon {
  height: 12rem;
  cursor: pointer;
  padding-left: 5rem;
}

.bar-icon-hover {
  min-width: -moz-max-content;
  min-width: max-content;
  font-size: max(8rem, 14px);
  padding: 5rem !important;
}

.h-gender-radio {
  height: 25rem;
  align-items: center;
  justify-content: space-between;
}

.h-Monitoring-program-radio {
  height: auto;
  align-items: center;
  justify-content: space-between;
}

.h-select-new-patient .select2-container--default .select2-search--dropdown .select2-search__field {
  width: -webkit-fill-available !important;
  display: block;
}

.h-select-new-patient .select2.select2-container {
  height: 25rem;
  border-radius: 5rem !important;
  border: 0.5rem solid var(--secondary_shade_1);
  width: 100%;
  background-color: var(--secondary_shade_5);
  font-family: "Roboto";
  font-size: max(8rem, 14px);
  line-height: 10rem;
  font-weight: 600;
  text-indent: 5rem;
  color: var(--primary_shade_1);
}

.h-select-new-patient .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2.5rem !important;
}

.h-select-new-patient .select2-container--open .select2-dropdown--below {
  width: 10 !important;
}

.h-select-new-patient .select2-results__option {
  line-height: 15rem;
}

.h-select-new-patient .select2-container--default .select2-results > .select2-results__options {
  max-height: 150rem;
}

.h-phone-new-patient .error ::-moz-placeholder, .h-phone-new-patient .has-error ::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
}

.h-phone-new-patient .error ::placeholder,
.h-phone-new-patient .has-error ::placeholder {
  color: var(--secondary_shade_1) !important;
}
.h-phone-new-patient ::-moz-placeholder {
  color: var(--secondary_shade_1) !important;
}
.h-phone-new-patient ::placeholder {
  color: var(--secondary_shade_1) !important;
}

.h-pin-btn {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50rem;
  text-align: center;
}
.h-pin-btn span {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  line-height: 1.1;
  color: var(--secondary_shade_1);
}
.h-pin-btn .pin-img {
  opacity: 0.6;
  width: 50rem;
  height: 50rem;
  border: 1px solid var(--secondary_shade_1);
  border-radius: 50%;
  margin-bottom: 5rem;
  filter: grayscale(1);
}
.h-pin-btn.h-pin-btn-accent span {
  color: var(--accent);
  font-weight: bold;
}
.h-pin-btn.h-pin-btn-accent .pin-img {
  opacity: 1;
  border: 1px solid var(--accent);
  filter: grayscale(0);
}

.h-j-bet {
  gap: 5rem;
}

.h-tips-list {
  margin: 0;
  padding-left: 1em;
}
.h-tips-list li {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  margin-bottom: 10rem;
  color: var(--primary_shade_1);
}
.h-tips-list li::marker {
  color: var(--accent);
  font-size: max(12rem, 18px);
}

.h-border-right-1 {
  border-right: 2px solid var(--secondary_shade_2);
}

.h-fs-switcher {
  height: 20rem;
  border-radius: 5rem;
  border: 0.5rem solid var(--secondary_shade_1);
  display: flex;
}
.h-fs-switcher h5 {
  line-height: 20rem;
  color: var(--primary_shade_1);
}
.h-fs-switcher .h-fs-btn {
  width: 50%;
  text-align: center;
  align-self: center;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  height: 100%;
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
  cursor: pointer;
}
.h-fs-switcher .h-actual-btn {
  width: 50%;
  text-align: center;
  align-self: center;
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  height: 100%;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
  cursor: pointer;
}
.h-fs-switcher .h-fs-btn.active {
  background-color: var(--primary_shade_1);
}
.h-fs-switcher .h-fs-btn.active h5 {
  color: var(--secondary_shade_5);
}
.h-fs-switcher .h-actual-btn.active {
  background-color: var(--primary_shade_1);
}
.h-fs-switcher .h-actual-btn.active h5 {
  color: var(--secondary_shade_5);
}

.factorItem:hover .h-fs-icon {
  background-color: var(--primary_shade_1);
}
.factorItem:hover .h-fs-icon i {
  color: var(--secondary_shade_5);
}

.h-fs-icon {
  min-width: 25rem;
  width: 25rem;
  height: 25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary_shade_3);
  margin-right: 7.5rem;
  border-radius: 50%;
}
.h-fs-icon i {
  color: var(--secondary_shade_1);
  line-height: 11rem;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-size: 11rem;
  height: 11rem;
}

.h-goal-icon {
  min-width: 25rem;
  width: 25rem;
  height: 25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary_shade_3);
  border-radius: 50%;
}
.h-goal-icon i {
  color: var(--secondary_shade_1);
  line-height: 1;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-size: 15rem;
  height: 14rem;
}

.h-goal-icon-drawer {
  min-width: 30rem;
  width: 30rem;
  height: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary_shade_5);
  border-radius: 50%;
  border: 1rem solid var(--primary_shade_1);
}
.h-goal-icon-drawer i {
  color: var(--primary_shade_1);
  line-height: 1;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-size: 20rem;
  height: 20rem;
}

.h-progress-value {
  display: flex;
  align-items: flex-end;
  text-wrap: nowrap;
  margin-right: 8rem;
}
.h-progress-value i {
  line-height: 1;
  padding-right: 2rem;
}

.h-factor-progress {
  width: 100%;
  max-width: 60rem;
}

.h-progress-container {
  width: 100%;
  position: relative;
  display: flex;
}

.h-progress-bar {
  width: 100%;
  height: 5rem;
  border-radius: 5rem;
  position: relative;
  background-color: var(--secondary_shade_3);
}

.h-progress-point {
  width: 1rem;
  height: 6rem;
  position: absolute;
}
.h-progress-point::before {
  content: " ";
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: inherit;
}

.h-no-footer > div:nth-child(1) > section > aside > div > div.h-drawer-card-footer {
  display: none;
}

.h-no-footer > div:nth-child(1) > section > aside > div > div.h-drawer-card-body {
  height: calc(100vh - 40rem) !important;
}

.h-no-footer > div:nth-child(1) > section > aside > div > div table.h-no-footer {
  height: calc(100vh - 165rem);
}

.h-no-footer > div:nth-child(1) > section > aside > div > div table.h-light-font {
  height: calc(100vh - 55rem);
}

.h-no-footer.AssessmentClient > div:nth-child(1) > section > aside > div > div.h-drawer-card-body {
  height: 100vh !important;
  max-width: 450rem;
  min-width: 450rem;
}

.h-no-footer.AssessmentClient > div:nth-child(1) > section > aside > div > div table.AssessmentClient {
  height: calc(100vh - 75rem);
}

.h1-table.assessmentAnswer {
  position: relative;
  height: calc(100vh - 88rem);
  overflow: hidden;
}

.h-assessmentAnswer-table-body {
  width: 100%;
  display: inline-table;
}

.scrollable-tbody {
  display: block;
  height: calc(100vh - 165rem);
  overflow-y: auto;
}
.scrollable-tbody tr td:first-child {
  width: auto !important;
}

.h1-table table.h-noborder-input .scrollable-tbody select {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.scrollable-tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.highcharts-axis-title {
  font: normal normal 700 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1) !important;
}

.highcharts-axis-labels text {
  color: var(--secondary_shade_1) !important;
  fill: var(--secondary_shade_1) !important;
}

.highcharts-axis-labels text {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}

.highcharts-legend text {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
  color: var(--primary_shade_1);
}

.highcharts-axis-labels text {
  pointer-events: all !important;
  cursor: pointer !important;
}

.h-progress-chart .highcharts-tick {
  stroke: var(--secondary_shade_2);
  transform: translateY(-2.5px);
  stroke-linecap: round;
  stroke-width: 4px;
}
.h-progress-chart .highcharts-axis-labels text {
  color: var(--secondary_shade_2) !important;
  fill: var(--secondary_shade_2) !important;
}
.h-progress-chart .highcharts-axis-labels.highcharts-xaxis-labels {
  transform: translateY(5px);
}

.h-hfi-chart .highcharts-axis-labels.highcharts-xaxis-labels {
  transform: translateY(10px);
}

.h-patient-topbar {
  height: 40rem;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.h-patient-withActiveBar {
  height: calc(100% - 30rem);
  overflow: hidden;
  margin-top: 30rem;
}
.h-patient-withActiveBar .h-box {
  height: calc(100vh - 75rem);
}
.h-patient-withActiveBar .h-box .dataTables_scrollBody {
  height: calc(100vh - 220rem) !important;
  max-height: calc(100vh - 220rem) !important;
}

#assessmentsTable_filter > label > input.form-control.form-control-sm {
  border: 0 !important;
  border-bottom: 0.5rem solid var(--secondary_shade_1) !important;
  border-radius: 0 !important;
}

.h-action-td {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
}

.h-appointment-btn-section {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10rem 15rem 15rem;
  background: var(--secondary_shade_5);
  z-index: 1;
  flex-wrap: wrap;
  gap: 5rem;
}

.h1-table table.dataTable td.text-right a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
}

.h-appointment_note h2,
.h-appointment_note h3,
.h-appointment_note h4 {
  line-height: 1.2;
}
.h-appointment_note p {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}
.h-appointment_note dl,
.h-appointment_note ol,
.h-appointment_note ul {
  margin-top: 5rem;
  margin-bottom: 5rem;
  margin-left: 10rem;
}
.h-appointment_note dl li,
.h-appointment_note ol li,
.h-appointment_note ul li {
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto" !important;
}
.h-appointment_note .todo-list {
  margin-left: 0;
}

.h-care-protocol-card {
  border: 0.5rem solid var(--secondary_shade_1);
  border-radius: 5rem;
}

.multiselect--disabled {
  opacity: 1 !important;
}

.h1-table.h-read-only .read-only .h-custom-checkbox .custom-control-label {
  padding-left: 0 !important;
}
.h1-table.h-read-only .read-only .h-custom-checkbox .custom-control-label::before {
  display: none !important;
}
.h1-table.h-read-only .read-only .h-custom-checkbox .custom-control-label::after {
  display: none !important;
}
.h1-table.h-read-only .read-only select.h-input {
  background-image: none !important;
  pointer-events: none !important;
  text-indent: 0 !important;
}

.flex-1 {
  flex: 1;
}

.flex-7 {
  flex: 0.7;
}

.flex-3 {
  flex: 0.3;
}

.h-horizontal {
  flex-direction: column;
  gap: var(--xs);
}

.h-filter-text .h-filter-number {
  min-width: 30rem;
  display: inline-block;
}

.h-AllPatients-filter .h-AllPatients-filter-card.new-filter {
  padding: 0;
  background-color: transparent;
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem {
  background-color: var(--secondary_shade_5);
  padding: var(--s) var(--sl) var(--s) var(--m);
  border-left: var(--secondary_shade_5) solid var(--xs);
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem .h-filter-text {
  color: var(--primary_shade_1);
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem .h-filter-text::after {
  display: none;
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem .h-filter-number {
  margin-bottom: 0;
  color: var(--dangerous);
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem.active {
  border-left: var(--dangerous) solid var(--xs);
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem.active .h-filter-text {
  color: var(--secondary_shade_5);
}
.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem:hover .h-filter-text {
  color: var(--dangerous) !important;
}

.h-AllPatients-filter .h-AllPatients-filter-card.new-filter .FilterItem .h-filter-text span {
  width: 20rem;
  display: inline-block;
}

main.login {
  height: -webkit-fill-available;
  overflow: hidden;
  display: flex;
}

#login_animation {
  align-items: center;
  display: grid;
  height: 100%;
}

#login_animation > div {
  width: 427rem !important;
  height: 427rem !important;
}

.login-card {
  margin: auto 30rem;
  width: 100%;
  position: relative;
}
.login-card a:hover span {
  color: var(--accent);
}

.login-card .wrapper {
  display: block;
  margin: 30rem 0 0 0;
}
.login-card .wrapper .text-primary {
  color: var(--accent);
}
.login-card .wrapper .spinner-border {
  display: inline-block;
  width: 30rem;
  height: 30rem;
  vertical-align: text-bottom;
  border: 2rem solid var(--accent);
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}
.login-card .wrapper p {
  font: normal normal bold 7rem/9rem "Roboto";
  margin-top: 8rem;
}

.h-dashboard {
  margin: 15rem;
  height: calc(100vh - 71rem);
}
.h-dashboard .healenticons-bxs-dashboard {
  color: var(--secondary_shade_1);
  font-size: max(12rem, 18px);
  line-height: 1;
  float: right;
}

.h-card-w {
  width: 32%;
}

.h-card-100 {
  min-width: 100%;
}

.gap-loop {
  row-gap: 15rem;
  -moz-column-gap: 15rem;
       column-gap: 15rem;
  margin-top: 15rem;
}

.h-card-icon {
  height: 50rem;
  width: 50rem;
}
.h-card-icon i {
  width: 50rem;
  height: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h-card-icon i::before {
  font-size: 50rem;
  width: 50rem;
  height: 50rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.h-card-maxtext {
  width: calc(100% - 50rem);
}

@media screen and (max-width: 1024px) {
  .h-card-w {
    width: 100vw;
  }
}
.h-filter-card {
  background-color: #fff;
  height: 60rem;
  width: inherit;
}
.h-filter-card input {
  display: none;
}
.h-filter-card label {
  display: flex;
  width: inherit;
  height: inherit;
  cursor: pointer;
}
.h-filter-card svg {
  height: 30rem;
}
.h-filter-card .h-filter-card-info {
  display: flex;
  width: inherit;
  align-items: center;
  padding: 15rem;
  border: 1rem solid #fff;
}
.h-filter-card .h-filter-card-info > div {
  margin-right: 7.5rem;
}
.h-filter-card input.active + .h-filter-card-info {
  border: 1rem solid var(--accent);
  width: 100%;
}
.h-filter-card input.active + .h-filter-card-info svg path {
  fill: var(--accent);
}
.h-filter-card input.active + .h-filter-card-info h1 {
  color: var(--accent);
  padding-right: 5rem;
}

.minwidth300 {
  min-width: 150rem;
}

.column-gap15 {
  row-gap: 5rem;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

table.h-table-log {
  height: calc(100vh - 148rem);
  margin-bottom: 0 !important;
}

table.h-Documents {
  height: calc(100vh - 160rem);
  margin-bottom: 0 !important;
}

table.h-table-log tbody td .h-log-status.badge {
  font: normal normal bold 8rem/10rem "Roboto" !important;
  background: transparent !important;
  padding: 0 !important;
  display: table-cell;
}
table.h-table-log tbody td .h-log-status.badge.badge-soft-danger {
  color: var(--dangerous) !important;
}
table.h-table-log tbody td .h-log-status.badge.badge-soft-danger span.badgeIcon-danger {
  border: 1rem solid var(--dangerous);
  animation: iconDanger ease 1.5s infinite;
}
@keyframes iconDanger {
  0% {
    color: var(--dangerous);
    background-color: var(--secondary_shade_5);
  }
  50% {
    color: var(--secondary_shade_5);
    background-color: var(--dangerous);
  }
  100% {
    color: var(--dangerous);
    background-color: var(--secondary_shade_5);
  }
}
table.h-table-log tbody td .badgeIcon {
  font: normal normal bold 8rem/10rem "Roboto" !important;
  height: 12rem;
  width: 12rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5rem;
}

.checkbox-log-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox-log-group label {
  position: relative;
  cursor: pointer;
}

.checkbox-log-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1rem solid var(--secondary_shade_1);
  border-radius: 2.5rem;
  padding: 5rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox-log-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2.5rem;
  left: 4rem;
  width: 3rem;
  height: 6rem;
  border: solid var(--accent);
  border-width: 0 1rem 1rem 0;
  transform: rotate(45deg);
}

table.h-table-activity {
  height: calc(100vh - 250rem) !important;
  margin-bottom: 0 !important;
}

.fullscreen table.h-table-activity {
  height: calc(100vh - 176rem) !important;
}

.badgeIcon-danger-dot {
  font: normal normal bold 8rem/12rem "Roboto" !important;
  height: 12rem;
  width: 12rem;
  border-radius: 50%;
  display: inline-block;
  border: 1rem solid var(--dangerous);
  color: var(--dangerous);
  background-color: var(--secondary_shade_5);
  text-align: center;
}

@keyframes iconDanger {
  0% {
    color: var(--dangerous);
    background-color: var(--secondary_shade_5);
  }
  50% {
    color: var(--secondary_shade_5);
    background-color: var(--dangerous);
  }
  100% {
    color: var(--dangerous);
    background-color: var(--secondary_shade_5);
  }
}
.badgeIcon-gray-dot {
  font: normal normal bold 8rem/12rem "Roboto" !important;
  height: 12rem;
  width: 12rem;
  border-radius: 50%;
  display: inline-block;
  border: 1rem solid var(--secondary_shade_1);
  text-align: center;
}

.list-on-hover {
  position: relative;
}
.list-on-hover ul {
  display: none;
  text-align: left;
  list-style: decimal;
  position: absolute;
  padding: 5rem 5rem 5rem 15rem;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 6px 6px 12px rgba(21, 33, 69, 0.3);
  left: -10rem;
  z-index: 1;
}

.list-on-hover:hover ul {
  display: block;
}

.list-on-hover-dark {
  position: relative;
}
.list-on-hover-dark .badgeIcon-info-dot {
  font-size: max(6rem, 12px);
  color: var(--secondary_shade_5);
  border-radius: 50%;
  border: 0;
  background-color: var(--secondary_shade_1);
  cursor: pointer;
  height: 7.5rem;
  width: 7.5rem;
  display: block;
  text-align: center;
  line-height: 8.5rem;
  padding: 0;
  margin-left: 5rem;
}
.list-on-hover-dark ul {
  display: none;
  text-align: left;
  list-style: decimal;
  position: absolute;
  padding: 5rem 5rem 5rem 5rem;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 6px 6px 12px rgba(21, 33, 69, 0.3);
  z-index: 1;
  font: normal normal 500 max(8rem, 14px)/max(10rem, 16px) "Roboto";
  width: -moz-max-content;
  width: max-content;
}

.list-on-hover-dark:hover ul {
  display: block;
}

.h-w40 {
  width: 40%;
}

.h-w50 {
  width: 50%;
}

.h-w60 {
  width: 60%;
}

.h-hfi-item .h-on-off-input input,
.h-hfi-item .h-on-off-input label {
  pointer-events: none;
  cursor: pointer;
}
.h-hfi-item .h-on-off-input .h-checkbox input:checked + label::after {
  color: var(--secondary_shade_1);
}

.h-d-vitals-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.h-d-vitals-items div.h-item-border-right:nth-child(1),
.h-d-vitals-items div.h-item-border-right:nth-child(odd) {
  border-right: 2px solid var(--secondary_shade_2);
  width: calc(50% - 2px);
}

.h-d-assessment-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.h-d-assessment-items div.h-item-border-right:nth-child(1),
.h-d-assessment-items div.h-item-border-right:nth-child(odd) {
  border-right: 2px solid var(--secondary_shade_2);
  width: calc(50% - 2px);
}

.TableReports {
  max-height: calc(100vh - 265rem);
  min-height: calc(100vh - 265rem);
}

.TableReports.Expended {
  max-height: calc(100vh - 179rem);
  min-height: calc(100vh - 179rem);
}

.TableReportsBilling {
  max-height: calc(100vh - 265rem);
  min-height: calc(100vh - 265rem);
}

.TableReportsBilling.Expended {
  max-height: calc(100vh - 179rem);
  min-height: calc(100vh - 179rem);
}

#iconExpend {
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  width: 10rem;
  height: 10rem;
  display: inline-block;
  cursor: pointer;
}

.ExpendIcon {
  background-image: url(../../../../assets/images/Espend.svg);
}

.CollapseIcon {
  background-image: url(../../../../assets/images/Collapse.svg);
}

.h-align-self {
  align-self: flex-end;
}

.h-report-table-title {
  position: absolute;
  z-index: 1;
  height: 25rem;
  display: flex;
  align-items: center;
}

.MSG-loading {
  background: rgba(214, 215, 221, 0.3568627451);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MSG-loading .download-container {
  background-color: var(--secondary_shade_5);
  width: 330rem;
  height: 195rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.MSG-loading .download-container .downloadAnim {
  display: block;
  height: 40rem;
  margin-bottom: 15rem;
}

.MSG-onload {
  background: rgba(214, 215, 221, 0.3568627451);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MSG-onload .download-container {
  background-color: var(--secondary_shade_5);
  width: 330rem;
  height: 195rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.MSG-onload .download-container .downloadAnim {
  display: block;
  height: 40rem;
  margin-bottom: 15rem;
}
.MSG-onload .download-container .downloadAnim img {
  height: 40rem;
}
.MSG-onload .download-container .h-btn.h-primary_shade_1 {
  color: var(--primary_shade_1) !important;
  background-color: #c3c4cb;
}
.MSG-onload .download-container a.h-primary_shade_1 {
  color: var(--primary_shade_1) !important;
  cursor: pointer;
  text-decoration: underline;
}

.report-btn a {
  cursor: pointer;
}
.report-btn a img {
  width: 12rem;
  height: 12rem;
}

@media screen and (max-width: 1024px) {
  .h-d-contents {
    display: contents;
  }
  .slimScrollDiv {
    height: 100vh !important;
  }
  .notification-list-min-height {
    min-height: 92vh;
    width: 91vw;
    height: 100vh;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 959px) {
  .navbar {
    padding: 0 7.5rem !important;
  }
  .patient-profile .h-box .h-right-box {
    padding: 7.5rem;
  }
  .h-margin-right-l {
    margin-right: 7.5rem;
  }
  .h-margin-left-l {
    margin-left: 7.5rem;
  }
  .h-padding-right-l {
    padding-right: 7.5rem;
  }
  .h-padding-left-l {
    padding-left: 7.5rem;
  }
  .h-padding-l {
    padding: 15rem 7.5rem;
  }
  .h-margin-l {
    margin: 15rem 7.5rem;
  }
  aside {
    width: 100vw !important;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-end !important;
    padding-right: 7.5rem;
  }
  .h-btn-height20 {
    padding: 0rem 10rem;
  }
  .mealGrid .dataTable thead > tr > th,
  .mealGrid .dataTable thead > tr > td,
  .mealGrid .dataTable thead > tr > td.sorting,
  .mealGrid .dataTable thead > tr > td.sorting_asc,
  .mealGrid .dataTable thead > tr > td.sorting_desc,
  .mealGrid .dataTable thead > tr > th.sorting,
  .mealGrid .dataTable thead > tr > th.sorting_asc,
  .mealGrid .dataTable thead > tr > th.sorting_desc {
    padding: 0 5rem 0 0 !important;
  }
}
@media screen and (min-width: 959px) {
  .h-d-d-flex {
    display: flex;
  }
  .h-modeEdit .ck.ck-editor__main {
    height: 34vh !important;
  }
  .room-list-wrapper {
    max-height: 66vh;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1700px) {
  .h1-table .h-table-PatientCareProtocol {
    max-height: 45vh;
  }
  .h1-table .h-table-thought {
    max-height: 45vh;
  }
  .header-title-assessment {
    margin-bottom: 15rem;
  }
  .factorItem {
    flex-wrap: wrap;
  }
  .factorItem .h-factor-progress {
    max-width: 66rem;
  }
  .factorItem .h-font20 {
    font-size: max(8rem, 14px);
  }
  .factorItem h6 {
    font-size: max(7rem, 12px);
  }
  .h-appointment_title {
    flex-direction: column;
  }
  .h-appointment_title h4 {
    padding-top: 2.5rem;
  }
  .appointment-details-icon {
    align-self: center;
  }
  .patient-profile .h-box .h-left-box .h-appointments-card table {
    height: calc(100vh - 172.25rem);
  }
  .h1-table #PatientAppointments_wrapper table thead > tr > th,
  .h1-table #PatientAppointments_wrapper table thead > tr > td,
  .h1-table #PatientAppointments_wrapper table thead > tr > td.sorting,
  .h1-table #PatientAppointments_wrapper table thead > tr > td.sorting_asc,
  .h1-table #PatientAppointments_wrapper table thead > tr > td.sorting_desc,
  .h1-table #PatientAppointments_wrapper table thead > tr > th.sorting,
  .h1-table #PatientAppointments_wrapper table thead > tr > th.sorting_asc,
  .h1-table #PatientAppointments_wrapper table thead > tr > th.sorting_desc {
    padding: 0 0 0 15rem;
  }
  .h1-table #PatientAppointments_wrapper table thead .sorting:before,
  .h1-table #PatientAppointments_wrapper table thead .sorting_asc:before,
  .h1-table table#PatientAppointments_wrapper thead .sorting_asc_disabled:before,
  .h1-table table#PatientAppointments_wrapper thead .sorting_desc:before,
  .h1-table table#PatientAppointments_wrapper thead .sorting_desc_disabled:before {
    left: 5rem;
  }
  .h-appointment-input-bar {
    align-items: flex-end;
    margin-bottom: 10rem;
  }
  .h-appointment-input-bar .h-margin-bottom-m {
    margin-bottom: 0;
  }
  #appointmentDetailsView .h-margin-bottom-l {
    margin-bottom: 7.5rem;
  }
  #appointmentDetailsView .h-margin-left-l {
    margin-left: 7.5rem;
  }
  #appointmentDetailsView .h-margin-right-l {
    margin-right: 7.5rem;
  }
  #appointmentDetailsView .h-margin-bottom-m {
    margin-bottom: 5rem;
  }
  #appointmentDetailsView .h-appointment-input-bar .h-margin-bottom-m {
    margin-bottom: 0;
  }
  #appointmentDetailsView .h-label {
    font-size: max(7rem, 12px) !important;
  }
  #appointmentDetailsView .h-btn-bordered {
    font-size: max(7rem, 12px);
    padding: 5rem 10rem;
  }
  #appointmentDetailsView .h-btn-h-bordered {
    font-size: max(7rem, 12px);
    padding: 5rem 10rem;
  }
  #appointmentDetailsView .ck.ck-reset_all,
  #appointmentDetailsView .ck.ck-reset_all * {
    font-size: max(6rem, 12px) !important;
  }
  #appointmentDetailsView .h-appointment-input-bar .h-input {
    font-size: max(7rem, 12px);
  }
  #appointmentDetailsView .h-btn {
    font-size: max(7rem, 12px);
    padding: 5rem 10rem;
  }
  #appointmentDetailsView .ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break),
  #appointmentDetailsView .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
    margin-top: 0;
  }
  .h-newAppointment .h-margin-bottom-l {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 1367px) {
  .room-card {
    max-width: 60%;
  }
  .room-card h5 {
    word-break: break-all;
  }
  .chat-list .badge {
    width: 50rem !important;
  }
  table.h-table-log {
    height: calc(100vh - 142rem);
    margin-bottom: 0 !important;
  }
  table.h-Documents {
    height: calc(100vh - 155rem);
    margin-bottom: 0 !important;
  }
  .fullscreen table.h-table-activity {
    height: calc(100vh - 170rem) !important;
  }
  .h-patient-appointment .h-input {
    font-size: max(7rem, 12px);
    font-weight: 500;
    text-indent: 1rem;
    letter-spacing: 0px;
  }
  .h-btn,
  .h-btn-bordered {
    padding: 5rem 10rem;
  }
  .h-table-max-15 {
    max-height: 25vh;
  }
  .h-modeEdit .ck.ck-editor__main {
    height: 32vh !important;
  }
  .h-time-menu {
    display: none;
  }
  .patient-info-card {
    position: relative;
  }
  .filterItme {
    color: var(--secondary_shade_1);
    margin-bottom: 5rem;
  }
  .filterItme.active, .filterItme:hover {
    color: var(--accent);
    border-bottom: 2rem solid transparent;
  }
  .h-time-menu.show {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 40rem;
    background: white;
    width: 91%;
    box-shadow: 0px 4px 8px rgba(175, 175, 175, 0.3215686275);
    padding: 10rem 0;
  }
  .h-select-filter {
    cursor: pointer;
    height: 20rem;
    display: flex;
    align-items: center;
    border-bottom: 2rem solid var(--accent);
    width: -moz-max-content;
    width: max-content;
    margin: 0 10rem;
    color: var(--accent);
  }
  .h-select-filter::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: max(10rem, 18px);
    color: var(--accent);
    padding-left: 5rem;
    transition: all ease 0.5s;
  }
  .h-select-filter.active::after {
    transform: rotate(180deg);
    padding-left: 0;
    padding-right: 5rem;
  }
  .h1-table table {
    margin-top: 10rem !important;
  }
  .h-filter-card svg {
    height: 25rem;
  }
  .h-drawer-card .h-drawer-card-body {
    padding-bottom: 50rem !important;
  }
  .patient-profile .h-box .h-left-box .h-appointments-card .h-patient-appointment .ck-content.ck-editor__editable {
    height: calc(100vh - 297rem) !important;
  }
  .patient-profile .h-box .h-left-box .h-appointments-card .h-automatic-appointment .ck-content.ck-editor__editable {
    height: calc(100vh - 272rem) !important;
  }
}
@media screen and (max-width: 1367px) and (min-height: 820px) {
  .TableReports {
    max-height: 60vh;
    min-height: 60vh;
  }
  .TableReports.Expended {
    max-height: 81vh;
    min-height: 81vh;
  }
  .TableReportsBilling {
    max-height: 70vh;
    min-height: 70vh;
  }
  .TableReportsBilling.Expended {
    max-height: 81vh;
    min-height: 81vh;
  }
}
@media screen and (max-width: 959px) {
  .h-top-10 {
    margin-left: 0;
  }
  .h-b-10 {
    margin-bottom: 5rem;
  }
  .h-mob-align {
    flex-direction: column;
    justify-content: normal;
    align-items: flex-start;
  }
  .h-mob-align .w-50 {
    width: 100% !important;
  }
  .h-mob-align .h-btn {
    margin-top: 5rem;
  }
  .h-mob-left {
    margin-top: 15rem;
  }
  .h-mob-left .text-right {
    text-align: left !important;
  }
  .h-mob-left .h-margin-left-s {
    margin-left: 0 !important;
  }
  .h-md-hide {
    display: none !important;
  }
  .h-mr-mobile {
    margin-right: 10rem;
    margin-top: 2rem;
  }
  .h-full-not-mobile .dropdown-menu {
    right: -52rem;
    width: -moz-max-content;
    top: -20rem;
    width: 100vw;
    height: 100vh;
    padding: 10rem 0 0 10rem;
  }
  .h-full-not-mobile .dropdown-menu:after {
    content: "X";
    background-color: white;
    font-size: max(12rem, 18px);
    color: var(--dangerous);
    position: absolute;
    top: 8rem;
    right: 20rem;
    font-family: "Roboto";
    font-weight: bolder;
  }
  .h-drawer-max79 .h-drawer-card .h-drawer-card-body {
    min-width: calc(100vw - 30rem);
    max-width: calc(100vw - 30rem);
  }
  .sidebar.active {
    transform: none !important;
  }
  .h-report-table-title {
    position: relative;
  }
  .h-center-center {
    position: relative;
    transform: translate(0, 0);
  }
  .h-step-fix-footer {
    width: calc(100% - 30rem);
    left: 0;
    padding: 15rem;
    padding-bottom: 30rem;
  }
  .h-mobile-margin-bottom-xl {
    margin-bottom: 30rem;
  }
  .download-container {
    width: calc(100% - 16rem) !important;
  }
  ._horizontal-scroll::-webkit-scrollbar {
    width: 2.5rem;
    background-color: transparent;
    height: 0rem;
  }
  .MainInterface-wrapper {
    overflow: hidden !important;
    height: 100%;
  }
  .h-mobile-nav .h-acridon-btn1.h-expand + .h-patients {
    margin-top: 5rem;
  }
  .navbar #h-menu {
    margin-right: 0 !important;
    padding-right: 15rem;
  }
  .btn-group > .btn-group:not(:first-child),
  .btn-group > .btn:not(:first-child) {
    margin-left: 0px;
    display: contents;
  }
  #hospital-report-table_wrapper div.btn-group {
    display: contents;
  }
  .remoteUser-messageHolder.max-w-50 {
    max-width: 75%;
    margin-right: 25%;
  }
  .max-w-50 {
    max-width: 75%;
    margin-left: 25%;
  }
  .messageInput-cell .messageInput-buttons button {
    width: 48rem;
  }
  .h-btn-sent {
    height: 65% !important;
    padding: 0;
  }
  .h-mobile-margin-top-l {
    margin-top: 15rem;
  }
  .h-mobile-padding-top-xxl {
    padding-top: 45rem;
  }
  .h-mobile-margin-left-0 {
    margin-left: 0;
  }
  .h-mobile-text-center {
    text-align: center !important;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
    padding-right: 0;
  }
  div.dataTables_wrapper div.dataTables_length label,
  .h1-table .dataTables_wrapper .dataTables_info {
    margin-bottom: 10px;
  }
  .h-drawer-maxfull .h-drawer-card .h-drawer-card-body {
    height: calc(100vh - 110rem);
    min-width: inherit;
    max-width: inherit;
    overflow: auto;
  }
  .h-drawer-maxfull .h-drawer-card .h-drawer-card-footer {
    padding: 5rem 15rem 15rem 15rem;
    z-index: 1;
    background-color: white;
    width: calc(100vw - 30rem);
    text-align: left;
  }
  .h-drawer-maxfull.h-edu .h-drawer-card .h-drawer-card-body {
    padding: 15rem;
  }
  .h-drawer-maxfull.h-edu .h-drawer-card .h-drawer-card-body .h-edu-inputs {
    max-height: inherit;
    min-height: inherit;
    overflow-y: inherit;
  }
  .h-drawer-maxfull.h-edu .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .h-drawer-maxfull.h-edu .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .h-drawer-maxfull.h-edu .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .h-drawer-maxfull.h-edu .col-7.h-padding-left-l {
    padding-left: 0;
  }
  .h-drawer-maxfull.h-edu .col-7.h-padding-left-l .h-padding-right-l {
    padding-right: 0;
  }
  .h-drawer-maxfull.h-edu #editEducationalEntryDialog-keywords {
    height: 25rem;
  }
  .h-mob-learn {
    display: block;
  }
  .h-mob-learn button {
    margin: 5rem 0 5rem 0 !important;
    display: block;
  }
  .h-mob-top-l0 {
    margin-top: 0;
  }
  .h-col-screen-75 {
    box-sizing: border-box;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .h-w75.step-tab-panel {
    max-width: 100% !important;
    width: 100% !important;
  }
}
.ck.ck-dropdown.ck-heading-dropdown {
  width: 60rem !important;
}

.h-drawer-maxfull.h-edu .ck-editor__editable {
  min-height: calc(100vh - 115rem);
  max-height: calc(100vh - 365rem) !important;
}

.h-quick-note .h-editorafterhide .ck.ck-editor__main {
  height: calc(100vh - 330rem) !important;
}

.h-modeEdit .h-editorafterhide .ck.ck-editor__main {
  height: calc(100vh - 345rem) !important;
}

.h-drawer-maxfull.h-edu.h-editorafterhide .ck-editor__editable {
  min-height: calc(100vh - 115rem);
  max-height: calc(100vh - 345rem) !important;
}

.no-weight-space {
  white-space: pre-line !important;
}

textarea.h-input.textarea-indrawer {
  text-indent: 0;
  padding: 7.5rem 5rem 0 5rem;
  height: 17.5rem;
  border-radius: 5rem;
  border: 0.5rem solid var(--secondary_shade_1);
  width: 100%;
  background-color: var(--secondary_shade_5);
  font-family: "Roboto", sans-serif;
  font-size: max(8rem, 14px);
  line-height: max(10rem, 16px);
  font-weight: 700;
  color: var(--primary_shade_1);
}

textarea.h-input.textarea-indrawer.h-border-radius-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media screen and (max-width: 1024px) {
  table.h-table-log.h-Documents {
    height: calc(100vh - 155rem);
    margin-bottom: 0 !important;
  }
  .align-self-center.dropdown.h-add-dropdown.h-md-hide.notification-list {
    display: list-item !important;
    padding-right: 10rem !important;
  }
  .h-add-dropdown .dropdown-menu-right {
    right: 10rem;
    padding: 0;
  }
  .h-mob-120 {
    display: block;
    height: 60px;
    font-size: 0;
  }
  .h-filter-card {
    width: 172rem;
  }
  .h-filter-card svg {
    height: 25rem;
  }
  .RPMAssessment {
    height: -webkit-fill-available !important;
  }
  .mob-nav {
    display: none !important;
  }
  .mob-fill {
    height: -webkit-fill-available;
  }
  .h-2btn-gap-l {
    gap: 7.5rem;
  }
  .step-tab-panel h3 {
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }
}
table thead {
  position: sticky !important;
  top: -1px !important;
  z-index: 1;
}

.hdr select {
  background-color: transparent !important;
  border: 0 !important;
  width: -moz-max-content !important;
  width: max-content !important;
  min-width: 100rem !important;
  text-indent: 0 !important;
}

.modal {
  z-index: 999999999999999 !important;
}

.h-drawer-max79 > aside {
  width: 30vw;
}

.h-drawer-max60 > aside {
  width: 60vw;
}

.h-drawer-max500 > aside {
  width: 75vw;
}

.h-drawer-maxfull > aside {
  width: 100vw;
}

a {
  font-family: "Roboto" !important;
}

@media screen and (min-width: 1024px) {
  .dataTables_scrollBody {
    height: calc(100vh - 200rem) !important;
    max-height: calc(100vh - 200rem) !important;
  }
  .h1-table table#all-patients {
    height: calc(100vh - 260rem);
  }
  .fullscreen .h1-table table#all-patients {
    height: calc(100vh - 167rem);
  }
}
@media screen and (min-width: 1280px) {
  /* Styles for desktop screens */
}
@media screen and (min-width: 1440px) {
  .h1-table table#all-patients {
    height: calc(100vh - 267rem);
  }
  .fullscreen .h1-table table#all-patients {
    height: calc(100vh - 174rem);
  }
}
@media screen and (min-width: 1920px) {
  .dataTables_scrollBody {
    height: calc(100vh - 190rem) !important;
    max-height: calc(100vh - 190rem) !important;
  }
  .patient-profile .h-box .h-left-box .h-appointment-sp {
    height: calc(100vh - 190rem);
    flex-direction: column;
  }
}
@media screen and (min-width: 1925px) {
  .h-AllPatients-filter .h-AllPatients-filter-card {
    width: -webkit-fill-available;
  }
}
@media screen and (min-width: 3000px) {
  .patient-profile .h-box .h-left-box {
    flex: 0.25;
  }
  .patient-profile .h-box .h-right-box {
    flex: 0.75;
  }
}
@media screen and (min-width: 3200px) {
  .h-modeEdit .ck.ck-editor__main {
    height: 38vh !important;
  }
}
@media screen and (min-width: 3500px) {
  .h-modeEdit .ck.ck-editor__main {
    height: 32vh !important;
  }
}
.h-gap-xl {
  gap: 30rem;
}

@media screen and (min-width: 959px) {
  .h-gap-xl {
    gap: 8%;
  }
}
.h-last-left div:last-child {
  margin: 0 auto 0 0;
}/*# sourceMappingURL=index.css.map */