@charset "UTF-8";
.badge {
  z-index: 1 !important;
}
.badge.badge-auto-width {
  cursor: pointer;
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  padding: 5px 10px;
  position: relative;
}
.badge.badge-base {
  background-color: #09156f;
}
.badge.badge-color {
  background-color: #09156f;
  border-radius: 50%;
  height: 0.75rem;
  width: 0.75rem;
  top: -5px;
  padding: 0;
  position: relative;
}
.badge.badge-color:empty {
  display: inline-block;
}
.badge.badge-keywords {
  display: inline-block !important;
}
.badge.badge-alert-1 {
  background-color: #EB5463;
}
.badge.badge-alert-2 {
  background-color: #FDCD56;
}
.badge.badge-alert-3 {
  background-color: #fad938;
}
.badge.badge-alert-4 {
  background-color: #89C053;
}
.badge.badge-alert-5 {
  background-color: #CAD0D7;
}
.badge.badge-alert-6 {
  background-color: #424852;
}

.auto-width {
  position: relative;
  clear: both;
}
.auto-width.left {
  padding-left: 12px;
}
.auto-width.left a {
  color: #4f5861;
}
.auto-width.left .badge {
  font-size: 11px;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  left: -1px;
  max-width: auto;
}
.auto-width.left .badge:not(:hover) {
  font-size: 0;
  padding: 6px;
  max-width: 0;
  top: -4px;
}
.auto-width.left .badge:hover {
  top: -6px;
}
.auto-width.left .badge.incorrect {
  color: #FFFFFF;
  background-color: #FF9800;
}
.auto-width .id {
  margin-left: 2px;
}

:root {
  --selectpicker-menu-x: 10px;
  --selectpicker-section-gap: 4px;
  --selectpicker-option-y: 4px;
  --selectpicker-action-height: 28px;
  --selectpicker-options-max-height: 240px;
  --selectpicker-accent-text: rgb(38.4, 42, 69);
}

.modal-content:has(.bootstrap-select > .dropdown-toggle[aria-expanded=true]) {
  overflow: visible;
}

.bootstrap-select.dropup > .dropdown-menu[x-placement] {
  bottom: auto;
}

.bootstrap-select {
  display: block;
  background-color: transparent !important;
  outline: none !important;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.65rem 0.1rem;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: 1.25;
  color: #707070;
  background-color: transparent !important;
  border: 0;
  border-bottom: 1px solid #f1f1f1;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.15s ease;
}
.bootstrap-select > .dropdown-toggle:hover, .bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:active, .bootstrap-select > .dropdown-toggle:active:focus, .bootstrap-select > .dropdown-toggle[aria-expanded=true], .bootstrap-select > .dropdown-toggle[aria-expanded=false] {
  z-index: 1 !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #707070 !important;
  border-color: transparent !important;
  border-bottom-color: #f1f1f1 !important;
  box-shadow: none !important;
  outline: none !important;
}
.bootstrap-select > .dropdown-toggle::after {
  margin-left: auto;
  flex-shrink: 0;
}
.bootstrap-select > .dropdown-toggle .filter-option {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #707070;
  font-size: 1rem;
  outline: 0 !important;
}
.bootstrap-select > .dropdown-toggle .caret {
  display: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #636c72;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus .filter-option,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active .filter-option {
  color: #636c72;
}
.bootstrap-select.show > .dropdown-toggle, .bootstrap-select.open > .dropdown-toggle {
  background-color: transparent !important;
  background-image: none !important;
  color: #707070 !important;
  border-color: transparent !important;
  border-bottom-color: #f1f1f1 !important;
  box-shadow: none !important;
  outline: none !important;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.bootstrap-select ~ .form-group__bar {
  bottom: 0;
  z-index: 3;
}
.bootstrap-select.show ~ .form-group__bar::before, .bootstrap-select.show ~ .form-group__bar::after, .bootstrap-select:focus-within ~ .form-group__bar::before, .bootstrap-select:focus-within ~ .form-group__bar::after {
  width: 50%;
}
.bootstrap-select .dropdown-menu {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  padding: var(--selectpicker-section-gap) 0;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  color: #707070;
  min-width: 100%;
}
.bootstrap-select .dropdown-menu .bs-searchbox {
  padding: var(--selectpicker-section-gap) var(--selectpicker-menu-x);
  position: relative;
}
.bootstrap-select .dropdown-menu .bs-searchbox::before {
  font-family: "Material-Design-Iconic-Font";
  content: "\f1c3";
  font-size: 1.1rem;
  position: absolute;
  top: 50%;
  left: calc(var(--selectpicker-menu-x) + 8px);
  transform: translateY(-50%);
  color: #a3a3a3;
  pointer-events: none;
}
.bootstrap-select .dropdown-menu .bs-searchbox input.form-control {
  height: var(--selectpicker-action-height);
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 28px;
  padding-right: 0.1rem;
  font-size: 0.875rem;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #f1f1f1 !important;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: #707070;
}
.bootstrap-select .dropdown-menu .bs-searchbox input.form-control::-moz-placeholder {
  color: #636c72;
  opacity: 1;
}
.bootstrap-select .dropdown-menu .bs-searchbox input.form-control::placeholder {
  color: #636c72;
  opacity: 1;
}
.bootstrap-select .dropdown-menu .bs-searchbox input.form-control:focus {
  box-shadow: none;
}
.bootstrap-select .dropdown-menu ul.inner {
  margin: 0;
  padding: 0;
  min-height: 0 !important;
  max-height: var(--selectpicker-options-max-height) !important;
  overflow-y: auto;
}
.bootstrap-select .dropdown-menu li {
  padding: 0;
}
.bootstrap-select .dropdown-menu li.hidden {
  display: none !important;
}
.bootstrap-select .dropdown-menu li.divider, .bootstrap-select .dropdown-menu li.dropdown-divider {
  padding: 0 !important;
}
.bootstrap-select .dropdown-menu li.dropdown-header {
  background-color: #707070;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 8px 14px;
  cursor: default;
}
.bootstrap-select .dropdown-menu li.dropdown-header:hover {
  background-color: #707070 !important;
  color: #fff !important;
}
.bootstrap-select .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: var(--selectpicker-option-y) var(--selectpicker-menu-x) !important;
  min-height: 24px;
  line-height: 1.35;
  color: #707070 !important;
  font-size: 0.9rem;
  white-space: normal;
}
.bootstrap-select .dropdown-menu li a .text {
  display: inline;
}
.bootstrap-select .dropdown-menu li a .text-muted {
  color: var(--selectpicker-accent-text) !important;
  font-size: 0.78rem;
  font-weight: 400;
  margin-left: 4px;
}
.bootstrap-select .dropdown-menu li a .glyphicon-ok {
  position: absolute !important;
  right: var(--selectpicker-menu-x) !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important;
}
.bootstrap-select .dropdown-menu li a .glyphicon-ok::before {
  font-family: "Material-Design-Iconic-Font";
  content: "\f26b";
  font-size: 1.1rem;
}
.bootstrap-select .dropdown-menu li:hover {
  background-color: #f9f9f9 !important;
}
.bootstrap-select .dropdown-menu li.selected a {
  color: var(--selectpicker-accent-text) !important;
  font-weight: 500;
}
.bootstrap-select .bs-actionsbox {
  padding: var(--selectpicker-section-gap) var(--selectpicker-menu-x) !important;
}
.bootstrap-select .bs-actionsbox .btn-group {
  display: flex;
  gap: 6px;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select .bs-actionsbox .btn-group .actions-btn {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: var(--selectpicker-action-height);
  margin: 0;
  padding: 4px 8px;
  border: 0;
  border-radius: 8px !important;
  background-color: #f6f6f6 !important;
  box-shadow: none !important;
  color: #4f5861 !important;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  white-space: normal;
  text-transform: none;
  cursor: pointer;
  touch-action: manipulation;
}
.bootstrap-select .bs-actionsbox .btn-group .actions-btn:hover, .bootstrap-select .bs-actionsbox .btn-group .actions-btn:active {
  color: #4f5861 !important;
  background-color: #f6f6f6 !important;
}
.bootstrap-select .bs-actionsbox .btn-group .actions-btn:focus-visible {
  outline: none;
  box-shadow: inset 0 -2px #4f5861 !important;
}

@media (pointer: coarse) {
  .bootstrap-select {
    --selectpicker-action-height: 36px;
  }
  .bootstrap-select .dropdown-menu li a {
    min-height: 36px;
  }
}
.btn:not(.btn-secondary):not(.btn-default):not([class*=btn-outline-]):not(.btn-link) {
  outline: none !important;
}

.breadcrumb .breadcrumb-item {
  font-weight: 500;
}
.breadcrumb .breadcrumb-item:before {
  content: "\f2fb";
}
.breadcrumb .breadcrumb-item:first-child:before {
  content: "";
}

.card {
  display: -webkit-box;
  border-radius: 10px;
}
.card.card-top-border-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card.card-border {
  border: 1px solid rgba(0, 0, 0, 0.075);
  box-shadow: none;
}
.card .card-uui {
  color: #4f5861;
  border-bottom: 3px;
  margin-top: 0.3rem;
}
.card .card-subtitle {
  margin-top: 0.1rem;
}
.card .card-actions {
  margin-bottom: 2rem;
}
.card .card-actions form {
  display: inline-block;
}
.card .card-actions .update {
  color: #4f5861;
}

.content .content__inner {
  max-width: 100% !important;
}
.content .content__inner .content__title {
  color: #4f5861;
  font-size: 1.15rem;
  padding: 0.5rem 0 0.5rem 0;
  font-weight: 500;
  margin-bottom: 1rem;
}
.content .content__inner .content__title h1 {
  color: #4f5861;
  font-weight: 500;
}
.content .content__inner .content__title img {
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  float: left;
  height: 40px;
  margin-right: 10px;
  top: -5px;
  position: relative;
  width: 40px;
}
.content .content__inner .content__title small {
  margin-top: 3px;
}
.content .error {
  height: auto;
}
.content .actions .actions__item {
  color: #4f5861;
}

.context-menu-list {
  font-size: 0.85rem !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12) !important;
}
.context-menu-list li {
  color: #707070 !important;
  font-family: "Roboto", sans-serif !important;
  padding: 3px 50px 3px 10px !important;
}
.context-menu-list li:hover {
  color: #707070 !important;
  background-color: #f9f9f9 !important;
}

.dashboard :is(#world, .dashboard-browser) {
  --world-radius: var(--dt-control-radius);
  --world-motion: var(--dt-header-motion);
}
.dashboard :is(#world, .dashboard-browser) [hidden] {
  display: none !important;
}
.dashboard :is(#world, .dashboard-browser).world-list, .dashboard :is(#world, .dashboard-browser) .world-list {
  margin: 0 0 12px;
}
.dashboard :is(#world, .dashboard-browser) .world-search-column {
  padding: 0;
}
.dashboard :is(#world, .dashboard-browser) .preloader {
  display: block;
  min-height: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-browser-head {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 12px;
}
.dashboard :is(#world, .dashboard-browser) .world-overview {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  color: #4f5861;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.dashboard :is(#world, .dashboard-browser) .world-overview-worlds {
  white-space: nowrap;
}
.dashboard :is(#world, .dashboard-browser) .world-search-results, .dashboard :is(#world, .dashboard-browser) .world-list-empty {
  padding: 0 0 8px;
  color: #4f5861;
  font-size: 12px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-menu {
  width: 360px;
  min-width: 0;
  max-width: calc(100vw - 32px);
  padding: 4px;
  margin-top: 8px;
  border: 1px solid rgba(79, 88, 97, 0.14);
  border-radius: var(--world-radius);
  overflow: visible;
  background: #FFFFFF;
  animation: none;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-menu .world-universe-pointer {
  position: absolute;
  top: 0;
  left: 24px;
  width: 8px;
  height: 8px;
  background: inherit;
  border: solid rgba(79, 88, 97, 0.14);
  border-width: 1px 0 0 1px;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-menu[x-placement^=top] {
  margin-top: 0;
  margin-bottom: 8px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-menu[x-placement^=top] .world-universe-pointer {
  top: 100%;
  transform: translateY(-50%) rotate(225deg);
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filters {
  max-height: 280px;
  overflow-y: auto;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-menu-actions {
  padding-top: 4px;
  margin-top: 4px;
  border-top: 1px solid rgba(79, 88, 97, 0.1);
}
.dashboard :is(#world, .dashboard-browser) .world-universe-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px 8px;
  border: 0;
  border-radius: var(--world-radius);
  background: transparent;
  color: #4f5861;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-clear:hover, .dashboard :is(#world, .dashboard-browser) .world-universe-clear:focus {
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-clear:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-clear:disabled {
  opacity: 0.5;
  cursor: default;
  background: transparent;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle, .dashboard :is(#world, .dashboard-browser) .world-filter-reset {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 40px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid rgba(79, 88, 97, 0.14);
  border-radius: var(--world-radius);
  background: #FFFFFF;
  color: #4f5861;
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  touch-action: manipulation;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle:hover, .dashboard :is(#world, .dashboard-browser) .world-filter-reset:hover {
  background: #f9f9f9;
  border-color: rgba(79, 88, 97, 0.3);
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle:focus-visible, .dashboard :is(#world, .dashboard-browser) .world-filter-reset:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 2px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle.active, .dashboard :is(#world, .dashboard-browser) .world-filter-reset.active {
  background: rgb(240.92, 241.64, 242.36);
  border-color: rgba(79, 88, 97, 0.4);
  font-weight: 600;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle > .zmdi, .dashboard :is(#world, .dashboard-browser) .world-filter-reset > .zmdi {
  font-size: 18px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filter {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--world-radius);
  background: transparent;
  color: #4f5861;
  font: inherit;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  cursor: pointer;
  white-space: normal;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filter:hover, .dashboard :is(#world, .dashboard-browser) .world-universe-filter:focus {
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filter:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filter.active {
  background: rgb(240.92, 241.64, 242.36);
  color: #4f5861;
  font-weight: 600;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-filter:not(.active) .world-filter-check {
  visibility: hidden;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-count {
  white-space: nowrap;
  color: #4f5861;
  font-size: 11px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: var(--ui-image-radius);
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-image img {
  width: 24px;
  height: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-image .zmdi {
  font-size: 17px;
}
.dashboard :is(#world, .dashboard-browser) .world-filter-reset {
  border-color: transparent;
}
.dashboard :is(#world, .dashboard-browser) .toolbar {
  width: 100%;
  flex: 1 1 180px;
  min-width: 0;
  max-width: 360px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search {
  position: relative;
  display: block;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(79, 88, 97, 0.24);
  border-radius: var(--world-radius);
  background: #FFFFFF;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search:focus-within {
  border-color: #09156f;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search input[type=text] {
  height: 100%;
  padding: 0 40px 0 36px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: #4f5861;
  font: inherit;
  outline: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-search-icon {
  position: absolute;
  left: 12px;
  top: 10px;
  color: #4f5861;
  font-size: 18px;
  pointer-events: none;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search__close {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: auto;
  right: 0;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: var(--world-radius);
  background: transparent;
  color: #4f5861;
  font-size: 20px;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search__close:hover {
  background: #f9f9f9;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search__close:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -4px;
}
.dashboard :is(#world, .dashboard-browser) .toolbar__search__close.hide {
  display: none;
}
.dashboard :is(#world, .dashboard-browser) .world-list-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px 12px;
}
.dashboard :is(#world, .dashboard-browser) .world-list-cell, .dashboard :is(#world, .dashboard-browser) .world-dashboard-cell {
  min-width: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-list-empty {
  grid-column: 1/-1;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 4px;
  border-radius: var(--world-radius);
  transition: background-color var(--world-motion) ease-out;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item:hover {
  background: #f9f9f9;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item > .world-list-image {
  transition: transform var(--world-motion) cubic-bezier(0.2, 0.7, 0.3, 1);
}
.dashboard :is(#world, .dashboard-browser) .world-list-item:focus-visible > .world-list-image {
  transform: translateY(-1px) scale(1.04);
  animation: world-icon-greet calc(var(--world-motion) * 3) cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item .listview__content {
  flex: 1;
  min-width: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item .listview__content > p {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: 0;
  margin: 0;
  color: #4f5861;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item .world-item-universe {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4f5861;
  font-size: 11px;
  line-height: 15px;
}
.dashboard :is(#world, .dashboard-browser) .world-list-item .world-item-count {
  flex: 0 0 auto;
  min-width: 4ch;
  text-align: right;
  color: #4f5861;
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.dashboard :is(#world, .dashboard-browser) .world-list-image {
  display: flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--ui-image-radius);
  overflow: hidden;
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard :is(#world, .dashboard-browser) .world-list-image .listview__img {
  width: 28px;
  height: 28px;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
.dashboard :is(#world, .dashboard-browser) .world-list-image .world-list-fallback {
  font-size: 17px;
}
.dashboard :is(#world, .dashboard-browser) .world-list-image [hidden] {
  display: none;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content {
  position: absolute;
  z-index: 1001;
  padding: 4px;
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid rgba(79, 88, 97, 0.14);
  border-radius: var(--world-radius);
  background: #FFFFFF;
  color: #4f5861;
  font: inherit;
  animation: none;
  box-shadow: 0 4px 12px rgba(79, 88, 97, 0.08);
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .ui-menu-item {
  padding: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 6px 4px;
  margin: 0;
  border: 0;
  border-radius: var(--world-radius);
  cursor: pointer;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion.ui-state-active {
  margin: 0;
  border: 0;
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion-text {
  flex: 1;
  min-width: 0;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion-text strong, .dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion-text small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion-text strong {
  color: #4f5861;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-suggestion-text small {
  color: #4f5861;
  font-size: 11px;
  line-height: 15px;
}
.dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content .world-item-count {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.dashboard :is(#world, .dashboard-browser) .world-universe-toggle, .dashboard :is(#world, .dashboard-browser) .world-filter-reset, .dashboard :is(#world, .dashboard-browser) .world-universe-filter, .dashboard :is(#world, .dashboard-browser) .world-universe-clear,
.dashboard :is(#world, .dashboard-browser) .toolbar__search, .dashboard :is(#world, .dashboard-browser) .toolbar__search__close, .dashboard :is(#world, .dashboard-browser) .world-suggestion {
  transition: background-color var(--world-motion) ease-out, border-color var(--world-motion) ease-out, color var(--world-motion) ease-out;
}
.dashboard :is(#world, .dashboard-browser) .world-list-cell:not([hidden]), .dashboard :is(#world, .dashboard-browser) .world-dashboard-cell,
.dashboard :is(#world, .dashboard-browser) .world-universe-filters, .dashboard :is(#world, .dashboard-browser) .world-universe-menu-actions, .dashboard :is(#world, .dashboard-browser) .world-autocomplete .ui-menu-item {
  animation: world-menu-reveal var(--world-motion) ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard :is(#world, .dashboard-browser) .world-list-item:hover > .world-list-image {
    transform: translateY(-1px) scale(1.04);
    animation: world-icon-greet calc(var(--world-motion) * 3) cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard :is(#world, .dashboard-browser) .world-universe-menu, .dashboard :is(#world, .dashboard-browser) .world-autocomplete.ui-widget.ui-widget-content,
  .dashboard :is(#world, .dashboard-browser) .world-list-cell:not([hidden]), .dashboard :is(#world, .dashboard-browser) .world-dashboard-cell,
  .dashboard :is(#world, .dashboard-browser) .world-universe-filters, .dashboard :is(#world, .dashboard-browser) .world-universe-menu-actions, .dashboard :is(#world, .dashboard-browser) .world-autocomplete .ui-menu-item {
    animation: none;
  }
  .dashboard :is(#world, .dashboard-browser) .world-list-item, .dashboard :is(#world, .dashboard-browser) .world-universe-toggle, .dashboard :is(#world, .dashboard-browser) .world-filter-reset, .dashboard :is(#world, .dashboard-browser) .world-universe-filter,
  .dashboard :is(#world, .dashboard-browser) .world-universe-clear, .dashboard :is(#world, .dashboard-browser) .toolbar__search, .dashboard :is(#world, .dashboard-browser) .toolbar__search__close, .dashboard :is(#world, .dashboard-browser) .world-suggestion {
    transition: none;
  }
  .dashboard :is(#world, .dashboard-browser) .world-list-item > .world-list-image,
  .dashboard :is(#world, .dashboard-browser) .world-list-item:hover > .world-list-image,
  .dashboard :is(#world, .dashboard-browser) .world-list-item:focus-visible > .world-list-image {
    transform: none;
    transition: none;
    animation: none;
  }
}
@media (max-width: 1399px) {
  .dashboard :is(#world, .dashboard-browser) .world-list-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .dashboard :is(#world, .dashboard-browser) .world-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .dashboard :is(#world, .dashboard-browser) .world-list-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .dashboard :is(#world, .dashboard-browser) .toolbar {
    max-width: none;
  }
  .dashboard :is(#world, .dashboard-browser) .world-browser-head, .dashboard :is(#world, .dashboard-browser) .world-overview {
    gap: 8px;
  }
  .dashboard :is(#world, .dashboard-browser) .world-overview-worlds, .dashboard :is(#world, .dashboard-browser) .world-filter-reset-label {
    display: none;
  }
  .dashboard :is(#world, .dashboard-browser) .world-filter-reset {
    width: 32px;
    padding: 0;
  }
  .dashboard :is(#world, .dashboard-browser) .world-universe-picker {
    position: static;
  }
  .dashboard :is(#world, .dashboard-browser) .world-universe-menu {
    top: 100% !important;
    right: 0;
    left: auto !important;
    transform: none !important;
    width: 360px;
    max-width: 100%;
    margin-top: 8px;
  }
  .dashboard :is(#world, .dashboard-browser) .world-universe-menu .world-universe-pointer {
    top: 0 !important;
    left: auto !important;
    right: 40px;
    transform: translateY(-50%) rotate(45deg);
  }
  .dashboard :is(#world, .dashboard-browser) .has-world-filters .world-universe-pointer {
    right: 80px;
  }
}

@keyframes world-menu-reveal {
  from {
    opacity: 0.65;
  }
  to {
    opacity: 1;
  }
}
@keyframes world-icon-greet {
  0% {
    transform: translateY(0) rotate(0) scale(1);
  }
  35% {
    transform: translateY(-3px) rotate(-6deg) scale(1.1);
  }
  65% {
    transform: translateY(0) rotate(3deg) scale(1.04);
  }
  82% {
    transform: translateY(-1px) rotate(-1deg) scale(1.04);
  }
  100% {
    transform: translateY(-1px) rotate(0) scale(1.04);
  }
}
.dashboard.dashboard-compact {
  --dashboard-tab-gap: 8px;
  --dashboard-tab-content-gap: 24px;
  --dashboard-tab-motion: 240ms;
  --dashboard-tab-stroke-motion: 520ms;
  --dashboard-tab-easing: cubic-bezier(0.34, 1.35, 0.64, 1);
  --dashboard-nav-height: 36px;
  --dashboard-nav-padding-x: 8px;
  --dashboard-nav-gap: 6px;
}
.dashboard.dashboard-compact [hidden] {
  display: none !important;
}
.dashboard.dashboard-compact > .card {
  padding: 0 16px;
}
.dashboard.dashboard-compact > .card > .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
.dashboard.dashboard-compact > .card > .dashboard {
  padding: 0;
}
.dashboard.dashboard-compact > .card > .dashboard .tab-content {
  padding-bottom: 0;
}
.dashboard.dashboard-compact #tab-header + .tab-content, .dashboard.dashboard-compact .tab-container-projection > .tab-content {
  padding-top: var(--dashboard-tab-content-gap);
}
.dashboard.dashboard-compact #tab-header, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: var(--dashboard-tab-gap);
  scrollbar-width: thin;
}
.dashboard.dashboard-compact #tab-header .nav-link, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link {
  --dashboard-tab-ink: #09156f;
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--dashboard-nav-height);
  white-space: nowrap;
  padding: 0 var(--dashboard-nav-padding-x);
  color: #4f5861;
  border-radius: var(--dt-control-radius) var(--dt-control-radius) 0 0;
  background: transparent;
  transition: none;
}
.dashboard.dashboard-compact #tab-header .nav-link:hover, .dashboard.dashboard-compact #tab-header .nav-link:focus, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:hover, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:focus {
  background: transparent;
}
.dashboard.dashboard-compact #tab-header .nav-link:focus-visible, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -3px;
}
.dashboard.dashboard-compact #tab-header .nav-link.active, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link.active {
  color: #09156f;
  background: transparent;
}
.dashboard.dashboard-compact #tab-header .nav-link.text-danger, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link.text-danger {
  --dashboard-tab-ink: #ff5652;
}
.dashboard.dashboard-compact #tab-header .nav-link:before, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%) var(--dashboard-tab-ink);
  background-size: 240% 100%;
  background-position: 0 0;
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  transition: transform var(--dashboard-tab-motion) var(--dashboard-tab-easing), opacity var(--dashboard-tab-motion) ease;
}
.dashboard.dashboard-compact #tab-header .nav-link.active:before, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link.active:before {
  transform: scaleX(1);
  opacity: 1;
  animation: dashboard-tab-stroke var(--dashboard-tab-stroke-motion) var(--navigation-scroll-easing);
}
@media (hover: hover) and (pointer: fine) {
  .dashboard.dashboard-compact #tab-header .nav-link:not(.active):hover:before, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:not(.active):hover:before {
    transform: scaleX(1);
    opacity: 0.55;
    animation: dashboard-tab-stroke var(--dashboard-tab-stroke-motion) var(--navigation-scroll-easing);
  }
}
.dashboard.dashboard-compact #tab-header .nav-item, .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-item {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.dashboard.dashboard-compact .dashboard-context-worlds {
  margin: 0 0 12px;
  padding: 0 16px;
}
.dashboard.dashboard-compact .dashboard-context-worlds > .universes-header {
  flex-wrap: nowrap;
  gap: var(--dashboard-nav-gap);
  padding: 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.dashboard.dashboard-compact .dashboard-context-worlds .nav-item {
  flex: 0 0 auto;
  min-width: 0;
  list-style: none;
}
.dashboard.dashboard-compact .dashboard-context-worlds .context-nav-link {
  display: flex;
  align-items: center;
  gap: var(--dashboard-nav-gap);
  height: var(--dashboard-nav-height);
  max-width: 240px;
  padding: 0 var(--dashboard-nav-padding-x);
  margin: 0;
  border-radius: var(--dt-control-radius);
  background: #FFFFFF;
  color: #4f5861;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  transition: background-color var(--dt-header-motion) ease, color var(--dt-header-motion) ease;
}
.dashboard.dashboard-compact .dashboard-context-worlds .context-nav-link:hover {
  background: #f9f9f9;
  color: #4f5861;
}
.dashboard.dashboard-compact .dashboard-context-worlds .context-nav-link:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
}
.dashboard.dashboard-compact .dashboard-context-worlds .nav-item.active > .context-nav-link {
  background: #09156f;
  color: #FFFFFF;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders {
  display: block;
  width: auto;
  margin: 0;
  padding: 0 16px;
  background: transparent;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--dashboard-nav-gap);
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item {
  float: none;
  flex: 0 0 auto;
  width: auto;
  max-width: 240px;
  margin: 0;
  background: #FFFFFF;
  border-radius: var(--dt-control-radius) var(--dt-control-radius) 0 0;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--dashboard-nav-height);
  padding: 0 var(--dashboard-nav-padding-x);
  border: 0;
  border-radius: inherit;
  color: var(--dt-text);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  transition: color var(--dt-header-motion) ease;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: var(--dt-hover);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--dt-header-motion) ease-out;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link > .context-nav-label {
  position: relative;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link:focus-visible:before {
  transform: scaleX(1);
}
@media (hover: hover) and (pointer: fine) {
  .dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link:hover:before {
    transform: scaleX(1);
  }
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item > .nav-link:focus-visible {
  outline: 2px solid var(--dt-accent);
  outline-offset: -3px;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item.active > .nav-link {
  background: #09156f;
  color: #FFFFFF;
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item.active > .nav-link:before {
  background: rgba(255, 255, 255, 0.08);
}
.dashboard.dashboard-compact .tabs-world.dashboard-context-folders > .world-header > .nav-item.active > .nav-link:focus-visible {
  outline-color: #FFFFFF;
}
@media (prefers-reduced-motion: reduce) {
  .dashboard.dashboard-compact #tab-header .nav-link:before, .dashboard.dashboard-compact #tab-header .nav-link:hover:before, .dashboard.dashboard-compact #tab-header .nav-link.active:before,
  .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link,
  .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:before,
  .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link.active:before,
  .dashboard.dashboard-compact .tab-container-projection > .nav-tabs .nav-link:hover:before {
    animation: none;
    transition: none;
  }
  .dashboard.dashboard-compact #tab-header .nav-link, .dashboard.dashboard-compact #tab-header .nav-link:before, .dashboard.dashboard-compact .dashboard-context-worlds .context-nav-link,
  .dashboard.dashboard-compact .tabs-world.dashboard-context-folders .world-header > .nav-item > .nav-link,
  .dashboard.dashboard-compact .tabs-world.dashboard-context-folders .world-header > .nav-item > .nav-link:before {
    transition: none;
  }
}
.dashboard.dashboard-compact .dashboard-clear-control {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.dashboard.dashboard-compact #datatable-clear.has-filters {
  color: #09156f;
}
.dashboard.dashboard-compact .dashboard-filter-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 17px;
  padding: 1px 4px;
  border-radius: 9px;
  background: #09156f;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 15px;
  pointer-events: none;
}
.dashboard.dashboard-compact .dashboard-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 0 0 10px;
}
.dashboard.dashboard-compact .dashboard-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  background: transparent;
  color: #4f5861;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.dashboard.dashboard-compact .dashboard-filter-chip span {
  overflow-wrap: anywhere;
  text-align: left;
}
.dashboard.dashboard-compact .dashboard-filter-chip i {
  flex-shrink: 0;
}
.dashboard.dashboard-compact .dashboard-filter-chip:hover {
  border-color: #09156f;
  color: #09156f;
}
.dashboard.dashboard-compact .dashboard-filter-chip:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 2px;
}
.dashboard.dashboard-compact .dashboard-table-scroll {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 575px) {
  .dashboard.dashboard-compact > .card {
    padding: 0 10px;
  }
  .dashboard.dashboard-compact .dashboard-context-worlds {
    padding-left: 10px;
    padding-right: 10px;
  }
  .dashboard.dashboard-compact .tabs-world.dashboard-context-folders {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@keyframes dashboard-tab-stroke {
  0% {
    clip-path: inset(0 100% 0 0);
    background-position: 100% 0;
  }
  65% {
    clip-path: inset(0);
  }
  82% {
    clip-path: inset(0 1.5% 0 0);
  }
  100% {
    clip-path: inset(0);
    background-position: 0 0;
  }
}
.dashboard .header-universe .listview__item {
  background-color: #FFFFFF;
}
.dashboard .header-universe .listview__item .row .col {
  color: #4f5861;
  cursor: pointer;
  border-right: 1px solid #f9f9f9;
  text-align: center;
  padding: 3px;
}
.dashboard .header-universe .listview__item .row .col:last-child {
  border-right: 1px solid transparent;
}
.dashboard .tabs-universes {
  margin-bottom: 10px;
}
.dashboard .tabs-universes .universes-header a {
  color: #4f5861;
  font-size: 14px;
  padding: 0;
  display: inline-block;
  margin-right: 10px;
}
.dashboard .tabs-universes .universes-header a:last-child {
  margin-right: 0;
}
.dashboard .tabs-universes .universes-header a:focus, .dashboard .tabs-universes .universes-header a:active, .dashboard .tabs-universes .universes-header a:hover {
  color: #2196F3;
}
.dashboard .tabs-universes .universes-header a.active .nav-item {
  color: #FFFFFF;
  background-color: #09156f;
}
.dashboard .tabs-universes .universes-header a .nav-item {
  background-color: #FFFFFF;
  border-radius: 25px;
  padding: 5px 10px;
}
.dashboard .tabs-universes .universes-header a .nav-item img {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  max-height: 24px;
  margin-right: 5px;
  max-width: 24px;
  width: 24px;
}
.dashboard .tabs-world .world-header {
  padding: 0 5px;
}
.dashboard .tabs-world .world-header li {
  background-color: #4f5861;
  border-radius: 8px 8px 0 0;
  margin-right: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 120px;
}
.dashboard .tabs-world .world-header li.active {
  background-color: #09156f;
}
.dashboard .tabs-world .world-header li.active a {
  color: #FFFFFF;
}
.dashboard .tabs-world .world-header li.compact a {
  font-size: 14px;
  font-weight: 400;
}
.dashboard .tabs-world .world-header li a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px;
}
.dashboard .form-yadcf {
  width: 100%;
}
.dashboard .form-yadcf .yadcf-filter-wrapper {
  width: 100% !important;
}
.dashboard .form-yadcf .yadcf-filter-wrapper .chosen-container {
  width: 100% !important;
}
.dashboard .quick-stats .quick-stats__item {
  border-radius: var(--dashboard-alert-radius);
  padding: 1.2rem 0.5rem;
  text-align: center;
  min-height: 84px;
  width: 100%;
}
.dashboard .quick-stats .quick-stats__item > h2 {
  color: #4f5861;
  font-size: 1.2rem;
  text-align: center;
}
.dashboard .quick-stats .quick-stats__item small {
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  min-height: 26px;
}
.dashboard .quick-stats .quick-stats__item .count {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: 400;
  float: left;
  width: 50%;
}
.dashboard .quick-stats .quick-stats__item .count i {
  font-size: 1.1rem;
  font-weight: 600;
  top: -8px;
  left: 1px;
  position: relative;
}
.dashboard .quick-stats .quick-stats__info {
  width: 100%;
}
.dashboard .listview .listview__item {
  padding: 5px 0;
}
.dashboard .listview .listview__item .listview__content p {
  color: #4f5861;
  font-weight: 600;
  font-size: 12px;
}
.dashboard .tab-content .toolbar {
  box-shadow: none;
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 15px;
  margin-top: -18px;
}
.dashboard .tab-content .toolbar .toolbar__search input {
  font-size: 1rem;
}
.dashboard .tab-content .tab-pane .highcharts {
  float: left;
  height: 350px;
}
.dashboard .nav .nav-item a {
  text-transform: uppercase !important;
  font-size: 0.9rem;
  font-weight: 600;
}
.dashboard .nav .nav-item a .incorrect {
  color: #FF9800;
  font-size: 20px;
  right: 0;
  top: 9px;
  position: absolute;
}
.dashboard .nav .nav-link:before {
  background-color: #09156f;
}
.dashboard #world-archive .listview .listview__item img {
  filter: grayscale(100%); /* Current draft standard */ /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Old WebKit */
}
.dashboard #world-archive .listview .listview__item .listview__content {
  color: #607D8B;
}
.dashboard .page-loader-tabs {
  margin: 0 auto;
  width: 100%;
}
.dashboard .page-loader-tabs .page-loader__spinner {
  margin: 0 auto;
}
.dashboard .ocr-header, .dashboard .tasks-header {
  padding: 0;
  margin: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 10px;
}
.dashboard .ocr-header .item, .dashboard .tasks-header .item {
  align-items: center;
  display: grid;
  border-radius: 10px;
  grid-template-columns: 1fr;
  background-color: #FFFFFF;
  padding: 8px;
}
.dashboard .ocr-header .item img, .dashboard .tasks-header .item img {
  height: 40px;
  width: 40px;
}
.dashboard .ocr-header .item .info, .dashboard .tasks-header .item .info {
  padding: 5px;
  margin: 0;
  width: 100%;
}
.dashboard .ocr-header .item .info h2, .dashboard .tasks-header .item .info h2 {
  font-size: 12px;
  color: #4f5861;
  margin: 0 0 5px 0;
  width: 100%;
}
.dashboard .ocr-header .item .info h2 span, .dashboard .tasks-header .item .info h2 span {
  font-size: 80%;
  color: #4f5861;
  float: right;
}
.dashboard .ocr-header .item .info .progress, .dashboard .tasks-header .item .info .progress {
  margin-bottom: 5px;
}
.dashboard .ocr-header .item .info .progress .progress-bar, .dashboard .tasks-header .item .info .progress .progress-bar {
  background-color: #09156f;
}
.dashboard .ocr-header .item .info .progress .progress-bar.progress-bar-danger, .dashboard .tasks-header .item .info .progress .progress-bar.progress-bar-danger {
  background-color: #ff5652;
}
.dashboard .ocr-header .item .info .indicator, .dashboard .tasks-header .item .info .indicator {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  margin: 0;
  padding: 3px;
  width: 100%;
  gap: 5px;
}
.dashboard .ocr-header .item .info .indicator div, .dashboard .tasks-header .item .info .indicator div {
  background-color: #f9f9f9;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  margin: 0;
  padding: 5px;
  transition: all 0.3s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.dashboard .ocr-header .item .info .indicator div:hover, .dashboard .tasks-header .item .info .indicator div:hover {
  border-radius: 5px;
  cursor: pointer;
  transform: scale(1.5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.dashboard .ocr-header .item .info .indicator div.month-last, .dashboard .tasks-header .item .info .indicator div.month-last {
  color: #FFFFFF;
  background-color: #FF9800;
}
.dashboard .ocr-header .item .info .indicator div.month-last h3, .dashboard .ocr-header .item .info .indicator div.month-last h4, .dashboard .ocr-header .item .info .indicator div.month-last span, .dashboard .tasks-header .item .info .indicator div.month-last h3, .dashboard .tasks-header .item .info .indicator div.month-last h4, .dashboard .tasks-header .item .info .indicator div.month-last span {
  color: #FFFFFF;
}
.dashboard .ocr-header .item .info .indicator div.pending-10, .dashboard .tasks-header .item .info .indicator div.pending-10 {
  color: #FFFFFF;
  background-color: #32c787;
}
.dashboard .ocr-header .item .info .indicator div.pending-10 h3, .dashboard .ocr-header .item .info .indicator div.pending-10 h4, .dashboard .ocr-header .item .info .indicator div.pending-10 span, .dashboard .tasks-header .item .info .indicator div.pending-10 h3, .dashboard .tasks-header .item .info .indicator div.pending-10 h4, .dashboard .tasks-header .item .info .indicator div.pending-10 span {
  color: #FFFFFF;
}
.dashboard .ocr-header .item .info .indicator div.pending-20, .dashboard .tasks-header .item .info .indicator div.pending-20 {
  color: #FFFFFF;
  background-color: #ffc107;
}
.dashboard .ocr-header .item .info .indicator div.pending-20 h3, .dashboard .ocr-header .item .info .indicator div.pending-20 h4, .dashboard .ocr-header .item .info .indicator div.pending-20 span, .dashboard .tasks-header .item .info .indicator div.pending-20 h3, .dashboard .tasks-header .item .info .indicator div.pending-20 h4, .dashboard .tasks-header .item .info .indicator div.pending-20 span {
  color: #FFFFFF;
}
.dashboard .ocr-header .item .info .indicator div.pending-30, .dashboard .tasks-header .item .info .indicator div.pending-30 {
  color: #FFFFFF;
  background-color: #ff5652;
}
.dashboard .ocr-header .item .info .indicator div.pending-30 h3, .dashboard .ocr-header .item .info .indicator div.pending-30 h4, .dashboard .ocr-header .item .info .indicator div.pending-30 span, .dashboard .tasks-header .item .info .indicator div.pending-30 h3, .dashboard .tasks-header .item .info .indicator div.pending-30 h4, .dashboard .tasks-header .item .info .indicator div.pending-30 span {
  color: #FFFFFF;
}
.dashboard .ocr-header .item .info .indicator div h3, .dashboard .tasks-header .item .info .indicator div h3 {
  color: #4f5861;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.dashboard .ocr-header .item .info .indicator div h4, .dashboard .tasks-header .item .info .indicator div h4 {
  color: #4f5861;
  font-weight: 600;
  font-size: 10px;
  margin: 0;
  padding: 0;
}
.dashboard .ocr-header .item .info .indicator div span, .dashboard .tasks-header .item .info .indicator div span {
  font-size: 9px;
}

@media (max-width: 1650px) {
  .dashboard .ocr-header, .dashboard .tasks-header {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1250px) {
  .dashboard .ocr-header, .dashboard .tasks-header {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 950px) {
  .dashboard .ocr-header, .dashboard .tasks-header {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 650px) {
  .dashboard .ocr-header, .dashboard .tasks-header {
    grid-template-columns: repeat(2, 1fr);
  }
  .dashboard .ocr-header .indicator div h3, .dashboard .tasks-header .indicator div h3 {
    font-size: 10px;
  }
  .dashboard .ocr-header .indicator div h4, .dashboard .tasks-header .indicator div h4 {
    font-size: 8px;
  }
  .dashboard .ocr-header .indicator div span, .dashboard .tasks-header .indicator div span {
    font-size: 6px;
  }
}
@media (max-width: 450px) {
  .dashboard .ocr-header, .dashboard .tasks-header {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 600px) {
  .dashboard .nav .nav-item a {
    font-size: 0.82rem;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
  }
}
@media (max-width: 1300px) and (min-width: 981px) {
  .dashboard .tabs-world {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header li.compact {
    float: left;
    width: 25%;
    border-radius: 0;
    margin-right: 0;
  }
  .dashboard .ocr-header {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 980px) {
  .dashboard .tabs-world {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header li {
    float: left;
    width: 50%;
    border-radius: 0;
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .dashboard .tabs-world {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header {
    background-color: #cfd8dd;
    padding: 0;
    display: inline-block;
    margin-bottom: -5px;
    width: 100%;
  }
  .dashboard .tabs-world .world-header li {
    float: left;
    width: 100%;
    border-radius: 0;
    margin-right: 0;
  }
}
:root {
  --dt-font-size: 11px;
  --dt-cell-y: 5px;
  --dt-cell-x: 2px;
  --dt-control-height: 30px;
  --dt-control-radius: 4px;
  --dt-control-padding-x: 10px;
  --dt-control-icon-size: 16px;
  --dt-menu-pointer-size: 8px;
  --dt-menu-anchor-gap: 8px;
  --dt-control-border: rgb(216.28, 218.26, 220.24);
  --dt-control-hover-border: rgb(198.68, 201.56, 204.44);
  --dt-control-focus-border: rgb(158.2, 163.15, 168.1);
  --dt-menu-max-height: 240px;
  --dt-gap: 6px;
  --dt-section-y: 4px;
  --dt-toolbar-gap: 20px;
  --dt-row-height: 30px;
  --dt-action-size: 26px;
  --dt-tool-size: 32px;
  --dt-sort-space: 16px;
  --dt-filter-gap: 5px;
  --dt-choice-font-size: 10px;
  --dt-row-line: #f3f3f3;
  --dt-hover: #f9f9f9;
  --dt-archived-background: rgb(251.48, 251.66, 251.84);
  --dt-archived-hover: rgb(246.2, 246.65, 247.1);
  --dt-archived-marker: rgb(219.8, 221.6, 223.4);
  --dt-archived-marker-width: 1px;
  --dt-archived-text: rgba(79, 88, 97, 0.86);
  --dt-page-bg: #e2e2e2;
  --dt-header-motion: 160ms;
  --dt-update-motion: 180ms;
  --dt-update-delay: 120ms;
  --dt-update-easing: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dt-update-opacity: 0.6;
  --dt-update-indicator-height: 2px;
  --dt-update-indicator-cycle: 1100ms;
  --dt-line: rgb(223.32, 224.94, 226.56);
  --dt-surface: transparent;
  --dt-text: #4f5861;
  --dt-radius: 2px;
  --dt-accent: #09156f;
  --dt-accent-soft: rgb(235.32, 236.28, 243.48);
  --dt-accent-text: rgb(38.4, 42, 69);
  --dt-on-accent: #FFFFFF;
  --dt-document-breakpoint-wide: 1600px;
  --dt-document-breakpoint-desktop: 1200px;
  --dt-document-breakpoint-laptop: 992px;
  --dt-document-breakpoint-tablet: 768px;
  --dt-document-breakpoint-small: 576px;
  --dt-document-id-width: 5.5em;
  --dt-document-action-width: 4.5em;
  --dt-document-alias-width: 6.3%;
  --dt-document-continent-width: 6.3%;
  --dt-document-process-width: 5.4%;
  --dt-document-origin-width: 5.4%;
  --dt-document-date-width: 7.65%;
  --dt-document-company-width: 14.4%;
  --dt-document-country-width: 6.3%;
  --dt-document-type-width: 8.1%;
  --dt-document-person-width: 11.25%;
}

.dataTables_wrapper table.dataTable.dt-document-layout {
  --dt-document-responsive-action-width: calc(2 * var(--dt-tool-size) + 2 * var(--dt-gap) + 2 * var(--dt-cell-x));
  width: 100% !important;
  min-width: 0;
  table-layout: fixed;
  font-size: var(--dt-font-size);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th {
  box-sizing: border-box;
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-id {
  width: var(--dt-document-id-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-action {
  width: var(--dt-document-action-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-name {
  width: auto;
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-alias {
  width: var(--dt-document-alias-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-continent {
  width: var(--dt-document-continent-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-process {
  width: var(--dt-document-process-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-origin {
  width: var(--dt-document-origin-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-date {
  width: var(--dt-document-date-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-company {
  width: var(--dt-document-company-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-country {
  width: var(--dt-document-country-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-type {
  width: var(--dt-document-type-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead > tr > th.dt-document-person {
  width: var(--dt-document-person-width);
}
@media (max-width: 1599px) {
  .dataTables_wrapper table.dataTable.dt-document-layout {
    --dt-document-alias-width: 7%;
    --dt-document-date-width: 11%;
    --dt-document-company-width: 20%;
    --dt-document-country-width: 7%;
    --dt-document-type-width: 10%;
    --dt-document-person-width: 15%;
  }
}
@media (max-width: 1199px) {
  .dataTables_wrapper table.dataTable.dt-document-layout {
    --dt-document-date-width: 13%;
    --dt-document-company-width: 24%;
    --dt-document-type-width: 13%;
    --dt-document-person-width: 19%;
  }
}
@media (max-width: 991px) {
  .dataTables_wrapper table.dataTable.dt-document-layout {
    --dt-document-date-width: 16%;
    --dt-document-company-width: 27%;
    --dt-document-person-width: 22%;
  }
}
@media (max-width: 767px) {
  .dataTables_wrapper table.dataTable.dt-document-layout {
    --dt-document-date-width: 19%;
    --dt-document-company-width: 26%;
  }
}
.dataTables_wrapper table.dataTable.dt-document-layout > tbody > tr > td {
  white-space: normal;
  overflow-wrap: anywhere;
}
.dataTables_wrapper table.dataTable.dt-document-layout.collapsed {
  --dt-document-action-width: var(--dt-document-responsive-action-width);
}
.dataTables_wrapper table.dataTable.dt-document-layout > tbody > tr > td.dt-document-action {
  white-space: nowrap;
}
.dataTables_wrapper table.dataTable.dt-document-layout > tbody > tr > td.dt-document-action > .dropdown {
  display: inline-block;
  vertical-align: middle;
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead .chosen-container {
  min-width: 0;
  max-width: 100%;
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead .chosen-choices .search-field {
  max-width: 100%;
}
.dataTables_wrapper table.dataTable.dt-document-layout > thead .chosen-choices .search-field input {
  min-width: 0;
  max-width: 100%;
  text-overflow: ellipsis;
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--dt-action-size);
  height: var(--dt-action-size);
  padding: 0;
  margin-left: var(--dt-filter-gap);
  vertical-align: middle;
  color: var(--dt-accent);
  background: transparent;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-radius);
  cursor: pointer;
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle i {
  transition: transform var(--dt-header-motion);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle[aria-expanded=true] i {
  transform: rotate(180deg);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle:hover {
  border-color: var(--dt-accent);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle:focus-visible {
  outline: 0;
  border-color: var(--dt-control-focus-border);
  box-shadow: inset 0 0 0 1px var(--dt-control-focus-border);
}
.dataTables_wrapper table.dataTable.dt-document-layout.collapsed .dt-document-details-toggle {
  display: inline-flex;
}
.dataTables_wrapper table.dataTable.dt-document-layout > tbody > tr.child > td {
  padding: var(--dt-section-y) var(--dt-cell-x);
  border-bottom: 1px solid var(--dt-line);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16em), 1fr));
  gap: var(--dt-gap) var(--dt-section-y);
  margin: 0;
  font-size: var(--dt-font-size);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details > div {
  min-width: 0;
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details dt {
  color: var(--dt-text);
  font-weight: 500;
  margin-bottom: var(--dt-filter-gap);
}
.dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (prefers-reduced-motion: reduce) {
  .dataTables_wrapper table.dataTable.dt-document-layout .dt-document-details-toggle i {
    transition: none;
  }
}
.dataTables_wrapper table.dataTable thead tr.dt-filters th {
  padding: 4px var(--dt-cell-x) !important;
  background: transparent;
  vertical-align: middle;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters th:first-child input.dt-filter-input {
  font-variant-numeric: tabular-nums;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-group {
  position: relative;
  width: 100%;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select {
  text-align: left;
  width: 100%;
  min-height: var(--dt-control-height);
  box-sizing: border-box;
  padding: 3px 6px;
  font-size: var(--dt-font-size);
  font-weight: 400;
  line-height: 1.4;
  color: #4f5861;
  background-color: transparent;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-radius);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: border-color 200ms ease;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input::-moz-placeholder, .dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select::-moz-placeholder {
  color: #4f5861;
  font-weight: 400;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input::placeholder,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select::placeholder {
  color: #4f5861;
  font-weight: 400;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:focus, .dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:active,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:focus,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:active {
  outline: none;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:focus ~ .dt-filter-bar:before, .dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:focus ~ .dt-filter-bar:after, .dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:active ~ .dt-filter-bar:before, .dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:active ~ .dt-filter-bar:after,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:focus ~ .dt-filter-bar:before,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:focus ~ .dt-filter-bar:after,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:active ~ .dt-filter-bar:before,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:active ~ .dt-filter-bar:after {
  width: 50%;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input:disabled,
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%234f5861' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1,1 5,5 9,1'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-right: 24px;
  cursor: pointer;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  pointer-events: none;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:before, .dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  bottom: 0;
  transition: width 200ms ease;
  background-color: var(--dt-accent);
}
.dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:before {
  left: 50%;
}
.dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:after {
  right: 50%;
}

.dataTables_wrapper.dashboard-fluid-table .dataTables_processing {
  display: none !important;
}
.dataTables_wrapper.dashboard-fluid-table .dashboard-table-toolbar {
  position: relative;
}
.dataTables_wrapper.dashboard-fluid-table .dashboard-table-toolbar::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(var(--dt-toolbar-gap) / 2);
  width: 24%;
  height: var(--dt-update-indicator-height);
  border-radius: var(--dt-control-radius);
  background: var(--dt-accent);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--dt-update-motion) var(--dt-update-easing);
  animation: dt-update-progress var(--dt-update-indicator-cycle) ease-in-out infinite paused;
}
.dataTables_wrapper.dashboard-fluid-table table.dataTable tbody {
  opacity: 1;
  transition: opacity var(--dt-update-motion) var(--dt-update-easing);
}
.dataTables_wrapper.dashboard-fluid-table .chosen-container,
.dataTables_wrapper.dashboard-fluid-table .dashboard-document-scope,
.dataTables_wrapper.dashboard-fluid-table .dashboard-control-pending {
  transition: opacity var(--dt-update-motion) var(--dt-update-easing);
}
.dataTables_wrapper.dashboard-fluid-table.dashboard-results-pending table.dataTable tbody {
  opacity: var(--dt-update-opacity);
  pointer-events: none;
}
.dataTables_wrapper.dashboard-fluid-table.dashboard-is-updating .dashboard-table-toolbar::after {
  opacity: 1;
  transition-delay: var(--dt-update-delay);
  animation-play-state: running;
}

.dashboard-control-pending {
  opacity: var(--dt-update-opacity);
}

@keyframes dt-update-progress {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(315%);
  }
  100% {
    transform: translateX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dataTables_wrapper.dashboard-fluid-table table.dataTable tbody, .dataTables_wrapper.dashboard-fluid-table .chosen-container, .dataTables_wrapper.dashboard-fluid-table .dashboard-document-scope,
  .dataTables_wrapper.dashboard-fluid-table .dashboard-control-pending {
    transition: none !important;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-toolbar::after {
    animation: none;
    transition-duration: 0s;
  }
  .dataTables_wrapper table.dataTable thead tr.dt-filters input.dt-filter-input,
  .dataTables_wrapper table.dataTable thead tr.dt-filters select.dt-filter-select {
    transition: none;
  }
  .dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:before,
  .dataTables_wrapper table.dataTable thead tr.dt-filters .dt-filter-bar:after {
    transition: none;
  }
}
.dataTables_wrapper.dt-loading table.dataTable tbody tr td {
  position: relative;
  color: transparent !important;
}
.dataTables_wrapper.dt-loading table.dataTable tbody tr td::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5rem;
  right: 0.5rem;
  height: 0.85rem;
  transform: translateY(-50%);
  border-radius: 4px;
  background: linear-gradient(90deg, var(--dt-line) 0%, var(--dt-hover) 50%, var(--dt-line) 100%);
  background-size: 200% 100%;
  animation: dt-skeleton 1.2s ease-in-out infinite;
}
.dataTables_wrapper table.dataTable tbody .dataTables_empty {
  padding: 20px 12px;
  height: auto;
  font-size: var(--dt-font-size);
  font-weight: 400;
  color: var(--dt-text);
  text-align: center;
}

@keyframes dt-skeleton {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.dataTables_wrapper {
  margin-top: var(--dt-gap);
  color: var(--dt-text);
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu {
  height: auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  border: 1px solid var(--dt-control-border);
  border-radius: var(--dt-control-radius);
  background: #FFFFFF;
  font-size: var(--dt-font-size);
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu > .bs-searchbox {
  padding: var(--selectpicker-section-gap) var(--dt-control-padding-x);
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu > .bs-searchbox input.form-control {
  width: 100%;
  height: var(--dt-tool-size);
  margin: 0;
  border: 1px solid var(--dt-control-border) !important;
  border-radius: var(--dt-control-radius);
  font: inherit;
  color: var(--dt-text);
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu > .bs-searchbox input.form-control:focus {
  border-color: var(--dt-control-focus-border) !important;
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu > ul.inner {
  position: static;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 0 !important;
  max-height: min(var(--dt-menu-max-height), 100vh - var(--dt-tool-size) * 3 - var(--dt-menu-anchor-gap) * 2) !important;
  overflow-y: auto;
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu li a {
  font-size: var(--dt-font-size);
  color: var(--dt-text) !important;
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu li a .text {
  overflow-wrap: anywhere;
}
.dataTables_wrapper .bootstrap-select > .dropdown-menu li.selected a, .dataTables_wrapper .bootstrap-select > .dropdown-menu li a:focus {
  background: var(--dt-hover);
}
.dataTables_wrapper.dt-layout {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: var(--dt-gap);
       column-gap: var(--dt-gap);
}
.dataTables_wrapper.dt-layout > [class*=col-lg-] {
  float: none;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  flex: 0 0 100%;
}
.dataTables_wrapper.dt-layout > .dt-layout-search, .dataTables_wrapper.dt-layout > .dt-layout-tools, .dataTables_wrapper.dt-layout > .dt-layout-summary {
  display: flex;
  align-items: center;
  flex: 1 1 calc(50% - var(--dt-gap));
  padding: var(--dt-section-y) 0;
}
.dataTables_wrapper.dt-layout > .dt-layout-tools {
  justify-content: flex-end;
  gap: var(--dt-gap);
  flex-wrap: wrap;
}
.dataTables_wrapper.dt-layout > .dt-layout-search, .dataTables_wrapper.dt-layout > .dt-layout-tools {
  padding-bottom: var(--dt-toolbar-gap);
}
.dataTables_wrapper.dt-layout > .dt-layout-search.search-header {
  flex: 0 0 100%;
}
.dataTables_wrapper.dt-layout > .dt-layout-summary .dataTables_info {
  padding: 0;
  margin: 0;
}
.dataTables_wrapper.dt-layout > .dt-layout-table {
  flex: 0 0 100%;
  min-width: 0;
  max-width: 100%;
}
.dataTables_wrapper.dt-layout > .dt-layout-info {
  flex: 1 1 10rem;
  width: auto;
  margin: 0;
  padding: var(--dt-section-y) 0;
  align-self: center;
  text-align: left;
}
.dataTables_wrapper.dt-layout > .dt-layout-info .dataTables_info {
  margin: 0;
  padding: 0;
  text-align: left;
}
.dataTables_wrapper.dt-layout > .dt-layout-pages {
  flex: 0 1 auto;
  width: auto;
  margin-left: auto;
  padding: var(--dt-section-y) 0;
  align-self: center;
}
.dataTables_wrapper .dashboard-table-toolbar {
  display: flex;
  align-items: center;
  gap: var(--dt-gap);
  padding: var(--dt-section-y) 0;
  width: 100%;
  padding-bottom: var(--dt-toolbar-gap);
}
.dataTables_wrapper .dashboard-search, .dataTables_wrapper .dashboard-table-tools {
  flex: 1 1 calc(50% - var(--dt-gap));
  min-width: 0;
}
.dataTables_wrapper .dashboard-table-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--dt-gap);
}
.dataTables_wrapper .dashboard-search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dt-gap);
}
.dataTables_wrapper .dashboard-search .dataTables_filter {
  flex: 1 1 0;
  min-width: calc(var(--dt-tool-size) * 3);
  width: auto;
}
.dataTables_wrapper .dashboard-scope-control {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  width: calc(var(--dt-tool-size) * 3.6);
}
.dataTables_wrapper .dashboard-scope-control.dashboard-responsible-control {
  width: calc(var(--dt-tool-size) * 5);
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select {
  height: var(--dt-tool-size);
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--dt-font-size);
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle {
  height: var(--dt-tool-size);
  padding: 0 var(--dt-control-padding-x);
  border: 1px solid var(--dt-control-border) !important;
  border-radius: var(--dt-control-radius);
  background: #FFFFFF !important;
  color: var(--dt-text) !important;
  font: inherit;
  line-height: 1;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle .filter-option {
  font: inherit;
  color: inherit;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle:hover {
  border-color: var(--dt-control-hover-border) !important;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle:focus, .dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle[aria-expanded=true] {
  border-color: var(--dt-control-focus-border) !important;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle:after {
  width: 0;
  height: 0;
  margin-left: var(--dt-gap);
  border: calc(var(--dt-control-icon-size) / 4) solid transparent;
  border-top-color: currentColor;
  transform: translateY(25%);
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .btn.dropdown-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select.is-filtered > .btn.dropdown-toggle {
  color: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
}
.dataTables_wrapper .dashboard-scope-control .bootstrap-select > .dropdown-menu {
  min-width: calc(var(--dt-tool-size) * 7);
  max-width: calc(100vw - var(--dt-control-padding-x) * 4);
}
.dataTables_wrapper .dashboard-responsible-control .bootstrap-select > .dropdown-menu {
  min-width: calc(var(--dt-tool-size) * 8);
}
.dataTables_wrapper .dashboard-responsible-control .bootstrap-select > .dropdown-menu:before {
  left: auto;
  right: var(--dt-control-padding-x);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  height: var(--dt-tool-size);
  box-sizing: border-box;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  background: #FFFFFF;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search:hover {
  border-color: var(--dt-control-hover-border);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search:focus-within {
  border-color: var(--dt-control-focus-border);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search:after {
  display: none !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search > label {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search > label:after {
  content: "\f1c3";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: var(--dt-control-padding-x);
  top: 50%;
  bottom: auto;
  width: var(--dt-control-icon-size);
  height: var(--dt-control-icon-size);
  font-family: "Material-Design-Iconic-Font";
  font-size: 1.1rem;
  line-height: 1;
  color: #333;
  background: transparent;
  transform: translateY(-50%);
  pointer-events: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search > label input[type=search] {
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search > label input[type=search]:focus {
  box-shadow: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control {
  flex: 0 0 auto;
  height: 100%;
  width: calc(var(--dt-font-size) * 11.5 + var(--dt-control-padding-x) * 2);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select {
  height: 100%;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .btn.dropdown-toggle {
  height: 100%;
  border: 0 !important;
  border-right: 1px solid var(--dt-control-border) !important;
  border-radius: var(--dt-control-radius) 0 0 var(--dt-control-radius);
  background: transparent !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .btn.dropdown-toggle .filter-option {
  font-size: var(--dt-font-size);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .dropdown-menu {
  left: 0;
  right: auto;
  min-width: min(var(--dt-tool-size) * 9, 100vw - var(--dt-control-padding-x) * 4);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .dropdown-menu:before {
  left: var(--dt-control-padding-x);
  right: auto;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .dropdown-menu li a {
  white-space: normal;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .dropdown-menu li a .text {
  display: block;
  padding-right: var(--dt-control-icon-size);
  font-weight: 600;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter.dashboard-global-search .dashboard-search-mode-control .bootstrap-select > .dropdown-menu li a small {
  display: block;
  margin: calc(var(--dt-gap) / 2) 0 0;
  padding: 0;
  font: inherit;
  font-weight: 400;
  line-height: 1.4;
  color: var(--dt-text) !important;
}
.dataTables_wrapper select.dashboard-document-scope {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  height: var(--dt-tool-size);
  margin: 0;
}
.dataTables_wrapper select.dashboard-document-scope.form-control:not([size]):not([multiple]) {
  height: var(--dt-tool-size);
  min-height: var(--dt-tool-size);
}
.dataTables_wrapper select.dashboard-document-scope {
  border: 1px solid var(--dt-control-border);
  border-radius: var(--dt-control-radius);
  background-color: var(--dt-surface);
  color: var(--dt-text);
  padding: 0 calc(var(--dt-control-padding-x) + var(--dt-control-icon-size)) 0 var(--dt-control-padding-x);
  font: inherit;
  font-size: var(--dt-font-size);
  cursor: pointer;
}
.dataTables_wrapper select.dashboard-document-scope.is-filtered {
  color: var(--dt-accent);
  border-color: var(--dt-accent);
}
.dataTables_wrapper select.dashboard-document-scope:focus-visible {
  box-shadow: 0 0 0 1px var(--dt-accent);
}
.dataTables_wrapper select.dashboard-document-scope:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dataTables_wrapper .dashboard-responsible-scope {
  max-width: calc(var(--dt-tool-size) * 5);
  text-overflow: ellipsis;
}
.dataTables_wrapper .dashboard-person-scope {
  flex: 0 0 var(--dt-tool-size);
  width: var(--dt-tool-size);
  height: var(--dt-tool-size);
  padding: 0;
  color: var(--dt-accent);
  font-size: var(--dt-control-icon-size);
}
.dataTables_wrapper .DTTT, .dataTables_wrapper .DTTT_container, .dataTables_wrapper .DTTT_button_text {
  display: inline-flex;
  align-items: center;
  gap: var(--dt-gap);
  float: none;
  margin: 0;
}
.dataTables_wrapper .DTTT .btn--icon, .dataTables_wrapper .DTTT_container .btn--icon {
  width: var(--dt-tool-size);
  height: var(--dt-tool-size);
  line-height: var(--dt-tool-size);
  margin: 0;
}
.dataTables_wrapper .DTTT_button_text .avatar {
  width: var(--dt-tool-size);
  height: var(--dt-tool-size);
}
.dataTables_wrapper .dashboard-table-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--dt-gap);
  padding: var(--dt-section-y) 0;
  width: 100%;
}
.dataTables_wrapper .dashboard-table-footer .dataTables_info {
  padding: 0;
  margin: 0;
  width: auto;
  flex: 0 1 auto;
  text-align: left;
}
.dataTables_wrapper .dashboard-table-footer .dataTables_paginate {
  width: auto;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}
.dataTables_wrapper .dt-layout-pages .paging_full_numbers, .dataTables_wrapper .dashboard-table-footer .paging_full_numbers {
  width: auto;
  margin-bottom: 0 !important;
}
.dataTables_wrapper .dt-layout-pages .pagination, .dataTables_wrapper .dashboard-table-footer .pagination {
  width: auto;
  margin: 0;
  white-space: nowrap;
}
.dataTables_wrapper .dataTables_filter {
  overflow: visible;
  width: 100%;
}
.dataTables_wrapper .dataTables_filter label {
  width: 100% !important;
  margin: 0;
}
.dataTables_wrapper .dataTables_filter label:before, .dataTables_wrapper .dataTables_filter label:after {
  background-color: var(--dt-accent);
}
.dataTables_wrapper .dataTables_filter label input {
  width: 100% !important;
  text-align: left;
  margin-left: 0;
  height: var(--dt-control-height);
  box-sizing: border-box;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 1.4;
  font-size: var(--dt-font-size);
  border-bottom-color: var(--dt-line);
  color: var(--dt-text);
}
.dataTables_wrapper .dataTables_filter label input::-moz-placeholder {
  color: var(--dt-text);
  opacity: 1;
}
.dataTables_wrapper .dataTables_filter label input::placeholder {
  color: var(--dt-text);
  opacity: 1;
}
.dataTables_wrapper .dataTables_filter label input:focus {
  border-bottom-color: var(--dt-accent);
}
.dataTables_wrapper .dashboard-table-scroll.dt-floating-menu-open {
  position: relative;
  z-index: 2;
}
.dataTables_wrapper .DTTT_button_text {
  float: right;
}
.dataTables_wrapper .DTTT_button_text .avatar {
  border-radius: 50%;
  box-shadow: 0 2px 0 2px 2px 0 rgba(0, 0, 0, 0.12);
  height: 38px;
  width: 38px;
  border: 1px solid transparent;
}
.dataTables_wrapper .DTTT_button_text .avatar.active {
  border: 1px solid var(--dt-accent);
}
.dataTables_wrapper .DTTT_button_text button.active {
  color: var(--dt-on-accent);
  background-color: var(--dt-accent);
}
.dataTables_wrapper .dataTables_processing {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  text-align: center !important;
  padding: 1em 0 !important;
}
.dataTables_wrapper .dataTables_processing .page-loader__spinner {
  height: 70px;
  width: 70px;
  margin: 0 auto;
}
.dataTables_wrapper .dataTables_length {
  min-width: 50px;
  margin: 0;
  float: none;
}
.dataTables_wrapper .dataTables_length::after {
  display: none;
}
.dataTables_wrapper .dataTables_length::before {
  display: none;
}
.dataTables_wrapper .dataTables_length label {
  display: inline-block;
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_length label::after {
  display: none;
}
.dataTables_wrapper .dataTables_length label select {
  float: right !important;
  height: var(--dt-control-height);
}
.dataTables_wrapper .dataTables_length label select.form-control {
  height: var(--dt-control-height);
  width: auto;
}
.dataTables_wrapper .dataTables_length label select {
  box-sizing: border-box;
  line-height: 1.4;
  min-width: 50px;
  padding: 3px 16px 3px 5px;
  font-size: var(--dt-font-size);
  color: var(--dt-text);
  border-bottom-color: var(--dt-line);
}
.dataTables_wrapper table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.dataTables_wrapper table.dataTable thead tr th {
  color: var(--dt-text);
  font-size: var(--dt-font-size);
  line-height: 1.35;
  font-weight: 600;
  background-color: var(--dt-surface);
  border-bottom: 0 !important;
  border: 0;
  padding: var(--dt-cell-y) var(--dt-cell-x);
  text-align: center !important;
  vertical-align: top;
}
.dataTables_wrapper table.dataTable thead tr th.sorting, .dataTables_wrapper table.dataTable thead tr th.sorting_asc, .dataTables_wrapper table.dataTable thead tr th.sorting_desc {
  position: relative;
  padding-right: var(--dt-sort-space) !important;
}
.dataTables_wrapper table.dataTable thead tr th.sorting > .yadcf-filter-wrapper, .dataTables_wrapper table.dataTable thead tr th.sorting_asc > .yadcf-filter-wrapper, .dataTables_wrapper table.dataTable thead tr th.sorting_desc > .yadcf-filter-wrapper {
  width: calc(100% + var(--dt-sort-space) - var(--dt-cell-x));
  max-width: none;
}
.dataTables_wrapper table.dataTable thead tr th.sorting:before, .dataTables_wrapper table.dataTable thead tr th.sorting:after, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:before, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:after, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:before, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:after {
  position: absolute;
  display: block;
  top: var(--dt-cell-y);
  bottom: auto;
  margin: 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
  opacity: 0.35;
  transform: translateY(0);
  transition: opacity var(--dt-header-motion) ease, transform var(--dt-header-motion) ease;
}
.dataTables_wrapper table.dataTable thead tr th.sorting:before, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:before, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:before {
  content: "↑";
  right: 7px;
}
.dataTables_wrapper table.dataTable thead tr th.sorting:after, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:after, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:after {
  content: "↓";
  right: 0;
}
.dataTables_wrapper table.dataTable thead tr th.sorting:hover:before, .dataTables_wrapper table.dataTable thead tr th.sorting:hover:after, .dataTables_wrapper table.dataTable thead tr th.sorting:focus-visible:before, .dataTables_wrapper table.dataTable thead tr th.sorting:focus-visible:after, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:hover:before, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:hover:after, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:focus-visible:before, .dataTables_wrapper table.dataTable thead tr th.sorting_asc:focus-visible:after, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:hover:before, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:hover:after, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:focus-visible:before, .dataTables_wrapper table.dataTable thead tr th.sorting_desc:focus-visible:after {
  opacity: 0.65;
}
.dataTables_wrapper table.dataTable thead tr th.sorting_asc:before {
  color: var(--dt-accent-text);
  opacity: 1 !important;
  transform: translateY(-1px);
}
.dataTables_wrapper table.dataTable thead tr th.sorting_desc:after {
  color: var(--dt-accent-text);
  opacity: 1 !important;
  transform: translateY(1px);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container {
  width: 100% !important;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container input {
  font-size: var(--dt-font-size) !important;
  text-align: left;
  min-height: 20px;
  height: calc(var(--dt-control-height) - 6px) !important;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container input:focus {
  outline: none;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices {
  text-align: left;
  border: 1px solid var(--dt-line) !important;
  background-image: none !important;
  display: block !important;
  min-height: var(--dt-control-height);
  padding: 0 3px;
  border-radius: var(--dt-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--dt-header-motion) ease;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices .search-choice {
  float: left;
  display: inline-block;
  vertical-align: middle;
  color: var(--dt-on-accent) !important;
  background: var(--dt-accent) !important;
  border: 1px solid var(--dt-accent);
  border-radius: 15px;
  font-size: var(--dt-choice-font-size) !important;
  line-height: 1.35;
  box-shadow: none;
  max-width: 100%;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices .search-choice span {
  overflow-wrap: anywhere;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices .search-choice-close {
  height: 9px !important;
  width: 9px !important;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices .search-field {
  float: left;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-choices .search-field input[type=text] {
  margin: 2px 0;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container.chosen-container-active .chosen-choices {
  border-color: var(--dt-line) !important;
  outline: none;
  box-shadow: inset 0 -1px var(--dt-accent);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container.chosen-container-multi:not(.chosen-container-active) .chosen-choices .search-field:not(:first-child) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop {
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-radius);
  font-family: var(--form-field-font-family);
  font-size: var(--dt-font-size);
  font-weight: 400;
  color: var(--dt-text);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.075);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop .chosen-results {
  margin: 0;
  padding: 4px 0;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop.dt-floating-dropdown {
  position: fixed;
  top: var(--dt-menu-top);
  left: var(--dt-menu-left);
  width: var(--dt-menu-width);
  margin: 0;
  border: 1px solid var(--dt-line);
  background: #FFFFFF;
  overflow: visible;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop.dt-floating-dropdown:before {
  content: "";
  position: absolute;
  left: var(--dt-menu-pointer-left, 24px);
  top: 0;
  width: var(--dt-menu-pointer-size);
  height: var(--dt-menu-pointer-size);
  background: inherit;
  border: solid var(--dt-line);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop.dt-floating-dropdown.dt-floating-dropdown-up:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop.dt-floating-dropdown .chosen-results {
  max-height: var(--dt-menu-space, var(--dt-menu-max-height));
  overscroll-behavior: contain;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-drop.dt-floating-dropdown .chosen-results li {
  white-space: normal;
  overflow-wrap: anywhere;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-results li {
  font-family: inherit;
  font-size: var(--dt-font-size) !important;
  font-weight: 400;
  line-height: 1.4;
  padding: 5px 3px;
  min-height: 26px;
  color: var(--dt-text);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-results li.highlighted {
  color: var(--dt-text);
  background: var(--dt-hover);
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-results li em {
  font-style: normal;
  font-weight: 500;
  background: transparent;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-results li.no-results {
  padding: 8px 10px;
  color: var(--dt-text);
  background: transparent;
  font-family: inherit;
  font-weight: 400;
  text-align: center;
  cursor: default;
}
.dataTables_wrapper table.dataTable thead tr .chosen-container .chosen-results li.no-results span {
  display: none;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper {
  max-width: 100%;
  width: 100%;
  position: relative;
  margin: calc(var(--dt-filter-gap) + var(--dt-filter-offset, 0px)) 0 0;
  padding: 0;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper input.yadcf-filter {
  text-align: left;
  background-color: transparent;
  border: 1px solid var(--dt-line);
  color: var(--dt-text);
  font-size: var(--dt-font-size);
  font-weight: 400;
  padding: 3px 16px 3px 5px;
  min-height: var(--dt-control-height);
  min-width: 0;
  border-radius: var(--dt-radius) !important;
  transition: border-color var(--dt-header-motion) ease;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper input.yadcf-filter:focus {
  outline: none;
  border-color: var(--dt-line);
  box-shadow: inset 0 -1px var(--dt-accent);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper input.yadcf-filter::-moz-placeholder {
  color: var(--dt-text);
  opacity: 1;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper input.yadcf-filter::placeholder {
  color: var(--dt-text);
  opacity: 1;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper input.yadcf-filter {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper select.yadcf-filter:focus {
  outline: none;
  border-color: var(--dt-line);
  box-shadow: inset 0 -1px var(--dt-accent);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button {
  background: transparent;
  border: 0;
  color: var(--dt-text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 22px;
  border-radius: var(--dt-control-radius);
  right: 2px;
  top: calc((var(--dt-control-height) - 22px) / 2);
  bottom: auto;
  min-height: 0;
  position: absolute;
  font-size: 0;
  line-height: 1;
  padding: 0;
  transition: color var(--dt-header-motion) ease;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:before, .dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:after {
  content: "";
  position: absolute;
  width: 9px;
  height: 1px;
  background: currentColor;
  border-radius: 1px;
  pointer-events: none;
  transform: rotate(45deg);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:after {
  transform: rotate(-45deg);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button[hidden] {
  display: none !important;
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:hover, .dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:focus, .dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:active {
  color: var(--dt-text);
  background-color: var(--dt-hover);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper button.yadcf-filter-reset-button:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 1px var(--dt-line);
}
.dataTables_wrapper table.dataTable thead tr .yadcf-filter-wrapper .chosen-container .chosen-drop .chosen-results li {
  text-align: left;
}
.dataTables_wrapper table.dataTable tbody tr:hover {
  background-color: var(--dt-hover) !important;
}
.dataTables_wrapper table.dataTable tbody tr.dashboard-row-archived {
  background-color: var(--dt-archived-background);
}
.dataTables_wrapper table.dataTable tbody tr.dashboard-row-archived:hover {
  background-color: var(--dt-archived-hover) !important;
}
.dataTables_wrapper table.dataTable tbody tr.dashboard-row-archived > td:first-child {
  box-shadow: inset var(--dt-archived-marker-width) 0 0 var(--dt-archived-marker);
}
.dataTables_wrapper table.dataTable tbody tr.dashboard-row-archived > td:not(:first-child):not(:last-child) {
  color: var(--dt-archived-text);
}
.dataTables_wrapper table.dataTable tbody tr.dashboard-row-archived > td:not(:first-child):not(:last-child) .datatable-link {
  color: var(--dt-archived-text);
}
.dataTables_wrapper table.dataTable tbody tr.tasks-finish td:first-child {
  border-left: 2px solid #32c787 !important;
}
.dataTables_wrapper table.dataTable tbody tr.tasks-15 td:first-child {
  border-left: 2px solid #ffc107 !important;
}
.dataTables_wrapper table.dataTable tbody tr.tasks-30 td:first-child {
  border-left: 2px solid #ff5652 !important;
}
.dataTables_wrapper table.dataTable tbody tr td {
  color: var(--dt-text);
  font-size: var(--dt-font-size);
  line-height: 1.4;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  border-top-color: var(--dt-row-line);
  padding: var(--dt-cell-y) var(--dt-cell-x);
  height: var(--dt-row-height);
  box-sizing: border-box;
  vertical-align: middle;
}
.dataTables_wrapper table.dataTable tbody tr td .lock {
  color: #FFFFFF;
  font-weight: 600;
  position: absolute;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  margin-left: -7px;
  margin-top: -5px;
}
.dataTables_wrapper table.dataTable tbody tr td .lock.success {
  background-color: #32c787;
}
.dataTables_wrapper table.dataTable tbody tr td .lock.danger {
  background-color: #ff5652;
}
.dataTables_wrapper table.dataTable tbody tr td .favorites {
  color: #4f5861;
  cursor: pointer;
  font-size: 18px;
  float: right;
  position: relative;
  right: 2px;
}
.dataTables_wrapper table.dataTable tbody tr td .favorites.active {
  color: #ff5652;
}
.dataTables_wrapper table.dataTable tbody tr td .comment {
  color: #4f5861;
  cursor: pointer;
  font-size: 12px;
  float: right;
  position: relative;
  right: 2px;
}
.dataTables_wrapper table.dataTable tbody tr td .comment.active {
  color: #ff5652;
}
.dataTables_wrapper table.dataTable tbody tr td .datatable-check {
  position: relative;
  float: left;
}
.dataTables_wrapper table.dataTable tbody tr td .datatable-check .custom-control-indicator:before {
  line-height: 1.4rem !important;
}
.dataTables_wrapper table.dataTable tbody tr td .datatable-link {
  color: #4f5861;
  text-decoration: none;
}
.dataTables_wrapper table.dataTable tbody tr td .datatable-link.dropdown-item {
  display: inline;
  width: auto;
  padding: 0;
  font: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: inherit;
  background: transparent;
}
.dataTables_wrapper table.dataTable tbody tr td .dashboard-badge {
  min-width: 30px;
  margin: 0 1px;
  margin-bottom: 3px;
}
.dataTables_wrapper table.dataTable tbody tr td .dashboard-badge.active {
  cursor: pointer;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable {
  cursor: pointer;
  position: relative;
  text-align: center;
  margin: 0 auto;
  width: 50px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.cases {
  float: right;
  margin-right: 10px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.cases .count {
  left: -14px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.cases .total {
  left: -14px;
  bottom: 0;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.tasks {
  margin: 0 auto;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.tasks.finish .difference {
  color: #4f5861;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.tasks .count {
  left: 2px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable.tasks .total {
  left: 1px;
  bottom: 0;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable .count {
  position: absolute;
  top: 0;
  left: 0;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable .total {
  position: absolute;
  left: 0;
  bottom: 3px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable .percent {
  position: absolute;
  top: 0;
  right: -8px;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable .difference {
  color: #ff5652;
  position: absolute;
  bottom: 0;
  right: 0;
}
.dataTables_wrapper table.dataTable tbody tr td .chart-datatable .lap-table {
  bottom: 3px;
  font-size: 16px;
  position: absolute;
  right: -8px;
}
.dataTables_wrapper table.dataTable tbody tr td .datatable-alert {
  cursor: pointer;
}
.dataTables_wrapper table.dataTable tbody tr td .image {
  border-radius: 50%;
  height: 100%;
  margin-right: 4px;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  width: 100%;
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown {
  margin: -3px 0;
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .btn--icon {
  height: var(--dt-action-size);
  line-height: var(--dt-action-size);
  width: var(--dt-action-size);
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu.dt-floating-actions {
  position: fixed !important;
  top: var(--dt-menu-top) !important;
  left: var(--dt-menu-left) !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--dt-menu-width) !important;
  min-width: 0;
  max-height: var(--dt-menu-space);
  margin: 0 !important;
  transform: none !important;
  overflow: visible;
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu.dt-floating-actions:before {
  content: "";
  position: absolute;
  left: var(--dt-menu-pointer-left);
  top: 0;
  width: var(--dt-menu-pointer-size);
  height: var(--dt-menu-pointer-size);
  background: inherit;
  border: solid var(--dt-line);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu.dt-floating-actions.dt-floating-dropdown-up:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu.dt-floating-actions.dt-floating-actions-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.dataTables_wrapper table.dataTable tbody tr td .dropdown .dropdown-menu a {
  color: #4f5861;
  font-size: 11px;
  padding: 0.5rem 1rem;
  width: 100%;
}
.dataTables_wrapper .dataTables_info {
  font-weight: 400;
  font-size: var(--dt-font-size);
  margin-bottom: var(--dt-gap);
  white-space: normal;
}
.dataTables_wrapper .search-header {
  margin-bottom: var(--dt-gap);
}
.dataTables_wrapper .pagination-header .paging_full_numbers {
  margin-bottom: 0 !important;
}
.dataTables_wrapper .pagination-header .paging_full_numbers .pagination {
  text-align: left;
}
.dataTables_wrapper .information-header .dataTables_info {
  text-align: left !important;
}
.dataTables_wrapper .paging_full_numbers {
  display: inline-block;
  margin-bottom: var(--dt-gap) !important;
  width: 100%;
}
.dataTables_wrapper .paging_full_numbers .pagination {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button {
  display: inline-block;
  text-align: center;
  border-radius: 1.25rem !important;
  box-sizing: border-box;
  min-width: 2.5rem;
  width: auto;
  padding: 0.4rem 0.55rem;
  height: 2.5rem;
  line-height: 1.5rem;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin: 0 1px;
  font-size: var(--dt-font-size);
  color: var(--dt-text);
  background-color: var(--dt-page-bg);
  border: 1px solid var(--dt-line);
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button:not(.disabled):not(.mdl-button--colored):hover, .dataTables_wrapper .paging_full_numbers .pagination .mdl-button:not(.disabled):not(.mdl-button--colored):focus-visible {
  background-color: var(--dt-accent-soft);
  border-color: var(--dt-accent);
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.mdl-button--colored {
  color: var(--dt-on-accent);
  cursor: auto;
  background: var(--dt-accent);
  border: 1px solid var(--dt-accent);
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.disabled {
  cursor: auto;
  opacity: 0.6;
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.first i:after {
  content: "";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.first i:before {
  content: "\f2ea";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.previous i:after {
  content: "\f2fa";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.previous i:before {
  content: "";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.next i:after {
  content: "\f2fb";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.next i:before {
  content: "";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.last i:after {
  content: "\f2ee";
}
.dataTables_wrapper .paging_full_numbers .pagination .mdl-button.last i:before {
  content: "";
}

.dataTables_wrapper.dt-controls-soft {
  --dt-line: var(--dt-control-border);
  --dt-radius: var(--dt-control-radius);
}
.dataTables_wrapper.dt-controls-soft .DTTT .btn--icon,
.dataTables_wrapper.dt-controls-soft .DTTT_container .btn--icon,
.dataTables_wrapper.dt-controls-soft table.dataTable tbody .dropdown > .btn--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  line-height: 1;
  transition: background-color var(--dt-header-motion) ease, border-color var(--dt-header-motion) ease, color var(--dt-header-motion) ease;
}
.dataTables_wrapper.dt-controls-soft .DTTT .btn--icon:hover,
.dataTables_wrapper.dt-controls-soft .DTTT_container .btn--icon:hover,
.dataTables_wrapper.dt-controls-soft table.dataTable tbody .dropdown > .btn--icon:hover {
  background-color: var(--dt-hover);
  border-color: var(--dt-control-hover-border);
}
.dataTables_wrapper.dt-controls-soft .DTTT .btn--icon:focus-visible,
.dataTables_wrapper.dt-controls-soft .DTTT_container .btn--icon:focus-visible,
.dataTables_wrapper.dt-controls-soft table.dataTable tbody .dropdown > .btn--icon:focus-visible {
  border-color: var(--dt-control-focus-border);
}
.dataTables_wrapper.dt-controls-soft .DTTT .btn--icon[aria-expanded=true],
.dataTables_wrapper.dt-controls-soft .DTTT_container .btn--icon[aria-expanded=true],
.dataTables_wrapper.dt-controls-soft table.dataTable tbody .dropdown > .btn--icon[aria-expanded=true] {
  background-color: var(--dt-hover);
}
.dataTables_wrapper.dt-controls-soft .DTTT .btn--icon.active,
.dataTables_wrapper.dt-controls-soft .DTTT_container .btn--icon.active,
.dataTables_wrapper.dt-controls-soft table.dataTable tbody .dropdown > .btn--icon.active {
  background-color: var(--dt-accent);
  border-color: var(--dt-accent);
  color: var(--dt-on-accent);
}
.dataTables_wrapper.dt-controls-soft .DTTT_button_text .avatar {
  width: var(--dt-tool-size);
  height: var(--dt-tool-size);
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  box-shadow: none;
}
.dataTables_wrapper.dt-controls-soft .DTTT_button_text .avatar.active {
  border-color: var(--dt-accent);
}
.dataTables_wrapper.dt-controls-soft .DTTT_button_text .avatar:focus-visible {
  border-color: var(--dt-control-focus-border);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label input,
.dataTables_wrapper.dt-controls-soft .dataTables_length label select {
  height: var(--dt-tool-size);
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  background-color: #FFFFFF;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label input:hover,
.dataTables_wrapper.dt-controls-soft .dataTables_length label select:hover {
  border-color: var(--dt-control-hover-border);
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label input:focus,
.dataTables_wrapper.dt-controls-soft .dataTables_length label select:focus {
  outline: none;
  border-color: var(--dt-control-focus-border);
  box-shadow: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter:after {
  left: var(--dt-control-padding-x);
  top: 50%;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dt-control-icon-size);
  height: var(--dt-control-icon-size);
  transform: translateY(-50%);
  font-size: 1.1rem;
  line-height: 1;
  pointer-events: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label {
  display: block;
  line-height: 1;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label:before, .dataTables_wrapper.dt-controls-soft .dataTables_filter label:after {
  display: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_filter label input {
  display: block;
  margin: 0;
  padding: 0 var(--dt-control-padding-x) 0 calc(var(--dt-control-padding-x) + var(--dt-control-icon-size) + var(--dt-gap));
}
.dataTables_wrapper.dt-controls-soft .dataTables_length:before {
  display: block;
  right: 10px;
  top: 50%;
  bottom: auto;
  width: 5px;
  height: 5px;
  border: solid var(--dt-text);
  border-width: 0 1px 1px 0;
  transform: translateY(-70%) rotate(45deg);
}
.dataTables_wrapper.dt-controls-soft .dataTables_length label select {
  padding: 0 26px 0 var(--dt-control-padding-x);
  cursor: pointer;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length.dt-length-picker:before {
  display: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select {
  display: inline-block;
  min-width: calc(var(--dt-tool-size) * 2);
  vertical-align: middle;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle {
  height: var(--dt-tool-size);
  padding: 0 var(--dt-control-padding-x);
  gap: var(--dt-gap);
  line-height: 1;
  border: 1px solid var(--dt-line) !important;
  border-radius: var(--dt-control-radius);
  background-color: #FFFFFF !important;
  color: var(--dt-text) !important;
  cursor: pointer;
  transition: border-color var(--dt-header-motion) ease;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle:hover {
  border-color: var(--dt-control-hover-border) !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle:focus, .dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle[aria-expanded=true] {
  border-color: var(--dt-control-focus-border) !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle .filter-option {
  font-size: var(--dt-font-size);
  color: inherit;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .btn.dropdown-toggle:after {
  width: 5px;
  height: 5px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  transform: translateY(-2px) rotate(45deg);
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu {
  margin-top: var(--dt-menu-anchor-gap);
  padding: 4px 0;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: var(--dt-menu-pointer-size);
  height: var(--dt-menu-pointer-size);
  background: inherit;
  border: solid var(--dt-control-border);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu li a {
  padding: 4px var(--dt-control-padding-x) !important;
  font-size: var(--dt-font-size);
  color: var(--dt-text) !important;
  cursor: pointer;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu li a .glyphicon-ok {
  right: var(--dt-control-padding-x) !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu li.selected a, .dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select > .dropdown-menu li a:focus {
  background: var(--dt-hover);
  color: var(--dt-text) !important;
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select.dropup > .dropdown-menu {
  margin-top: 0;
  margin-bottom: var(--dt-menu-anchor-gap);
}
.dataTables_wrapper.dt-controls-soft .dataTables_length .bootstrap-select.dropup > .dropdown-menu:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
}
.dataTables_wrapper.dt-controls-soft table.dataTable thead .yadcf-filter-wrapper input.yadcf-filter:hover, .dataTables_wrapper.dt-controls-soft table.dataTable thead .yadcf-filter-wrapper select.yadcf-filter:hover,
.dataTables_wrapper.dt-controls-soft table.dataTable thead tr.dt-filters input.dt-filter-input:hover, .dataTables_wrapper.dt-controls-soft table.dataTable thead tr.dt-filters select.dt-filter-select:hover {
  border-color: var(--dt-control-hover-border);
}
.dataTables_wrapper.dt-controls-soft table.dataTable thead .yadcf-filter-wrapper input.yadcf-filter:focus, .dataTables_wrapper.dt-controls-soft table.dataTable thead .yadcf-filter-wrapper select.yadcf-filter:focus,
.dataTables_wrapper.dt-controls-soft table.dataTable thead tr.dt-filters input.dt-filter-input:focus, .dataTables_wrapper.dt-controls-soft table.dataTable thead tr.dt-filters select.dt-filter-select:focus {
  border-color: var(--dt-control-focus-border);
  box-shadow: none;
}
.dataTables_wrapper.dt-controls-soft table.dataTable thead .chosen-choices:hover {
  border-color: var(--dt-control-hover-border) !important;
}
.dataTables_wrapper.dt-controls-soft table.dataTable thead .chosen-container.chosen-container-active .chosen-choices {
  border-color: var(--dt-control-focus-border) !important;
  box-shadow: none;
}
.dataTables_wrapper.dt-controls-soft table.dataTable thead .dt-filter-bar {
  display: none;
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  overflow: hidden;
  vertical-align: middle;
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--dt-tool-size);
  height: var(--dt-tool-size);
  padding: 0 8px;
  margin: 0;
  border: 0;
  border-right: 1px solid var(--dt-line);
  border-radius: 0 !important;
  background-color: transparent;
  box-shadow: none;
  line-height: 1;
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button:last-child {
  border-right: 0;
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button:not(.disabled):not(.mdl-button--colored):hover, .dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button:not(.disabled):not(.mdl-button--colored):focus-visible {
  background-color: var(--dt-hover);
  border-color: var(--dt-line);
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button:not(.disabled):focus-visible {
  box-shadow: inset 0 0 0 1px var(--dt-control-focus-border);
}
.dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button.mdl-button--colored {
  background: var(--dt-accent);
  color: var(--dt-on-accent);
}

.datatable-dashboard tbody tr td {
  font-size: var(--dt-font-size) !important;
}
.datatable-dashboard tbody tr td .badge-pill {
  margin-left: 2px;
}
.datatable-dashboard tbody tr td .incorrect {
  color: #ffc107;
  position: relative;
  top: -2px;
  z-index: 999;
}

@media (max-width: 900px) {
  .dataTables_wrapper.dt-layout > .dt-layout-search, .dataTables_wrapper.dt-layout > .dt-layout-tools {
    flex-basis: 100%;
  }
  .dataTables_wrapper.dt-layout > .dt-layout-tools {
    justify-content: space-between;
  }
  .dataTables_wrapper .dashboard-table-toolbar {
    flex-wrap: wrap;
  }
  .dataTables_wrapper .dashboard-search {
    flex-basis: 100%;
  }
  .dataTables_wrapper .dashboard-search .dataTables_filter {
    flex-basis: 100%;
  }
  .dataTables_wrapper .dashboard-table-tools {
    flex-basis: 100%;
    width: 100%;
    justify-content: space-between;
  }
  .dataTables_wrapper .dashboard-table-footer {
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .dataTables_wrapper.dt-controls-soft .paging_full_numbers .pagination .mdl-button.next {
    border-right: 0;
  }
  .dataTables_wrapper {
    --dt-control-height: 36px;
    --dt-action-size: 36px;
    --dt-tool-size: 36px;
    --dt-row-height: 36px;
  }
  .dataTables_wrapper .dataTables_length {
    display: block;
  }
  .dataTables_wrapper .paging_full_numbers .pagination .mdl-button.first, .dataTables_wrapper .paging_full_numbers .pagination .mdl-button.last {
    display: none;
  }
  .dataTables_wrapper .dataTables_info {
    font-size: var(--dt-font-size);
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-search {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: var(--dt-gap);
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-search .dataTables_filter {
    grid-column: 1/-1;
    min-width: 0;
    width: 100%;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-search .dashboard-scope-control {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-search .dashboard-scope-control .bootstrap-select {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-tools {
    justify-content: flex-start;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-tools .DTTT, .dataTables_wrapper.dashboard-fluid-table .dashboard-table-tools .DTTT_container, .dataTables_wrapper.dashboard-fluid-table .dashboard-table-tools .DTTT_button_text {
    max-width: 100%;
    flex-wrap: wrap;
  }
  .dataTables_wrapper.dashboard-fluid-table table.dt-document-layout > tbody > tr:not(.child) > td.dt-document-id .id {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--dt-gap) / 2);
  }
  .dataTables_wrapper.dashboard-fluid-table table.dt-document-layout > tbody > tr:not(.child) > td.dt-document-id .id .favorites {
    float: none;
    position: static;
  }
  .dataTables_wrapper.dashboard-fluid-table table.dt-document-layout > tbody > tr:not(.child) > td.dt-document-name {
    position: relative;
    padding-right: calc(var(--dt-control-icon-size) + var(--dt-gap));
  }
  .dataTables_wrapper.dashboard-fluid-table table.dt-document-layout > tbody > tr:not(.child) > td.dt-document-name .comment {
    float: none;
    position: absolute;
    right: var(--dt-cell-x);
    top: 50%;
    transform: translateY(-50%);
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--dt-gap);
    padding-bottom: calc(var(--dt-gap) * 3);
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer .dataTables_info {
    width: 100%;
    min-width: 0;
    text-align: center;
    overflow-wrap: anywhere;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer .dataTables_paginate {
    margin: 0;
    max-width: 100%;
    justify-self: center;
  }
  .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }
  @supports selector(:has(+ *)) {
    .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer .mdl-button:not(.previous):not(.next):not(.mdl-button--colored):not(:has(+ .mdl-button--colored)):not(.mdl-button--colored + .mdl-button),
    .dataTables_wrapper.dashboard-fluid-table .dashboard-table-footer .mdl-button.disabled:not(.previous):not(.next) {
      display: none;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .dataTables_wrapper.dt-controls-soft .btn--icon,
  .dataTables_wrapper.dt-controls-soft .dataTables_length .dropdown-toggle,
  .dataTables_wrapper.dt-controls-soft .pagination .mdl-button {
    transition: none !important;
  }
  .dataTables_wrapper.dt-loading table.dataTable tbody tr td::after {
    animation: none;
  }
  .dataTables_wrapper table.dataTable thead th:before, .dataTables_wrapper table.dataTable thead th:after,
  .dataTables_wrapper table.dataTable thead .chosen-choices,
  .dataTables_wrapper table.dataTable thead input.yadcf-filter,
  .dataTables_wrapper table.dataTable thead button.yadcf-filter-reset-button {
    transition: none !important;
  }
}
.dropdown .dropdown-menu .dropdown-item {
  color: #4f5861;
}

.dropzone {
  border: 1px solid #f3f3f3 !important;
}
.dropzone:hover {
  background-color: #f3f3f3 !important;
}

.ezdz-dropzone {
  border: 3px dotted #f9f9f9 !important;
  border-radius: 0 !important;
  width: 100% !important;
}
.ezdz-dropzone div {
  font-weight: 200 !important;
}
.ezdz-dropzone img {
  border-radius: 0 !important;
  max-height: 250px !important;
  max-width: 250px !important;
}

.files .card {
  border: 1px solid #f3f3f3;
  position: relative;
  padding: 10px;
}
.files .card .card-header {
  padding: 0;
}
.files .card .card-header h2 {
  font-size: 1.1rem;
  margin: 0;
}
.files .card .card-header .actions {
  right: 0;
  top: 0;
}
.files .card .card-header .actions li {
  list-style: none;
}
.files .card .card-header .actions li a {
  color: #707070;
  font-size: 18px;
  padding: 0 5px;
}
.files .card .card-header .actions li .dropdown-menu li {
  padding: 5px 10px;
}
.files .card .card-header .actions li .dropdown-menu li a {
  color: #707070;
  font-size: 12px;
}
.files .card .card-body {
  padding: 0;
}

.flatpickr-calendar {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
  border-radius: var(--form-field-radius);
}
.flatpickr-calendar .flatpickr-month {
  border-radius: var(--form-field-radius) var(--form-field-radius) 0 0;
  background-color: #09156f !important;
}
.flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-time {
  border-radius: 0 0 var(--form-field-radius) var(--form-field-radius);
}
.flatpickr-calendar .flatpickr-day, .flatpickr-calendar .flatpickr-weekday {
  font-family: inherit;
  font-size: inherit;
}
.flatpickr-calendar .flatpickr-weekday {
  color: var(--form-field-color);
}
.flatpickr-calendar .flatpickr-day:not(.prevMonthDay):not(.nextMonthDay):not(.disabled):not(.selected):not(.today) {
  color: var(--form-field-color);
}
.flatpickr-calendar .flatpickr-time input, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
  font-family: inherit;
  font-size: inherit;
  color: var(--form-field-color);
}
.flatpickr-calendar .flatpickr-current-month {
  font-family: inherit;
}
.flatpickr-calendar .flatpickr-current-month input.cur-year {
  font-family: inherit;
}
.flatpickr-calendar .dayContainer .selected {
  background-color: #09156f !important;
}

.form-group__bar:before, .form-group__bar:after {
  content: "";
  transition-timing-function: ease;
  background-color: #09156f !important;
}

.form-group .form-control {
  font-size: 1rem;
  font-weight: 400;
}

:root {
  --form-field-font-family: Roboto, sans-serif;
  --form-field-font-size: 1rem;
  --form-field-color: #4f5861;
  --form-field-placeholder: #707070;
  --form-field-border: rgb(216.28, 218.26, 220.24);
  --form-field-hover-border: rgb(198.68, 201.56, 204.44);
  --form-field-focus: #09156f;
  --form-field-error: #ff5652;
  --form-field-radius: 8px;
  --form-field-height: 38px;
  --form-field-padding-x: 10px;
  --form-field-padding-y: 8px;
  --form-field-motion: 160ms;
  --form-field-group-gap: 12px;
  --form-field-label-gap: 4px;
  --form-field-error-gap: 4px;
  --form-field-disabled-opacity: .55;
}

.form-group {
  margin-bottom: var(--form-field-group-gap);
}
.form-group > label:not(.custom-control) {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
  margin-bottom: var(--form-field-label-gap);
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])),
.form-group textarea.form-control,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)) {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))::-moz-placeholder, .form-group textarea.form-control::-moz-placeholder, .form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select))::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))::placeholder,
.form-group textarea.form-control::placeholder,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select))::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])):hover:not(:disabled):not([readonly]),
.form-group textarea.form-control:hover:not(:disabled):not([readonly]),
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)):hover:not(:disabled):not([readonly]) {
  border-color: var(--form-field-hover-border);
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])):focus,
.form-group textarea.form-control:focus,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)):focus {
  border-color: var(--form-field-focus);
  box-shadow: none;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])).form-error, .form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))[aria-invalid=true], .form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])).is-invalid,
.form-group textarea.form-control.form-error,
.form-group textarea.form-control[aria-invalid=true],
.form-group textarea.form-control.is-invalid,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)).form-error,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select))[aria-invalid=true],
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)).is-invalid {
  border-color: var(--form-field-error);
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))[readonly],
.form-group textarea.form-control[readonly],
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select))[readonly] {
  opacity: 1;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]))[readonly]:not(.flatpickr-input),
.form-group textarea.form-control[readonly]:not(.flatpickr-input),
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select))[readonly]:not(.flatpickr-input) {
  background-color: #f9f9f9;
  color: #4f5861;
  opacity: 1;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])):disabled,
.form-group textarea.form-control:disabled,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)):disabled {
  background-color: #FFFFFF !important;
  color: var(--form-field-color) !important;
  border-color: var(--form-field-border) !important;
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
  box-shadow: none !important;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])):disabled::-moz-placeholder, .form-group textarea.form-control:disabled::-moz-placeholder, .form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)):disabled::-moz-placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group input.form-control:where(:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range])):disabled::placeholder,
.form-group textarea.form-control:disabled::placeholder,
.form-group select.form-control:where(:not(.selectpicker):not(.select2-hidden-accessible):not(.chosen-select)):disabled::placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group > .form-group__bar {
  display: none;
}
.form-group.form-group--float > label {
  left: var(--form-field-padding-x);
  margin-bottom: 0;
}
.form-group .bootstrap-select .dropdown-menu li a {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
}
.form-group .bootstrap-select.form-control {
  border: 0;
  padding: 0;
  height: auto;
}
.form-group .bootstrap-select > .dropdown-toggle {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
}
.form-group .bootstrap-select > .dropdown-toggle, .form-group .bootstrap-select > .dropdown-toggle:hover, .form-group .bootstrap-select > .dropdown-toggle:focus, .form-group .bootstrap-select > .dropdown-toggle:active, .form-group .bootstrap-select > .dropdown-toggle[aria-expanded=true] {
  color: var(--form-field-color) !important;
}
.form-group .bootstrap-select > .dropdown-toggle .filter-option {
  font: inherit;
  color: inherit;
}
.form-group .bootstrap-select > .dropdown-toggle.bs-placeholder, .form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .form-group .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: var(--form-field-placeholder) !important;
}
.form-group .bootstrap-select > .dropdown-toggle {
  border: 1px solid var(--form-field-border) !important;
}
.form-group .bootstrap-select > .dropdown-toggle:hover:not(.disabled) {
  border-color: var(--form-field-hover-border) !important;
}
.form-group .bootstrap-select > .dropdown-toggle:focus, .form-group .bootstrap-select > .dropdown-toggle[aria-expanded=true] {
  border-color: var(--form-field-focus) !important;
}
.form-group .bootstrap-select > .dropdown-toggle.disabled, .form-group .bootstrap-select > .dropdown-toggle.disabled:hover, .form-group .bootstrap-select > .dropdown-toggle.disabled:focus, .form-group .bootstrap-select > .dropdown-toggle.disabled:active, .form-group .bootstrap-select > .dropdown-toggle:disabled, .form-group .bootstrap-select > .dropdown-toggle:disabled:hover, .form-group .bootstrap-select > .dropdown-toggle:disabled:focus, .form-group .bootstrap-select > .dropdown-toggle:disabled:active {
  background-color: #FFFFFF !important;
  color: var(--form-field-color) !important;
  border-color: var(--form-field-border) !important;
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
  box-shadow: none !important;
}
.form-group .bootstrap-select > .dropdown-toggle.disabled::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:hover::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:focus::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:active::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:hover::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:focus::-moz-placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:active::-moz-placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select > .dropdown-toggle.disabled::placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:hover::placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:focus::placeholder, .form-group .bootstrap-select > .dropdown-toggle.disabled:active::placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled::placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:hover::placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:focus::placeholder, .form-group .bootstrap-select > .dropdown-toggle:disabled:active::placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select > .dropdown-toggle.disabled .filter-option, .form-group .bootstrap-select > .dropdown-toggle:disabled .filter-option {
  color: inherit !important;
}
.form-group .bootstrap-select .bs-searchbox input.form-control {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
  border: 1px solid var(--form-field-border) !important;
  border-radius: var(--form-field-radius);
  min-height: 0;
}
.form-group .bootstrap-select .bs-searchbox input.form-control::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select .bs-searchbox input.form-control::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select .bs-searchbox input.form-control:focus {
  border-color: var(--form-field-focus) !important;
}
.form-group .bootstrap-select:has(> select.form-error) > .dropdown-toggle, .form-group .bootstrap-select:has(> select[aria-invalid=true]) > .dropdown-toggle {
  border-color: var(--form-field-error) !important;
}
.form-group .select2-container--default .select2-selection--single, .form-group .select2-container--default .select2-selection--multiple {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 20px 0 0;
}
.form-group .select2-container--default .select2-selection--multiple {
  padding-top: 3px;
  padding-bottom: 3px;
}
.form-group .select2-container--default .select2-selection .select2-selection__rendered {
  color: inherit;
}
.form-group .select2-container--default .select2-selection__placeholder {
  color: var(--form-field-placeholder);
}
.form-group .select2-container--default.select2-container--focus .select2-selection, .form-group .select2-container--default.select2-container--open .select2-selection {
  border-color: var(--form-field-focus);
}
.form-group .select2-container--default.select2-container--disabled .select2-selection {
  background-color: #FFFFFF !important;
  color: var(--form-field-color) !important;
  border-color: var(--form-field-border) !important;
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
  box-shadow: none !important;
}
.form-group .select2-container--default.select2-container--disabled .select2-selection::-moz-placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .select2-container--default.select2-container--disabled .select2-selection::placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .select2-container--default.select2-container--disabled .select2-selection .select2-selection__rendered, .form-group .select2-container--default.select2-container--disabled .select2-selection .select2-selection__placeholder {
  color: inherit;
}
.form-group .select2-container--default .selection:before, .form-group .select2-container--default .selection:after {
  display: none;
}
.form-group select.form-error + .select2-container .select2-selection,
.form-group select[aria-invalid=true] + .select2-container .select2-selection {
  border-color: var(--form-field-error);
}
.form-group .chosen-container .chosen-results li {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size) !important;
  color: var(--form-field-color) !important;
}
.form-group .chosen-container .chosen-single, .form-group .chosen-container .chosen-choices {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
  background-image: none;
}
.form-group .chosen-container .chosen-single {
  line-height: 20px;
}
.form-group .chosen-container .chosen-single div {
  display: flex;
  align-items: center;
}
.form-group .chosen-container .chosen-single div b {
  height: 20px;
}
.form-group .chosen-container .chosen-choices {
  padding-top: 3px;
  padding-bottom: 3px;
}
.form-group .chosen-container.chosen-container-active .chosen-single, .form-group .chosen-container.chosen-container-active .chosen-choices {
  border-color: var(--form-field-focus);
  box-shadow: none;
}
.form-group .chosen-container.chosen-disabled {
  opacity: 1 !important;
}
.form-group .chosen-container.chosen-disabled .chosen-single, .form-group .chosen-container.chosen-disabled .chosen-choices {
  background-color: #FFFFFF !important;
  color: var(--form-field-color) !important;
  border-color: var(--form-field-border) !important;
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
  box-shadow: none !important;
}
.form-group .chosen-container.chosen-disabled .chosen-single::-moz-placeholder, .form-group .chosen-container.chosen-disabled .chosen-choices::-moz-placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .chosen-container.chosen-disabled .chosen-single::placeholder, .form-group .chosen-container.chosen-disabled .chosen-choices::placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .chosen-container.chosen-disabled .chosen-single span, .form-group .chosen-container.chosen-disabled input {
  color: var(--form-field-color) !important;
  cursor: not-allowed !important;
}
.form-group select.form-error + .chosen-container .chosen-single,
.form-group select.form-error + .chosen-container .chosen-choices,
.form-group select[aria-invalid=true] + .chosen-container .chosen-single,
.form-group select[aria-invalid=true] + .chosen-container .chosen-choices {
  border-color: var(--form-field-error);
}
.form-group .bootstrap-tagsinput {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
  border-color: var(--form-field-border) !important;
  border-radius: var(--form-field-radius) !important;
}
.form-group .bootstrap-tagsinput:focus-within {
  border-color: var(--form-field-focus) !important;
}
.form-group .trumbowyg-box {
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
}
.form-group .trumbowyg-box:focus-within {
  border-color: var(--form-field-focus);
}
.form-group .trumbowyg-editor {
  border: 0;
}
.form-group .ezdz-dropzone {
  border-width: 1px !important;
  border-color: var(--form-field-border) !important;
  border-radius: var(--form-field-radius) !important;
}
.form-group [contenteditable=true]:not(.trumbowyg-editor) {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
}
.form-group [contenteditable=true]:not(.trumbowyg-editor):focus {
  border-color: var(--form-field-focus);
  outline: 0;
}
.form-group.has-error input.form-control, .form-group.has-error textarea.form-control, .form-group.has-error select.form-control {
  border-color: var(--form-field-error);
}
.form-group.has-error .bootstrap-select > .dropdown-toggle {
  border-color: var(--form-field-error) !important;
}

.modal .modal-footer > .btn:disabled, .modal .modal-footer > .btn:disabled:hover, .modal .modal-footer > .btn:disabled:focus, .modal .modal-footer > .btn:disabled:active, .modal .modal-footer > .btn.disabled, .modal .modal-footer > .btn.disabled:hover, .modal .modal-footer > .btn.disabled:focus, .modal .modal-footer > .btn.disabled:active, .modal .modal-footer > .btn[aria-disabled=true], .modal .modal-footer > .btn[aria-disabled=true]:hover, .modal .modal-footer > .btn[aria-disabled=true]:focus, .modal .modal-footer > .btn[aria-disabled=true]:active {
  opacity: var(--form-field-disabled-opacity);
  cursor: not-allowed;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --form-field-motion: 0ms;
  }
}
.custom-control-input:checked ~ .custom-control-indicator {
  border-color: #09156f;
}
.custom-control-input:checked ~ .custom-control-indicator:before {
  background-color: #09156f;
}

.group-icon .group-icon-children {
  cursor: pointer;
  font-size: 1.2rem;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}

.toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
  background-color: #09156f;
}

.form-container {
  min-width: 0;
  margin-bottom: var(--form-field-group-gap);
}
.form-container .form-group {
  margin-bottom: 0;
}
.form-container .help-error {
  display: block;
  margin-top: var(--form-field-error-gap);
  color: #ff5652;
}
.form-container .help-error:empty {
  display: none;
}
.form-container .help-error label {
  margin-bottom: 0;
  color: #ff5652;
}

.card {
  display: inline-block;
  width: 100%;
}

.bg-base {
  background-color: #09156f;
}

.p-h-0 {
  padding-left: 0;
  padding-right: 0;
}

.p-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-v-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-v-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.p-v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-t-10 {
  padding-top: 10px;
}

.m-t-20 {
  padding-top: 20px;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-h-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p-h-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.m-r-5 {
  margin-right: 5px;
}

.p-h-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p-h-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-h-r-20 {
  padding-right: 20px !important;
}

.hide {
  display: none !important;
}

.quick-stats__item {
  margin-bottom: 10px;
}

.modal .col-lg-6, .modal .col-lg-4, .modal .col-lg-2, .modal .col-lg-12, .modal .col-lg-3 {
  float: left;
}

.col-lg-12 {
  display: inline-block;
}

.col-lg-6, .col-lg-4, .col-lg-2, .col-lg-3 {
  float: left;
}

.custom-control {
  z-index: 9;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-t-0 {
  margin-top: 0;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-l-0 {
  margin-left: 0;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-r-0 {
  margin-right: 0;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.cursor-hover {
  cursor: pointer;
}

.tasks.alert.alert-default {
  border-left: 2px solid #ffc107;
  background-color: #FFFFFF;
  color: #4f5861;
  font-size: 16px;
}
.tasks.alert.alert-default .close {
  right: -35px;
}
.tasks.alert.alert-default .close span {
  color: #4f5861;
  font-size: 24px;
  line-height: 28px;
  height: 30px;
  width: 30px;
}

.alert.alert-default {
  background-color: #000000;
  color: #FFFFFF;
}

.cursor-pointer {
  cursor: pointer;
}

.p-20 {
  padding: 20px;
}

.p-15 {
  padding: 15px;
}

.p-10 {
  padding: 10px;
}

.top-nav > li > a:not(.header__nav__text) {
  min-width: 38px;
}

.top-nav__notifications .listview__img {
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--ui-image-radius);
}
.top-nav__notifications .download-notification:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 2px rgba(9, 21, 111, 0.25);
}
.top-nav__notifications .download-notification.is-processing {
  cursor: default;
}
.top-nav__notifications .download-notification__progress {
  height: 2px;
  overflow: hidden;
  margin: 0.55rem 0 0.4rem;
  border-radius: 2px;
  background: rgba(9, 21, 111, 0.08);
}
.top-nav__notifications .download-notification__progress > span {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  background: #09156f;
  transition: width 480ms cubic-bezier(0.22, 1, 0.36, 1);
}
.top-nav__notifications .download-notification__progress > span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  animation: download-progress-light 1800ms ease-in-out infinite;
}
.top-nav__notifications .download-notification__progress.is-indeterminate > span {
  animation: download-progress-slide 1800ms ease-in-out infinite;
}
.top-nav__notifications .download-notification__progress.is-indeterminate > span::after {
  content: none;
}

@keyframes download-progress-light {
  0% {
    transform: translateX(-100%);
  }
  65%, 100% {
    transform: translateX(100%);
  }
}
@keyframes download-progress-slide {
  from {
    transform: translateX(-110%);
  }
  to {
    transform: translateX(300%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .top-nav__notifications .download-notification, .top-nav__notifications .download-notification__progress > span,
  .top-nav__notifications .download-notification__progress > span::after {
    animation: none !important;
    transition: none !important;
  }
  .top-nav__notifications .download-notification__progress > span::after {
    content: none;
  }
}
.header {
  height: 60px;
}
.header .header__logo h1 {
  font-size: 13px;
}
.header .header__logo h1 a {
  font-weight: 500;
  margin-right: 5px;
}
.header .header__logo h1 a .badge {
  font-size: 70%;
  font-weight: 600;
  position: relative;
  top: -5px;
  left: -5px;
}
.header .app-shortcuts {
  padding: 0;
}
.header .app-shortcuts small {
  font-size: 0.88rem;
  font-weight: 500;
  padding: 0 0.2rem;
  margin-top: 0;
}
.header .app-shortcuts__item img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #FFFFFF;
  line-height: 45px;
  font-size: 1.5rem;
}
.header .top-menu .nav-item .nav-link {
  padding: 1rem 0.8rem;
}
.header .dropdown-menu--main {
  width: 220px;
}
.header .dropdown-item {
  color: #4f5861;
  font-weight: 500;
}

.top-menu {
  background-color: #FFFFFF;
}
.top-menu .nav-item.nav-item-universe {
  border-radius: 20px;
  margin: 5px;
  box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.1);
  padding: 0px 1px;
}
.top-menu .nav-item.nav-item-universe:last-child {
  border-right: 0;
}
.top-menu .nav-item.nav-item-universe.active {
  background-color: #09156f;
}
.top-menu .nav-item.nav-item-universe.active a {
  color: #FFFFFF;
}
.top-menu .nav-item.nav-item-universe .nav-link {
  padding: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-menu .nav-item.nav-item-universe img {
  border-radius: 50%;
  height: 15px;
}
.top-menu .nav-item.nav-item-universe img:before {
  content: "Error";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 15px;
  font-size: 6px;
  color: #4f5861;
}
.top-menu .nav-item:last-child a {
  border-right: 1px solid transparent;
}
.top-menu .nav-item a {
  color: #4f5861;
}
.top-menu .nav-item a img {
  border-radius: 50%;
  height: 15px;
  width: 15px;
  margin-right: 3px;
}
.top-menu .nav-item a img:before {
  content: "Error";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #f9f9f9;
  text-align: center;
  line-height: 15px;
  font-size: 6px;
  color: #4f5861;
}
.top-menu .nav-item a .badge {
  position: relative;
  color: #4f5861;
  top: -7px;
  left: -5px;
  font-size: 8px;
}
.top-menu .dropdown .dropdown-menu .dropdown-item {
  color: #4f5861;
  font-weight: 500;
}

/* Estilos para submenú */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0;
  border-radius: 0;
  padding: 3px 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > .dropdown-toggle:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

@media (max-width: 950px) {
  .top-menu {
    flex: 1 1 auto;
  }
  .top-menu .nav-item.nav-item-universe {
    border-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
  }
  .top-menu .nav-item.nav-item-universe:last-child {
    border-right: 0;
  }
  .top-menu .nav-item.nav-item-universe .nav-link {
    font-size: 12px;
  }
  .top-menu .nav-item.nav-item-universe img {
    display: none !important;
  }
}
@media (max-width: 450px) {
  .top-menu {
    display: none;
  }
}
:root {
  --navigation-scroll-button-size: 30px;
  --navigation-scroll-icon-size: 20px;
  --navigation-scroll-edge-gap: 6px;
  --navigation-scroll-icon-opacity: 0.72;
  --navigation-scroll-track-size: 4px;
  --navigation-scroll-thumb: rgba(79, 88, 97, 0.28);
  --navigation-scroll-thumb-hover: rgba(79, 88, 97, 0.48);
  --navigation-scroll-motion: 240ms;
  --navigation-scroll-nudge-motion: 380ms;
  --navigation-scroll-easing: cubic-bezier(0.22, 1, 0.36, 1);
}

.context-scroll-host {
  position: relative;
}

[data-scroll-indicators] {
  --navigation-scroll-mask-left: 0px;
  --navigation-scroll-mask-left-full: 0px;
  --navigation-scroll-mask-right: 0px;
  --navigation-scroll-mask-right-full: 0px;
}
[data-scroll-indicators].context-scroll-can-previous {
  --navigation-scroll-mask-left: var(--navigation-scroll-button-size);
  --navigation-scroll-mask-left-full: calc(var(--navigation-scroll-button-size) + var(--navigation-scroll-edge-gap));
}
[data-scroll-indicators].context-scroll-can-next {
  --navigation-scroll-mask-right: var(--navigation-scroll-button-size);
  --navigation-scroll-mask-right-full: calc(var(--navigation-scroll-button-size) + var(--navigation-scroll-edge-gap));
}
[data-scroll-indicators].context-scroll-can-previous, [data-scroll-indicators].context-scroll-can-next {
  -webkit-mask-image: linear-gradient(to right, transparent var(--navigation-scroll-mask-left), #000 var(--navigation-scroll-mask-left-full), #000 calc(100% - var(--navigation-scroll-mask-right-full)), transparent calc(100% - var(--navigation-scroll-mask-right)));
  mask-image: linear-gradient(to right, transparent var(--navigation-scroll-mask-left), #000 var(--navigation-scroll-mask-left-full), #000 calc(100% - var(--navigation-scroll-mask-right-full)), transparent calc(100% - var(--navigation-scroll-mask-right)));
}
[data-scroll-indicators] {
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--navigation-scroll-thumb) transparent;
}
[data-scroll-indicators]::-webkit-scrollbar {
  height: var(--navigation-scroll-track-size);
}
[data-scroll-indicators]::-webkit-scrollbar-track {
  background: transparent;
}
[data-scroll-indicators]::-webkit-scrollbar-thumb {
  background-color: var(--navigation-scroll-thumb);
  border-radius: var(--dt-control-radius);
}
[data-scroll-indicators]::-webkit-scrollbar-thumb:hover {
  background-color: var(--navigation-scroll-thumb-hover);
}
[data-scroll-indicators]:hover, [data-scroll-indicators]:focus-within {
  scrollbar-color: var(--navigation-scroll-thumb-hover) transparent;
}

.context-scroll-button {
  --navigation-scroll-direction: 1;
}
.context-scroll-button.is-previous {
  --navigation-scroll-direction: -1;
}
.context-scroll-button {
  position: absolute;
  left: clamp(0px, var(--navigation-scroll-left, 0px), max(0px, 100% - var(--navigation-scroll-button-size)));
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--navigation-scroll-button-size);
  height: var(--navigation-scroll-button-size);
  padding: 0;
  border: 0;
  border-radius: var(--dt-control-radius);
  background: transparent;
  color: var(--dt-text);
  box-shadow: none;
  cursor: pointer;
  font-size: var(--navigation-scroll-icon-size);
  line-height: 1;
  animation: context-scroll-reveal var(--navigation-scroll-motion) var(--navigation-scroll-easing);
  transition: color var(--navigation-scroll-motion) ease;
}
.context-scroll-button > i {
  display: block;
  position: relative;
  width: var(--navigation-scroll-icon-size);
  height: var(--navigation-scroll-icon-size);
  font-size: 0;
  background: currentColor;
  opacity: var(--navigation-scroll-icon-opacity);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: opacity var(--navigation-scroll-motion) ease, transform var(--navigation-scroll-motion) var(--navigation-scroll-easing);
}
.context-scroll-button > i:before {
  content: none;
}
.context-scroll-button.is-previous > i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}
.context-scroll-button[hidden] {
  display: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .context-scroll-button:hover > i {
    opacity: 1;
    animation: context-scroll-nudge var(--navigation-scroll-nudge-motion) var(--navigation-scroll-easing);
  }
}
.context-scroll-button:active > i {
  opacity: 1;
}
.context-scroll-button:focus {
  outline: 0;
  box-shadow: none;
}
.context-scroll-button:focus-visible {
  outline: 0;
  color: var(--dt-accent);
}
.context-scroll-button:focus-visible > i {
  opacity: 1;
  transform: translateX(calc(var(--navigation-scroll-direction) * 2px));
}
@media (prefers-reduced-motion: reduce) {
  .context-scroll-button, .context-scroll-button:hover, .context-scroll-button:active, .context-scroll-button > i, .context-scroll-button:hover > i {
    animation: none;
    transition: none;
    transform: none;
  }
}

@keyframes context-scroll-reveal {
  from {
    opacity: 0;
    transform: translateX(calc(var(--navigation-scroll-direction) * -3px)) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes context-scroll-nudge {
  0%, 100% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(calc(var(--navigation-scroll-direction) * 3px));
  }
  75% {
    transform: translateX(calc(var(--navigation-scroll-direction) * -1px));
  }
}
.context-nav-icon {
  position: relative;
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--ui-image-radius);
  background: transparent;
}
.context-nav-icon.is-missing:before, .context-nav-icon.is-missing:after {
  content: "";
  position: absolute;
  top: 2px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: 0.6;
  pointer-events: none;
}
.context-nav-icon.is-missing:before {
  left: 2px;
  width: 16px;
  background: linear-gradient(currentColor, currentColor) center/100% 1px no-repeat;
}
.context-nav-icon.is-missing:after {
  left: 6px;
  width: 8px;
}
.context-nav-icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  background: transparent;
}
.context-nav-icon img[hidden] {
  display: none !important;
}

.context-nav-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.context-nav-link > .context-nav-icon {
  transition: transform var(--dt-header-motion) cubic-bezier(0.2, 0.7, 0.3, 1);
}
.context-nav-link:focus-visible > .context-nav-icon {
  transform: translateY(-1px) scale(1.04);
  animation: world-icon-greet calc(var(--dt-header-motion) * 3) cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
}

@media (hover: hover) and (pointer: fine) {
  .context-nav-link:hover > .context-nav-icon {
    transform: translateY(-1px) scale(1.04);
    animation: world-icon-greet calc(var(--dt-header-motion) * 3) cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
  }
}
@media (prefers-reduced-motion: reduce) {
  .context-nav-link > .context-nav-icon,
  .context-nav-link:hover > .context-nav-icon,
  .context-nav-link:focus-visible > .context-nav-icon {
    animation: none;
    transition: none;
    transform: none;
  }
}
.top-menu.context-universes {
  flex-wrap: nowrap;
  justify-content: flex-start;
  justify-content: safe center;
  gap: 6px;
  padding: 4px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
.top-menu.context-universes > .nav-item.nav-item-universe {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--dt-control-radius);
  box-shadow: none;
  background: transparent;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  max-width: 280px;
  padding: 0 10px;
  border-radius: inherit;
  color: #4f5861;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  transition: background-color var(--dt-header-motion) ease, color var(--dt-header-motion) ease;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-link:hover {
  background: #f9f9f9;
  color: #4f5861;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-link:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
}
.top-menu.context-universes > .nav-item.nav-item-universe.active > .context-nav-link {
  background: #09156f;
  color: #FFFFFF;
}
.top-menu.context-universes > .nav-item.nav-item-universe .context-nav-icon img {
  display: block !important;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: inherit;
}
.top-menu.context-universes > .nav-item.nav-item-universe .context-nav-icon img[hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-link {
    transition: none;
  }
}

.highlight.highlight-new {
  color: #32c787;
}
.highlight.highlight-old {
  color: #FF9800;
}

.highcharts .highcharts-legend-item {
  margin-bottom: 2px !important;
}
.highcharts .highcharts-legend-item text {
  color: #4f5861 !important;
  font-size: 10px !important;
  font-weight: 200 !important;
}
.highcharts .highcharts-axis-labels text {
  color: #4f5861 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

.listview .listview__header {
  margin-bottom: 0;
}
.listview .listview__item {
  padding: 10px 1rem;
}
.listview .listview__item .listview__content .listview__heading small {
  display: block;
  font-weight: 500;
  float: none;
}
.listview .listview__item .listview__content p {
  font-size: 0.85rem;
}

.login {
  background-size: cover;
  background: #4f5861 url("/storage/configuration/login_map.png") center center no-repeat fixed;
  background-size: contain;
  font-family: "Raleway", sans-serif;
  height: 100vh;
  background-size: cover;
  padding: 0;
  margin: 0;
}
.login h2 {
  color: #FFFFFF;
  font-size: 1.2rem;
  font-weight: 600;
  position: absolute;
  top: 10px;
  left: 10px;
}
.login h2:hover, .login h2:active, .login h2:focus {
  color: #09156f;
}
.login .overlay {
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
}
.login .content-form {
  background-color: rgba(255, 255, 255, 0.95);
  margin: 0 auto;
  padding: 10px 20px;
  padding-top: 15px;
  position: absolute;
  width: 390px;
  border-radius: 15px;
  z-index: 999;
}
.login .content-form form {
  width: 100%;
}
.login .content-form form .form-content-children {
  width: 100%;
  margin-bottom: 1rem;
}
.login .content-form form .form-content-children label {
  font-weight: 600;
}
.login .content-form form .form-content-children .form-group {
  width: 100%;
  margin-bottom: 0.5rem;
}
.login .content-form form .form-content-children .form-group input {
  padding: 10px 10px;
}
.login .content-form form .form-content-children .help-error {
  color: #ff5652;
}
.login .content-form form .form-content-children.two-factors .two-factor-pin {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}
.login .content-form form .form-content-children.two-factors input.two-factor-pin__digit {
  width: 100%;
  min-width: 0;
  height: 52px;
  box-sizing: border-box;
  border: 1px solid #f3f3f3;
  border-radius: 2px;
  background: #FFFFFF;
  color: #4f5861;
  font-size: 1.5rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: center;
  padding: 0;
  transition: border-color 150ms ease;
}
.login .content-form form .form-content-children.two-factors input.two-factor-pin__digit:focus {
  outline: 0;
  border-color: #09156f;
  box-shadow: none;
}
.login .content-form form .form-content-children.two-factors input.two-factor-pin__digit[aria-invalid=true] {
  border-color: #ff5652;
}
.login .content-form form .custom-control-description {
  font-weight: 600;
}
.login .content-form .logo {
  text-align: center;
  width: 100%;
}
.login .content-form .logo img {
  height: 125px;
  margin-bottom: 10px;
  width: 130px;
}
.login .content-form .form-action {
  float: left;
  padding: 10px 0;
  width: 100%;
}
.login .content-form .form-action a {
  color: #4f5861;
  font-weight: 600;
  float: left;
  padding-left: 0;
}
.login .content-form .form-action a:hover, .login .content-form .form-action a:active, .login .content-form .form-action a:focus {
  color: #09156f;
}
.login .content-form .form-action button {
  background-color: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
  float: right;
  font-weight: 500;
}
.login .content-form .social-network {
  float: left;
  text-align: center;
  width: 100%;
}
.login .content-form .social-network .btn {
  font-size: 1.2rem;
  background-color: #09156f;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.login .content-form .social-network .btn.facebook:hover {
  background-color: #3c579e;
  border-color: #3c579e;
}
.login .content-form .social-network .btn.twitter:hover {
  background-color: #24d5f6;
  border-color: #24d5f6;
}
.login .content-form .social-network .btn.google:hover {
  background-color: #e55440;
  border-color: #e55440;
}
.login .content-form .error-session {
  text-align: center;
  padding: 1rem 0;
  width: 100%;
}
.login .content-form .error-session p {
  color: #4f5861;
}
.login .action-recovery {
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.login .action-recovery button {
  font-weight: 600;
  background-color: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
}
.login footer {
  bottom: 5px;
  color: #FFFFFF;
  position: absolute;
  left: 0;
  width: 100%;
}
.login footer p {
  text-align: center;
}
.login footer p a {
  color: #FFFFFF;
}
.login footer p a:hover, .login footer p a:active, .login footer p a:focus {
  color: #09156f;
}

.login.login--two-factors {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  height: auto;
  padding: 24px 12px;
}
.login.login--two-factors .overlay {
  position: fixed;
  inset: 0;
}
.login.login--two-factors .content-form.content-form--two-factors {
  display: flow-root;
  position: relative;
  width: 390px;
  max-width: 100%;
  margin: auto;
}

@media (max-width: 400px) {
  .login .content-form--two-factors form .form-content-children.two-factors .two-factor-pin {
    gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .login .content-form--two-factors form .form-content-children.two-factors input.two-factor-pin__digit {
    transition: none;
  }
}
@media (max-width: 600px) {
  .login .content-form {
    width: 400px;
  }
}
@media (max-width: 400px) {
  .login .content-form {
    width: 380px;
  }
}
.login.login--animated {
  isolation: isolate;
  height: auto;
  min-height: 100vh;
  min-height: 100svh;
  padding: 32px 16px;
  background-image: none;
}
.login.login--animated::before {
  content: "";
  position: fixed;
  inset: -4%;
  z-index: -1;
  pointer-events: none;
  background: #4f5861 url("/storage/configuration/login_map.png") center/cover no-repeat;
  animation: login-background-drift 16s linear infinite alternate;
}
.login.login--animated .overlay {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.82));
}
.login.login--animated .content-form {
  position: relative;
  z-index: 1;
  display: flow-root;
  background-color: #FFFFFF;
  width: 390px;
  max-width: 100%;
  margin: auto;
  padding: 20px 24px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
  animation: login-form-enter 650ms cubic-bezier(0.16, 1, 0.3, 1) backwards;
}
.login.login--animated .content-form .logo img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 4px;
}
.login.login--animated .content-form form .form-content-children {
  margin-bottom: 20px;
}
.login.login--animated .content-form form .form-content-children > label:not(.custom-control), .login.login--animated .content-form form .form-content-children .form-group > label {
  color: #4f5861;
  font-size: inherit;
  font-weight: 600;
  margin-bottom: 6px;
}
.login.login--animated .content-form form .form-content-children .form-group {
  margin-bottom: 4px;
}
.login.login--animated .content-form form .form-content-children .form-group__bar {
  display: none;
}
.login.login--animated .content-form form .form-content-children .help-error:empty {
  display: none;
}
.login.login--animated .content-form form .form-content-children .form-control {
  background-color: #FFFFFF;
  border: 1px solid rgba(79, 88, 97, 0.28);
  border-radius: 8px;
  height: 44px;
  color: #4f5861;
  padding: 10px 12px;
  transition: border-color 150ms ease;
}
.login.login--animated .content-form form .form-content-children .form-control:focus {
  border-color: #09156f;
  box-shadow: none;
}
.login.login--animated .content-form form .form-content-children .form-control[aria-invalid=true], .login.login--animated .content-form form .form-content-children .form-control.form-error {
  border-color: #ff5652;
}
.login.login--animated .content-form form .form-content-children .form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px #FFFFFF inset;
  color: #4f5861;
}
.login.login--animated .content-form form .form-content-children .form-control:autofill {
  box-shadow: 0 0 0 1000px #FFFFFF inset;
  color: #4f5861;
}
.login.login--animated .content-form form .form-content-children .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
  -webkit-text-fill-color: #4f5861;
  caret-color: #4f5861;
}
.login.login--animated .content-form form .form-content-children .form-group.has-error .form-control {
  border-color: #ff5652;
}
.login.login--animated .content-form form .form-content-children .form-group--password .form-control {
  padding-right: 48px;
}
.login.login--animated .content-form form .form-content-children .form-group--password .password-visibility-toggle {
  position: absolute;
  top: 1px;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #4f5861;
  font-size: 18px;
  cursor: pointer;
}
.login.login--animated .content-form form .form-content-children .form-group--password .password-visibility-toggle[hidden] {
  display: none;
}
.login.login--animated .content-form form .form-content-children .form-group--password .password-visibility-toggle:hover {
  background: #f9f9f9;
  color: #09156f;
}
.login.login--animated .content-form form .form-content-children .form-group--password .password-visibility-toggle:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -5px;
}
.login.login--animated .content-form form .form-content-children .custom-control {
  margin-bottom: 0;
}
.login.login--animated .content-form .form-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
}
.login.login--animated .content-form .form-action a, .login.login--animated .content-form .form-action button {
  float: none;
}
.login.login--animated .content-form .auth-actions, .login.login--animated .content-form .action-recovery--split {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 12px;
}
.login.login--animated .content-form .auth-actions .btn, .login.login--animated .content-form .action-recovery--split .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 145px;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  white-space: normal;
  line-height: 1.4;
  font-weight: 600;
}
.login.login--animated .content-form a:focus-visible, .login.login--animated .content-form button:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 3px;
}

.login.login--recovery {
  padding-top: 56px;
}
.login.login--recovery.login--recovery-actions {
  padding-top: 32px;
}
.login.login--recovery > a {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
}
.login.login--recovery > a h2 {
  position: static;
  margin: 0;
}
.login.login--recovery > a:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 4px;
}
.login.login--recovery .content-form .action-recovery {
  margin-bottom: 0;
}
.login.login--recovery .content-form .action-recovery button {
  max-width: 100%;
  white-space: normal;
  line-height: 1.4;
}

@keyframes login-background-drift {
  from {
    transform: translate3d(-3%, 1%, 0) scale(1.06);
  }
  to {
    transform: translate3d(3%, -1%, 0) scale(1.16);
  }
}
@keyframes login-form-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.login .content-form .login-submit [hidden] {
  display: none !important;
}
.login .content-form .login-submit .login-submit__pending {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  animation: login-submit-enter 180ms ease-out;
}
.login .content-form .login-submit .login-submit__spinner {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: login-submit-spin 800ms linear infinite;
}
.login .content-form .login-submit.is-submitting:disabled {
  opacity: 1;
  background-color: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
  cursor: wait;
}

@keyframes login-submit-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes login-submit-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .login .content-form .login-submit .login-submit__pending, .login .content-form .login-submit .login-submit__spinner {
    animation: none;
  }
}
.media-library .media-library-breadcrumb {
  background-color: #FFFFFF;
  margin-bottom: -2px;
  height: auto;
  overflow: hidden;
}
.media-library .media-library-header {
  background-color: #cfd8dd;
  padding: 10px;
  margin-top: -17px;
  height: auto;
  overflow: hidden;
}
.media-library .media-library-header > div {
  padding: 0;
}
.media-library .media-library-header .media-library-search {
  width: 100%;
}
.media-library .media-library-header .media-library-search input {
  border: 0;
  padding: 6px;
  width: 100%;
}
.media-library .media-library-header .top-nav .show {
  background-color: rgba(249, 249, 249, 0.3);
  color: #FFFFFF;
}
.media-library .media-library-content {
  padding: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.media-library .media-library-content .media-library-path {
  background-color: #eceff1;
  padding: 0;
  padding-bottom: 10px;
}
.media-library .media-library-content .media-library-path ul {
  padding: 5px;
  padding-bottom: 15px;
  margin: 0;
  width: 100%;
}
.media-library .media-library-content .media-library-path ul li {
  color: #4f5861;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  float: left;
  font-weight: 500;
  list-style: none;
  position: relative;
}
.media-library .media-library-content .media-library-path ul li i {
  margin: 0 5px;
}
.media-library .media-library-content .media-library-path ul li.active {
  cursor: default;
  font-weight: 600;
}
.media-library .media-library-content .media-library-children {
  background-color: #FFFFFF;
  height: auto;
  padding: 10px;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.media-library .media-library-content .media-library-children.list-view ul li {
  max-width: 100%;
}
.media-library .media-library-content .media-library-children ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.media-library .media-library-content .media-library-children ul li {
  float: left;
  list-style: none;
  padding: 5px;
  width: 100%;
}
.media-library .media-library-content .media-library-children ul li.directory {
  cursor: pointer;
}
.media-library .media-library-content .media-library-children ul li .auto-width {
  position: absolute;
  left: 40px;
  z-index: 9;
}
.media-library .media-library-content .media-library-children ul li .auto-width a {
  color: #FFFFFF;
}
.media-library .media-library-content .media-library-children ul li.document .body h2:hover, .media-library .media-library-content .media-library-children ul li.document .body h2:focus, .media-library .media-library-content .media-library-children ul li.document .body h2:active {
  cursor: pointer;
}
.media-library .media-library-content .media-library-children ul li.archive h2.name {
  opacity: 0.7;
}
.media-library .media-library-content .media-library-children ul li.archive .date {
  opacity: 0.7;
}
.media-library .media-library-content .media-library-children ul li.archive p {
  opacity: 0.7;
}
.media-library .media-library-content .media-library-children ul li.archive .icon {
  opacity: 0.5;
  filter: grayscale(100%); /* Current draft standard */ /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Old WebKit */
}
.media-library .media-library-content .media-library-children ul li.item {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  overflow-wrap: break-word;
}
.media-library .media-library-content .media-library-children ul li.item:hover, .media-library .media-library-content .media-library-children ul li.item:active, .media-library .media-library-content .media-library-children ul li.item:focus {
  background-color: #f9f9f9;
}
.media-library .media-library-content .media-library-children ul li.item .actions {
  top: 5px;
  right: 15px;
  position: absolute;
}
.media-library .media-library-content .media-library-children ul li.item .icon {
  height: 45px;
  width: 45px;
  float: left;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
}
.media-library .media-library-content .media-library-children ul li.item .icon.directory {
  background-image: url("/img/media/folder.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.pdf {
  background-image: url("/img/media/pdf.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.ai {
  background-image: url("/img/media/ai.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.doc {
  background-image: url("/img/media/doc.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.file {
  background-image: url("/img/media/file.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.jpg {
  background-image: url("/img/media/jpg.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.json {
  background-image: url("/img/media/json.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.png {
  background-image: url("/img/media/png.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.upload {
  background-image: url("/img/media/upload.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.ppt, .media-library .media-library-content .media-library-children ul li.item .icon.pptx {
  background-image: url("/img/media/ppt.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.txt, .media-library .media-library-content .media-library-children ul li.item .icon.null {
  background-image: url("/img/media/txt.png");
}
.media-library .media-library-content .media-library-children ul li.item .icon.xls, .media-library .media-library-content .media-library-children ul li.item .icon.xlsx {
  background-image: url("/img/media/xls.png");
}
.media-library .media-library-content .media-library-children ul li.item .body {
  padding: 0;
  padding-right: 23px;
}
.media-library .media-library-content .media-library-children ul li.item .body h2 {
  color: #4f5861;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.media-library .media-library-content .media-library-children ul li.item .body .date {
  color: #4f5861;
  font-size: 10px;
  text-transform: capitalize;
}
.media-library .media-library-content .media-library-children ul li.item .body p {
  color: #4f5861;
  font-size: 10px;
  margin: 0;
  margin-top: -2px;
}
.media-library .media-library-content .media-library-children ul li.item .body .share {
  color: #4f5861;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.media-library .media-library-content .media-library-children ul li.item .dropdown .dropdown-menu {
  padding: 0 !important;
  margin-top: -35px !important;
  z-index: 1 !important;
}
.media-library .media-library-content .media-library-children ul li.item .dropdown .dropdown-menu.show .dropdown-item {
  font-size: 10px !important;
  padding: 0 10px !important;
}
.media-library .media-library-preloader {
  background-color: #FFFFFF;
  height: auto;
  padding: 35px;
  min-height: 175px;
  overflow: hidden;
  width: 100%;
}
.media-library .media-library-preloader .page-loader-media {
  background-color: #FFFFFF;
  position: relative;
  display: block !important;
}
.media-library .media-library-preloader .page-loader-media .page-loader__spinner {
  margin: 0 auto !important;
}

.jqvmap-zoomin, .jqvmap-zoomout {
  height: 15px !important;
  width: 15px !important;
  border-right: 0 !important;
  background-color: #ebebeb !important;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6) !important;
  overflow-y: auto;
}
.modal form {
  display: inline !important;
}
.modal .modal-header {
  padding: 26px 20px 0;
}
.modal .modal-header .close span {
  font-size: 2rem;
  color: #d0d0d0;
}
.modal .modal-header .close span:hover, .modal .modal-header .close span:active {
  color: #4f5861;
}
.modal .children-select {
  margin-bottom: 15px;
}
.modal .children-select ul {
  padding: 0;
}
.modal .children-select ul li {
  padding: 0;
}
.modal .children-select ul li div {
  width: 100%;
}
.modal .children-select ul li div i {
  color: #4f5861;
  cursor: pointer;
  font-size: 1.2rem;
  position: absolute;
  right: 0;
  top: 12px;
}
.modal .children-select ul li div i:hover, .modal .children-select ul li div i:active {
  color: #ff5652;
}
.modal .modal-body {
  padding-top: 10px !important;
}
.modal .avatar-option button.active {
  background-color: #09156f;
  color: #FFFFFF;
}
.modal .avatar-default img {
  cursor: pointer;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 2px solid transparent;
  height: 100%;
  width: 100%;
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
}
.modal .avatar-default .active {
  border: 2px solid #09156f;
}
.modal .modal-title {
  color: #4f5861;
  font-size: 1.9rem;
}
.modal .path {
  font-size: 0.75rem;
  padding: 0;
  margin-bottom: 10px;
}
.modal .path i {
  margin-left: 0;
  width: auto;
}

.modal-timeline .listview__item .listview__content .lv-attrs {
  padding: 0;
  margin: 0;
}
.modal-timeline .listview__item .listview__content .lv-attrs li {
  border: 1px solid #f9f9f9 !important;
  font-size: 12px;
  display: inline-block;
  padding: 5px 8px;
  list-style: none;
  margin-bottom: 5px;
}

.modal-view .modal-header-alert {
  height: 4px;
  width: 100%;
  background-color: #f9f9f9;
}
.modal-view .children {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px dashed #4f5861;
  width: 100%;
}
.modal-view .children p:last-child {
  border-bottom: 1 solid transparent !important;
}
.modal-view .archive {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px dashed #4f5861;
  width: 100%;
}
.modal-view .archive .listview__actions {
  margin-right: 0rem;
}
.modal-view .children-container {
  width: 100%;
}
.modal-view .children-container ul {
  width: 100%;
}
.modal-view .children-container ul li {
  padding: 2px 2px;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
  width: 100%;
}
.modal-view .children-container ul li .action {
  cursor: pointer;
  background-color: #4f5861;
  position: absolute;
  top: 0;
  right: 0;
}
.modal-view .modal-actions {
  margin: 5px 0;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 0;
}
.modal-view .modal-actions .badge {
  cursor: pointer;
}
.modal-view .modal-actions .badge .count {
  left: -2px;
  top: -3px;
  position: relative;
}
.modal-view .path .icon-list li i {
  margin-left: 0;
  width: auto;
}
.modal-view .path .icon-list li span {
  font-size: 0.82rem;
}
.modal-view .modal-header .image {
  background-color: #FFFFFF;
  border: 3px solid #f9f9f9;
  border-radius: 50%;
  height: 100%;
  position: absolute;
  top: -30px;
  margin-right: 4px;
  max-height: 60px;
  max-width: 60px;
  min-height: 60px;
  min-width: 60px;
  width: 100%;
}
.modal-view .modal-header .lock {
  color: #FFFFFF;
  background-color: #f9f9f9;
  border-radius: 50%;
  font-size: 14px;
  height: 25px;
  top: -30px;
  left: 70px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  width: 25px;
  z-index: 99;
}
.modal-view .modal-header .lock.success {
  background-color: #32c787;
}
.modal-view .modal-header .lock.danger {
  background-color: #ff5652;
}
.modal-view .modal-progress {
  background-color: #f9f9f9;
  height: 3px;
  width: 100%;
}
.modal-view .modal-progress .modal-progress-children {
  background-color: #09156f;
  height: 3px;
  width: 0%;
  transition: width 1s ease-in-out;
}
.modal-view .modal-progress .modal-progress-timer {
  cursor: default;
  background-color: #09156f;
  border-radius: 50%;
  height: 60px;
  margin: 0 auto;
  padding-top: 15px;
  position: relative;
  text-align: center;
  top: -30px;
  width: 60px;
}
.modal-view .modal-progress .modal-progress-timer i {
  color: #FFFFFF;
  font-size: 2.5rem;
}
.modal-view .management-actions {
  display: inline-block;
  text-align: center;
}
.modal-view .modal-body {
  padding: 5px 20px;
}
.modal-view .modal-body h4 {
  color: #4f5861;
  font-size: 1rem;
  margin-top: 1rem;
}
.modal-view .modal-body .card-header {
  padding: 0;
}
.modal-view .modal-body .card-header .card-title {
  color: #4f5861;
  font-size: 1rem;
  margin-bottom: 0.2rem;
}
.modal-view .modal-body .card-header .card-subtitle {
  color: #4f5861;
  font-size: 0.9rem;
  opacity: 0.7;
}
.modal-view .modal-body .card-block {
  padding: 1rem 0;
  overflow: visible;
  overflow-wrap: break-word;
}
.modal-view .modal-body .card-block p {
  color: #4f5861;
}
.modal-view .modal-body .card-block span {
  display: inline-block;
}
.modal-view .modal-body .card-block .border {
  border: 2px dotted #707070;
  border-width: 2px;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
.modal-view .modal-body .card-block .border .listview__item {
  border-left: 2px solid #f3f3f3;
}
.modal-view .modal-body .card-block .border .listview__item.success {
  border-color: #32c787;
}
.modal-view .modal-body .card-block .border .listview__item.danger {
  border-color: #ff5652;
}
.modal-view .modal-body .card-block .border .listview__item .listview__content .listview__heading {
  font-weight: 600;
}
.modal-view .modal-body .card-block .border .listview__item .listview__content p {
  color: #4f5861;
  margin: 0;
  padding: 0;
}
.modal-view .modal-body .card-block .border .listview__item .listview__actions {
  margin-right: 0;
}
.modal-view .modal-body .card-block .border .listview__item .listview__actions .dropdown-menu .dropdown-item {
  font-size: 12px;
  line-height: 12px;
}
.modal-view .modal-body .card-block .border .listview__item .todo__item {
  cursor: text;
  border-bottom: 1px solid #f3f3f3;
  padding-left: 8px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 100%;
}
.modal-view .modal-body .card-block .border .listview__item .todo__item .todo__info {
  margin-bottom: 2px;
}
.modal-view .modal-body .card-block .border .listview__item .todo__item .todo__info span {
  font-weight: 600;
}
.modal-view .modal-body .card-block .border .listview__item .listview__attrs {
  margin-top: 0;
}
.modal-view .modal-body .card-block .border .listview__item .listview__attrs span {
  margin-top: 0;
  min-height: 24px;
}
.modal-view .modal-body .card-footer {
  padding: 0;
  text-align: right;
}
.modal-view .modal-body .card-footer .card-title {
  color: #4f5861;
  font-size: 0.95rem;
  font-weight: 200;
  margin-bottom: 0.2rem;
}
.modal-view .modal-body .listview {
  margin-top: 0;
}
.modal-view .modal-body .listview .listview__actions .actions__item {
  width: 25px;
}
.modal-view .modal-body .listview .listview__content {
  cursor: default;
  margin-top: 0px;
  padding: 5px;
}
.modal-view .modal-body .listview .listview__content.ui-sortable-helper {
  color: #FFFFFF;
  cursor: move;
  background-color: #f9f9f9;
  z-index: 99999;
}
.modal-view .modal-body .listview .listview__content.ui-sortable-placeholde {
  border: 1px dashed #ddd;
}
.modal-view .modal-body .listview .listview__content .listview__heading {
  color: #4f5861;
}
.modal-view .modal-body .listview .listview__content .listview__heading a {
  color: #4f5861;
}
.modal-view .modal-body .listview .listview__content .listview__heading .action {
  border-radius: 15px;
  box-shadow: none;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-view .modal-body .listview .listview__content p {
  color: #d0d0d0;
  margin: 0;
}
.modal-view .modal-body .listview .listview__content p small {
  color: #09156f;
}

.modal .modal-title {
  font-size: 1.3rem;
}
.modal .col-md-6 {
  float: left;
}
.modal .col-lg-6 {
  float: left;
}
.modal .col-sm-6 {
  float: left;
}
.modal .modal-body {
  padding: 25px 20px;
}
.modal .form-container {
  padding-bottom: 0;
  width: 100%;
}
.modal .form-container .form-group {
  margin-bottom: 0;
}
.modal .form-container .form-group .form-control-label {
  color: var(--form-field-color);
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  margin-bottom: var(--form-field-label-gap);
}
.modal .form-container .form-group .form-control {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  color: var(--form-field-color);
}
.modal .form-container .help-error {
  width: 100%;
}
.modal .form-container .help-error label {
  color: #ff5652;
  font-size: 0.9rem;
  font-weight: 400;
}

.modal-folder-download .modal-dialog {
  width: calc(100% - 20px);
  margin: 10px auto;
}
.modal-folder-download .modal-header, .modal-folder-download .modal-body, .modal-folder-download .modal-footer {
  padding-left: 20px;
  padding-right: 20px;
}
.modal-folder-download .modal-header {
  -moz-column-gap: var(--form-field-group-gap);
       column-gap: var(--form-field-group-gap);
}
.modal-folder-download .modal-title {
  min-width: 0;
  overflow-wrap: anywhere;
}
.modal-folder-download .modal-header > .close {
  flex-shrink: 0;
  align-self: flex-start;
}
.modal-folder-download .folder-download-id {
  display: inline-block;
  margin-left: var(--form-field-label-gap);
  color: #4f5861;
  font-size: var(--form-field-font-size);
  white-space: nowrap;
}
.modal-folder-download .folder-download-path {
  margin: 0 0 var(--form-field-group-gap);
  overflow-wrap: anywhere;
  color: #4f5861;
}
.modal-folder-download .folder-download-status {
  margin: 0;
  color: #4f5861;
}
.modal-folder-download .modal-footer > .folder-download-reset {
  margin-right: auto;
}
.modal-folder-download .folder-download-retry {
  margin-left: var(--form-field-label-gap);
}
.modal-folder-download .modal-footer {
  flex-wrap: wrap;
}
@media (max-width: 575px) {
  .modal-folder-download .modal-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .modal-folder-download .modal-footer > .folder-download-reset {
    grid-column: 1/-1;
    margin-right: 0;
  }
}

.modal-progress .modal-body h2 {
  color: #4f5861;
  text-align: center;
}
.modal-progress .modal-body p.id {
  color: #d0d0d0;
  font-size: 0.9rem;
  text-align: center;
}

.modal-timeline .modal-body {
  padding: 0;
}
.modal-timeline .card {
  margin-bottom: 0;
}
.modal-timeline .toolbar {
  margin-bottom: 0;
}
.modal-timeline .toolbar .actions {
  margin: 0 -1.2rem 0 auto;
  display: inline-block;
  text-align: right !important;
  width: 130px;
}
.modal-timeline .toolbar .actions i.active {
  background-color: #f9f9f9;
}
.modal-timeline .toolbar .toolbar__label .avatar {
  border-radius: 50%;
  height: 30px;
  position: relative;
  width: 30px;
}
.modal-timeline .toolbar .toolbar__search input {
  font-size: 1rem;
}
.modal-timeline .toolbar .toolbar__search .toolbar__search__reset {
  transition: color 300ms;
  cursor: pointer;
  position: absolute;
  top: 1.5rem;
  right: 1.8rem;
  font-size: 1.5rem;
  color: #969696;
}
.modal-timeline .toolbar .toobar-date {
  display: block;
}
.modal-timeline .listview .listview__item {
  padding: 10px 0;
}
.modal-timeline .listview .listview__item.padding-left {
  cursor: pointer;
  padding-left: 25px;
}
.modal-timeline .listview .listview__item .avatar-char {
  background-color: #09156f;
  font-size: 1rem;
}
.modal-timeline .listview .listview__item .todo-audits {
  padding-left: 30px;
}
.modal-timeline .listview .listview__item .listview__content {
  margin-top: 0;
  padding: 0;
}
.modal-timeline .listview .listview__item .listview__content p {
  white-space: normal;
}
.modal-timeline .listview .listview__item .listview__attrs {
  min-height: 28px;
  margin-top: 0;
}
.modal-timeline .listview .listview__item .listview__attrs span {
  font-size: 0.85rem;
  padding: 0.2rem 0;
}
.modal-timeline .listview .listview__item .listview__attrs .new {
  display: block;
}
.modal-timeline .listview .listview__item .listview__attrs .old {
  display: block;
}

#children-add {
  border-radius: 0;
  height: 25px;
  width: 25px;
  line-height: 1.9rem;
  left: 0;
  position: absolute;
}

.modal-fullscreen .modal-dialog {
  background-color: #FFFFFF;
  max-width: 100% !important;
  overflow: hidden;
  overflow-y: auto;
}

.modal-backups .modal-header {
  text-align: center;
  margin-top: 20px;
}
.modal-backups .modal-header h2 {
  text-align: center;
  width: 100%;
}
.modal-backups .modal-header .close {
  position: absolute;
  right: 20px;
  top: 10px;
}
.modal-backups .modal-body {
  text-align: center;
}
.modal-backups .modal-footer {
  justify-content: center;
}

.modal-archive .listview {
  margin: 0 -7px;
}
.modal-archive .listview .listview__item {
  padding: 0;
}
.modal-archive .listview .listview__item .listview__attrs span {
  border-color: #ebebeb;
  color: #4f5861;
  font-size: 0.9rem;
  padding: 0.45rem 0.4rem 0.5rem;
  min-height: 28px;
}
.modal-archive .listview .listview__item .listview__attrs span a {
  color: #4f5861;
}
.modal-archive .listview .listview__item .listview__attrs span .widget-visitors__country {
  height: 13px;
  width: 13px;
  border-radius: 50%;
}
.modal-archive .card-block {
  padding: 1rem 0;
}
.modal-archive .card-block p {
  margin-bottom: 0.2rem;
  padding: 5px 0;
}
.modal-archive .card-block p b {
  display: block;
}
.modal-archive .path {
  padding: 5px 20px;
  margin-bottom: 0px;
}
.modal-archive .path i {
  font-size: 10px !important;
  margin-left: 0;
  width: auto;
}
.modal-archive .path span {
  font-size: 10px !important;
}
.modal-archive .api {
  padding: 5px 20px;
  margin-bottom: 20px;
  margin-top: -15px;
}
.modal-archive .api i {
  font-size: 10px !important;
  margin-left: 0;
  width: auto;
}
.modal-archive .api span {
  font-size: 10px !important;
}

.modal-cases .widget-visitors__stats {
  margin: 0 -0.5rem 0.5rem;
}
.modal-cases .widget-visitors__stats div {
  border: 1px solid #ebebeb;
  padding: 0.7rem 0.7rem;
}
.modal-cases .widget-visitors__stats div strong {
  font-size: 16px;
  color: #4f5861;
}
.modal-cases .widget-visitors__stats div small {
  min-height: 20px;
}
.modal-cases .listview .listview__content {
  border-bottom: 1px solid #ebebeb;
}
.modal-cases .listview .listview__attrs span {
  border: 1px solid #ebebeb;
  display: inline-block;
}

@media (max-width: 600px) {
  .modal-cases .widget-visitors__stats div {
    width: 97%;
    margin-bottom: 5px;
  }
}
#modal-comment-view .listview .listview__content p {
  white-space: initial;
}

.modal-alert .modal-header {
  border-top: 3px solid #ddd;
}
.modal-alert .modal-body {
  padding: 0 20px 5px 20px;
  padding-top: 15px;
}
.modal-alert .modal-body .card-block {
  padding: 0 0;
}
.modal-alert .modal-body .card-block .listview .listview__item {
  padding: 2px 0;
  border-bottom: 1px solid #f3f3f3;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content {
  padding: 0 3px;
  margin-top: 0;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__heading {
  font-size: 11px;
  font-weight: 600;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__heading:hover {
  background-color: #f9f9f9;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__heading span {
  color: #7a7a7a;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__heading span.badge {
  background-color: #2196F3;
  color: #FFFFFF;
  cursor: pointer;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__heading small {
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  float: right;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__attrs {
  margin-top: 0;
}
.modal-alert .modal-body .card-block .listview .listview__item .listview__content .listview__attrs span {
  border: 1px solid #f3f3f3;
  font-size: 10px;
}

.modal .quick-stats.cases .quick-stats__item {
  background-color: #4f5861;
  padding: 10px 10px 10px 10px;
}
.modal .quick-stats.cases .quick-stats__item .quick-stats__info {
  text-align: center;
  width: 100%;
}
.modal .quick-stats.cases .quick-stats__item .quick-stats__info h2 {
  color: #FFFFFF;
}

.popover {
  padding: 10px;
}
.popover .popover-body {
  font-size: 0.9rem;
  text-align: center;
}

.popover[class*=bs-popover-]::before, .popover[class*=bs-popover-]::after {
  content: none;
}
.popover[class*=bs-popover-] .arrow {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background-color: inherit;
  pointer-events: none;
}
.popover[class*=bs-popover-] .arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: inherit;
  transform: rotate(45deg);
}
.popover[class*=bs-popover-].bs-popover-top .arrow {
  bottom: -4px;
}
.popover[class*=bs-popover-].bs-popover-bottom .arrow {
  top: -4px;
}
.popover[class*=bs-popover-].bs-popover-left .arrow {
  right: -4px;
}
.popover[class*=bs-popover-].bs-popover-right .arrow {
  left: -4px;
}

.profile {
  align-items: initial !important;
}
.profile .icon-list li a {
  color: #4f5861;
}
.profile .icon-list li a:hover, .profile .icon-list li a:active {
  color: #03A9F4;
}
.profile .profile__img a {
  color: #FFFFFF;
}
.profile .profile__img a:focus, .profile .profile__img a:active {
  color: #FFFFFF;
}
.profile .profile__img a.active {
  background-color: #32c787;
  cursor: default;
}
.profile .profile__img a.danger {
  background-color: #ff5652;
  cursor: pointer;
}
.profile .social-container h2 {
  color: #4f5861;
  font-size: 1.6rem;
  font-weight: 400;
}
.profile .social-container p {
  color: #4f5861;
  font-size: 1rem;
}
.profile .social-container .col-lg-12 {
  padding: 0;
  z-index: 2;
}
.profile .social-container .col-lg-12 button {
  box-shadow: none;
}
.profile .social-container .col-lg-12 button i {
  color: #4f5861;
}
.profile .social-container .col-lg-12 button.active i {
  color: #FFFFFF;
}
.profile .social-container .col-lg-12 button.active.facebook {
  background-color: #3c579e;
  border-color: #3c579e;
}
.profile .social-container .col-lg-12 button.active.google {
  background-color: #e55440;
  border-color: #e55440;
}
.profile .social-container .col-lg-12 button.active.twitter {
  background-color: #24d5f6;
  border-color: #24d5f6;
}
.profile .social-container .col-lg-12 button.active.linkedin {
  background-color: #0089c0;
  border-color: #0089c0;
}

.preference {
  padding: 20px;
}

.scale-slider.ui-widget.ui-widget-content {
  background: #f9f9f9 !important;
  border: 0 !important;
  margin: 20px 0;
}
.scale-slider.ui-widget.ui-widget-content .ui-slider-handle {
  background-color: #09156f !important;
  border: 0 !important;
  border-radius: 50% !important;
  height: 2rem;
  top: -10px;
  width: 2rem;
}
.scale-slider.ui-widget.ui-widget-content .ui-state-active {
  cursor: pointer;
}
.sidebar {
  width: 320px;
  margin-top: 20px;
}
.sidebar .scrollbar-inner .navigation > li > a .navigation-item-right {
  float: right;
}

.swal2-container.swal2-shown {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.swal2-modal.session-notice {
  border: 1px solid rgba(79, 88, 97, 0.12);
  border-radius: 12px;
  max-width: calc(100vw - 2rem);
  padding: 2rem 2.25rem !important;
}
.swal2-modal.session-notice .swal2-image {
  margin: 0 auto 1.15rem;
}
.swal2-modal.session-notice .swal2-title {
  font-size: 1.45rem;
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 0.85rem;
}
.swal2-modal.session-notice .swal2-content {
  color: #4f5861;
  font-size: 1.05rem;
  line-height: 1.65;
  white-space: pre-line;
  overflow-wrap: break-word;
}
.swal2-modal.session-notice .swal2-buttonswrapper {
  margin-top: 1.35rem;
}
.swal2-modal.session-notice .swal2-buttonswrapper button.swal2-confirm {
  min-height: 44px;
  min-width: 132px;
  border-radius: 5px;
}

.swal2-modal .swal2-title {
  color: #676767;
  font-size: 2.2rem;
  font-weight: 400;
}
.swal2-modal .swal2-warning {
  color: #ffc107 !important;
  border-color: #ffc107 !important;
}
.swal2-modal .swal2-success-ring {
  color: #09156f !important;
  border-color: #09156f !important;
}
.swal2-modal .swal2-success-line-tip {
  background-color: #09156f !important;
}
.swal2-modal .swal2-success-line-long {
  background-color: #09156f !important;
}
.swal2-modal .swal2-content {
  font-size: 1.2rem;
}
.swal2-modal .swal2-input {
  color: #4f5861;
  font-size: 14px;
}
.swal2-modal .swal2-buttonswrapper {
  margin-top: 5px;
}
.swal2-modal .swal2-buttonswrapper button {
  border: 0 !important;
  font-size: 1rem;
  outline: none !important;
}
.swal2-modal .swal2-buttonswrapper button:focus {
  box-shadow: none !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel {
  background-color: #FFFFFF !important;
  border: 1px solid #efefef !important;
  color: #4f5861 !important;
  box-shadow: none !important;
}
.swal2-modal .swal2-buttonswrapper button.swal2-cancel:hover, .swal2-modal .swal2-buttonswrapper button.swal2-cancel:active {
  background-color: rgb(247.35, 247.35, 247.35) !important;
  border-color: rgb(218.6, 218.6, 218.6) !important;
}

.header-kpi .tab-nav {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.header-kpi .tab-nav li {
  flex: 0 0 auto;
  width: auto;
  white-space: nowrap;
  list-style: none;
}
.header-kpi .tab-nav li.active a {
  color: #FFFFFF;
  background-color: #09156f;
}
.header-kpi .tab-nav li a {
  color: #4f5861;
  background-color: #FFFFFF;
  border-radius: 10px;
  display: inline-block;
  padding: 10px 15px;
}
.header-kpi .tab-content {
  margin: 0;
}

.nav-tabs {
  border-bottom: 1px solid #eee;
}

.tab.tabpanel-custom .tab-nav {
  padding: 0;
  margin-top: 20px;
}
.tab.tabpanel-custom .tab-nav li {
  list-style: none;
  display: inline-block;
}
.tab.tabpanel-custom .tab-nav li.active a {
  color: #FFFFFF;
  background-color: #09156f;
}
.tab.tabpanel-custom .tab-nav li a {
  color: #4f5861;
  border-radius: 5px 5px 0 0;
  padding: 10px;
  background-color: #f9f9f9;
  text-decoration: none;
}
.tab.tabpanel-custom .tab-content {
  margin-top: -5px;
  border: 1px solid #f9f9f9;
  padding: 10px;
}
.tab.tabpanel-custom .tab-content.tab-content-p-border-bottom .tab-pane div p {
  border-bottom: 1px solid #f9f9f9;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.tab.tabpanel-custom .tab-content.tab-content-p-border-bottom .tab-pane div p:last-child {
  border-bottom: none;
}
.tab.tabpanel-custom .tab-content.tab-content-p-border-bottom .tab-pane div p b {
  display: block;
}
.tab.tabpanel-custom .tab-content.tab-content-p-border-bottom .tab-pane div p span {
  display: block;
  min-height: 16px;
}
.tab.tabpanel-custom .tab-content .comment-widgets .comment-row {
  padding: 10px;
  border-bottom: 1px solid #f9f9f9;
}
.tab.tabpanel-custom .tab-content .comment-widgets .comment-row:last-child {
  border-bottom: 1px solid transparent;
}
.tab.tabpanel-custom .tab-content .comment-widgets .comment-row .media-body .lv-attrs {
  padding: 0;
  margin: 0;
}
.tab.tabpanel-custom .tab-content .comment-widgets .comment-row .media-body .lv-attrs li {
  border: 1px solid #f9f9f9;
  font-size: 12px;
  display: inline-block;
  padding: 5px 8px;
  list-style: none;
  margin-bottom: 5px;
}

.tabpanel.tabpanel-custom .tab-nav {
  padding: 0;
  margin-top: 20px;
}
.tabpanel.tabpanel-custom .tab-nav li {
  list-style: none;
  display: inline-block;
}
.tabpanel.tabpanel-custom .tab-nav li a {
  border-radius: 5px 5px 0 0 !important;
  padding: 10px !important;
  background-color: #bdc3c7 !important;
  text-decoration: none;
}

.tabpanel-custom .tab-nav {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f6f6f6;
}
.tabpanel-custom .tab-nav li {
  background-color: #f6f6f6;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
  list-style: none;
  display: inline-block;
}
.tabpanel-custom .tab-nav li.active {
  background-color: #09156f;
}
.tabpanel-custom .tab-nav li.active a {
  color: #FFFFFF;
}
.tabpanel-custom .tab-nav li a {
  color: #4f5861;
  text-decoration: none;
  display: inline-block;
}
.tabpanel-custom .tab-content {
  padding: 15px;
  border-left: 1px solid #f6f6f6;
  border-right: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
}

.bootstrap-tagsinput {
  display: block;
  padding: 4px !important;
  border: 1px solid #f3f3f3 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  line-height: 24px !important;
  width: 100%;
}
.bootstrap-tagsinput .tag {
  background-color: #09156f !important;
  border-radius: 10px !important;
  padding: 2px 8px !important;
  margin-right: 0 !important;
}
.bootstrap-tagsinput .tag .remove {
  position: relative !important;
  top: -2px !important;
  margin-left: 3px !important;
}
.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 3px !important;
}
.bootstrap-tagsinput .tag [data-role=remove]:after {
  font-family: "Material-Design-Iconic-Font";
  content: "\f136" !important;
}

.user {
  background-color: #f8f8f8;
  padding: 20px;
}
.user .user-avatar {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.user .user-avatar img {
  height: 150px;
  margin: 0 auto;
}
.user .user-avatar .user-header {
  background-color: #ffc107;
  padding: 15px;
  position: relative;
  width: 100%;
}
.user .user-avatar .user-header h2 {
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 10px;
}
.user .user-avatar .user-header i {
  color: #FFFFFF;
  font-size: 45px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -15px;
}
.user .user-avatar .user-body {
  text-align: left;
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%;
}
.user .user-avatar .user-body h2 {
  font-size: 16px;
  margin-bottom: 10px;
}
.user .user-avatar .user-body ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.user .user-avatar .user-body ul li {
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 5px;
  width: 100%;
}
.user .user-avatar .user-body ul li i {
  margin-right: 10px;
}
.user .user-avatar .user-body ul li b {
  display: block;
}

.tasks h2 {
  font-size: 16px;
  text-transform: uppercase;
}
.tasks .types {
  display: inline;
  margin: 0;
  padding: 0;
  width: 100%;
}
.tasks .types li {
  background-color: #f3f3f3;
  border-radius: 25px;
  font-size: 12px;
  display: inline-block;
  list-style: none;
  padding: 5px 15px;
  margin-right: 2px;
}
.tasks .world {
  margin-bottom: 0;
}
.tasks .world .children h6 {
  cursor: pointer;
  margin-bottom: 3px;
}
.tasks .world .children .listview__item {
  background-color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks .world .children .listview__item p {
  text-overflow: ellipsis;
}
.tasks .world .children .listview__item .listview__heading {
  text-overflow: ellipsis;
  overflow: hidden;
}
.tasks .world .tasks-count {
  cursor: pointer;
}
.tasks .listview.files {
  width: 100%;
}
.tasks .listview.files .lv-item {
  list-style: none;
  width: 100%;
}
.tasks .listview.files .lv-item .media {
  display: block;
  width: 100%;
}
.tasks .listview.files .lv-item .media .media-body {
  padding-bottom: 5px;
  padding-top: 5px;
  display: block;
  border-bottom: 1px solid #f3f3f3;
}
.tasks .listview.files .lv-item .media .media-body .lv-title {
  color: #4f5861;
  margin: 0;
  padding: 0;
}
.tasks .listview.files .lv-item .media .media-body .lv-title a {
  color: #4f5861;
}
.tasks .listview.files .lv-item .media .media-body .lv-title small {
  color: #4f5861;
  float: right;
}
.tasks .listview.files .lv-item .media .media-body .lv-title small a {
  color: #4f5861;
}
.tasks .listview.files .lv-item .media .media-body .lv-title small a i {
  color: #4f5861;
  font-size: 18px;
}
.tasks .listview.files .lv-item .media .media-body .lv-small {
  color: #4f5861;
}
.tasks .listview.files .lv-item .media .comments {
  padding: 0;
  margin: 0;
  padding-left: 25px;
  width: 100%;
}
.tasks .listview.files .lv-item .media .comments li {
  border-left: 1px solid #ff5652;
  padding: 2px 0;
  padding-left: 10px;
  position: relative;
  margin: 0;
  margin-bottom: 5px;
  list-style: none;
  overflow: hidden;
  width: 100%;
}
.tasks .listview.files .lv-item .media .comments li h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
  position: relative;
}
.tasks .listview.files .lv-item .media .comments li h3 small {
  float: right;
  position: relative;
}
.tasks .listview.files .lv-item .media .comments li p {
  font-size: 12px;
  color: #4f5861;
  margin: 0;
  padding: 0;
}

.tasks-header .task-nodes {
  position: relative;
  display: inline-block;
  max-width: 100%;
  white-space: normal;
}
.tasks-header .task-nodes .task-nodes-trigger {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.tasks-header .task-nodes .task-nodes-trigger i {
  margin-left: 4px;
  display: inline-block;
  transition: transform 160ms ease;
}
.tasks-header .task-nodes button:focus-visible {
  outline: 2px solid #11176b;
  outline-offset: 2px;
}
.tasks-header .task-nodes .task-nodes-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 1050;
  width: 500px;
  max-width: calc(100vw - 24px);
  max-height: none;
  overflow: visible;
  padding: 8px 10px;
  background: #fff;
  color: #525964;
  border: 1px solid #e7e9ee;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(25, 32, 55, 0.14);
  font-size: 12px;
  font-weight: 400;
  text-transform: none;
  transform-origin: var(--task-node-origin, 24px) top;
  animation: task-nodes-reveal 160ms ease-out;
}
.tasks-header .task-nodes .task-nodes-panel::before {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(var(--task-node-origin, 24px) - 5px);
  width: 9px;
  height: 9px;
  background: #fff;
  border-top: 1px solid #e7e9ee;
  border-left: 1px solid #e7e9ee;
  transform: rotate(45deg);
}
.tasks-header .task-nodes .task-nodes-panel::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 0;
  right: 0;
  height: 9px;
}
.tasks-header .task-nodes .task-nodes-panel[hidden] {
  display: none;
}
.tasks-header .task-nodes .task-nodes-head, .tasks-header .task-nodes .task-nodes-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px 66px 64px 68px;
  align-items: center;
  gap: 4px;
}
.tasks-header .task-nodes .task-nodes-head {
  padding: 0 0 5px;
  color: #68717d;
  font-size: 11px;
}
.tasks-header .task-nodes .task-nodes-head > span:not(:first-child) {
  text-align: right;
}
.tasks-header .task-nodes .task-nodes-row {
  border: 0;
  padding: 2px 0;
}
.tasks-header .task-nodes .task-nodes-name {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.tasks-header .task-nodes .task-nodes-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tasks-header .task-nodes .task-nodes-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  aspect-ratio: 1;
  border: 1px solid #f3f3f3;
  border-radius: calc(var(--ui-radius) / 2);
  overflow: hidden;
  background: #f0f2f6;
}
.tasks-header .task-nodes .task-nodes-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.tasks-header .task-nodes .task-nodes-icon i {
  font-size: 14px;
}
.tasks-header .task-nodes .task-nodes-icon [hidden] {
  display: none;
}
.tasks-header .task-nodes .task-nodes-choice {
  min-height: 24px;
  padding: 2px 6px;
  line-height: 20px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #414955;
  font-variant-numeric: tabular-nums;
  text-align: right;
  cursor: pointer;
}
.tasks-header .task-nodes .task-nodes-choice.active {
  color: #09156f;
  background: transparent;
  font-weight: 600;
}
.tasks-header .task-nodes .task-nodes-status {
  display: block;
  padding: 8px;
}
.tasks-header .task-nodes .task-nodes-retry {
  border: 0;
  background: transparent;
  padding: 8px;
  color: #11176b;
  cursor: pointer;
}
@media (max-width: 540px) {
  .tasks-header .task-nodes .task-nodes-head, .tasks-header .task-nodes .task-nodes-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tasks-header .task-nodes .task-nodes-head > span:first-child {
    display: none;
  }
  .tasks-header .task-nodes .task-nodes-name {
    grid-column: 1/-1;
  }
  .tasks-header .task-nodes .task-nodes-choice {
    min-width: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.tasks-header > .item:nth-last-child(-n+2) .task-nodes-panel {
  left: auto;
  right: 0;
}

.header-kpi .dashboard .tasks-header .item .info h2 .task-nodes {
  float: none;
  font-size: inherit;
  color: inherit;
}
.header-kpi .dashboard .tasks-header .item .info h2 .task-nodes span {
  float: none;
  font-size: inherit;
  color: inherit;
}
.header-kpi .dashboard .tasks-header .item .info h2 .task-nodes .task-nodes-panel {
  font-size: 12px;
  color: #525964;
}
.header-kpi .dashboard .tasks-header .item .info h2 .task-nodes .task-nodes-head {
  font-size: 11px;
  color: #68717d;
}

.header-kpi .dashboard .tasks-header .item .info > h2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
}
.header-kpi .dashboard .tasks-header .item .info .task-nodes-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.header-kpi .dashboard .tasks-header .item .info .task-universe-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-kpi .dashboard .tasks-header .item .info .task-nodes-trigger > i {
  flex: 0 0 auto;
}
.header-kpi .dashboard .tasks-header .item .info .indicator {
  gap: 3px;
  padding: 3px 0;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 4px 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #4f5861;
  font: inherit;
  text-align: center;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: none;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count > span {
  max-width: 100%;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count .task-count-value {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count .task-count-share {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count[aria-pressed=true] .task-count-value {
  color: #09156f;
  font-weight: 600;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .count.pending-30 {
  color: #ff5652;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .task-months {
  display: grid;
  gap: 2px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
.header-kpi .dashboard .tasks-header .item .info .indicator > .task-months:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}
.header-kpi .dashboard .tasks-header .item .info .task-month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4f5861;
  font: inherit;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.header-kpi .dashboard .tasks-header .item .info .task-month span {
  font-size: 9px;
  line-height: 11px;
  white-space: nowrap;
}
.header-kpi .dashboard .tasks-header .item .info .task-month strong {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
}
.header-kpi .dashboard .tasks-header .item .info .task-month small {
  display: none;
}
.header-kpi .dashboard .tasks-header .item .info .task-month[aria-pressed=true] strong {
  color: #09156f;
  font-weight: 600;
}
.header-kpi .dashboard .tasks-header .item .info .count:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: -2px;
  border-radius: 4px;
}
.header-kpi .dashboard .tasks-header .item .info .count:disabled {
  opacity: 0.5;
  cursor: default;
}

.tasks-filter-clear {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.tasks-filter-clear #datatable-clear.has-filters {
  color: #09156f;
}
.tasks-filter-clear .dashboard-filter-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 17px;
  padding: 1px 4px;
  border-radius: 9px;
  background: #09156f;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 15px;
  pointer-events: none;
}
.tasks-filter-clear .dashboard-filter-count[hidden] {
  display: none;
}

@keyframes task-nodes-reveal {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .tasks-header .task-nodes .task-nodes-panel {
    animation: none;
  }
  .tasks-header .task-nodes .task-nodes-trigger i {
    transition: none;
  }
}
@media (pointer: coarse) {
  .tasks-header .task-nodes .task-nodes-choice {
    min-height: 28px;
  }
}
.dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  top: calc((var(--dt-control-height) - 22px) / 2);
  bottom: auto;
  right: 2px;
  width: 18px;
  height: 22px;
  min-height: 0;
  padding: 0;
  font-family: inherit;
  font-weight: 400;
}
.dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button, .dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button:hover, .dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button:focus, .dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button:active {
  color: var(--dt-text);
  background: transparent;
}
.dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button:focus-visible {
  outline: 1px solid var(--dt-line);
  outline-offset: -2px;
  border-radius: var(--dt-radius);
}
.dataTables_wrapper table.dataTable.task-filter-fields .yadcf-filter-wrapper button.yadcf-filter-reset-button[hidden] {
  display: none !important;
}

.main--alt {
  padding-top: 20px;
}

.content__title h1 {
  text-transform: capitalize;
}

.files .thumbnail {
  border: 1px solid #f3f3f3;
  padding: 15px;
}

.tour-tour .popover-header {
  color: #4f5861 !important;
  background-color: transparent !important;
  border-bottom: 1px solid #f3f3f3 !important;
  font-size: 1rem !important;
  padding-bottom: 10px;
}
.tour-tour .popover-body {
  color: #4f5861 !important;
  padding: 0.5rem 0.5rem !important;
}
.tour-tour .popover-body .progress {
  height: 6px !important;
  margin-bottom: 5px;
}
.tour-tour .popover-body .progress .progress-bar {
  background-image: none !important;
  background-color: #09156f !important;
  height: 6px !important;
}
.tour-tour .popover-navigation button {
  color: #4f5861 !important;
  border-color: #f3f3f3 !important;
}
.tour-tour .popover-navigation button:hover {
  background-color: #f3f3f3 !important;
}
.tour-tour button {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 10px;
}
.tour-tour .arrow {
  position: absolute;
}
.tour-tour .arrow:after {
  content: "";
  border-style: solid;
  border-width: 7px 6px 0;
  border-color: #FFFFFF transparent;
  display: block;
  position: relative;
  width: 0;
  z-index: 1;
}
.tour-tour.bs-popover-right .arrow {
  left: 0;
}
.tour-tour.bs-popover-right .arrow:after {
  content: "";
  left: -9px;
  transform: rotate(90deg);
}
.tour-tour.bs-popover-left .arrow {
  right: 0;
}
.tour-tour.bs-popover-left .arrow:after {
  right: -9px;
  transform: rotate(270deg);
}

#tourBackdrop, .tour-backdrop {
  height: 100vh;
  background: rgba(0, 0, 0, 0.2) !important;
  display: inline !important;
  transition: 0.6s all;
}

.tooltip .tooltip-inner {
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  padding: 0.7rem 1.1rem;
}

.cases-tree-index {
  padding: 0 0;
  margin: 0;
  width: 100%;
}
.cases-tree-index > ul {
  margin-left: 10px;
}
.cases-tree-index li {
  color: #4f5861;
  list-style: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.cases-tree-index li.folder {
  font-weight: 600;
}
.cases-tree-index li.folder .porcentage-container {
  margin-left: 5px;
  display: inline-block;
}
.cases-tree-index li.folder i {
  color: #FF9800;
  font-size: 16px;
}
.cases-tree-index li .listview__item {
  padding: 0 0;
}
.cases-tree-index li .listview__item .listview__content .listview__heading .pointer {
  cursor: pointer;
}
.cases-tree-index li .listview__item .listview__content .listview__heading .cases-tree-bagde {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  position: relative;
  top: -5px;
  left: -3px;
  width: 8px;
}
.cases-tree-index li .listview__item .listview__content .listview__attrs {
  margin-top: 0;
}
.cases-tree-index li .listview__item .listview__content .listview__attrs span {
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
  font-size: 10px;
}
.cases-tree-index li .porcentage {
  color: #03A9F4;
  font-size: 11px;
}
.cases-tree-index li.file {
  margin-left: 10px;
}
.cases-tree-index li.danger {
  color: #ff5652;
  font-weight: 600;
}
.cases-tree-index li.danger i {
  color: #ff5652;
  font-size: 16px;
}
.cases-tree-index li.success {
  font-weight: 600;
}
.cases-tree-index li.success i {
  color: #4f5861;
  font-size: 16px;
}
.cases-tree-index li a {
  color: #4f5861;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree {
  list-style: none;
  padding: 0 0 0 5px;
}
.tree li .zmdi {
  margin-right: 5px;
}

.fileTree {
  margin-bottom: 35px;
}

UL.jqueryFileTree {
  overflow: hidden;
}
UL.jqueryFileTree LI {
  padding: 0 0 0 7px !important;
  width: 100% !important;
}
UL.jqueryFileTree LI.directory {
  background: url("/img/filetree/directory.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.expanded {
  background: url("/img/filetree/folder_open.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_doc {
  background: url("/img/filetree/doc.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.folder_open {
  background: url("/img/filetree/folder_open.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_pdf {
  background: url("/img/filetree/pdf.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_php {
  background: url("/img/filetree/php.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_picture {
  background: url("/img/filetree/picture.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_jpg {
  background: url("/img/filetree/png.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_pptx {
  background: url("/img/filetree/ppt.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_txt {
  background: url("/img/filetree/txt.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_xlsx {
  background: url("/img/filetree/xls.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_zip {
  background: url("/img/filetree/zip.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.wait {
  background: url("/img/filetree/Reload.gif") left top no-repeat !important;
}
UL.jqueryFileTree LI.ext_upload {
  background: url("/img/filetree/upload.png") left top no-repeat !important;
}
UL.jqueryFileTree LI.archive {
  opacity: 0.75;
  filter: grayscale(100%); /* Current draft standard */ /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
  filter: gray; /* IE */
  -webkit-filter: grayscale(1); /* Old WebKit */
}
UL.jqueryFileTree LI.selected a {
  font-weight: 500 !important;
}
UL.jqueryFileTree LI.cute > a {
  color: #000000;
}
UL.jqueryFileTree LI.cute > a:hover {
  color: #000000;
}
UL.jqueryFileTree LI.clone > a {
  color: #2196F3;
}
UL.jqueryFileTree LI.clone > a:hover {
  color: #2196F3;
}
UL.jqueryFileTree LI .porcentage-container {
  position: absolute;
  right: 10px;
}
UL.jqueryFileTree LI .porcentage-container .porcentage-item {
  color: #4f5861;
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
}
UL.jqueryFileTree LI.cases {
  margin-left: 0 !important;
  padding: 0 !important;
}
UL.jqueryFileTree LI.cases a {
  cursor: default;
  margin-left: 0 !important;
  padding: 0 !important;
}
UL.jqueryFileTree LI.cases a .listview {
  width: 100%;
}
UL.jqueryFileTree LI.cases a .listview .listview__item {
  padding: 0 5px;
  border-left: 3px solid #f3f3f3;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__content {
  border-bottom: 0;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__content .listview__heading {
  color: #4f5861;
  font-size: 12px;
  font-weight: 500;
  transition: background-color 0.3s, color 0.3s;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__content .listview__heading.link:hover {
  color: #32c787;
  cursor: pointer;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__content .listview__attrs span {
  color: #4f5861;
  font-size: 10px;
  font-weight: 400;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__actions {
  margin-right: 0;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__actions .actions__item {
  color: #4f5861;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__actions .actions__item.green {
  color: #32c787;
}
UL.jqueryFileTree LI.cases a .listview .listview__item .listview__actions .actions__item.red {
  color: #ff5652;
}
UL.jqueryFileTree LI button.btn {
  border-radius: 15px;
  font-size: 10px;
  padding: 5px 10px;
  margin-right: 5px;
  min-width: 65px;
  position: relative;
}
UL.jqueryFileTree LI .control-access {
  height: 12px;
  display: inline-block;
  margin-right: -8px;
  margin-left: 12px;
}
UL.jqueryFileTree LI .control-access > div {
  display: inline-block;
}
UL.jqueryFileTree LI .control-access .custom-control {
  min-height: 0.9rem;
  margin-right: 2px;
  padding-left: 1rem;
}
UL.jqueryFileTree LI .control-access .custom-control .custom-control-indicator {
  top: -2px;
  border: 1px solid #d0d0d0;
  border-radius: 0;
}
UL.jqueryFileTree LI .control-access .custom-control-input:checked ~ .custom-control-indicator {
  border-color: #09156f;
}
UL.jqueryFileTree LI A {
  color: #4f5861;
  font-family: "Roboto", sans-serif !important;
  display: inline-flex;
  font-size: 0.94rem;
  font-weight: 500;
  margin-left: 10px !important;
  width: 100%;
}
UL.jqueryFileTree LI A.file {
  padding-left: 8px;
}
UL.jqueryFileTree LI A .alert-status {
  border-radius: 50%;
  height: 9px;
  width: 9px;
  position: relative;
  margin-left: 0;
}
UL.jqueryFileTree LI A .badge-pill {
  padding: 4px 8px;
  font-size: 0.7rem;
  font-weight: 600;
  margin-left: 3px;
}
UL.jqueryFileTree LI A .badge-pill.folder {
  background-color: #ffc107;
}
UL.jqueryFileTree LI A .badge-pill.document {
  background-color: #d0d0d0;
}
UL.jqueryFileTree LI A .badge-pill.current {
  background-color: #32c787;
  color: #FFFFFF;
}
UL.jqueryFileTree LI A .badge-pill.dead {
  background-color: #795548;
  color: #FFFFFF;
}
UL.jqueryFileTree LI A .badge-pill.access {
  background-color: #09156f;
}
UL.jqueryFileTree LI A .badge-pill.red {
  background-color: #795548;
}
UL.jqueryFileTree LI A:hover {
  background-color: #f9f9f9 !important;
}
UL.jqueryFileTree LI > UL {
  margin-left: 5px !important;
}

.access-tree-page .quick-stats {
  margin-left: -5px;
  margin-right: -5px;
}
.access-tree-page .quick-stats > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.access-tree-page .quick-stats .quick-stats__item {
  margin-bottom: 8px;
  min-height: 56px;
  padding: 9px 12px;
}
.access-tree-page .quick-stats .quick-stats__item h2 {
  font-size: 17px;
  line-height: 1;
  margin-bottom: 4px;
}
.access-tree-page .quick-stats .quick-stats__item small {
  font-size: 10px;
}
.access-tree-page.is-readonly .fileTree .control-access {
  opacity: 0.55;
  pointer-events: none;
}
.access-tree-page .access-tree-steps {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
}
.access-tree-page .access-tree-steps .access-tree-step {
  align-items: center;
  color: #4f5861;
  display: flex;
  flex: 1 1 0;
  gap: 8px;
}
.access-tree-page .access-tree-steps .access-tree-step span {
  align-items: center;
  background: #f3f3f3;
  border-radius: 50%;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.access-tree-page .access-tree-steps .access-tree-step small {
  font-weight: 600;
}
.access-tree-page .access-tree-steps .access-tree-step.is-active {
  color: #09156f;
}
.access-tree-page .access-tree-steps .access-tree-step.is-active span {
  background: #09156f;
  color: #FFFFFF;
}
.access-tree-page .access-tree-workspace {
  border-top: 1px solid #f3f3f3;
  margin: 0;
  padding-bottom: 14px;
  padding-top: 12px;
}
.access-tree-page .access-tree-folders {
  border-right: 1px solid #f3f3f3;
}
.access-tree-page .access-tree-folders .fileTree {
  margin: 8px 0 0;
  max-height: 720px;
  min-height: 220px;
  overflow: auto;
  padding-right: 10px;
}
.access-tree-page .access-tree-folders li.search-selected > a:first-of-type {
  background: rgba(9, 21, 111, 0.09) !important;
  color: #09156f;
  font-weight: 700 !important;
}
.access-tree-page .access-tree-section-title h4 {
  font-size: 15px;
  margin: 0 0 3px;
}
.access-tree-page .access-tree-section-title small {
  color: #4f5861;
}
.access-tree-page .access-document-search {
  padding-left: 18px;
}
.access-tree-page .access-search-context {
  background: rgba(9, 21, 111, 0.06);
  border-left: 3px solid #09156f;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  gap: 3px 8px;
  margin-bottom: 10px;
  padding: 7px 10px;
}
.access-tree-page .access-search-context small,
.access-tree-page .access-search-context span {
  color: #4f5861;
}
.access-tree-page .access-search-context strong {
  color: #09156f;
  width: 100%;
}
.access-tree-page .access-search-filters {
  align-items: flex-end;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 1.5fr) minmax(145px, 1fr) minmax(125px, 0.8fr) auto;
}
.access-tree-page .access-search-filters .form-container {
  min-width: 0;
}
.access-tree-page .access-search-filters .access-search-reset {
  align-self: end;
  margin-bottom: 5px;
  min-height: 34px;
  min-width: 90px;
}
.access-tree-page .access-dashboard-filter-heading {
  border-top: 1px solid #f3f3f3;
  margin-top: 10px;
}
.access-tree-page .access-dashboard-filter-toggle {
  align-items: center;
  background: rgba(9, 21, 111, 0.03);
  border: 0;
  color: #4f5861;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 44px;
  padding: 8px 10px;
  text-align: left;
  width: 100%;
}
.access-tree-page .access-dashboard-filter-toggle:hover, .access-tree-page .access-dashboard-filter-toggle:focus {
  background: rgba(9, 21, 111, 0.07);
  color: #09156f;
  outline: 0;
}
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-title,
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-meta {
  align-items: center;
  display: flex;
  gap: 7px;
}
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-title {
  font-size: 10px;
  text-transform: uppercase;
}
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-title > i {
  font-size: 16px;
}
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-count {
  background: #09156f;
  color: #FFFFFF;
}
.access-tree-page .access-dashboard-filter-toggle .access-dashboard-filter-chevron {
  font-size: 18px;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.access-tree-page .access-dashboard-filter-toggle.collapsed .access-dashboard-filter-chevron {
  transform: rotate(0);
}
.access-tree-page .access-dashboard-filters.collapsing {
  overflow: hidden;
  transition: height 0.2s ease;
}
.access-tree-page .access-dashboard-filters-grid {
  display: grid;
  gap: 6px 8px;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  padding: 8px 0 2px;
}
.access-tree-page .access-dashboard-filters-grid .form-container {
  min-width: 0;
}
.access-tree-page .access-dashboard-filters-grid .form-group {
  position: relative;
}
.access-tree-page .access-dashboard-filters-grid .flatpickr-input {
  padding-right: 48px;
}
.access-tree-page .access-dashboard-filters-grid .access-date-clear {
  align-items: center;
  background: transparent;
  border: 0;
  bottom: 1px;
  color: #4f5861;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 17px;
  width: 30px;
  z-index: 2;
}
.access-tree-page .access-dashboard-filters-grid .access-date-clear:hover, .access-tree-page .access-dashboard-filters-grid .access-date-clear:focus {
  color: #09156f;
  outline: 0;
}
.access-tree-page .access-dashboard-filters-grid .access-date-clear:disabled {
  cursor: default;
  opacity: 0.45;
}
.access-tree-page .access-dashboard-filters-grid .access-date-icon {
  bottom: 10px;
  color: #4f5861;
  pointer-events: none;
  position: absolute;
  right: 2px;
}
.access-tree-page .access-search-feedback {
  align-items: center;
  color: #4f5861;
  display: flex;
  font-size: 11px;
  gap: 12px;
  justify-content: space-between;
  min-height: 42px;
}
.access-tree-page .access-search-state {
  min-width: 0;
}
.access-tree-page .access-bulk-action {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}
.access-tree-page .access-bulk-action .access-bulk-permission {
  margin: 0;
  min-width: 140px;
}
.access-tree-page .access-bulk-action .access-bulk-permission .form-group {
  margin-bottom: 0;
}
.access-tree-page .access-bulk-action .access-bulk-grant,
.access-tree-page .access-bulk-action .access-bulk-grant:focus {
  background-color: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
  justify-content: center;
  min-height: 34px;
  min-width: 130px;
}
.access-tree-page .access-bulk-action .access-bulk-grant:hover,
.access-tree-page .access-bulk-action .access-bulk-grant:active {
  background-color: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
}
.access-tree-page .access-bulk-action .btn {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  padding: 0 12px;
}
.access-tree-page .access-bulk-feedback {
  color: #32c787;
  font-size: 10px;
  min-height: 0;
  text-align: right;
}
.access-tree-page .access-bulk-feedback.is-error {
  color: #795548;
}
.access-tree-page .access-search-results.is-loading {
  opacity: 0.55;
}
.access-tree-page .access-document-card {
  align-items: center;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  display: grid;
  gap: 4px 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-bottom: 5px;
  padding: 8px 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.access-tree-page .access-document-card:hover {
  border-color: rgba(9, 21, 111, 0.35);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}
.access-tree-page .access-document-info {
  min-width: 0;
}
.access-tree-page .access-document-title {
  align-items: center;
  display: flex;
  gap: 8px;
}
.access-tree-page .access-document-title strong {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.access-tree-page .access-document-status {
  border-radius: 10px;
  color: #FFFFFF;
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 700;
  padding: 3px 7px;
}
.access-tree-page .access-document-status.is-active {
  background: #32c787;
}
.access-tree-page .access-document-status.is-archive {
  background: #795548;
}
.access-tree-page .access-document-alias,
.access-tree-page .access-document-path {
  color: #4f5861;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.access-tree-page .access-document-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 2px;
}
.access-tree-page .access-document-meta span {
  color: #4f5861;
  font-size: 10px;
}
.access-tree-page .access-permission {
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  display: inline-flex;
  overflow: hidden;
}
.access-tree-page .access-permission-option {
  background: #FFFFFF;
  border: 0;
  border-right: 1px solid #f3f3f3;
  color: #4f5861;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  min-height: 34px;
  padding: 0 9px;
}
.access-tree-page .access-permission-option:last-child {
  border-right: 0;
}
.access-tree-page .access-permission-option:hover:not(:disabled), .access-tree-page .access-permission-option:focus, .access-tree-page .access-permission-option.active {
  background: #09156f;
  border-color: #09156f;
  color: #FFFFFF;
}
.access-tree-page .access-permission-option:disabled {
  cursor: default;
  opacity: 0.65;
}
.access-tree-page .access-save-feedback {
  color: #32c787;
  grid-column: 1/-1;
  min-height: 0;
  text-align: right;
}
.access-tree-page .access-save-feedback.is-error {
  color: #795548;
}
.access-tree-page .access-search-pagination {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 8px;
}
.access-tree-page .access-search-pagination span {
  color: #4f5861;
  font-size: 11px;
}

@media (max-width: 991px) {
  .access-tree-page .access-tree-steps {
    flex-direction: column;
  }
  .access-tree-page .access-tree-folders {
    border-bottom: 1px solid #f3f3f3;
    border-right: 0;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .access-tree-page .access-tree-folders .fileTree {
    max-height: 360px;
  }
  .access-tree-page .access-document-search {
    padding-left: 15px;
  }
  .access-tree-page .access-search-filters {
    grid-template-columns: 1fr;
  }
  .access-tree-page .access-dashboard-filters-grid {
    grid-template-columns: 1fr 1fr;
  }
  .access-tree-page .access-search-feedback {
    align-items: stretch;
    flex-direction: column;
    padding: 8px 0;
  }
  .access-tree-page .access-bulk-action label {
    display: none;
  }
  .access-tree-page .access-bulk-action .access-bulk-permission {
    flex: 1 1 auto;
  }
  .access-tree-page .access-document-card {
    grid-template-columns: 1fr;
  }
  .access-tree-page .access-permission {
    width: 100%;
  }
  .access-tree-page .access-permission .access-permission-option {
    flex: 1 1 0;
    min-height: 44px;
  }
}
.archive-tree-ui .fileTree ul.jqueryFileTree li {
  position: relative;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row * {
  pointer-events: none;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 1px;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row[data-can-hide="1"] {
  width: calc(100% - 40px);
}
.archive-tree-ui .fileTree ul.jqueryFileTree li.archive-hidden > a.tree-row {
  opacity: 0.65;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row .tree-visibility {
  display: inline-block;
  margin-right: 4px;
  font-size: 11px;
  line-height: inherit;
  color: inherit;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > .archive-visibility-shortcut {
  position: absolute;
  right: 4px;
  top: 0;
  width: 18px;
  height: 18px;
  background: none;
  border: 0;
  padding: 0 3px;
  margin-left: 4px;
  color: inherit;
  font-size: 12px;
  line-height: inherit;
  vertical-align: baseline;
  cursor: pointer;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > .archive-visibility-shortcut:hover {
  color: #09156f;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > .archive-visibility-shortcut:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 1px;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li.archive-hidden > .archive-visibility-shortcut {
  opacity: 0.65;
}

.archive-hide-control .archive-hide-control__row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
}
.archive-hide-control .archive-hide-control__row > label {
  margin: 0;
}
.archive-hide-control .archive-hide-control__row > .toggle-switch {
  margin: 0;
  flex-shrink: 0;
}
.archive-hide-control .archive-hide-help {
  border: 0;
  background: none;
  padding: 2px;
  color: #4f5861;
  cursor: help;
  line-height: 1;
  font-size: 15px;
}
.archive-hide-control .archive-hide-help:focus-visible {
  outline: 2px solid #09156f;
  outline-offset: 2px;
}
.archive-hide-control .archive-hide-inherited:not(.hide) {
  display: block;
  margin-top: 4px;
}

.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .tree-label {
  flex: 0 0 auto;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 3ch;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .badge {
  flex-shrink: 0;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .tree-download-state {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 55%;
  margin-left: 0.55rem;
  color: #09156f;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .tree-download-state > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .tree-download-state > i {
  flex-shrink: 0;
}
.archive-tree-ui .fileTree ul.jqueryFileTree li > a.tree-row.has-download-progress > .tree-download-state.is-processing > i {
  animation: archive-download-spin 1800ms ease-in-out infinite;
}

@keyframes archive-download-spin {
  0% {
    transform: rotate(0deg);
    opacity: 0.65;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.65;
  }
}
@media (prefers-reduced-motion: reduce) {
  .archive-tree-ui .tree-download-state > i {
    animation: none !important;
    transition: none !important;
  }
}
:root {
  --form-menu-pointer-size: 8px;
  --form-menu-gap: 8px;
}

.bootstrap-select > .dropdown-menu {
  margin-top: var(--form-menu-gap);
  overflow: visible !important;
}
.bootstrap-select > .dropdown-menu:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 24px;
  width: var(--form-menu-pointer-size);
  height: var(--form-menu-pointer-size);
  background: #FFFFFF;
  border: solid var(--form-field-border);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.bootstrap-select.dropup > .dropdown-menu {
  margin-top: 0;
  margin-bottom: var(--form-menu-gap);
}
.bootstrap-select.dropup > .dropdown-menu:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
}

.form-group .chosen-container .chosen-drop {
  margin-top: var(--form-menu-gap);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  overflow: visible;
}
.form-group .chosen-container .chosen-drop:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 24px;
  width: var(--form-menu-pointer-size);
  height: var(--form-menu-pointer-size);
  background: #FFFFFF;
  border: solid var(--form-field-border);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}

.select2-container--open .select2-dropdown:is(.select2-dropdown--below, .select2-dropdown--above) {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  margin-top: var(--form-menu-gap);
}
.select2-container--open .select2-dropdown:is(.select2-dropdown--below, .select2-dropdown--above):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 24px;
  width: var(--form-menu-pointer-size);
  height: var(--form-menu-pointer-size);
  background: #FFFFFF;
  border: solid var(--form-field-border);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.select2-container--open .select2-dropdown:is(.select2-dropdown--below, .select2-dropdown--above).select2-dropdown--above {
  margin-top: calc(-1 * var(--form-menu-gap));
}
.select2-container--open .select2-dropdown:is(.select2-dropdown--below, .select2-dropdown--above).select2-dropdown--above:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
}

.flatpickr-calendar.open:not(.inline) {
  margin-top: var(--form-menu-gap);
}
.flatpickr-calendar.open:not(.inline):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 24px;
  width: var(--form-menu-pointer-size);
  height: var(--form-menu-pointer-size);
  background: #FFFFFF;
  border: solid var(--form-field-border);
  border-width: 1px 0 0 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
  background: #09156f;
  border-color: #09156f;
}
.flatpickr-calendar.open:not(.inline).arrowBottom {
  margin-top: calc(-1 * var(--form-menu-gap));
}
.flatpickr-calendar.open:not(.inline).arrowBottom:before {
  top: 100%;
  transform: translate(-50%, -50%) rotate(225deg);
  background: #FFFFFF;
  border-color: var(--form-field-border);
}
.flatpickr-calendar.open:not(.inline).rightMost:before {
  left: auto;
  right: 24px;
}
.flatpickr-calendar.open:not(.inline).noCalendar:before {
  background: #FFFFFF;
  border-color: var(--form-field-border);
}

.modal-content:has(.chosen-with-drop, .select2-container--open) {
  overflow: visible;
}

.form-group .bootstrap-select .dropdown-menu {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  color: var(--form-field-color);
  border-color: var(--form-field-border);
  border-radius: var(--form-field-radius);
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox input.form-control {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
  width: 100%;
  height: var(--form-field-height);
  border: 1px solid var(--form-field-border) !important;
  outline: 0;
  background-image: none !important;
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox input.form-control::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox input.form-control::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox input.form-control:focus {
  border-color: var(--form-field-focus) !important;
  box-shadow: none;
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox input.form-control {
  padding-left: 28px;
}
.form-group .bootstrap-select .dropdown-menu .bs-searchbox:before {
  color: var(--form-field-placeholder);
}
.form-group .bootstrap-select .dropdown-menu li a {
  color: var(--form-field-color) !important;
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.35;
}
.form-group .bootstrap-select .dropdown-menu li a .text-muted {
  display: block;
  margin: 2px 0 0;
  color: var(--form-field-placeholder) !important;
  font-size: 0.9em;
  line-height: 1.35;
}

.form-group .chosen-container-single .chosen-search {
  padding: var(--selectpicker-section-gap) var(--selectpicker-menu-x);
}
.form-group .chosen-container-single .chosen-search input[type=text] {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
  width: 100%;
  height: var(--form-field-height);
  border: 1px solid var(--form-field-border) !important;
  outline: 0;
  background-image: none !important;
}
.form-group .chosen-container-single .chosen-search input[type=text]::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .chosen-container-single .chosen-search input[type=text]::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.form-group .chosen-container-single .chosen-search input[type=text]:focus {
  border-color: var(--form-field-focus) !important;
  box-shadow: none;
}

.select2-container--open .select2-dropdown .select2-search--dropdown {
  padding: var(--selectpicker-section-gap) var(--selectpicker-menu-x);
}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.25;
  color: var(--form-field-color);
  box-sizing: border-box;
  min-height: var(--form-field-height);
  padding: var(--form-field-padding-y) var(--form-field-padding-x);
  border: 1px solid var(--form-field-border);
  border-radius: var(--form-field-radius);
  background-color: #FFFFFF;
  box-shadow: none;
  transition: border-color var(--form-field-motion) ease;
  width: 100%;
  height: var(--form-field-height);
  border: 1px solid var(--form-field-border) !important;
  outline: 0;
  background-image: none !important;
}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
  opacity: 1;
}
.select2-container--open .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--form-field-focus) !important;
  box-shadow: none;
}
.select2-container--open .select2-dropdown .select2-results__option {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  line-height: 1.35;
}

.form-group .bootstrap-tagsinput input,
.form-group .chosen-container-multi .search-field input[type=text],
.form-group .select2-search--inline .select2-search__field {
  font-family: var(--form-field-font-family);
  font-size: var(--form-field-font-size);
  font-weight: 400;
  color: var(--form-field-color);
}
.form-group .bootstrap-tagsinput input::-moz-placeholder, .form-group .chosen-container-multi .search-field input[type=text]::-moz-placeholder, .form-group .select2-search--inline .select2-search__field::-moz-placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
}
.form-group .bootstrap-tagsinput input::placeholder,
.form-group .chosen-container-multi .search-field input[type=text]::placeholder,
.form-group .select2-search--inline .select2-search__field::placeholder {
  font: inherit;
  color: var(--form-field-placeholder);
}

:root {
  --header-navigation-width: 420px;
  --header-navigation-expanded-width: 1120px;
  --header-navigation-max-height: 720px;
  --header-navigation-row-height: 28px;
  --header-navigation-font-size: 13px;
  --header-navigation-heading-font-size: 12px;
  --header-navigation-search-height: 32px;
  --header-navigation-image-size: 24px;
  --header-navigation-metric-width: 54px;
  --header-navigation-weight-width: 40px;
  --header-navigation-pane-gap: 12px;
  --header-navigation-column-gap: 8px;
  --header-navigation-counter-motion: 480ms;
  --header-navigation-counter-stagger: 35ms;
  --header-navigation-counter-offset: 3px;
  --header-navigation-counter-easing: cubic-bezier(0.16, 1, 0.3, 1);
}

.context-nav-count {
  flex: 0 0 auto;
  min-width: 2ch;
  font-size: var(--dt-font-size);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  text-align: right;
  opacity: 0.8;
}

.context-nav-caret {
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom: 0;
  border-top-color: currentColor;
  transition: transform var(--dt-header-motion) ease;
}

.top-menu.context-universes > .nav-item.nav-item-universe {
  display: flex;
  align-items: stretch;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-link {
  border-radius: var(--dt-control-radius) 0 0 var(--dt-control-radius);
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-expand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  padding: 0;
  border: 0;
  border-radius: 0 var(--dt-control-radius) var(--dt-control-radius) 0;
  background: transparent;
  color: #4f5861;
  cursor: pointer;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-expand:hover, .top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-expand[aria-expanded=true] {
  background: #f9f9f9;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-expand:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: -3px;
}
.top-menu.context-universes > .nav-item.nav-item-universe > .context-nav-expand[aria-expanded=true] .context-nav-caret {
  transform: rotate(180deg);
}
.top-menu.context-universes > .nav-item.nav-item-universe.active > .context-nav-expand {
  background: #09156f;
  color: #FFFFFF;
}

.top-menu.context-universes {
  display: flex;
}

.header:has(.context-universes) {
  max-width: 100vw;
}

.header-navigation-panel {
  position: fixed;
  --header-navigation-panel-width: var(--header-navigation-width);
  --header-navigation-panes: minmax(0, 1fr);
  --header-navigation-columns: minmax(0, 1fr) repeat(3, var(--header-navigation-metric-width)) var(--header-navigation-weight-width) 12px;
  left: clamp(8px, var(--header-navigation-left, 8px), max(8px, 100vw - var(--header-navigation-panel-width) - 8px));
  top: var(--header-navigation-top, 0px);
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: var(--header-navigation-panel-width);
  max-width: calc(100vw - 16px);
  max-height: min(var(--header-navigation-max-height), var(--header-navigation-available-height, 100vh), 100vh - 16px);
  padding: var(--dt-gap);
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  background: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.075);
  color: var(--dt-text);
  font-family: var(--form-field-font-family);
  font-size: var(--header-navigation-font-size);
  line-height: 1.4;
  animation: header-navigation-reveal var(--dt-header-motion) ease-out;
}
.header-navigation-panel[hidden], .header-navigation-panel [hidden] {
  display: none !important;
}
.header-navigation-panel .header-navigation-pointer {
  position: absolute;
  width: var(--dt-menu-pointer-size);
  height: var(--dt-menu-pointer-size);
  top: calc(var(--dt-menu-pointer-size) / -2);
  background: inherit;
  border: solid var(--dt-line);
  border-width: 1px 0 0 1px;
  transform: rotate(45deg);
  pointer-events: none;
}
.header-navigation-panel[x-placement^=top] .header-navigation-pointer {
  top: auto;
  bottom: calc(var(--dt-menu-pointer-size) / -2);
  transform: rotate(225deg);
}
.header-navigation-panel.has-children {
  --header-navigation-panel-width: var(--header-navigation-expanded-width);
  --header-navigation-panes: repeat(2, minmax(0, 1fr));
}
.header-navigation-panel .header-navigation-link {
  display: flex;
  align-items: center;
  gap: var(--dt-gap);
  min-height: var(--header-navigation-row-height);
  min-width: 0;
  padding: 4px 6px;
  border-radius: var(--dt-control-radius);
  color: inherit;
  text-decoration: none;
  transition: background-color var(--dt-header-motion) ease;
}
.header-navigation-panel .header-navigation-link .context-nav-label {
  flex: 1;
}
.header-navigation-panel .header-navigation-link:hover {
  background: var(--dt-hover);
}
.header-navigation-panel .header-navigation-link:focus-visible {
  outline: 1px solid var(--dt-accent);
  outline-offset: -1px;
}
.header-navigation-panel .header-navigation-toolbar {
  display: grid;
  grid-template-columns: var(--header-navigation-panes);
  align-items: center;
  gap: var(--dt-gap) var(--header-navigation-pane-gap);
  flex-shrink: 0;
  padding-bottom: var(--dt-gap);
}
.header-navigation-panel .header-navigation-summary {
  grid-column: 1/-1;
  min-width: 0;
  padding: 0 4px;
}
.header-navigation-panel .header-navigation-summary .header-navigation-metrics {
  padding: 0;
  -moz-column-gap: var(--header-navigation-pane-gap);
       column-gap: var(--header-navigation-pane-gap);
}
.header-navigation-panel .header-navigation-summary .header-navigation-metric strong {
  font-weight: 600;
}
.header-navigation-panel .header-navigation-summary .header-navigation-weight {
  margin-left: var(--dt-gap);
}
.header-navigation-panel .header-navigation-body {
  display: grid;
  grid-template-columns: var(--header-navigation-panes);
  -moz-column-gap: var(--header-navigation-pane-gap);
       column-gap: var(--header-navigation-pane-gap);
  min-height: 0;
}
.header-navigation-panel .context-nav-icon {
  flex: 0 0 var(--header-navigation-image-size);
  width: var(--header-navigation-image-size);
  height: var(--header-navigation-image-size);
  border-radius: var(--ui-image-radius);
}
.header-navigation-panel .context-nav-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-navigation-panel .context-nav-icon.is-missing:before, .header-navigation-panel .context-nav-icon.is-missing:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header-navigation-panel .header-navigation-controls {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #FFFFFF;
}
.header-navigation-panel .header-navigation-search-field {
  position: relative;
  padding: 0 4px var(--dt-gap);
}
.header-navigation-panel .header-navigation-search-field > i {
  position: absolute;
  top: calc(var(--header-navigation-search-height) / 2);
  left: calc(4px + var(--dt-control-padding-x));
  transform: translateY(-50%);
  color: #707070;
  pointer-events: none;
}
.header-navigation-panel .header-navigation-search {
  display: block;
  width: 100%;
  min-width: 0;
  height: var(--header-navigation-search-height);
  padding: 4px var(--dt-control-padding-x);
  padding-left: calc(var(--dt-control-padding-x) + var(--dt-control-icon-size) + var(--dt-gap));
  border: 1px solid var(--dt-line);
  border-radius: var(--dt-control-radius);
  background: #FFFFFF;
  color: inherit;
  font: inherit;
}
.header-navigation-panel .header-navigation-search:focus {
  outline: 0;
  border-color: var(--dt-control-focus-border);
}
.header-navigation-panel .header-navigation-search::-moz-placeholder {
  color: #707070;
  opacity: 1;
}
.header-navigation-panel .header-navigation-search::placeholder {
  color: #707070;
  opacity: 1;
}
.header-navigation-panel .header-navigation-empty {
  margin: var(--dt-gap) 4px;
  color: #707070;
}
.header-navigation-panel .header-navigation-worlds, .header-navigation-panel .header-navigation-children {
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.header-navigation-panel .header-navigation-children {
  padding-left: var(--header-navigation-pane-gap);
  border-left: 1px solid var(--dt-line);
}
.header-navigation-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-navigation-panel .header-navigation-row {
  display: flex;
  align-items: stretch;
}
.header-navigation-panel .header-navigation-row > .header-navigation-link {
  font-weight: 500;
}
.header-navigation-panel .header-navigation-link {
  flex: 1;
}
.header-navigation-panel .header-navigation-node {
  display: grid;
  grid-template-columns: var(--header-navigation-columns);
  -moz-column-gap: var(--header-navigation-column-gap);
       column-gap: var(--header-navigation-column-gap);
  align-items: center;
  min-height: var(--header-navigation-row-height);
  padding: 0 4px;
  border-radius: var(--dt-control-radius);
  transition: background-color var(--dt-header-motion) ease;
}
.header-navigation-panel .header-navigation-node:hover, .header-navigation-panel .header-navigation-node.is-selected {
  background: var(--dt-hover);
}
.header-navigation-panel .header-navigation-node.is-selected .header-navigation-link {
  font-weight: 600;
}
.header-navigation-panel .header-navigation-node .header-navigation-row, .header-navigation-panel .header-navigation-node .header-navigation-metrics {
  display: contents;
}
.header-navigation-panel .header-navigation-node .header-navigation-link {
  grid-column: 1;
  grid-row: 1;
  padding: 2px 0;
  gap: 4px;
  border-radius: 0;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric {
  grid-row: 1;
  display: block;
  text-align: right;
  padding: 4px 0;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric strong {
  font-weight: 400;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric:nth-child(1) {
  grid-column: 2;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric:nth-child(1) strong {
  font-weight: 600;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric:nth-child(2) {
  grid-column: 3;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric:nth-child(3) {
  grid-column: 4;
}
.header-navigation-panel .header-navigation-node .header-navigation-metric > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.header-navigation-panel .header-navigation-node .header-navigation-weight {
  grid-column: 5;
  grid-row: 1;
  margin: 0;
  text-align: right;
  font-size: inherit;
}
.header-navigation-panel .header-navigation-node .header-navigation-expand {
  grid-column: 6;
  grid-row: 1;
  padding: 0;
  align-self: stretch;
}
.header-navigation-panel .header-navigation-head {
  display: grid;
  grid-template-columns: var(--header-navigation-columns);
  -moz-column-gap: var(--header-navigation-column-gap);
       column-gap: var(--header-navigation-column-gap);
  align-items: center;
  padding: 2px 4px;
  min-height: var(--header-navigation-row-height);
  color: #707070;
  background: #FFFFFF;
  font-size: var(--header-navigation-heading-font-size);
  line-height: 1.1;
}
.header-navigation-panel .header-navigation-head > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.header-navigation-panel .header-navigation-head > span:first-child {
  min-width: 0;
  font-weight: 600;
  color: var(--dt-text);
}
.header-navigation-panel .header-navigation-head .header-navigation-heading-title {
  display: block;
}
.header-navigation-panel .header-navigation-head .header-navigation-heading-parent {
  color: #707070;
  font-weight: 400;
}
.header-navigation-panel .header-navigation-head > span:not(:first-child) {
  text-align: right;
}
.header-navigation-panel .header-navigation-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px var(--dt-gap);
  padding: 0 6px 6px;
  font-size: inherit;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
.header-navigation-panel .header-navigation-metric {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
  color: inherit;
  white-space: nowrap;
}
.header-navigation-panel .header-navigation-metric span {
  opacity: 0.75;
}
.header-navigation-panel .header-navigation-metric strong {
  font-weight: 500;
}
.header-navigation-panel .header-navigation-metric:hover {
  color: inherit;
  text-decoration: underline;
}
.header-navigation-panel .header-navigation-metric:focus-visible {
  outline: 1px solid var(--dt-accent);
  outline-offset: 2px;
}
.header-navigation-panel .header-navigation-weight {
  margin-left: auto;
  color: #707070;
}
.header-navigation-panel .header-navigation-metric strong, .header-navigation-panel .header-navigation-weight {
  display: inline-block;
  animation: header-navigation-counter-settle var(--header-navigation-counter-motion) var(--header-navigation-counter-easing) both;
}
.header-navigation-panel .header-navigation-metric:nth-child(2) strong {
  animation-delay: calc(var(--header-navigation-counter-stagger) * 1);
}
.header-navigation-panel .header-navigation-metric:nth-child(3) strong {
  animation-delay: calc(var(--header-navigation-counter-stagger) * 2);
}
.header-navigation-panel .header-navigation-weight {
  animation-delay: calc(var(--header-navigation-counter-stagger) * 3);
}
.header-navigation-panel .header-navigation-expand {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  border: 0;
  border-radius: var(--dt-control-radius);
  color: inherit;
  background: transparent;
  cursor: pointer;
}
.header-navigation-panel .header-navigation-expand:hover {
  background: var(--dt-hover);
}
.header-navigation-panel .header-navigation-expand:focus-visible {
  outline: 1px solid var(--dt-accent);
  outline-offset: -1px;
}
.header-navigation-panel .header-navigation-expand .context-nav-caret {
  transform: rotate(-90deg);
}
.header-navigation-panel .header-navigation-status {
  margin: var(--dt-gap);
  color: #707070;
  font: inherit;
}
.header-navigation-panel .header-navigation-retry {
  align-self: flex-start;
  padding: 4px 8px;
  border: 0;
  border-radius: var(--dt-control-radius);
  background: var(--dt-hover);
  color: inherit;
  font: inherit;
  cursor: pointer;
}

@media (max-width: 760px) {
  .header-navigation-panel, .header-navigation-panel.has-children {
    --header-navigation-panes: minmax(0, 1fr);
    --header-navigation-column-gap: 2px;
    --header-navigation-metric-width: 48px;
    --header-navigation-weight-width: 36px;
  }
  .header-navigation-panel.has-children .header-navigation-body {
    grid-template-rows: auto minmax(0, 1fr);
  }
  .header-navigation-panel.has-children .header-navigation-body .header-navigation-worlds {
    max-height: min(32vh, var(--header-navigation-available-height, 100vh) * 0.4);
  }
  .header-navigation-panel.has-children .header-navigation-body .header-navigation-children {
    padding-top: var(--dt-gap);
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--dt-line);
  }
}
@keyframes header-navigation-reveal {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes header-navigation-counter-settle {
  from {
    opacity: 0.6;
    transform: translateY(var(--header-navigation-counter-offset));
  }
  65% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-navigation-panel {
    animation: none;
  }
  .header-navigation-panel .header-navigation-metric strong,
  .header-navigation-panel .header-navigation-weight {
    animation: none;
  }
  .header-navigation-panel *, .context-nav-caret {
    transition: none !important;
  }
}