/*--------------------------------------------------------------*/
/*-- CSS Document --*/
/*--------------------------------------------------------------*/
body {
  overflow-x: hidden;
}

.spinner-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.03); */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 60px;
  height: 60px;
}

.modal.modal-action {
  z-index: var(--bs-modal-zindex);
}

.sonata-ba-filters-buttons-header {
  padding-right: 5px;
}

.sonata-ba-filters-buttons {
  padding-right: 10px;
}

.filter-action-visible.switch {
  margin: 0;
}

.select2-container .select2-results__option.opt-hidden {
  display: none;
}

.select2-container.select2-container--open {
  z-index: 9999;
}

.select2-dropdown .select2-dropdown-inline-container {
  padding: 6px 10px;
}

.select2-dropdown .dropdown-divider {
  border-top: 1px solid
}

.sonata-ba-form-actions.sticky-bottom, .sonata-ba-view-actions.sticky-bottom {
  position: sticky;
  bottom: 1px;
  z-index: 1020;
}

.table-responsive {
  overflow-x: visible !important;
}

ul.sonata-ba-show-many-to-many {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.light-style .flatpickr-input[disabled] {
  background-color: #eceef1;
  opacity: 1;
}

form label.required:after {
  content: " *";
  color: #ff0000;
}

form legend.col-form-label.form-accordion-button {
  padding-top: 0;
}

.card.sonata-ba .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card.sonata-ba .card-body.has-tab {
  padding-left: 0;
  padding-right: 0;
}

.card.sonata-ba .card-body.has-tab .sonata-ba-form-actions {
  padding-left: var(--bs-card-spacer-x);
  padding-right: var(--bs-card-spacer-x);
}

/* .card.sonata-ba .card-body .case-section {
  padding-bottom: var(--bs-card-spacer-y);
} */

.card.sonata-ba .card-body .sticky-element .case-section:first-child {
  padding-top: var(--bs-card-spacer-y);
}

.sonata-ba-view .object-show .field {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 0.625rem 1.25rem;
}

.sonata-ba-view .object-show .field div {
  display: inline-block;
  vertical-align: middle;
}

.sonata-ba-view .object-show .field .field-label {
  color: #566a7f;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1px;
  font-weight: 500;
  width: 30%;
}

.sonata-ba-view .object-show .field .field-value {
  width: 69%;
}

.card.sonata-ba .card-body .case-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--bs-card-spacer-y);
}

.card.sonata-ba .card-body .case-section.information .object-show .field {
  padding-bottom: 0.625rem;
}

.card.sonata-ba .card-body .case-section.information .object-show .field .field-label {
  color: #566a7f;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1px;
  font-weight: 500;
}

.card.sonata-ba .card-body .case-section.information .object-show .field .field-value {
  font-weight: 700;
}

.card.sonata-ba .card-body .case-section.information .object-show .field .field-value a {
  font-weight: 400;
}

.card.sonata-ba .card-body .case-section.information .object-show .field .field-value:empty::before {
  content: "-";
}

.dt-buttons.btn-group a.btn {
  border-color: transparent;
  border-radius: 0.375rem !important;
}

.layout-page .navbar .navbar-nav ol.breadcrumb {
  margin-top: 1rem;
}

.layout-page .navbar .navbar-nav ol.breadcrumb .breadcrumb-item:first-child {
  margin-top: -2px;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
  padding: 0 0.8rem;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link, 
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link {
  padding-right: 1rem;
}

.menu.menu-vertical .app-brand {
  height: 64px;
  margin-top: 12px;
  padding: 0 1.2rem;
}

.app-brand #SvgjsG4892 {
  transition: opacity 0.2s;
}

.layout-menu-collapsed:not(.layout-menu-hover) .app-brand #SvgjsG4892 {
  opacity: 0;
}

.app-brand-logo img {
  width: 46px;
  height: auto;
}

.app-brand-text {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: capitalize;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 74px !important;
}

/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}


.form-accordion {
  --bs-accordion-color: #697a8d;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: all 0.2s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: #d9dee3;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: 0.375rem;
  --bs-accordion-btn-padding-x: 1.125rem;
  --bs-accordion-btn-padding-y: 0.79rem;
  --bs-accordion-btn-color: #566a7f;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23435971' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23566a7f' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bs-accordion-btn-icon-width: 0.75rem;
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='m1.532 12 6.182-6-6.182-6L0 1.487 4.65 6 0 10.513z'/%3E%3C/defs%3E%3Cg transform='translate%282.571%29' fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23435971' xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' fill='%23566a7f' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E%0A");
  --bs-accordion-btn-focus-border-color: rgba(249, 249, 255, 0.54);
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.125rem;
  --bs-accordion-body-padding-y: 0.79rem;
  --bs-accordion-active-color: #566a7f;
  --bs-accordion-active-bg: #fff;
}

.form-accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  transition: var(--bs-accordion-transition);
  cursor: default;
}

[id^=field_dialog_admin_case_note_] .form-accordion-button {
  display: none;
}

[id^=field_dialog_admin_case_note_] .form-accordion-button + div {
  border: none !important;
  padding-top: 0 !important;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .form-accordion-button {
    transition: none;
  }
}

.form-accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.form-accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .form-accordion-button::after {
    transition: none;
  }
}

.sticky-visible-wrap-visible .dtfh-floatingparenthead {
  margin-top: 5px;
}

.dtfh-floatingparenthead {
  margin-top: 10px;
}

.sticky-visible-wrap { 
  position: fixed;
  top: 68px;
  width: 100% !important;
  max-width: calc(100% - 1.625rem * 2 - 4.375rem) !important;
  background: #fff;
  transform: translateX(2px);
  margin-left: calc(-0.5* var(--bs-gutter-x));
  padding-top: 18px;
  box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15);
  z-index: 1074;
}

@media (max-width: 1199.98px) {
  .sticky-visible-wrap {
    max-width: calc(100% - 1.625rem * 2) !important;
  }
}

@media (max-width: 991.98px) {
  .sticky-visible-wrap {
    max-width: calc(100% - 1rem* 2) !important;
  }
}

table.dataTable thead > tr > th.sorting:before, 
table.dataTable thead > tr > th.sorting_asc:before, 
table.dataTable thead > tr > th.sorting_desc:before, 
table.dataTable thead > tr > th.sorting_asc_disabled:before, 
table.dataTable thead > tr > th.sorting_desc_disabled:before, 
table.dataTable thead > tr > td.sorting:before, 
table.dataTable thead > tr > td.sorting_asc:before, 
table.dataTable thead > tr > td.sorting_desc:before, 
table.dataTable thead > tr > td.sorting_asc_disabled:before, 
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting:after, 
table.dataTable thead > tr > th.sorting_asc:after, 
table.dataTable thead > tr > th.sorting_desc:after, 
table.dataTable thead > tr > th.sorting_asc_disabled:after, 
table.dataTable thead > tr > th.sorting_desc_disabled:after, 
table.dataTable thead > tr > td.sorting:after, 
table.dataTable thead > tr > td.sorting_asc:after, 
table.dataTable thead > tr > td.sorting_desc:after, 
table.dataTable thead > tr > td.sorting_asc_disabled:after, 
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50% !important;
  transform: translateY(-50%);
  bottom: auto !important;
}

table.dataTable thead > tr > th.sorting:before, 
table.dataTable thead > tr > th.sorting_asc:before, 
table.dataTable thead > tr > th.sorting_desc:before, 
table.dataTable thead > tr > th.sorting_asc_disabled:before, 
table.dataTable thead > tr > th.sorting_desc_disabled:before, 
table.dataTable thead > tr > td.sorting:before, 
table.dataTable thead > tr > td.sorting_asc:before, 
table.dataTable thead > tr > td.sorting_desc:before, 
table.dataTable thead > tr > td.sorting_asc_disabled:before, 
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  margin-top: -5px;
}

table.dataTable thead > tr > th.sorting:after, 
table.dataTable thead > tr > th.sorting_asc:after, 
table.dataTable thead > tr > th.sorting_desc:after, 
table.dataTable thead > tr > th.sorting_asc_disabled:after, 
table.dataTable thead > tr > th.sorting_desc_disabled:after, 
table.dataTable thead > tr > td.sorting:after, 
table.dataTable thead > tr > td.sorting_asc:after, 
table.dataTable thead > tr > td.sorting_desc:after, 
table.dataTable thead > tr > td.sorting_asc_disabled:after, 
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  margin-top: 5px;
}

table.dataTable.dtr-column > tbody > tr > td.control:before, 
table.dataTable.dtr-column > tbody > tr > td.control:before, 
table.dataTable.dtr-column > tbody > tr > th.control:before, 
table.dataTable.dtr-column > tbody > tr > th.control:before {
  transform: translate(-50%, -50%);
}

table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: none;
  background-color: #e1e2ff;
}