@charset "UTF-8";
/* ----------------------------------------------------------------------------
   This file defines the CSS variables used in the backend design.
   Most of the times, overriding some of these variables is all you need to
   customize the design of your backends.
 --------------------------------------------------------------------------- */
:root {
  --body-bg: var(--gray-100);
  --badge-primary-bg: var(--color-primary);
  --bs-primary-rgb: var(--badge-primary-bg) !important;
  --bs-badge-color: var(--white) !important;
  --badge-primary-color: var(--white);
  --button-color: var(--white);
  --button-hover-color: var(--white);
  --button-active-color: var(--white);
  --button-hover-shadow:
      /* border */
      1px 1px 3px 0 var(--gray-600),
      /* drop shadow md (--gray-900) */
      0 1px 1px 0 hsla(222, 47%, 11%, 0.1),
      /* drop shadow lg (--gray-700) */
      0 2px 5px 0 hsla(215, 25%, 27%, 0.1),
      /* drop shadow xl (--gray-700) */
      0 3px 9px 0 hsla(215, 25%, 27%, 0.1);
  --button-primary-bg: var(--color-primary);
  --button-secondary-bg: var(--gray-500);
  --button-secondary-color: var(--button-color);
  --text-color: var(--gray-700);
  --color-primary: #862879;
  --color-primary-rgb: 134, 40, 121;
  --text-primary-color: var(--color-primary);
  --btn-disabled-bg: #db78ce;
}
:root .accordion {
  --bs-accordion-active-color: var(--gray-700);
}

.ea-dark-scheme {
  --button-primary-bg: var(--color-primary);
  --color-primary: #b835a7;
  --pagination-active-bg: var(--color-primary);
}
.ea-dark-scheme .card-header {
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bg-green: rgba(var(--bs-body-color-rgb), 0.03);
  --bg-blue: rgba(var(--bs-body-color-rgb), 0.03);
}

:root,
[data-bs-theme=light] {
  --bs-info-rgb: 10, 76, 176;
  --bg-green: #b1e0ca;
  --bg-blue: #b6cef2;
  --bs-info-rgb: 10, 55, 122;
}

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  --badge-primary-bg: var(--color-primary-rgb);
  --bs-primary-rgb: var(--badge-primary-bg);
  --badge-primary-color: var(--white);
  --bs-alert-link-color: inherit;
  --bs-primary-bg-subtle: var(--gray-200);
}

.card {
  --bs-card-bg: var(--sidebar-bg);
}

.card-header {
  --bs-card-cap-bg: var(--gray-200);
}

.nav-link {
  --bs-nav-link-color: var(--color-primary);
}

.text-bg-light {
  background-color: rgb(226, 232, 240) !important;
}

.datagrid td.actions a:not(.dropdown-item) .action-icon {
  font-size: unset;
  margin-inline-end: unset;
}

.datagrid td.actions a:not(.dropdown-item) + a:not(.dropdown-item) {
  margin-inline-start: 4px;
}

.datagrid span.icon {
  inline-size: unset;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  background: var(--btn-disabled-bg) !important;
  border-color: var(--btn-disabled-bg) !important;
}

.bg-green {
  background-color: var(--bg-green);
}

.bg-blue {
  background-color: var(--bg-blue);
}

.content-top {
  background: var(--sidebar-bg);
  box-shadow: unset;
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: 0.5rem!important;
  --bs-btn-padding-x: 1rem!important;
  --bs-btn-font-size: 1rem!important;
  --bs-btn-border-radius: var(--bs-border-radius-lg)!important;
}

#flash-messages {
  text-align: center;
}

.sidebar {
  box-shadow: unset;
}

.col.col-icon {
  flex: 0;
}

.table thead th {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
}

.card .card-header {
  border-bottom: unset;
}
.card .card-header .card-title {
  flex: 1 1 auto;
  min-height: 1.75rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.form-group.field-array .field-collection-item.field-collection-item {
  margin-block-start: 5px;
}

#loading-overlay img {
  max-width: 200px;
}

#main-menu .menu .menu-item:hover {
  background: var(--sidebar-menu-active-item-bg);
}

.ea-dark-scheme #main-menu .menu .menu-item:hover a,
.ea-dark-scheme #main-menu .menu .menu-item:hover .menu-icon {
  color: var(--sidebar-menu-active-item-color);
}

.logo-custom img {
  height: 60px;
}

.thumb-image {
  max-width: 130px;
}

.medic-profile .content-body > .card,
.patient-profile .content-body > .card {
  border: unset;
}
.medic-profile .content-header:not(.custom),
.patient-profile .content-header:not(.custom) {
  display: none;
}

.patient-profile .patient-events .card:hover {
  box-shadow: var(--bs-box-shadow) !important;
}
.patient-profile .patient-events .card .card-footer {
  background-color: transparent;
}
.patient-profile .patient-events .patient-event {
  display: block;
  min-height: 80px;
}
.patient-profile .patient-events .patient-event.collapse:not(.show) {
  overflow: hidden;
  height: 80px;
}
.patient-profile .patient-events .patient-event.collapse:not(.show)::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, rgb(248, 250, 252) 20%, rgba(248, 250, 252, 0) 30%);
  pointer-events: none;
  z-index: 1;
}
.patient-profile .patient-events .patient-event.collapsing {
  height: 80px;
}
.patient-profile .patient-events a.collapsed.more {
  position: relative;
  z-index: 2;
}
.patient-profile .patient-events a.collapsed.more::after {
  content: "Vezi mai mult";
}
.patient-profile .patient-events a.more:not(.collapsed)::after {
  content: "Vezi mai puțin";
}

.ea-dark-scheme .consultation.collapse:not(.show)::after {
  background: linear-gradient(to top, rgb(23, 23, 23) 10%, rgba(23, 23, 23, 0) 30%) !important;
}

#today-activities {
  max-height: 250px;
  overflow-y: auto;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--color-primary);
}

.form-text {
  font-size: unset;
}

.form-tabs-tablist .nav-tabs .nav-link.active {
  color: var(--color-primary);
}
.form-tabs-tablist .nav-tabs .nav-link.active::after {
  background: var(--color-primary);
}

.form-control, .form-control:focus, .form-select, .form-select:focus {
  background-color: var(--white);
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection,
.select2-container--bootstrap-5.select2-container--disabled.select2-container--focus .select2-selection {
  background-color: var(--bs-secondary-bg) !important;
}

.select2-container--bootstrap-5 .select2-selection {
  color: var(--bs-body-color) !important;
  border: var(--bs-border-width) solid var(--bs-border-color) !important;
}

::placeholder {
  color: var(--bs-body-color) !important;
  opacity: 1;
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--bs-body-color) !important;
}

.is-invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.is-invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection,
.is-invalid + .select2-container--bootstrap-5 .select2-selection--single,
.was-validated select:invalid + .select2-container--bootstrap-5 .select2-selection--single,
.was-validated select:invalid + .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.was-validated select:invalid + .select2-container--bootstrap-5.select2-container--open .select2-selection {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
  border-color: var(--bs-form-invalid-border-color) !important;
}

/*# sourceMappingURL=main.output.css.map */