.ui54-avatar {
  cursor: pointer;
  vertical-align: middle;
}.ui54-icon {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: middle;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}.ui54-avatars-list-wrapper {
  position: relative;
  height: 350px;
  width: 265px;
  display: flex;
  flex-direction: column;
}
.ui54-avatars-list-wrapper.virtualized {
  height: auto;
}
.ui54-avatars-list-wrapper .ui54-avatars-list-search-block {
  position: sticky;
  z-index: 10;
  top: 0px;
  left: 0px;
  flex-shrink: 0;
  padding: 10px;
  border-bottom: 1px solid rgb(239, 238, 238);
  background-color: rgb(222, 239, 255);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
.ui54-avatars-list-wrapper .ui54-avatars-list-search-block input {
  border: none;
  border-radius: 6px;
}
.ui54-avatars-list-wrapper .ui54-avatars-list {
  padding-inline: 0;
  overflow-y: auto;
  will-change: transform;
}
.ui54-avatars-list-wrapper .ant-list-item {
  padding: 12px 6px;
  height: 75px;
}
.ui54-avatars-list-wrapper .ant-list-item-meta {
  align-items: center !important;
}
.ui54-avatars-list-wrapper .ant-list-item-meta-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui54-avatars-list-wrapper .ant-list-item-meta-title {
  margin-bottom: 0 !important;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui54-avatars-list-wrapper .ant-list-item-meta-description {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px !important;
}.ui54-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}
.ui54-button.circle {
  min-width: 32px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border-radius: 50%;
}
.ui54-button.round {
  border-radius: 32px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.ui54-button.default {
  border-radius: 6px;
}
.ui54-button.square {
  border-radius: 2px;
}.ui54-avatar-group .ant-avatar {
  cursor: pointer;
  background-color: #c6c6c6;
}

.ui54-avatar-group-collapsed-button {
  border-radius: 30px !important;
}.ui54-banner {
  --banner-color: #cf1322;
  --banner-border-color: #ffa39e;
  --banner-bg-color: #fff1f0;
}
.ui54-banner.ant-alert {
  background: var(--banner-bg-color);
  border: 1px solid var(--banner-border-color);
  border-radius: 8px;
  margin: 16px;
}
.ui54-banner.ant-alert .ant-alert-content {
  flex: 1;
}
.ui54-banner.ant-alert .ant-alert-content .ant-alert-title {
  color: var(--banner-color);
}
.ui54-banner__content {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--banner-color);
  font-size: 14px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .ui54-banner__content {
    flex-direction: column;
    justify-content: center;
  }
  .ui54-banner__content .ui54-banner__link {
    margin-left: 0;
  }
}
.ui54-banner__content svg {
  flex-shrink: 0;
  fill: var(--banner-color);
}
.ui54-banner__link {
  color: var(--banner-color);
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  margin-left: auto;
}
.ui54-banner__link:hover {
  opacity: 0.8;
  color: var(--banner-color);
}.ui54-card {
  border-radius: 6px;
}
.ui54-card.no-body-padding .ant-card-body .ui54-card-body {
  padding: 0;
}
.ui54-card .ant-card-head {
  padding: 16px;
  margin: 0;
  min-height: auto;
  border-bottom: 1px solid #f0f0f0;
}
.ui54-card > .ant-card-body {
  padding: 0;
}
.ui54-card .ant-card-body .ui54-card-meta {
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.ui54-card .ant-card-body .ui54-card-body {
  padding: 16px;
}
.ui54-card .ant-card-body .ui54-card-body .ant-table-title {
  padding: 0 0 16px;
}
.ui54-card .ant-card-body .ui54-card-footer {
  padding: 16px;
}
.ui54-card .ant-card-body .ant-table-pagination.ant-pagination {
  margin: 16px 0 0;
}
.ui54-card.ant-card-bordered {
  border-color: #f0f0f0;
}.ui54-collapsible-column {
  width: 100%;
}
.ui54-collapsible-column__title {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  margin-left: 10px;
}
.ui54-collapsible-column__btn {
  margin-bottom: 8px;
}
.ui54-collapsible-column__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}.ui54-collapsible-panel {
  width: 100%;
}
.ui54-collapsible-panel__title {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  margin-left: 10px;
}
.ui54-collapsible-panel__btn {
  margin-bottom: 8px;
}.ui54-footer {
  background-color: #ffffff;
  color: #545454;
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  min-height: 51px;
  width: 100%;
}
.ui54-footer.footer-fixed {
  position: sticky;
  bottom: 0;
  z-index: 999;
}.ui54-header {
  background-color: #ffffff;
  transition: all 0.2s ease;
  padding: 0;
  width: 100%;
  line-height: unset;
  z-index: 1;
}
.ui54-header__content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.ui54-header__leading, .ui54-header__actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
}
.ui54-header__heading {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 100%;
}
.ui54-header__actions {
  margin-inline-start: auto;
}
.ui54-header.header-fixed {
  position: sticky;
  top: 0;
  z-index: 999;
}

.ui54-header-brand {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-inline-start: 20px;
  font-size: 20px;
}
.ui54-header-brand__link {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 567px) {
  .ui54-header-brand {
    padding-inline-start: 5px;
  }
}

.ui54-header-brand + .ui54-header-menu-toggle {
  margin-inline-start: -1px;
}

.ui54-header-item {
  --ui54-header-item-line: var(
    --ui54-header-item-border,
    var(--ui54-layout-border, #f0f0f0)
  );
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 15px;
  border: 0;
  border-inline: 1px solid var(--ui54-header-item-line);
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.ui54-header-item + .ui54-header-item {
  margin-inline-start: -1px;
}
@media (max-width: 820px) {
  .ui54-header-item {
    padding: 0 8px;
  }
}
.ui54-header-item--interactive {
  cursor: pointer;
}
.ui54-header-item--interactive:hover, .ui54-header-item--interactive:focus-visible {
  background-color: var(--ui54-header-item-hover-bg, rgba(0, 0, 0, 0.025));
}

.ui54-header-menu-toggle {
  justify-content: center;
  padding: 0;
  border-bottom: 1px solid var(--ui54-header-item-line);
}

.ui54-header-item__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background-color: var(--ui54-header-item-icon-bg, var(--ui54-layout-primary-bg, #e6f4ff));
  color: var(--ui54-header-item-icon-color, var(--ui54-layout-primary, #1677ff));
  font-size: 18px;
}
.ui54-header-item__label {
  font-size: 15px;
}
.ui54-header-item__label--collapsible {
  display: none;
}
@media (min-width: 1200px) {
  .ui54-header-item__label--collapsible {
    display: inline;
  }
}.ui54-input-wrapper {
  position: relative;
  width: 100%;
}
.ui54-input-container {
  position: relative;
}
.ui54-input.ant-input {
  transition: all 0.3s ease;
  border-radius: 8px;
}
.ui54-input.ant-input:hover {
  border-color: #1890ff;
}
.ui54-input--valid.ant-input {
  border-color: #52c41a;
}
.ui54-input--valid.ant-input:focus {
  border-color: #52c41a;
  box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.2);
}
.ui54-input--invalid.ant-input {
  border-color: #ff4d4f;
}
.ui54-input--invalid.ant-input:focus {
  border-color: #ff4d4f;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
}
.ui54-input--warning.ant-input {
  border-color: #faad14;
}
.ui54-input--warning.ant-input:focus {
  border-color: #faad14;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.ui54-input-suffix {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui54-input-validation {
  margin-top: 4px;
  font-size: 12px;
}
.ui54-input-validation.valid {
  color: #52c41a;
}
.ui54-input-validation.invalid {
  color: #ff4d4f;
}
.ui54-input-validation.warning {
  color: #faad14;
}

.ui54-input-display {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui54-input-display-text {
  font-size: 12px;
}.ui54-menu .ui54-menu-tag {
  top: 5px;
  right: 5px;
  transform: none;
  position: absolute;
}
.ui54-menu .ant-menu {
  font-size: 14px;
  border: none !important;
}
.ui54-menu .ant-menu-submenu .ant-menu-submenu-title {
  border-radius: 0;
  color: #545454;
}
.ui54-menu .ant-menu-submenu-selected .ant-menu-submenu-title {
  color: #038fde !important;
}
.ui54-menu .ant-menu-item-group-title {
  color: #545454;
  padding: 8px 24px;
}
.ui54-menu .ant-menu-item {
  height: 42px;
  color: #545454;
  margin: 0;
  margin-inline: 0;
  margin-block: 0;
  border-radius: 0;
  width: 100%;
}
.ui54-menu .ant-menu-item a {
  transition: unset;
}
.ui54-menu .ant-menu-submenu-title {
  margin: 0;
  width: 100%;
}
.ui54-menu .ant-menu-item-active {
  color: #038fde !important;
}
.ui54-menu .ant-menu-item-selected {
  border-right: 2px solid #038fde !important;
  background-color: #e6faff;
  color: #038fde;
  border-radius: 0;
}
.ui54-menu .ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding: 8px;
}
.ui54-menu .ant-menu-inline-collapsed .ant-menu-item, .ui54-menu .ant-menu-inline-collapsed .ant-menu-submenu-title {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
}
.ui54-menu .ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content, .ui54-menu .ant-menu-inline-collapsed .ant-menu-item .ui54-menu-title-text, .ui54-menu .ant-menu-inline-collapsed .ant-menu-submenu-title .ant-menu-title-content, .ui54-menu .ant-menu-inline-collapsed .ant-menu-submenu-title .ui54-menu-title-text {
  display: block !important;
  width: 0;
  margin-inline-start: 0;
}

.ui54-popup-menu .ant-menu {
  border-radius: 0;
}
.ui54-popup-menu .ant-menu-item {
  height: 42px;
  color: #545454;
  margin: 0 !important;
  margin-inline: 0 !important;
  margin-block: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center;
}
.ui54-popup-menu .ant-menu-item a {
  transition: unset;
}
.ui54-popup-menu .ant-menu-item-active {
  color: #038fde !important;
}
.ui54-popup-menu .ant-menu-item-selected {
  border-right: 2px solid #038fde !important;
  background-color: #e6faff;
  color: #038fde;
}

.ant-tooltip .ui54-menu-tag {
  top: -10px;
  right: -10px;
  transform: none;
  position: absolute;
}.ui54-page {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  container-type: inline-size;
}
.ui54-page__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
  margin-bottom: 16px;
}
.ui54-page__heading {
  flex: 1 1 auto;
  min-width: 0;
}
.ui54-page h1.ant-typography.ui54-page__title {
  margin: 0;
  font-size: var(--ui54-page-title-size, 18px);
  font-weight: var(--ui54-page-title-weight, 500);
  letter-spacing: -0.4px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.ui54-page__description {
  margin-top: 4px;
  color: var(--ui54-page-muted);
  font-size: 14px;
  line-height: 1.5;
}
.ui54-page__actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.ui54-page__content {
  min-width: 0;
}
@container (max-width: 480px) {
  .ui54-page__actions {
    width: 100%;
  }
}.ui54-profile {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  container-type: inline-size;
}
.ui54-profile .ui54-profile__card {
  min-width: 0;
  overflow: hidden;
  border-color: var(--ui54-profile-border);
  border-radius: 6px;
  box-shadow: 0 3px 12px rgba(16, 24, 40, 0.02);
}
.ui54-profile__identity {
  margin-bottom: 16px;
}
.ui54-profile__identity > .ant-card-body {
  padding: 0;
}
.ui54-profile__identity-header {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
}
.ui54-profile__identity-main {
  min-width: 0;
}
.ui54-profile__avatar.ant-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
}
.ui54-profile__name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}
.ui54-profile__name-row h3.ant-typography {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.ui54-profile__name-row .ant-tag {
  padding: 3px 12px;
  border: 0;
  border-radius: 4px;
  font-weight: 500;
}
.ui54-profile__caption {
  display: block;
  margin-top: 4px;
  color: var(--ui54-profile-muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.ui54-profile__groups .ant-tag {
  max-width: 100%;
  padding: 1px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ui54-profile__field .ui54-profile__groups-list {
  min-height: 0;
  padding: 0;
  border: 0;
}
.ui54-profile__groups-list {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
.ui54-profile__groups-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui54-profile__count {
  color: var(--ui54-profile-muted);
  font-size: 13px;
  font-weight: 400;
}
.ui54-profile__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 14px 24px;
  border-top: 1px solid var(--ui54-profile-border);
  background: var(--ui54-profile-fill);
}
.ui54-profile__summary-item {
  min-width: 0;
}
.ui54-profile__summary-item + .ui54-profile__summary-item {
  padding-left: 16px;
  border-left: 1px solid var(--ui54-profile-border);
}
.ui54-profile__summary-item dt {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  color: var(--ui54-profile-muted);
  font-size: 12px;
}
.ui54-profile__summary-item dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  overflow-wrap: anywhere;
}
.ui54-profile__summary-empty {
  color: var(--ui54-profile-muted);
  font-weight: 400;
}
.ui54-profile__created-value {
  white-space: nowrap;
}
.ui54-profile__details > .ant-card-body {
  padding: 20px 24px;
}
.ui54-profile__section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.ui54-profile__section-heading > .ant-btn {
  flex-shrink: 0;
}
.ui54-profile__section-heading h4.ant-typography {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 600;
}
.ui54-profile__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  margin: 0;
}
.ui54-profile__field {
  min-width: 0;
}
.ui54-profile__field dt {
  margin-bottom: 6px;
  font-weight: 500;
}
.ui54-profile__field dd {
  min-height: 36px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--ui54-profile-border);
  border-radius: 4px;
  line-height: 22px;
  overflow-wrap: anywhere;
}
.ui54-profile__field--wide {
  grid-column: 1/-1;
}
.ui54-profile__uuid-value {
  min-width: 0;
  font-family: monospace;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.ui54-profile__account-info {
  display: grid;
  gap: 16px;
  margin: 20px 0 0;
}
.ui54-profile__group-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ui54-profile__group-tags .ant-tag {
  margin: 0;
}
@container (max-width: 480px) {
  .ui54-profile__identity-header {
    padding: 16px;
  }
  .ui54-profile__name-row h3.ant-typography {
    font-size: 22px;
  }
  .ui54-profile__details > .ant-card-body {
    padding: 20px 16px;
  }
  .ui54-profile__summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px 16px;
  }
  .ui54-profile__summary-item + .ui54-profile__summary-item {
    padding: 10px 0 0;
    border-top: 1px solid var(--ui54-profile-border);
    border-left: 0;
  }
  .ui54-profile__section-heading {
    flex-wrap: wrap;
  }
  .ui54-profile__fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}.ui54-services-modal.ant-modal {
  max-width: calc(100vw - 32px);
  padding-bottom: 0;
}
.ui54-services-modal .ant-modal-header {
  margin: 0;
  padding: 24px 64px 0 24px;
}
.ui54-services-modal .ant-modal-title {
  font-size: 18px;
  line-height: 26px;
}
.ui54-services-modal .ant-modal-close {
  top: 22px;
  inset-inline-end: 16px;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.ui54-services-modal .ant-modal-close .anticon,
.ui54-services-modal .ant-modal-close svg {
  transition: transform 0.18s ease;
}
.ui54-services-modal .ant-modal-close:hover {
  color: var(--ant-color-primary, #1677ff);
  background-color: var(--ant-color-primary-bg, #e6f4ff);
}
.ui54-services-modal .ant-modal-close:hover .anticon,
.ui54-services-modal .ant-modal-close:hover svg {
  transform: rotate(90deg);
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper {
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input {
  font-size: 16px;
  outline: none;
  box-shadow: none;
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input::-moz-placeholder {
  color: var(--ant-color-text-tertiary, #8c8c8c);
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input::placeholder {
  color: var(--ant-color-text-tertiary, #8c8c8c);
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input-prefix {
  font-size: 18px;
  margin-inline-end: 10px;
  color: var(--ant-color-text-tertiary, #8c8c8c);
  transition: color 0.18s ease, transform 0.18s ease;
}
.ui54-services-modal__subtitle {
  margin-top: 4px;
  color: var(--ant-color-text-secondary, #6b7280);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input-clear-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: var(--ant-color-text-secondary, #6b7280);
  font-size: 18px;
}
.ui54-services-modal .ui54-services-modal__search.ant-input-affix-wrapper .ant-input-clear-icon:hover {
  color: var(--ant-color-text, #262626);
}
.ui54-services-modal__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 280px;
  padding: 32px 24px;
  text-align: center;
}
.ui54-services-modal__state .ant-btn {
  margin-top: 4px;
}
.ui54-services-modal__state-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: 4px;
  border-radius: 16px;
  background: var(--ant-color-fill-quaternary, #f5f5f5);
  color: var(--ant-color-text-secondary, #6b7280);
  font-size: 26px;
}
.ui54-services-modal__state-title {
  color: var(--ant-color-text, #262626);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.ui54-services-modal__state-description {
  max-width: 400px;
  color: var(--ant-color-text-secondary, #6b7280);
  font-size: 14px;
  line-height: 22px;
}
.ui54-services-modal__toolbar {
  display: flex;
  align-items: center;
  min-height: 48px;
  margin-top: 20px;
  padding: 12px 64px 12px 24px;
  transition: background-color 0.18s ease;
  background-color: var(--ant-color-fill-quaternary, #fafbfc);
}
.ui54-services-modal__toolbar:hover .ant-input-prefix, .ui54-services-modal__toolbar:focus-within .ant-input-prefix {
  color: var(--ant-color-primary, #1677ff);
  transform: scale(1.08);
}
.ui54-services-modal__search {
  width: 100%;
}
.ui54-services-modal__body {
  max-height: min(800px, 100dvh - 200px);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-top: 1px solid var(--ant-color-border-secondary, #e8e8e8);
}
.ui54-services-modal__grid {
  display: grid;
  overflow: hidden;
}
@media (width > 1100px) {
  .ui54-services-modal__grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (800px < width <= 1100px) {
  .ui54-services-modal__grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (560px < width <= 800px) {
  .ui54-services-modal__grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width <= 560px) {
  .ui54-services-modal__grid--1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--1 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width > 1100px) {
  .ui54-services-modal__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2)::after,
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (800px < width <= 1100px) {
  .ui54-services-modal__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2)::after,
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (560px < width <= 800px) {
  .ui54-services-modal__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2)::after,
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width <= 560px) {
  .ui54-services-modal__grid--2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--2 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width > 1100px) {
  .ui54-services-modal__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3)::after,
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (800px < width <= 1100px) {
  .ui54-services-modal__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3)::after,
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (560px < width <= 800px) {
  .ui54-services-modal__grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(2n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(2n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2)::after,
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width <= 560px) {
  .ui54-services-modal__grid--3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--3 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width > 1100px) {
  .ui54-services-modal__grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(4n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(4n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(4n+1):nth-last-child(-n+4)::after,
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(4n+1):nth-last-child(-n+4) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (800px < width <= 1100px) {
  .ui54-services-modal__grid--4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(3n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(3n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3)::after,
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(3n+1):nth-last-child(-n+3) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (560px < width <= 800px) {
  .ui54-services-modal__grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(2n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(2n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2)::after,
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(2n+1):nth-last-child(-n+2) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
@media (width <= 560px) {
  .ui54-services-modal__grid--4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(1n+1)::after {
    border-left-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(1n)::after {
    border-right-width: 0;
  }
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1)::after,
  .ui54-services-modal__grid--4 > .ui54-services-modal__card:nth-child(1n+1):nth-last-child(-n+1) ~ .ui54-services-modal__card::after {
    border-bottom-width: 0;
  }
}
.ui54-services-modal__card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  min-height: 112px;
  padding: 16px 16px;
  background-color: transparent;
  transition: background-color 0.3s ease;
  border-right: 1px solid var(--ant-color-border-secondary, #e8e8e8);
  border-bottom: 1px solid var(--ant-color-border-secondary, #e8e8e8);
}
.ui54-services-modal__card::before {
  position: absolute;
  inset: 1px;
  z-index: -1;
  background: linear-gradient(135deg, var(--ui54-service-accent) 0%, transparent 65%);
  opacity: 0.05;
  transition: opacity 0.3s ease;
  content: "";
  pointer-events: none;
}
.ui54-services-modal__card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid var(--ui54-service-accent);
  opacity: 0;
  transition: opacity 0.2s ease;
  content: "";
  pointer-events: none;
}
.ui54-services-modal__card:hover, .ui54-services-modal__card:focus-within {
  background-color: color-mix(in srgb, var(--ui54-service-accent) 5%, transparent);
}
.ui54-services-modal__card:hover::before, .ui54-services-modal__card:focus-within::before {
  opacity: 0;
}
.ui54-services-modal__card:hover::after, .ui54-services-modal__card:focus-within::after {
  opacity: 0.25;
}
.ui54-services-modal__card:hover .ui54-services-modal__icon, .ui54-services-modal__card:focus-within .ui54-services-modal__icon {
  transform: scale(1.06);
}
.ui54-services-modal__card:hover .ui54-services-modal__icon::before, .ui54-services-modal__card:focus-within .ui54-services-modal__icon::before {
  opacity: 0.16;
}
.ui54-services-modal__card:hover .ui54-services-modal__button.ant-btn, .ui54-services-modal__card:focus-within .ui54-services-modal__button.ant-btn {
  color: var(--ui54-service-accent);
  background-color: var(--ant-color-bg-container, #fff);
}
.ui54-services-modal__header {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ui54-services-modal__heading {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 16px;
  min-width: 0;
  min-height: 44px;
  color: inherit;
}
.ui54-services-modal__heading::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
}
.ui54-services-modal__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin-inline-start: 60px;
  color: inherit;
}
.ui54-services-modal__card--without-description {
  gap: 4px;
}
.ui54-services-modal__heading:focus-visible, .ui54-services-modal__content:focus-visible {
  outline: 2px solid var(--ui54-service-accent);
  outline-offset: 2px;
}
.ui54-services-modal__icon {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  color: var(--ui54-service-accent);
  font-size: 30px;
  transition: transform 0.2s ease;
}
.ui54-services-modal__icon::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background-color: currentColor;
  opacity: 0.1;
  transition: opacity 0.2s ease;
  content: "";
  pointer-events: none;
}
.ui54-services-modal__name {
  flex: 1;
  min-width: 0;
  color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
  font-size: 16px;
  font-weight: 600;
  transition: color 0.2s ease;
  line-height: 24px;
  overflow-wrap: anywhere;
}
.ui54-services-modal__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 60px;
  overflow: hidden;
  color: var(--ant-color-text-secondary, #888);
  transition: color 0.2s ease;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: anywhere;
}
.ui54-services-modal__link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 38px;
  overflow: hidden;
  color: var(--ant-color-text-secondary, #6b7280);
  font-size: 13px;
  line-height: 19px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.ui54-services-modal__button.ant-btn {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  color: var(--ant-color-text-secondary, #888);
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  .ui54-services-modal .ant-modal-close,
  .ui54-services-modal .ant-modal-close .anticon,
  .ui54-services-modal .ant-modal-close svg,
  .ui54-services-modal .ant-input-prefix, .ui54-services-modal__toolbar, .ui54-services-modal__card, .ui54-services-modal__card::before, .ui54-services-modal__card::after, .ui54-services-modal__icon, .ui54-services-modal__icon::before, .ui54-services-modal__name, .ui54-services-modal__description, .ui54-services-modal__link, .ui54-services-modal__button.ant-btn, .ui54-services-modal__button .anticon {
    transition: none;
  }
  .ui54-services-modal__toolbar:hover .ant-input-prefix, .ui54-services-modal__toolbar:focus-within .ant-input-prefix, .ui54-services-modal__card:hover .ui54-services-modal__icon, .ui54-services-modal__card:focus-within .ui54-services-modal__icon, .ui54-services-modal__card:hover .ui54-services-modal__button .anticon, .ui54-services-modal__card:focus-within .ui54-services-modal__button .anticon,
  .ui54-services-modal .ant-modal-close:hover .anticon,
  .ui54-services-modal .ant-modal-close:hover svg {
    transform: none;
  }
}.ui54-sidebar {
  overflow: auto;
  height: 100%;
}
.ui54-sidebar.sidebar-fixed {
  height: auto;
  position: sticky;
  z-index: 998;
  left: 0;
  scrollbar-width: thin;
  scrollbar-color: unset;
}.ui54-tag {
  margin: 0;
}
.ui54-tag.cursor-pointer {
  cursor: pointer;
}.ui54-textarea {
  width: 100%;
  margin-bottom: 16px;
}
.ui54-textarea-field {
  width: 100%;
  transition: all 0.2s ease;
}
.ui54-textarea-field.error {
  border-color: #ff4d4f;
}
.ui54-textarea-info {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}
.ui54-textarea-error {
  color: #ff4d4f;
  font-size: 12px;
}
.ui54-textarea-counter {
  font-size: 12px;
  color: #8c8c8c;
}
.ui54-textarea-counter.over-limit {
  color: #ff4d4f;
  font-weight: 500;
}.ui54-debug-requests-panel {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 10000;
  width: 50vw;
  height: 50vh;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: var(--ant-color-bg-container, #fff);
  border-radius: 8px;
}
.ui54-debug-requests-panel--embedded {
  position: static;
  right: auto;
  bottom: auto;
  width: calc(100% - 16px);
  height: 420px;
  max-width: none;
  max-height: none;
  margin: 8px;
  z-index: auto;
}
.ui54-debug-requests-panel--fullscreen {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
  z-index: 10000;
}
.ui54-debug-requests-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 2px 12px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.ui54-debug-requests-panel__extra {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui54-debug-requests-panel__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 6px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.ui54-debug-requests-panel {
  /* AntD can briefly apply hover border/outline before our overrides win.
     Lock these on the actual button element states. */
}
.ui54-debug-requests-panel__btn.ant-btn, .ui54-debug-requests-panel__btn.ant-btn:hover, .ui54-debug-requests-panel__btn.ant-btn:active, .ui54-debug-requests-panel__btn.ant-btn:focus, .ui54-debug-requests-panel__btn.ant-btn:focus-visible {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.ui54-debug-requests-panel__btn.ant-btn::before, .ui54-debug-requests-panel__btn.ant-btn:hover::before {
  background: transparent !important;
}
.ui54-debug-requests-panel__btn--close {
  font-size: 18px;
  line-height: 1;
  color: var(--ant-color-error, #ff4d4f) !important;
}
.ui54-debug-requests-panel__btn--close:hover, .ui54-debug-requests-panel__btn--close:active, .ui54-debug-requests-panel__btn--close:focus, .ui54-debug-requests-panel__btn--close:focus-visible {
  background: var(--ant-color-error-bg, #fff2f0) !important;
  color: var(--ant-color-error, #ff4d4f) !important;
}
.ui54-debug-requests-panel__btn--toggle {
  color: var(--ant-color-primary, #1677ff);
}
.ui54-debug-requests-panel__btn--toggle:hover, .ui54-debug-requests-panel__btn--toggle:active, .ui54-debug-requests-panel__btn--toggle:focus, .ui54-debug-requests-panel__btn--toggle:focus-visible {
  background: var(--ant-color-primary-bg, #e6f4ff) !important;
  color: var(--ant-color-primary, #1677ff) !important;
}
.ui54-debug-requests-panel__body {
  padding: 12px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ui54-debug-requests-panel__body .ant-tabs {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ui54-debug-requests-panel__body .ant-tabs-nav {
  margin: 0 0 8px 0; /* reduce top/tab spacing */
  flex-shrink: 0;
}
.ui54-debug-requests-panel__body .ant-tabs-tab-btn {
  font-size: 16px; /* +2px */
}
.ui54-debug-requests-panel__body .ant-tabs-content-holder {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui54-debug-requests-panel__body .ant-tabs-content {
  flex: 1;
  min-height: 0;
}
.ui54-debug-requests-panel__body .ant-tabs-tabpane {
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ui54-debug-requests-panel__title {
  flex: 1;
  font-size: 18px;
  font-weight: 500;
}
.ui54-debug-requests-panel__endpoint-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui54-debug-requests-panel__endpoint-caller, .ui54-debug-requests-panel__endpoint-desc {
  font-size: 11px;
  line-height: 1.3;
  display: block;
}
.ui54-debug-requests-panel__requests-tab {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.ui54-debug-requests-panel__table-wrap {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.ui54-debug-requests-panel__sockets-tab {
  padding: 8px 0;
}
.ui54-debug-requests-panel__stats-tab {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0;
}
.ui54-debug-requests-panel__stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 8px;
}
.ui54-debug-requests-panel__stat-card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui54-debug-requests-panel__stat-title {
  color: rgba(0, 0, 0, 0.65) !important;
  font-size: 13px !important;
}
.ui54-debug-requests-panel__stat-value {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.ui54-debug-requests-panel__stats-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ui54-debug-requests-panel__table-row {
  cursor: pointer;
}
.ui54-debug-requests-panel__expand-content {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 100%;
  overflow: hidden;
}
.ui54-debug-requests-panel__expand-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
}
.ui54-debug-requests-panel__pre {
  margin: 0;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.4;
  max-height: 180px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.ui54-debug-requests-panel__pre--compact {
  max-height: 140px;
}
.ui54-debug-requests-panel__socket-messages-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui54-debug-requests-panel__socket-message-item {
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background: #fff;
}
.ui54-debug-requests-panel__socket-message-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.ui54-debug-requests-panel .ant-table {
  max-width: 100%;
}
.ui54-debug-requests-panel .ant-table-wrapper,
.ui54-debug-requests-panel .ant-table-container {
  max-width: 100%;
}
.ui54-debug-requests-panel {
  /* When we keep only panel scroll, the Table itself must not scroll vertically. */
}
.ui54-debug-requests-panel .ant-table-body {
  overflow-y: hidden !important;
}
.ui54-debug-requests-panel .ant-table-cell {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}.ui54-debug-sidebar-summary {
  flex-shrink: 0;
  display: block;
  width: calc(100% - 16px);
  margin: 8px;
  padding: 10px 12px;
  text-align: left;
  border: 1px solid var(--ant-color-primary-border, #91caff);
  background: var(--ant-color-fill-alter, #fafafa);
  cursor: pointer;
  border-radius: var(--ant-border-radius, 6px);
  transition: background 0.2s, border-color 0.2s;
}
.ui54-debug-sidebar-summary:hover {
  background: var(--ant-color-primary-bg, #e6f4ff);
}
.ui54-debug-sidebar-summary:focus-visible {
  outline: 2px solid var(--ant-color-primary, #1677ff);
  outline-offset: -2px;
}
.ui54-debug-sidebar-summary__title {
  font-size: 13px;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}
.ui54-debug-sidebar-summary__collapsed {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui54-debug-sidebar-summary__icon-lead {
  font-size: 18px;
  color: var(--ant-color-primary, #1677ff);
  flex-shrink: 0;
}
.ui54-debug-sidebar-summary__icon-stat {
  font-size: 18px;
  color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.45));
}
.ui54-debug-sidebar-summary__count {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.88);
}
.ui54-debug-sidebar-summary__line {
  font-size: 13px;
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.88) !important;
}

.ui54-debug-sidebar-summary.ui54-debug-sidebar-summary--collapsed {
  width: 40px;
  height: 40px;
  margin: 8px auto;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 8px;
}

.ui54-debug-sidebar-summary.ui54-debug-sidebar-summary--collapsed:hover {
  background: var(--ant-color-primary-bg, #e6f4ff);
}

.ui54-debug-sidebar-summary.ui54-debug-sidebar-summary--collapsed:focus-visible {
  outline-offset: 2px;
}

.ui54-debug-sidebar-summary.ui54-debug-sidebar-summary--collapsed .ui54-debug-sidebar-summary__collapsed {
  height: 40px;
}.ui54-layout-scope {
  display: contents;
}

.ui54-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--ant-color-bg-layout, #f5f5f5);
}
.ui54-layout__header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.ui54-layout__header--flow {
  position: relative;
  flex-shrink: 0;
}
.ui54-layout__body {
  display: flex;
  flex: auto;
  min-width: 0;
  transition: padding-left 0.2s;
}
.ui54-layout__main {
  display: flex;
  flex: auto;
  flex-direction: column;
  min-width: 0;
}
.ui54-layout__content {
  flex: auto;
}

.ui54-app-sidebar.ant-layout-sider {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  overflow: hidden;
  background: var(--ui54-layout-bg);
  border-right: 1px solid var(--ui54-layout-border);
}
.ui54-app-sidebar.ant-layout-sider.ui54-app-sidebar--flow {
  position: sticky;
  align-self: flex-start;
}
.ui54-app-sidebar.ant-layout-sider > .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ui54-app-sidebar__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ui54-app-sidebar__content {
  flex: 1;
  min-height: 0;
  padding: 8px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.ui54-app-sidebar__content::-webkit-scrollbar {
  display: none;
}

.ui54-app-sidebar__footer {
  flex-shrink: 0;
}

.ui54-sidebar-section-label {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px;
  color: var(--ui54-layout-text-tertiary);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ui54-sidebar-section-label.is-collapsed {
  justify-content: center;
  height: auto;
  padding: 0 0 4px;
  font-size: 10px;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
}
.ui54-sidebar-section-label__text {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ui54-sidebar-nav__group {
  padding: 8px;
}
.ui54-sidebar-nav__group + .ui54-sidebar-nav__group {
  padding-top: 16px;
}
.ui54-sidebar-nav__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui54-sidebar-nav .ui54-sidebar-nav__item {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 8px;
  overflow: hidden;
  color: var(--ui54-layout-text);
  font-size: 14px;
  line-height: 1.25;
  white-space: nowrap;
  text-decoration: none;
  border-radius: var(--ui54-layout-radius-lg);
  transition: background-color 0.15s, color 0.15s;
}
.ui54-sidebar-nav .ui54-sidebar-nav__item:hover {
  color: var(--ui54-layout-text);
  background: var(--ui54-layout-hover-bg);
}
.ui54-sidebar-nav .ui54-sidebar-nav__item.is-active {
  color: var(--ui54-layout-primary);
  font-weight: 400;
  background: var(--ui54-layout-primary-bg);
}
.ui54-sidebar-nav__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.ui54-sidebar-nav__icon svg {
  width: 20px;
  height: 20px;
}
.ui54-sidebar-nav__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui54-sidebar-nav__badge {
  margin-left: auto;
  color: var(--ui54-layout-text-tertiary);
  font-weight: 500;
  font-size: 12px;
}
.ui54-sidebar-nav__badge.is-danger {
  color: var(--ui54-layout-danger);
}
.is-active .ui54-sidebar-nav__badge:not(.is-danger) {
  color: var(--ui54-layout-primary);
}
.ui54-sidebar-nav.is-collapsed .ui54-sidebar-nav__item {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  height: auto;
  padding: 6px;
  white-space: normal;
}
.ui54-sidebar-nav.is-collapsed .ui54-sidebar-nav__label {
  display: -webkit-box;
  flex: none;
  width: 100%;
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  text-overflow: clip;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ui54-sidebar-modes {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 8px 6px;
  border-top: 1px solid var(--ui54-layout-border);
}
.ui54-sidebar-modes .ui54-sidebar-section-label:not(.is-collapsed) {
  height: 24px;
}

.ui54-mode-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  margin: 0;
  padding: 0 8px;
  color: var(--ui54-layout-text-secondary);
  font-size: 13px;
  border-radius: var(--ui54-layout-radius-lg);
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.ui54-mode-switch:hover, .ui54-mode-switch.is-checked {
  color: var(--ui54-layout-text);
}
.ui54-mode-switch:hover {
  background: var(--ui54-layout-hover-bg);
}
.ui54-mode-switch.is-collapsed {
  justify-content: center;
  gap: 6px;
  height: 26px;
  padding: 0 4px;
}
.ui54-mode-switch__symbol {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 1;
}
.ui54-mode-switch__symbol svg {
  width: 18px;
  height: 18px;
}
.ui54-mode-switch__label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui54-mode-switch--primary.is-checked .ui54-mode-switch__symbol {
  color: var(--ui54-layout-primary);
}
.ui54-mode-switch--danger .ui54-mode-switch__symbol {
  color: var(--ui54-layout-danger);
}
.ui54-mode-switch--danger .ant-switch.ant-switch-checked, .ui54-mode-switch--danger .ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background: var(--ui54-layout-danger);
}

.ui54-sidebar-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 2px 0 4px;
  padding: 8px 10px 10px;
  color: var(--ui54-layout-text);
  font: inherit;
  text-align: left;
  background: var(--ui54-layout-fill);
  border: 0;
  border-radius: var(--ui54-layout-radius-lg);
  cursor: pointer;
  transition: background-color 0.15s;
}
.ui54-sidebar-stats:hover {
  background: var(--ui54-layout-fill-hover);
}
.ui54-sidebar-stats__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui54-sidebar-stats__icon {
  display: flex;
  color: var(--ui54-layout-primary);
  font-size: 16px;
}
.ui54-sidebar-stats__title {
  flex: 1;
  font-weight: 500;
  font-size: 13px;
}
.ui54-sidebar-stats__arrow {
  color: var(--ui54-layout-text-tertiary);
  font-size: 10px;
}
.ui54-sidebar-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.ui54-sidebar-stats__item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ui54-sidebar-stats__value {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.ui54-sidebar-stats__label {
  overflow: hidden;
  color: var(--ui54-layout-text-tertiary);
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui54-sidebar-stats.is-collapsed {
  align-items: center;
  gap: 2px;
  margin: 4px 0;
  padding: 6px 4px;
}
.ui54-sidebar-stats.is-collapsed .ui54-sidebar-stats__icon {
  font-size: 18px;
}
.ui54-sidebar-stats.is-collapsed .ui54-sidebar-stats__value {
  font-size: 12px;
}

.ui54-sidebar-action {
  padding: 8px;
}
.ui54-sidebar-action .ui54-sidebar-action__button.ant-btn {
  position: relative;
  justify-content: flex-start;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  font-size: var(--ui54-layout-font-size-lg);
}
.ui54-sidebar-action .ui54-sidebar-action__button.ant-btn.is-collapsed {
  justify-content: center;
  padding: 0;
}
.ui54-sidebar-action__icon {
  display: flex;
  font-size: 20px;
}
.ui54-sidebar-action__icon svg {
  width: 20px;
  height: 20px;
}
.ui54-sidebar-action__count {
  min-width: 20px;
  margin-left: auto;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: var(--ui54-layout-danger);
  border-radius: 999px;
}
.is-collapsed > .ui54-sidebar-action__count {
  position: absolute;
  top: -6px;
  right: 8px;
}

.ui54-layout-trigger.ant-btn {
  flex-shrink: 0;
}

.ui54-header-action {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  color: var(--ui54-layout-text);
  font-size: var(--ui54-layout-font-size);
  border-radius: var(--ui54-layout-radius-lg);
  cursor: pointer;
  transition: background-color 0.15s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ui54-header-action:hover {
  background: var(--ui54-layout-hover-bg);
}

.ui54-app-footer {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  color: var(--ui54-layout-text-secondary);
  font-size: 14px;
  background: var(--ui54-layout-bg);
  border-top: 1px solid var(--ui54-layout-border);
}
@media (max-width: 640px) {
  .ui54-app-footer {
    padding: 0 16px;
  }
}

.ui54-app-sidebar-drawer .ant-drawer-body {
  overscroll-behavior: contain;
}

body:has(.ui54-app-sidebar-drawer.ant-drawer-open) {
  overflow: hidden;
}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem}}.collapse{visibility:collapse}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.w-full{width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-\[\#f4f4f4\]{background-color:#f4f4f4}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}h1.ladle-markdown{padding-block:calc(var(--spacing) * 4);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}h2.ladle-markdown{padding-block:calc(var(--spacing) * 2);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}h3.ladle-markdown,h4.ladle-markdown{padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}ul.ladle-markdown{padding-left:calc(var(--spacing) * 8);margin-bottom:.5rem;list-style-type:disc}ul.ladle-markdown li,ol.ladle-markdown li{margin-bottom:.3rem}ul.ladle-markdown li:last-child,ol.ladle-markdown li:last-child{margin-bottom:0}.ladle-markdown>code{color:#393a34;background-color:#f4f4f4;padding:3px 5px}p.ladle-markdown{margin-bottom:.5rem}ol.ladle-markdown{padding-left:calc(var(--spacing) * 8);list-style-type:decimal}a.ladle-markdown{text-decoration-line:underline}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.ui54-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.ui54-pagination .ant-pagination-item-link-icon {
  color: inherit !important;
}.ui54-table-selectable.ant-table-row {
  cursor: pointer;
}
.ui54-table-selectable.ant-table-row:hover td {
  color: #1890ff !important;
  background-color: rgba(230, 247, 255, 0.5) !important;
}.gray-text {
  color: rgb(94, 94, 94);
}

.color-blue .ant-badge-count {
  background-color: rgba(62, 155, 255, 0.7960784314) !important;
}

.row-table-in-permissions > * {
  cursor: pointer;
  padding: 6px !important;
}
.row-table-in-permissions .expand-cell {
  background-color: rgba(242, 245, 248, 0.3764705882);
}
.row-table-in-permissions .expand-cell .expand_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_table_title {
  width: 100%;
  display: flex;
  flex-grow: 1;
  background-color: rgba(203, 223, 238, 0.7137254902);
  border-radius: 10px 10px 0px 0px;
  padding: 5px;
  font-size: 16px;
  color: rgb(85, 85, 85);
}
.header_table_title.orange_color {
  background-color: rgba(250, 140, 22, 0.213) !important;
}

.header-table-perm > th {
  color: rgb(80, 80, 80) !important;
  background-color: rgba(179, 179, 179, 0.315);
  cursor: pointer;
  padding: 6px;
}
.header-table-perm > th.expand-cell-header {
  padding: 0px;
  display: flex;
  height: 100%;
  align-items: stretch;
}
.header-table-perm > th.expand-cell-header .parentCellExpandRow {
  width: 100%;
  padding: 6px;
  color: rgba(179, 179, 179, 0.315) !important;
}

.row-perm-expand-table {
  background-color: rgba(253, 252, 252, 0.3176470588);
}

.row-perm {
  background-color: rgba(242, 245, 248, 0.3764705882);
}

.row-perm-selected {
  background-color: #cde4fd !important;
}

.row-perm-delete {
  cursor: pointer;
  color: rgb(182, 83, 83);
}
.row-perm-delete:hover {
  color: rgb(138, 61, 61);
}

.circle_type {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.circle_type.group {
  color: rgba(248, 148, 81, 0.7960784314);
  border: 1px solid rgba(248, 148, 81, 0.7960784314);
  background-color: rgba(255, 236, 224, 0.7960784314);
}
.circle_type.user {
  color: rgba(62, 155, 255, 0.7960784314);
  border: 1px solid rgba(62, 155, 255, 0.7960784314);
  background-color: rgba(208, 231, 253, 0.7960784314);
}

.style_link_auth {
  white-space: pre-wrap;
  word-break: break-all;
  overflow: hidden;
  height: 100% !important;
}

.show-button {
  display: flex;
  align-items: center;
  color: rgba(62, 155, 255, 0.7960784314);
  border-radius: 3px;
  padding: 0px 2px;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}
.show-button:hover {
  color: rgba(23, 105, 192, 0.7960784314);
}
.show-button .show-button__icon {
  transform: rotate(0deg);
  transition: transform 0.5s;
}
.show-button .show-button__icon-active {
  transform: rotate(180deg);
  transition: transform 0.5s;
}

.name-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 140px;
}
.name-container .name-container__admin-label {
  font-size: 10px;
  color: rgb(237, 139, 109);
}
.name-container .name-container__root-label {
  font-size: 10px;
  color: rgb(221, 79, 36);
}
.name-container .name-container__text {
  width: inherit;
  word-wrap: break-word;
  font-size: 12px;
}

.container-switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 5px 4px 5px;
}

.wrapper_permissions_table {
  overflow-x: auto;
}.ul-pagination-table {
  margin: 0;
  padding: 0;
}
.ul-pagination-table__li {
  text-align: center;
  cursor: pointer;
  margin: 0;
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  display: inline-block;

  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
}
.pagination {
  margin: 16px 0;
  display: flex;
}
.pagination-list {
  padding: 0;
}

.pageLimit {
  margin-left: 1%;
  display: flex;
  align-items: center;
}
.pageLimit-item {
  word-break: keep-all;
  background-color: white;
  display: flex;
  align-items: center;
  padding: 7px 12px;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin-right: 3%;
}

.pageLimit-item-active {
  word-break: keep-all;
  color: #1890ff;
  display: flex;
  align-items: center;
  padding: 7px 12px;
  justify-content: center;
  border: 1px solid #1890ff;
  margin-right: 3%;
}

.pageLimit-item:hover {
  color: #1890ff;
  border-color: transparent;
  background-color: #d6e4ff;
  transition: ease-in-out all 0.3s;
}

.pagination-item {
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.85);
  background: transparent;
  border-color: transparent;
}
.dots {
  font-size: 22px;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.dots:hover {
  color: #1890ff;
}

.pagination-item:hover {
  color: #1890ff;
}
.pagination-item-active {
  padding: 0 6px;
  border: 1px solid #1890ff;
  color: #1890ff;
  border-radius: 2px;
  font-weight: 500;
  background: #fff;
  transition: ease-in-out all 0.3s;
}
.svg-arrow-disabled {
  background: transparent;
  border-color: transparent;
}
.svg-arrow-disabled:hover {
  cursor: not-allowed;
}

.svg-arrow-disabled svg {
  fill: rgba(0, 0, 0, 0.25);
}

.svg-arrow {
  background: transparent;
  border-color: transparent;
}

.svg-arrow:hover svg {
  fill: #1890ff;
}
.ui54-header-brand.viewer-header-brand--collapsed {
  justify-content: center;
  padding-inline: 0;
}

.viewer-header-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
  margin-left: auto;
}
.viewer-header-actions > * {
  flex-shrink: 0;
  height: 100%;
}
.viewer-header-actions > * + * {
  margin-inline-start: -1px;
}/*
 * Base element styles from Bootstrap v4.3.1 (MIT, https://github.com/twbs/bootstrap/blob/v4.3.1/LICENSE):
 * reboot and typography element rules, plus the only Bootstrap classes the app still relies on
 * (.card on antd Card, .pagination in CustomPagination, .progress set by EntityParamTag).
 * Generated from bootstrap.min.css when Bootstrap was replaced with Tailwind; the utility classes
 * are Tailwind now (src/styles/tailwind.css). Kept to leave page look unchanged: Tailwind preflight
 * resets elements differently.
 * Bootstrap's button:focus outline is left out: it showed on every mouse click, the browser
 * still marks keyboard focus via :focus-visible.
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
  --font-family-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex='-1']:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 5px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 10px;
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 5px;
  margin-left: 0;
}
blockquote {
  margin: 0 0 10px;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
code,
kbd,
pre,
samp {
  font-family:
    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 10px;
  overflow: auto;
}
figure {
  margin: 0 0 10px;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 5px;
}
button {
  border-radius: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='datetime-local'],
input[type='month'],
input[type='time'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: 25px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 17.5px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12.5px;
}
h6 {
  font-size: 10px;
}
hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small {
  font-size: 80%;
  font-weight: 400;
}
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 2px 4px;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 2px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 2.5px;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 2.5px;
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  overflow: hidden;
  font-size: 7.5px;
  background-color: #e9ecef;
  border-radius: 2.5px;
}
@media print {
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  abbr[title]::after {
    content: ' (' attr(title) ')';
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-xs:20rem;--font-weight-bold:700;--radius-lg:.5rem}}@layer base,components;@layer utilities{.collapse{visibility:collapse!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.relative{position:relative!important}.static{position:static!important}.m-0{margin:0!important}.mx-auto{margin-inline:auto!important}.my-3\.75{margin-block:calc(var(--spacing) * 3.75)!important}.mt-1\.25{margin-top:calc(var(--spacing) * 1.25)!important}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)!important}.mt-3{margin-top:calc(var(--spacing) * 3)!important}.mt-3\.75{margin-top:calc(var(--spacing) * 3.75)!important}.mt-\[2\.5px\]{margin-top:2.5px!important}.mr-1\.25{margin-right:calc(var(--spacing) * 1.25)!important}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)!important}.mr-\[2\.5px\]{margin-right:2.5px!important}.mb-1{margin-bottom:var(--spacing)!important}.mb-1\.25{margin-bottom:calc(var(--spacing) * 1.25)!important}.mb-3{margin-bottom:calc(var(--spacing) * 3)!important}.mb-\[2\.5px\]{margin-bottom:2.5px!important}.mb-\[12px\]{margin-bottom:12px!important}.ml-1\.25{margin-left:calc(var(--spacing) * 1.25)!important}.ml-2{margin-left:calc(var(--spacing) * 2)!important}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)!important}.ml-3\.75{margin-left:calc(var(--spacing) * 3.75)!important}.ml-\[2\.5px\]{margin-left:2.5px!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.h-full{height:100%!important}.min-h-9{min-height:calc(var(--spacing) * 9)!important}.w-full{width:100%!important}.max-w-\[1140px\]{max-width:1140px!important}.max-w-xs{max-width:var(--container-xs)!important}.flex-1{flex:1!important}.shrink{flex-shrink:1!important}.grow{flex-grow:1!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-4{gap:calc(var(--spacing) * 4)!important}.self-center{align-self:center!important}.self-start{align-self:flex-start!important}.overflow-hidden{overflow:hidden!important}.rounded-lg{border-radius:var(--radius-lg)!important}.px-1{padding-inline:var(--spacing)!important}.px-1\.25{padding-inline:calc(var(--spacing) * 1.25)!important}.px-\[15px\]{padding-inline:15px!important}.py-\[2\.5px\]{padding-block:2.5px!important}.pt-\[2\.5px\]{padding-top:2.5px!important}.pb-1\.25{padding-bottom:calc(var(--spacing) * 1.25)!important}.pl-2{padding-left:calc(var(--spacing) * 2)!important}.pl-\[2\.5px\]{padding-left:2.5px!important}.text-center{text-align:center!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.whitespace-normal{white-space:normal!important}.capitalize{text-transform:capitalize!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.select-none{-webkit-user-select:none!important;user-select:none!important}@media (min-width:1200px){.min-\[1200px\]\:max-w-1\/2{max-width:50%!important}}@media (min-width:1600px){.min-\[1600px\]\:max-w-2\/5{max-width:40%!important}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:48rem){.md\:w-1\/2{width:50%!important}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important}}@media (min-width:96rem){.\32 xl\:inline{display:inline!important}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/ubuntu-latin-400-normal-CQJ26Fy6.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/ubuntu-latin-500-normal-CnjGCQfM.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/assets/ubuntu-latin-700-normal-DlYwEzNn.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/ubuntu-cyrillic-400-normal-D9OZd8lm.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/ubuntu-cyrillic-500-normal-BU9-HBoA.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/assets/ubuntu-cyrillic-700-normal-CF4plK0P.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}/* Ubuntu: src/styles/fonts.scss */
:root {
  --font-family-base: Ubuntu, system-ui, Avenir, Helvetica, Arial, sans-serif;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
}

body {
  margin: 0;
  font-family: var(--font-family-base);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #545454;
  text-align: left;
  background-color: #ffffff;
  position: relative;
  height: 100vh;
  transition: all 0.3s ease-out;
}

a:hover,
a:focus {
  outline: 0 none;
}

button:disabled {
  opacity: 0.5;
}

.forItemInListOfActions {
  cursor: pointer;
}

.toggle.btn {
  cursor: pointer;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #28a745;
  border-color: #28a745;
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #017afd;
  height: 100%;
  width: 7px;
  display: inline-block;
  margin: 0 3px 0 0;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.custom-checkbox-container {
  margin-right: 1px;
  top: -2px;
}

.biom-name {
  color: #007bff;
}

.action-block {
  margin-top: 100px;
}

.serviceBorder {
  padding: 5px;
  line-height: 1.5;
  border-radius: 2px;
}

/*.serviceHasPerms {*/
/*border: 1px solid #9fcf9f;*/
/*}*/

.serviceDoesNotHavePerms {
  border: 1px solid #f56a6a;
}

.listInline,
.listUnstyled {
  padding-left: 0;
  list-style: none;
}

.listItem {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  float: left;
}

.textMuted {
  color: #aca6cc !important;
}

.listItem a {
  display: block;
  /*color: white;*/
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.compileBorder {
  border: 2px solid purple;
}

.compileText {
  color: purple;
}

.adminSection {
  border: 5px solid pink;
  color: pink;
  font-weight: 600;
  padding: 5px;
  margin: 0 auto 10px auto;
}

.groupTableColor {
  color: #5eb35c;
}

.groupBorderColor {
  border: 1px solid #5eb35c;
}
.colorTextGrey {
  color: #595959;
}

.listOfGroups * div {
  margin-top: 5px;
}

.form-text {
  color: #5eb35c !important;
}

.nameCell {
  margin: 10px auto;
}

.collapse-button {
  font-size: 12px !important;
}

.group-button {
  font-size: 12px;
}

.information-button {
  font-size: 12px !important;
  color: #ffffff !important;
  background-color: #017afd;
  border-color: #017afd;
}

.information-button:hover {
  color: #ffffff !important;
  background-color: #017afd;
  border-color: #017afd;
}

.links {
  margin-top: 5px;
}

.nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}

.tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.no-spaces {
  margin: 0 !important;
}

.error-message {
  color: red !important;
  font-size: 10px;
}

/*div[target='_collapseH'] {*/
/*display: flex;*/
/*right: -600px;*/
/*flex: 1;*/
/*position: relative;*/
/*overflow: hidden;*/
/*transition: right 500ms;*/
/*}*/

.h-collapse-enter {
  width: 66% !important;
}

.h-collapse-enter-active {
  width: 100% !important;
  transition: width 500ms;
}

.h-collapse-exit {
  width: 100% !important;
}

.h-collapse-exit-active {
  width: 66% !important;
  transition: width 500ms;
  display: none;
  overflow: hidden;
}

.h-collapse-exit-done {
  width: 66% !important;
  display: none;
  overflow: hidden;
}

.selectColumn {
  margin-top: 23px;
}

.securePolicy {
  white-space: pre;
}

.policy-block {
  -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  padding: 5px;
}

.item-policy-block:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
  cursor: pointer;
}

.item-policy-block {
  border-radius: 6px;
  padding: 5px;
  text-align: left;
}

.policy-block .middle {
  margin: 5px;
}

/*  */
.main-info-list {
  padding: 24px;
  border-radius: 5px;
  margin-bottom: 30px;
  background: #ffffff;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
}

.main-info-list .item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 16px;
}

.main-info-list .item:last-child {
  margin-bottom: 0;
}

.main-info-list .label {
  margin-right: 5px;
}

.main-info-list .value {
  color: #262626;
}

.input-group-text i {
  font-size: 18px;
}

.form-control-custom {
  height: 30px;
}

.btn {
  padding: 6px 11px;
}

li .btn.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
}

.btn.btn-primary i {
  font-size: 20px;
  margin-right: 5px;
}

.btn-add-action {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  height: 25px;
  border-radius: 5px !important;
}

.btn-add-action i {
  font-size: 18px;
  line-height: 1;
}

.btn-add-action + .dropdown-menu {
  min-width: 200px;
}

.btn-add-action + .dropdown-menu span {
  display: flex;
  padding: 10px;
}

.card {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
  border: 0;
  border-radius: 6px;
}

.card .card-body {
  padding: 24px;
}

.display-3 {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.05;
}

.option-text {
  font-size: 14px;
}

.img-qr {
  width: 100%;
  text-align: center;
  max-width: 460px;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #038fde !important;
  border-color: #038fde !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

header {
  display: block;
}

a {
  color: #038fde;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #026fac;
  text-decoration: none;
}

li > .page-item {
  font-size: 12px !important;
}

.btn-outline-primary {
  color: #038fde;
  border-color: #038fde;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #038fde;
  border-color: #038fde;
}

.display-4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}

.table-responsive {
  overflow-x: hidden;
}

table {
  border-collapse: collapse;
}

.page-item.active .page-link {
  color: #ffffff;
  background-color: #038fde;
  border-color: #038fde;
}

.disabledSelectWidth {
  width: 100%;
}

.profile-permissions-table {
  width: 100%;
}

.profile-page-text {
  font-size: 14px;
}

.btn-outline-danger {
  color: #f5222d;
  border-color: #f5222d;
}

.text-table {
  font-size: 12px !important;
}

.profile-password {
  padding-top: 8px;
}

.menu-services .ant-dropdown-menu {
  padding: 8px 0;
}

.menu-services .ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  padding: 6px 21px;
  line-height: 26px;
  border-bottom: 1px solid #dee2e6;
}

.menu-services .ant-dropdown-menu-item:last-child {
  border: 0;
}

/*BLOCK LOGIN*/
.sm-container {
  max-width: 580px;
  margin: auto;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.block-login {
  text-align: center;
}

.block-login .tablinks,
.block-login .btn {
  background: #dddddd;
  color: #242424;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  transition: all ease 0.2s;
  height: 46px;
}

.block-login .heading__title {
  color: rgba(0, 0, 0, 0.9);
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
}

.block-login .heading__subtitle {
  margin-top: 10px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.65);
}

.block-login .tablinks svg {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.block-login .tablinks:hover:not(.active) {
  background: #038fde;
  color: #ffffff;
}

.block-login .tablinks:hover:not(.active) svg {
  fill: #ffffff;
}

.block-login .tablinks:not(:last-child) {
  margin-right: 8px;
}

.block-login .tablinks.active {
  background: #038fde;
  color: #ffffff;
}

.block-login .tablinks.active svg {
  fill: #ffffff;
}

.block-login .tab-wrap-sm {
  max-width: 500px;
  margin: auto;
}

.block-login .tab-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.block-login .tab {
  display: flex;
}

.block-login .nav-item .btn {
  margin-right: 8px;
}

.block-login .nav-item:last-child .btn:last-child {
  margin-right: 0;
}

.block-login .tabcontent {
  display: none;
}

.block-login .btn svg {
  width: 22px;
  height: 22px;
  color: #242424;
  margin-right: 4px;
}

.block-login .btn svg.all-servcies-icon {
  fill: #ffffff;
  height: 14px;
  width: 16px;
}

.block-login .btn--secondary {
  background: #eeeeee;
}

.block-login .btn--secondary:hover {
  color: #ffffff;
  background: #038fde;
  transition: all ease 0.2s;
}

.block-login .btn--secondary:hover svg {
  fill: #ffffff;
}

.block-login .btn--primary {
  color: #ffffff;
  background: #038fde;
}

.block-login .btn--primary svg {
  fill: #ffffff;
}

.block-login .btn--primary:hover {
  color: #ffffff;
  background: #0080c8;
  transition: all ease 0.2s;
}

.block-login .btn--success {
  color: #ffffff;
  background: #34c46f;
}

.block-login .btn--success svg {
  fill: #ffffff;
}

.block-login .btn--success:hover {
  color: #ffffff;
  background: #22b45e;
  transition: all ease 0.2s;
}

.block-login .wrap-inputs {
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.block-login .wrap-input {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.block-login .wrap-input-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.block-login .wrap-input label {
  display: flex;
  font-size: 14px;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
}

.block-login .wrap-input-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.block-login input {
  font-weight: 400;
  height: 40px;
  border-radius: 4px;
  outline: 0;
  border: 1px solid #cccccc;
  padding: 0 12px;
  font-size: 16px;
  width: 100%;
}

.block-login .nav-pills .nav-link.active {
  background: #038fde;
}

.block-login .nav-pills .nav-link.active svg,
.nav-pills .show > .nav-link svg {
  fill: #ffffff;
}

/*Tabs*/
.block-login .nav-pills {
  border: 0;
}

.block-login .nav-pills {
  border: 0;
}

.block-login .nav-link {
  border-radius: 5px;
  background: #eeeeee;
}

.block-login .nav-tabs .nav-link:hover {
  color: #ffffff !important;
  background: #038fde;
}

.block-login .nav-tabs .nav-link.active {
  color: #ffffff !important;
}

.block-login .nav-link svg {
  width: 22px;
  height: 22px;
}

.block-login .nav-tabs .nav-link {
  margin-right: 10px;
}

.block-login .nav-tabs .nav-item:last-child .nav-link {
  margin-right: 0;
}

.block-login .box__qr-generate {
  display: inline-block;
  position: relative;
  top: -15px;
  margin-bottom: 15px;
}

.block-login .box__qr-generate span {
  cursor: pointer;
  color: #007bff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 16px;
}

.block-login .box__qr-generate span:hover {
  color: #0056b3;
}

.error-container {
  margin-top: 150px;
}

.error-first-section {
  padding-top: 50px;
}

.page-item {
  padding: 0 2px;
}

#pageDropDown {
  background-color: #038fde;
  border-color: #80bdff;
  margin-bottom: 10px;
}

#pageDropDown:focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25);
}

.dropdown-menu.show {
  left: -2px;
  position: absolute;
  top: -128px;
}

li.dropdown-item {
  padding: 5px 15px;
}

li.dropdown-item a {
  color: #262626;
  display: inline-block;
  font-size: 14px;
  width: 100%;
  word-break: keep-all;
}

/* Checkboxes */

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

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #038fde;
  background-color: #038fde;
}

.custom-control-label::before {
  min-height: 15px;
  min-width: 15px;
}

.custom-control-label::after {
  left: -17px;
  min-height: 18px;
  min-width: 18px;
  top: 1px;
}

.custom-control-label {
  cursor: pointer;
  padding: 3px 10px 0 5px;
}

.security-police-bg-selected {
  background-color: rgba(0, 0, 0, 0.075);
}

.information-block {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.information-block .value {
  color: #262626;
}

.permissions-unsaved-block-text {
  color: #007bff !important;
}

/*.menu-block-child {*/
/*margin-left: 37px;*/
/*}*/

.menu-items {
  padding: 0;
}

.menu-items li {
  list-style-type: none;
}

.sub-items {
  margin-left: 10px;
}

.sub-items li {
  position: relative;
}

.sub-items li a {
  display: inline-block !important;
  /*padding-left: 15px !important;*/
}

.sub-items li::before {
  position: relative;
  top: -4px;
  width: 15px;
  content: '';
  display: inline-block;
}

.sub-items li:last-of-type:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 18px;
  content: '';
  display: inline-block;
}

.selected-rows-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.selected-rows-text {
  padding-right: 10px;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(34.2px + 2px);
  padding: 8px 17px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #545454;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-shadow: none;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.input-group-text {
  padding: 0 11px;
  background: #f5f5f5;
}

.input-group-text i {
  font-size: 18px;
}

.btn-circle {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 10px 0 !important;
  font-size: 12px !important;
  line-height: 1.42;
  border-radius: 50%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 11px;
  font-size: 15px;
}

.btn-sm {
  font-size: 14px;
  padding: 3px 10px;
}

.btn i {
  margin-right: 5px;
  font-size: 18px;
}

.btn.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.btn.btn-primary i {
  font-size: 20px;
  margin-right: 5px;
}

.btn-add-action {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  height: 25px;
  border-radius: 5px !important;
}

.btn-add-action i {
  font-size: 18px;
  line-height: 1;
}

.btn-add-action + .dropdown-menu {
  min-width: 200px;
}

.btn-add-action + .dropdown-menu span {
  display: flex;
  padding: 10px;
}

.table-responsive {
  position: relative;
}

.table .value {
  font-size: 18px;
}

.table .value-check {
  color: #52c41a;
}

.table tr {
  /*cursor: pointer;*/
  transition: all ease 0.2s;
}

.table tr th:hover {
  background: rgba(0, 0, 0, 0.075);
}

.table th {
  border-top: none !important;
  font-weight: 400;
}

.table th label {
  max-width: 70%;
  margin: 0;
}

.table th,
.table td {
  font-size: 16px;
  vertical-align: middle !important;
  line-height: 1.5;
}

.table th:not(:last-child),
.table td:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.table td {
  font-weight: 300;
}

.pagination .page-item .page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  min-width: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 16px;
}

.pagination .page-item:not(.active) .page-link:hover {
  background: #e9ecef;
}
.page-item.active .page-link {
  background-color: #038fde;
}

/*More info tip in tables*/
.table td .cell-name {
  display: flex;
  position: relative;
  color: #212529;
}
.more-info {
  display: none;
}

.table tr:hover .more-info {
  background: transparent;
  border-radius: 2px;
  color: #038fde;
  display: flex;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  padding: 4px 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.table tr:hover .cell-name {
  color: #038fde;
}

.nav-tabs {
  font-size: 16px;
}

.nav-tabs .nav-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 13px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 3px;
  transition: all ease 0.2s;
}

.nav-tabs .nav-link i {
  font-size: 22px;
  margin-right: 5px;
}

.nav-tabs .nav-item {
  transition: all ease 0.2s;
}

.nav-tabs .nav-link:hover {
  background: #fff;
  transition: all ease 0.2s;
}

.nav-tabs .nav-link:hover {
  color: #038fde !important;
}

.nav-tabs .nav-link.active {
  color: #038fde !important;
}

.custom-nav-tabs {
  border: none;
}

.custom-nav-tabs .nav-link {
  border-radius: 4px;
  background: #fff;
  margin-right: 7px;
  padding: 10px 15px;
  border: 1px solid transparent;
}

.custom-nav-tabs .nav-link.active {
  border: 1px solid #038fde;
}

.custom-nav-tabs:last-child .nav-link {
  margin: 0;
}

body {
  background: #f5f5f5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 18px;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: #262626;
}

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

h1,
.h1 {
  font-size: 22px;
}

th {
  outline: none;
}
.table-responsive {
  position: relative;
}

.table .value {
  font-size: 18px;
}

.table .value-check {
  color: #52c41a;
}

.table tr {
  /*cursor: pointer;*/
  transition: all ease 0.2s;
}

.table tr th:hover {
  background: rgba(0, 0, 0, 0.075);
}

.table th {
  border-top: none !important;
  font-weight: 400;
}

.table th label {
  max-width: 70%;
  margin: 0;
}

.table th,
.table td {
  font-size: 16px;
  vertical-align: middle !important;
  line-height: 1.5;
}

.table th:not(:last-child),
.table td:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.table td {
  font-weight: 300;
}

.pagination .page-item .page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  min-width: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 16px;
}

.pagination .page-item:not(.active) .page-link:hover {
  background: #e9ecef;
}
.page-item.active .page-link {
  background-color: #038fde;
}

/*More info tip in tables*/
.table td .cell-name {
  display: flex;
  position: relative;
  color: #212529;
}
.more-info {
  display: none;
}

.table tr:hover .more-info {
  background: transparent;
  border-radius: 2px;
  color: #038fde;
  display: flex;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  padding: 4px 5px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.table tr:hover .cell-name {
  color: #038fde;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(34.2px + 2px);
  padding: 8px 17px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #545454;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-shadow: none;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.input-group-text {
  padding: 0 11px;
  background: #f5f5f5;
}

.input-group-text i {
  font-size: 18px;
}

.btn-circle {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 10px 0 !important;
  font-size: 12px !important;
  line-height: 1.42;
  border-radius: 50%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 11px;
  font-size: 15px;
}

.btn-sm {
  font-size: 14px;
  padding: 3px 10px;
}

.btn i {
  margin-right: 5px;
  font-size: 18px;
}

.btn.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.btn.btn-primary i {
  font-size: 20px;
  margin-right: 5px;
}

.btn-add-action {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  height: 25px;
  border-radius: 5px !important;
}

.btn-add-action i {
  font-size: 18px;
  line-height: 1;
}

.btn-add-action + .dropdown-menu {
  min-width: 200px;
}

.btn-add-action + .dropdown-menu span {
  display: flex;
  padding: 10px;
}

.service + .service-collapse {
  margin: 0 -200px;
}

.btn-light {
  color: #212529 !important;
  background-color: #e5e5e5 !important;
  border-color: #e5e5e5 !important;
}

div[target='_collapseV'] {
  display: flex;
  flex: 1;
  overflow: hidden;
  background-color: maroon;

  max-height: 0;
  transition: max-height 1s ease-out;
}

div[target='_collapseH'] {
  display: flex;
  flex: 1;
  transition: max-width 1s ease;
}

.min-width-50 {
  min-width: 50%;
}
.timeline-clock-icon {
  font-size: 16px;
  color: #f5222d;
}

[data-theme=compact] .timeline-clock-icon {
  font-size: 14px;
}

hr {
  margin: 30px 0;
  border-color: #d9d9d9;
  transition: all 0.3s ease-out;
}

strong.strong {
  font-weight: 500;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5 {
  color: #595959;
  height: fit-content;
}
h1.header-secondary,
h2.header-secondary,
h3.header-secondary,
h4.header-secondary,
h5.header-secondary {
  color: #8c8c8c;
}

h1.header-page {
  font-size: 28px;
  margin-bottom: 40px;
}

h2.header-primary {
  font-size: 26px;
  margin-bottom: 0;
}

h3.header-primary {
  font-size: 20px;
  margin-bottom: 30px;
}

h4.header-primary {
  font-size: 16px;
  margin-bottom: 0;
}

h5.header-primary {
  font-size: 14px;
  margin-bottom: 0;
}

.p-primary {
  line-height: 24px !important;
  color: #595959 !important;
  font-size: 16px !important;
  margin-bottom: 30px;
}

.p-secondary {
  line-height: 20px !important;
  color: #595959 !important;
  font-size: 14px !important;
  font-weight: 400;
  margin-bottom: 0;
}

.accent {
  color: #f5222d;
  font-size: 20px;
  font-weight: 400;
  text-shadow: 0 10px 15px rgba(245, 34, 45, 0.2), 0 4px 6px rgba(245, 34, 45, 0.1);
}

.text-tiny {
  font-weight: 300 !important;
}

.add-animation {
  transition: all 0.05s ease-in-out !important;
}
.add-animation-01 {
  transition: all 0.1s ease-in-out !important;
}
.add-animation-02 {
  transition: all 0.2s ease-in-out !important;
}
.add-animation-03 {
  transition: all 0.3s ease-in-out !important;
}

.badge-blue, .badge-red, .badge-purple, .badge-orange {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  text-shadow: none;
  border-radius: 4px;
  padding: 2px 12px;
  color: #ffffff;
}
.badge-blue {
  background: #1890ff !important;
  color: #ffffff !important;
  box-shadow: rgba(24, 144, 255, 0.2) 0 10px 15px -3px, rgba(24, 144, 255, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.badge-blue-light {
  color: #1890ff;
  border: 1px solid rgba(24, 144, 255, 0.12);
  background: rgba(24, 144, 255, 0.1);
  display: inline-flex;
  align-items: center;
}
.badge-blue-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.badge-blue-light.disabled {
  opacity: 0.5;
}
.badge-blue.disabled {
  opacity: 0.5;
}
.badge-blue.tag-button {
  box-shadow: none !important;
}
.badge-blue.tag-button:hover {
  background-color: rgb(0%, 46.4476699771%, 89.4117647059%) !important;
}
.badge-blue.tag-button.disabled {
  background-color: #1890ff !important;
  cursor: not-allowed;
}
.badge-blue.outlined {
  border: 2px solid rgba(24, 144, 255, 0.8) !important;
  color: #1890ff !important;
  background: none !important;
  box-shadow: none !important;
}
.badge-blue.outlined:hover {
  color: #fff !important;
  background: #1890ff !important;
}
.badge-red {
  background: #f5222d !important;
  color: #ffffff !important;
  box-shadow: rgba(245, 34, 45, 0.2) 0 10px 15px -3px, rgba(245, 34, 45, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.badge-red-light {
  color: #f5222d;
  border: 1px solid rgba(245, 34, 45, 0.12);
  background: rgba(245, 34, 45, 0.1);
  display: inline-flex;
  align-items: center;
}
.badge-red-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.badge-red-light.disabled {
  opacity: 0.5;
}
.badge-red.disabled {
  opacity: 0.5;
}
.badge-red.tag-button {
  box-shadow: none !important;
}
.badge-red.tag-button:hover {
  background-color: rgb(85.5411255411%, 3.8706391648%, 8.128342246%) !important;
}
.badge-red.tag-button.disabled {
  background-color: #f5222d !important;
  cursor: not-allowed;
}
.badge-red.outlined {
  border: 2px solid rgba(245, 34, 45, 0.8) !important;
  color: #f5222d !important;
  background: none !important;
  box-shadow: none !important;
}
.badge-red.outlined:hover {
  color: #fff !important;
  background: #f5222d !important;
}
.badge-purple {
  background: #722ed1 !important;
  color: #ffffff !important;
  box-shadow: rgba(114, 46, 209, 0.2) 0 10px 15px -3px, rgba(114, 46, 209, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.badge-purple-light {
  color: #722ed1;
  border: 1px solid rgba(114, 46, 209, 0.12);
  background: rgba(114, 46, 209, 0.1);
  display: inline-flex;
  align-items: center;
}
.badge-purple-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.badge-purple-light.disabled {
  opacity: 0.5;
}
.badge-purple.disabled {
  opacity: 0.5;
}
.badge-purple.tag-button {
  box-shadow: none !important;
}
.badge-purple.tag-button:hover {
  background-color: rgb(35.7647058824%, 14.431372549%, 65.568627451%) !important;
}
.badge-purple.tag-button.disabled {
  background-color: #722ed1 !important;
  cursor: not-allowed;
}
.badge-purple.outlined {
  border: 2px solid rgba(114, 46, 209, 0.8) !important;
  color: #722ed1 !important;
  background: none !important;
  box-shadow: none !important;
}
.badge-purple.outlined:hover {
  color: #fff !important;
  background: #722ed1 !important;
}
.badge-orange {
  background: #fa541c !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 84, 28, 0.2) 0 10px 15px -3px, rgba(250, 84, 28, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.badge-orange-light {
  color: #fa541c;
  border: 1px solid rgba(250, 84, 28, 0.12);
  background: rgba(250, 84, 28, 0.1);
  display: inline-flex;
  align-items: center;
}
.badge-orange-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.badge-orange-light.disabled {
  opacity: 0.5;
}
.badge-orange.disabled {
  opacity: 0.5;
}
.badge-orange.tag-button {
  box-shadow: none !important;
}
.badge-orange.tag-button:hover {
  background-color: rgb(87.101081812%, 23.4060175794%, 1.9185260311%) !important;
}
.badge-orange.tag-button.disabled {
  background-color: #fa541c !important;
  cursor: not-allowed;
}
.badge-orange.outlined {
  border: 2px solid rgba(250, 84, 28, 0.8) !important;
  color: #fa541c !important;
  background: none !important;
  box-shadow: none !important;
}
.badge-orange.outlined:hover {
  color: #fff !important;
  background: #fa541c !important;
}

ul.list-primary {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
ul.list-primary li {
  color: #595959;
  font-size: 16px;
  padding: 3px 0;
}

ul.list-secondary {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 0;
}
ul.list-secondary li {
  color: #595959;
  font-size: 16px;
  padding: 3px 0;
  position: relative;
}
ul.list-secondary li::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #003a8c;
}

.block-primary {
  background: #e6f7ff;
  padding: 15px 20px;
  border-radius: 8px;
}

.card {
  border-radius: 6px !important;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05) !important;
}
.card.p-0 .ant-card-body {
  padding: 0 !important;
}
.card.border-volcano {
  box-shadow: -3px 0 0 0 #fa541c, 0px 2px 15px rgba(0, 0, 0, 0.05), rgba(250, 84, 28, 0.1) 0 2px 15px !important;
  background-color: rgb(99.9607843137%, 98.6588235294%, 98.2196078431%) !important;
}
.card.border-volcano .ant-table-cell {
  background-color: rgb(99.9607843137%, 98.6588235294%, 98.2196078431%);
}
.card.border-green {
  box-shadow: -3px 0 0 0 #52c41a, 0px 2px 15px rgba(0, 0, 0, 0.05), rgba(82, 196, 26, 0.1) 0 2px 15px !important;
  background-color: rgb(98.6431372549%, 99.537254902%, 98.2039215686%) !important;
}
.card.border-green .ant-table-cell {
  background-color: rgb(98.6431372549%, 99.537254902%, 98.2039215686%);
}
.card.border-blue {
  box-shadow: -3px 0 0 0 #1890ff, 0px 2px 15px rgba(0, 0, 0, 0.05), rgba(24, 144, 255, 0.1) 0 2px 15px !important;
  background-color: rgb(98.1882352941%, 99.1294117647%, 100%) !important;
}
.card.border-blue .ant-table-cell {
  background-color: rgb(98.1882352941%, 99.1294117647%, 100%);
}
.card.border-blue {
  overflow-x: auto;
}
.card.border-purple {
  box-shadow: -3px 0 0 0 #722ed1, 0px 2px 15px rgba(0, 0, 0, 0.05), rgba(114, 46, 209, 0.1) 0 2px 15px !important;
  background-color: rgb(98.8941176471%, 98.3607843137%, 99.6392156863%) !important;
}
.card.border-purple .ant-table-cell {
  background-color: rgb(98.8941176471%, 98.3607843137%, 99.6392156863%);
}

svg.slow {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

button.button-primary, button.button-secondary, button.button-warning, button.button-danger, button.button-primary-outlined, button.button-secondary-outlined, button.button-warning-outlined, button.button-danger-outlined {
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #ffffff !important;
  border-color: transparent !important;
  font-weight: 400;
  border-radius: 4px;
}
button.button-primary.rounded, button.button-secondary.rounded, button.button-warning.rounded, button.button-danger.rounded, button.button-primary-outlined.rounded, button.button-secondary-outlined.rounded, button.button-warning-outlined.rounded, button.button-danger-outlined.rounded {
  border-radius: 50% !important;
}
button.button-primary span, button.button-secondary span, button.button-warning span, button.button-danger span, button.button-primary-outlined span, button.button-secondary-outlined span, button.button-warning-outlined span, button.button-danger-outlined span {
  line-height: 1.5;
  padding-left: 2px;
}
button.button-primary[disabled], button.button-primary[disabled]:hover, button.button-secondary[disabled], button.button-secondary[disabled]:hover, button.button-warning[disabled], button.button-warning[disabled]:hover, button.button-danger[disabled], button.button-danger[disabled]:hover, button.button-primary-outlined[disabled], button.button-primary-outlined[disabled]:hover, button.button-secondary-outlined[disabled], button.button-secondary-outlined[disabled]:hover, button.button-warning-outlined[disabled], button.button-warning-outlined[disabled]:hover, button.button-danger-outlined[disabled], button.button-danger-outlined[disabled]:hover {
  color: #bfbfbf !important;
  border-color: #bfbfbf !important;
  background: #f5f5f5 !important;
}
button.button-primary-outlined:hover, button.button-secondary-outlined:hover, button.button-warning-outlined:hover, button.button-danger-outlined:hover, button.button-primary-outlined-outlined:hover, button.button-secondary-outlined-outlined:hover, button.button-warning-outlined-outlined:hover, button.button-danger-outlined-outlined:hover {
  color: #ffffff !important;
}
button.button-primary.button-tag, button.button-secondary.button-tag, button.button-warning.button-tag, button.button-danger.button-tag, button.button-primary-outlined.button-tag, button.button-secondary-outlined.button-tag, button.button-warning-outlined.button-tag, button.button-danger-outlined.button-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 32px;
  width: 32px;
}
button.button-primary {
  background-color: #1890ff !important;
}
button.button-primary:hover {
  background-color: #096dd9 !important;
}
button.button-primary-outlined {
  color: #1890ff !important;
  border-color: #1890ff !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}
button.button-primary-outlined.dashed {
  border-style: dashed !important;
}
button.button-primary-outlined:hover {
  color: #ffffff !important;
  background-color: #1890ff !important;
  border-color: #1890ff !important;
}
button.button-primary-link {
  border-radius: 4px;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #1890ff !important;
  border: none !important;
  background-color: rgba(24, 144, 255, 0.05) !important;
}
button.button-primary-link.rounded {
  border-radius: 50% !important;
  min-width: 32px;
}
button.button-primary-link:hover {
  color: rgba(24, 144, 255, 0.8) !important;
  background-color: rgba(24, 144, 255, 0.1) !important;
}
button.button-secondary {
  background-color: #8c8c8c !important;
}
button.button-secondary:hover {
  background-color: #096dd9 !important;
}
button.button-secondary-outlined {
  color: #8c8c8c !important;
  border-color: #8c8c8c !important;
  background-color: rgba(140, 140, 140, 0.05) !important;
}
button.button-secondary-outlined.dashed {
  border-style: dashed !important;
}
button.button-secondary-outlined:hover {
  color: #ffffff !important;
  background-color: #8c8c8c !important;
  border-color: #8c8c8c !important;
}
button.button-secondary-link {
  border-radius: 4px;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #8c8c8c !important;
  border: none !important;
  background-color: rgba(140, 140, 140, 0.05) !important;
}
button.button-secondary-link.rounded {
  border-radius: 50% !important;
  min-width: 32px;
}
button.button-secondary-link:hover {
  color: rgba(140, 140, 140, 0.8) !important;
  background-color: rgba(140, 140, 140, 0.1) !important;
}
button.button-warning {
  background-color: #fa8c16 !important;
}
button.button-warning:hover {
  background-color: #d46b08 !important;
}
button.button-warning-outlined {
  color: #fa8c16 !important;
  border-color: #fa8c16 !important;
  background-color: rgba(250, 140, 22, 0.05) !important;
}
button.button-warning-outlined.dashed {
  border-style: dashed !important;
}
button.button-warning-outlined:hover {
  color: #ffffff !important;
  background-color: #fa8c16 !important;
  border-color: #fa8c16 !important;
}
button.button-warning-link {
  border-radius: 4px;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #fa8c16 !important;
  border: none !important;
  background-color: rgba(250, 140, 22, 0.05) !important;
}
button.button-warning-link.rounded {
  border-radius: 50% !important;
  min-width: 32px;
}
button.button-warning-link:hover {
  color: rgba(250, 140, 22, 0.8) !important;
  background-color: rgba(250, 140, 22, 0.1) !important;
}
button.button-access {
  background-color: #52c41a !important;
}
button.button-access:hover {
  background-color: #389e0d !important;
}
button.button-access-outlined {
  color: #52c41a !important;
  border-color: #52c41a !important;
  background-color: rgba(82, 196, 26, 0.05) !important;
}
button.button-access-outlined.dashed {
  border-style: dashed !important;
}
button.button-access-outlined:hover {
  color: #ffffff !important;
  background-color: #52c41a !important;
  border-color: #52c41a !important;
}
button.button-access-link {
  border-radius: 4px;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #52c41a !important;
  border: none !important;
  background-color: rgba(82, 196, 26, 0.05) !important;
}
button.button-access-link.rounded {
  border-radius: 50% !important;
  min-width: 32px;
}
button.button-access-link:hover {
  color: rgba(82, 196, 26, 0.8) !important;
  background-color: rgba(82, 196, 26, 0.1) !important;
}
button.button-danger {
  background-color: #f5222d !important;
}
button.button-danger:hover {
  background-color: #cf1322 !important;
}
button.button-danger-outlined {
  color: #f5222d !important;
  border-color: #f5222d !important;
  background-color: rgba(245, 34, 45, 0.05) !important;
}
button.button-danger-outlined.dashed {
  border-style: dashed !important;
}
button.button-danger-outlined:hover {
  color: #ffffff !important;
  background-color: #f5222d !important;
  border-color: #f5222d !important;
}
button.button-danger-link {
  border-radius: 4px;
  align-items: center !important;
  justify-content: center !important;
  display: inline-flex !important;
  color: #f5222d !important;
  border: none !important;
  background-color: rgba(245, 34, 45, 0.05) !important;
}
button.button-danger-link.rounded {
  border-radius: 50% !important;
  min-width: 32px;
}
button.button-danger-link:hover {
  color: rgba(245, 34, 45, 0.8) !important;
  background-color: rgba(245, 34, 45, 0.1) !important;
}

.p-important {
  color: #5c0011;
  padding: 16px;
  margin-bottom: 0;
  background: #fff1f0;
  border-radius: 4px;
  border: 1px solid #ffa39e;
}

.dot-step {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 24px;
  margin-bottom: 0;
  color: #ffffff;
  background: #1890ff !important;
  color: #ffffff !important;
  box-shadow: rgba(24, 144, 255, 0.2) 0 10px 15px -3px, rgba(24, 144, 255, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.dot-step-light {
  color: #1890ff;
  border: 1px solid rgba(24, 144, 255, 0.12);
  background: rgba(24, 144, 255, 0.1);
  display: inline-flex;
  align-items: center;
}
.dot-step-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.dot-step-light.disabled {
  opacity: 0.5;
}
.dot-step.disabled {
  opacity: 0.5;
}
.dot-step.tag-button {
  box-shadow: none !important;
}
.dot-step.tag-button:hover {
  background-color: rgb(0%, 46.4476699771%, 89.4117647059%) !important;
}
.dot-step.tag-button.disabled {
  background-color: #1890ff !important;
  cursor: not-allowed;
}
.dot-step.outlined {
  border: 2px solid rgba(24, 144, 255, 0.8) !important;
  color: #1890ff !important;
  background: none !important;
  box-shadow: none !important;
}
.dot-step.outlined:hover {
  color: #fff !important;
  background: #1890ff !important;
}

.text-dark-blue {
  color: #003a8c !important;
}
.text-secondary {
  color: #8c8c8c !important;
}
.text-primary {
  color: #595959 !important;
}
.text-red {
  color: #f5222d !important;
}
.text-volcano {
  color: #fa541c !important;
}
.text-orange {
  color: #fa8c16 !important;
}
.text-blue {
  color: #1890ff !important;
}
.text-purple {
  color: #722ed1 !important;
}
.text-weight-normal {
  font-weight: 400;
}
.text-size-1 {
  font-size: 5px;
}
.text-size-2 {
  font-size: 7.5px;
}
.text-size-3 {
  font-size: 10px;
}
.text-size-4 {
  font-size: 12px;
}
.text-size-5 {
  font-size: 15px;
}

.ant-timeline-item-tail {
  border-left: 1px solid #f0f0f0;
}

.sub_timeline .ant-timeline-item-head {
  top: 16px !important;
  color: #1890ff;
}
.sub_timeline .ant-timeline-item-tail {
  top: 26px !important;
}

.userPanel {
  display: flex;
  padding: 30px 10px 25px 25px;
  border-bottom: 1px solid #e8e8e8;
}
.userPanel-avatar {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  cursor: pointer;
}
.userPanel-link {
  margin: 10px;
  display: contents;
}
.userPanel-text {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.25;
  cursor: pointer;
  margin-left: 15px;
  color: #444444;
  display: flex;
  align-items: center;
  max-width: 125px;
}

.header-dropdown-wrapper {
  border-left: 1px solid rgba(89, 89, 89, 0.1);
  padding: 0 15px;
  display: flex;
  align-items: center;
  transition: background-color 0.3s ease;
}
.header-dropdown-wrapper:hover {
  background-color: #e6f7ff;
}
.header-dropdown-item {
  padding: 5px 12px 5px 10px !important;
  border-bottom: 1px solid rgba(89, 89, 89, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  min-height: 40px;
  border-left: 3px solid transparent;
  color: #595959;
  transition: all 0.3s ease !important;
}
.header-dropdown-item.item-red:hover {
  color: #f5222d;
  border-left: 3px solid #f5222d;
}
.header-dropdown-item:hover {
  border-left: 3px solid #1890ff;
  color: #1890ff;
}

.tag-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 24px !important;
  height: 24px;
}
.tag-dark {
  background: #262626 !important;
  color: #ffffff !important;
  box-shadow: rgba(38, 38, 38, 0.2) 0 10px 15px -3px, rgba(38, 38, 38, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-dark-light {
  color: #262626;
  border: 1px solid rgba(38, 38, 38, 0.12);
  background: rgba(38, 38, 38, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-dark-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-dark-light.disabled {
  opacity: 0.5;
}
.tag-dark.disabled {
  opacity: 0.5;
}
.tag-dark.tag-button {
  box-shadow: none !important;
}
.tag-dark.tag-button:hover {
  background-color: rgb(4.9019607843%, 4.9019607843%, 4.9019607843%) !important;
}
.tag-dark.tag-button.disabled {
  background-color: #262626 !important;
  cursor: not-allowed;
}
.tag-dark.outlined {
  border: 2px solid rgba(38, 38, 38, 0.8) !important;
  color: #262626 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-dark.outlined:hover {
  color: #fff !important;
  background: #262626 !important;
}
.tag-gray, .tag-default {
  background: #595959 !important;
  color: #ffffff !important;
  box-shadow: rgba(89, 89, 89, 0.2) 0 10px 15px -3px, rgba(89, 89, 89, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-gray-light, .tag-default-light {
  color: #595959;
  border: 1px solid rgba(89, 89, 89, 0.12);
  background: rgba(89, 89, 89, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-gray-light.round, .tag-default-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-gray-light.disabled, .tag-default-light.disabled {
  opacity: 0.5;
}
.tag-gray.disabled, .tag-default.disabled {
  opacity: 0.5;
}
.tag-gray.tag-button, .tag-default.tag-button {
  box-shadow: none !important;
}
.tag-gray.tag-button:hover, .tag-default.tag-button:hover {
  background-color: rgb(24.9019607843%, 24.9019607843%, 24.9019607843%) !important;
}
.tag-gray.tag-button.disabled, .tag-default.tag-button.disabled {
  background-color: #595959 !important;
  cursor: not-allowed;
}
.tag-gray.outlined, .tag-default.outlined {
  border: 2px solid rgba(89, 89, 89, 0.8) !important;
  color: #595959 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-gray.outlined:hover, .tag-default.outlined:hover {
  color: #fff !important;
  background: #595959 !important;
}
.tag-snow {
  background: #bfbfbf !important;
  color: #ffffff !important;
  box-shadow: rgba(191, 191, 191, 0.2) 0 10px 15px -3px, rgba(191, 191, 191, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-snow-light {
  color: #bfbfbf;
  border: 1px solid rgba(191, 191, 191, 0.12);
  background: rgba(191, 191, 191, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-snow-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-snow-light.disabled {
  opacity: 0.5;
}
.tag-snow.disabled {
  opacity: 0.5;
}
.tag-snow.tag-button {
  box-shadow: none !important;
}
.tag-snow.tag-button:hover {
  background-color: rgb(64.9019607843%, 64.9019607843%, 64.9019607843%) !important;
}
.tag-snow.tag-button.disabled {
  background-color: #bfbfbf !important;
  cursor: not-allowed;
}
.tag-snow.outlined {
  border: 2px solid rgba(191, 191, 191, 0.8) !important;
  color: #bfbfbf !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-snow.outlined:hover {
  color: #fff !important;
  background: #bfbfbf !important;
}
.tag-red, .tag-group {
  background: #f5222d !important;
  color: #ffffff !important;
  box-shadow: rgba(245, 34, 45, 0.2) 0 10px 15px -3px, rgba(245, 34, 45, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-red-light, .tag-group-light {
  color: #f5222d;
  border: 1px solid rgba(245, 34, 45, 0.12);
  background: rgba(245, 34, 45, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-red-light.round, .tag-group-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-red-light.disabled, .tag-group-light.disabled {
  opacity: 0.5;
}
.tag-red.disabled, .tag-group.disabled {
  opacity: 0.5;
}
.tag-red.tag-button, .tag-group.tag-button {
  box-shadow: none !important;
}
.tag-red.tag-button:hover, .tag-group.tag-button:hover {
  background-color: rgb(85.5411255411%, 3.8706391648%, 8.128342246%) !important;
}
.tag-red.tag-button.disabled, .tag-group.tag-button.disabled {
  background-color: #f5222d !important;
  cursor: not-allowed;
}
.tag-red.outlined, .tag-group.outlined {
  border: 2px solid rgba(245, 34, 45, 0.8) !important;
  color: #f5222d !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-red.outlined:hover, .tag-group.outlined:hover {
  color: #fff !important;
  background: #f5222d !important;
}
.tag-volcano {
  background: #fa541c !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 84, 28, 0.2) 0 10px 15px -3px, rgba(250, 84, 28, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-volcano-light {
  color: #fa541c;
  border: 1px solid rgba(250, 84, 28, 0.12);
  background: rgba(250, 84, 28, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-volcano-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-volcano-light.disabled {
  opacity: 0.5;
}
.tag-volcano.disabled {
  opacity: 0.5;
}
.tag-volcano.tag-button {
  box-shadow: none !important;
}
.tag-volcano.tag-button:hover {
  background-color: rgb(87.101081812%, 23.4060175794%, 1.9185260311%) !important;
}
.tag-volcano.tag-button.disabled {
  background-color: #fa541c !important;
  cursor: not-allowed;
}
.tag-volcano.outlined {
  border: 2px solid rgba(250, 84, 28, 0.8) !important;
  color: #fa541c !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-volcano.outlined:hover {
  color: #fff !important;
  background: #fa541c !important;
}
.tag-orange, .tag-service {
  background: #fa8c16 !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 140, 22, 0.2) 0 10px 15px -3px, rgba(250, 140, 22, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-orange-light, .tag-service-light {
  color: #fa8c16;
  border: 1px solid rgba(250, 140, 22, 0.12);
  background: rgba(250, 140, 22, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-orange-light.round, .tag-service-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-orange-light.disabled, .tag-service-light.disabled {
  opacity: 0.5;
}
.tag-orange.disabled, .tag-service.disabled {
  opacity: 0.5;
}
.tag-orange.tag-button, .tag-service.tag-button {
  box-shadow: none !important;
}
.tag-orange.tag-button:hover, .tag-service.tag-button:hover {
  background-color: rgb(84.8459383754%, 44.7899159664%, 1.8207282913%) !important;
}
.tag-orange.tag-button.disabled, .tag-service.tag-button.disabled {
  background-color: #fa8c16 !important;
  cursor: not-allowed;
}
.tag-orange.outlined, .tag-service.outlined {
  border: 2px solid rgba(250, 140, 22, 0.8) !important;
  color: #fa8c16 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-orange.outlined:hover, .tag-service.outlined:hover {
  color: #fff !important;
  background: #fa8c16 !important;
}
.tag-yellow {
  background: #faad14 !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 173, 20, 0.2) 0 10px 15px -3px, rgba(250, 173, 20, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-yellow-light {
  color: #faad14;
  border: 1px solid rgba(250, 173, 20, 0.12);
  background: rgba(250, 173, 20, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-yellow-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-yellow-light.disabled {
  opacity: 0.5;
}
.tag-yellow.disabled {
  opacity: 0.5;
}
.tag-yellow.tag-button {
  box-shadow: none !important;
}
.tag-yellow.tag-button:hover {
  background-color: rgb(84.0931372549%, 56.5392156863%, 1.7892156863%) !important;
}
.tag-yellow.tag-button.disabled {
  background-color: #faad14 !important;
  cursor: not-allowed;
}
.tag-yellow.outlined {
  border: 2px solid rgba(250, 173, 20, 0.8) !important;
  color: #faad14 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-yellow.outlined:hover {
  color: #fff !important;
  background: #faad14 !important;
}
.tag-green {
  background: #52c41a !important;
  color: #ffffff !important;
  box-shadow: rgba(82, 196, 26, 0.2) 0 10px 15px -3px, rgba(82, 196, 26, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-green-light {
  color: #52c41a;
  border: 1px solid rgba(82, 196, 26, 0.12);
  background: rgba(82, 196, 26, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-green-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-green-light.disabled {
  opacity: 0.5;
}
.tag-green.disabled {
  opacity: 0.5;
}
.tag-green.tag-button {
  box-shadow: none !important;
}
.tag-green.tag-button:hover {
  background-color: rgb(24.7694753577%, 59.2050874404%, 7.853736089%) !important;
}
.tag-green.tag-button.disabled {
  background-color: #52c41a !important;
  cursor: not-allowed;
}
.tag-green.outlined {
  border: 2px solid rgba(82, 196, 26, 0.8) !important;
  color: #52c41a !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-green.outlined:hover {
  color: #fff !important;
  background: #52c41a !important;
}
.tag-blue, .tag-classic_user {
  background: #1890ff !important;
  color: #ffffff !important;
  box-shadow: rgba(24, 144, 255, 0.2) 0 10px 15px -3px, rgba(24, 144, 255, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-blue-light, .tag-classic_user-light {
  color: #1890ff;
  border: 1px solid rgba(24, 144, 255, 0.12);
  background: rgba(24, 144, 255, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-blue-light.round, .tag-classic_user-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-blue-light.disabled, .tag-classic_user-light.disabled {
  opacity: 0.5;
}
.tag-blue.disabled, .tag-classic_user.disabled {
  opacity: 0.5;
}
.tag-blue.tag-button, .tag-classic_user.tag-button {
  box-shadow: none !important;
}
.tag-blue.tag-button:hover, .tag-classic_user.tag-button:hover {
  background-color: rgb(0%, 46.4476699771%, 89.4117647059%) !important;
}
.tag-blue.tag-button.disabled, .tag-classic_user.tag-button.disabled {
  background-color: #1890ff !important;
  cursor: not-allowed;
}
.tag-blue.outlined, .tag-classic_user.outlined {
  border: 2px solid rgba(24, 144, 255, 0.8) !important;
  color: #1890ff !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-blue.outlined:hover, .tag-classic_user.outlined:hover {
  color: #fff !important;
  background: #1890ff !important;
}
.tag-geekblue, .tag-user {
  background: #2f54eb !important;
  color: #ffffff !important;
  box-shadow: rgba(47, 84, 235, 0.2) 0 10px 15px -3px, rgba(47, 84, 235, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-geekblue-light, .tag-user-light {
  color: #2f54eb;
  border: 1px solid rgba(47, 84, 235, 0.12);
  background: rgba(47, 84, 235, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-geekblue-light.round, .tag-user-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-geekblue-light.disabled, .tag-user-light.disabled {
  opacity: 0.5;
}
.tag-geekblue.disabled, .tag-user.disabled {
  opacity: 0.5;
}
.tag-geekblue.tag-button, .tag-user.tag-button {
  box-shadow: none !important;
}
.tag-geekblue.tag-button:hover, .tag-user.tag-button:hover {
  background-color: rgb(7.9463364293%, 22.6470588235%, 82.6418988648%) !important;
}
.tag-geekblue.tag-button.disabled, .tag-user.tag-button.disabled {
  background-color: #2f54eb !important;
  cursor: not-allowed;
}
.tag-geekblue.outlined, .tag-user.outlined {
  border: 2px solid rgba(47, 84, 235, 0.8) !important;
  color: #2f54eb !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-geekblue.outlined:hover, .tag-user.outlined:hover {
  color: #fff !important;
  background: #2f54eb !important;
}
.tag-purple {
  background: #722ed1 !important;
  color: #ffffff !important;
  box-shadow: rgba(114, 46, 209, 0.2) 0 10px 15px -3px, rgba(114, 46, 209, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-purple-light {
  color: #722ed1;
  border: 1px solid rgba(114, 46, 209, 0.12);
  background: rgba(114, 46, 209, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-purple-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-purple-light.disabled {
  opacity: 0.5;
}
.tag-purple.disabled {
  opacity: 0.5;
}
.tag-purple.tag-button {
  box-shadow: none !important;
}
.tag-purple.tag-button:hover {
  background-color: rgb(35.7647058824%, 14.431372549%, 65.568627451%) !important;
}
.tag-purple.tag-button.disabled {
  background-color: #722ed1 !important;
  cursor: not-allowed;
}
.tag-purple.outlined {
  border: 2px solid rgba(114, 46, 209, 0.8) !important;
  color: #722ed1 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-purple.outlined:hover {
  color: #fff !important;
  background: #722ed1 !important;
}
.tag-magenta {
  background: #eb2f96 !important;
  color: #ffffff !important;
  box-shadow: rgba(235, 47, 150, 0.2) 0 10px 15px -3px, rgba(235, 47, 150, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-magenta-light {
  color: #eb2f96;
  border: 1px solid rgba(235, 47, 150, 0.12);
  background: rgba(235, 47, 150, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-magenta-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-magenta-light.disabled {
  opacity: 0.5;
}
.tag-magenta.disabled {
  opacity: 0.5;
}
.tag-magenta.tag-button {
  box-shadow: none !important;
}
.tag-magenta.tag-button:hover {
  background-color: rgb(82.6418988648%, 7.9463364293%, 48.8699690402%) !important;
}
.tag-magenta.tag-button.disabled {
  background-color: #eb2f96 !important;
  cursor: not-allowed;
}
.tag-magenta.outlined {
  border: 2px solid rgba(235, 47, 150, 0.8) !important;
  color: #eb2f96 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-magenta.outlined:hover {
  color: #fff !important;
  background: #eb2f96 !important;
}
.tag-cyan, .tag-phantom {
  background: #13c2c2 !important;
  color: #ffffff !important;
  box-shadow: rgba(19, 194, 194, 0.2) 0 10px 15px -3px, rgba(19, 194, 194, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.tag-cyan-light, .tag-phantom-light {
  color: #13c2c2;
  border: 1px solid rgba(19, 194, 194, 0.12);
  background: rgba(19, 194, 194, 0.1);
  display: inline-flex;
  align-items: center;
}
.tag-cyan-light.round, .tag-phantom-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.tag-cyan-light.disabled, .tag-phantom-light.disabled {
  opacity: 0.5;
}
.tag-cyan.disabled, .tag-phantom.disabled {
  opacity: 0.5;
}
.tag-cyan.tag-button, .tag-phantom.tag-button {
  box-shadow: none !important;
}
.tag-cyan.tag-button:hover, .tag-phantom.tag-button:hover {
  background-color: rgb(5.6669428335%, 57.8624689312%, 57.8624689312%) !important;
}
.tag-cyan.tag-button.disabled, .tag-phantom.tag-button.disabled {
  background-color: #13c2c2 !important;
  cursor: not-allowed;
}
.tag-cyan.outlined, .tag-phantom.outlined {
  border: 2px solid rgba(19, 194, 194, 0.8) !important;
  color: #13c2c2 !important;
  background: none !important;
  box-shadow: none !important;
}
.tag-cyan.outlined:hover, .tag-phantom.outlined:hover {
  color: #fff !important;
  background: #13c2c2 !important;
}

.color-switcher {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer;
  background-color: rgba(24, 144, 255, 0);
  border: 1px solid rgba(24, 144, 255, 0);
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.color-switcher.checked {
  background-color: rgba(24, 144, 255, 0.15);
  border-color: rgba(24, 144, 255, 0.3);
}

.perms-actor .ant-table-wrapper {
  box-shadow: rgba(114, 46, 209, 0.1) 0 10px 15px -3px, rgba(114, 46, 209, 0.05) 0 4px 6px -2px;
}
.perms-actor .perms-title {
  margin: 0;
  padding: 12px 16px;
  background-color: rgba(114, 46, 209, 0.2);
  font-size: 20px;
  border-radius: 4px 4px 0 0;
}
.perms-actor thead th {
  background-color: rgba(114, 46, 209, 0.07) !important;
  border-top: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor thead th:nth-last-child(1) {
  border-right: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor thead th:nth-child(-n+2) {
  border-left: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor tr {
  background-color: rgba(114, 46, 209, 0.06) !important;
}
.perms-actor tr:nth-child(odd) td {
  background-color: rgba(114, 46, 209, 0.02) !important;
}
.perms-actor tr td {
  border-top: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor tr td:nth-last-child(1) {
  border-right: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor tr td:nth-child(-n+2) {
  border-left: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor tr:nth-last-child(1) td {
  border-bottom: 1px solid rgba(114, 46, 209, 0.15) !important;
}
.perms-actor tr:hover > td {
  background-color: transparent !important;
}
.perms-actor tr.ant-table-row-selected > td {
  background-color: #e6f7ff !important;
}
.perms-actor .ant-empty {
  margin: 0 !important;
}
.perms-group .ant-table-wrapper {
  box-shadow: rgba(250, 84, 28, 0.1) 0 10px 15px -3px, rgba(250, 84, 28, 0.05) 0 4px 6px -2px;
}
.perms-group .perms-title {
  margin: 0;
  padding: 12px 16px;
  background-color: rgba(250, 84, 28, 0.2);
  font-size: 20px;
  border-radius: 4px 4px 0 0;
}
.perms-group thead th {
  background-color: rgba(250, 84, 28, 0.07) !important;
  border-top: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group thead th:nth-last-child(1) {
  border-right: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group thead th:nth-child(-n+2) {
  border-left: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group tr {
  background-color: rgba(250, 84, 28, 0.06) !important;
}
.perms-group tr:nth-child(odd) td {
  background-color: rgba(250, 84, 28, 0.02) !important;
}
.perms-group tr td {
  border-top: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group tr td:nth-last-child(1) {
  border-right: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group tr td:nth-child(-n+2) {
  border-left: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group tr:nth-last-child(1) td {
  border-bottom: 1px solid rgba(250, 84, 28, 0.15) !important;
}
.perms-group tr:hover > td {
  background-color: transparent !important;
}
.perms-group tr.ant-table-row-selected > td {
  background-color: #e6f7ff !important;
}
.perms-group .ant-empty {
  margin: 0 !important;
}
.perms-default .ant-table-wrapper {
  box-shadow: rgba(82, 196, 26, 0.1) 0 10px 15px -3px, rgba(82, 196, 26, 0.05) 0 4px 6px -2px;
}
.perms-default .perms-title {
  margin: 0;
  padding: 12px 16px;
  background-color: rgba(82, 196, 26, 0.2);
  font-size: 20px;
  border-radius: 4px 4px 0 0;
}
.perms-default thead th {
  background-color: rgba(82, 196, 26, 0.07) !important;
  border-top: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default thead th:nth-last-child(1) {
  border-right: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default thead th:nth-child(-n+2) {
  border-left: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default tr {
  background-color: rgba(82, 196, 26, 0.06) !important;
}
.perms-default tr:nth-child(odd) td {
  background-color: rgba(82, 196, 26, 0.02) !important;
}
.perms-default tr td {
  border-top: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default tr td:nth-last-child(1) {
  border-right: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default tr td:nth-child(-n+2) {
  border-left: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default tr:nth-last-child(1) td {
  border-bottom: 1px solid rgba(82, 196, 26, 0.15) !important;
}
.perms-default tr:hover > td {
  background-color: transparent !important;
}
.perms-default tr.ant-table-row-selected > td {
  background-color: #e6f7ff !important;
}
.perms-default .ant-empty {
  margin: 0 !important;
}

.bg-green {
  background-color: rgba(82, 196, 26, 0.06);
  border: 1px solid rgba(82, 196, 26, 0.08);
  color: #52c41a;
}
.bg-red {
  background-color: rgba(245, 34, 45, 0.06);
  border: 1px solid rgba(245, 34, 45, 0.08);
  color: #f5222d;
}

label.checkbox-primary, label.checkbox-access {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  margin: 0;
}
label.checkbox-primary .ant-checkbox-inner::after, label.checkbox-access .ant-checkbox-inner::after {
  top: 8px;
  left: 4px;
}
label.checkbox-primary input,
label.checkbox-primary .ant-checkbox,
label.checkbox-primary .ant-checkbox-inner,
label.checkbox-primary .ant-checkbox:hover::after,
label.checkbox-primary .ant-checkbox-wrapper:hover .ant-checkbox::after, label.checkbox-access input,
label.checkbox-access .ant-checkbox,
label.checkbox-access .ant-checkbox-inner,
label.checkbox-access .ant-checkbox:hover::after,
label.checkbox-access .ant-checkbox-wrapper:hover .ant-checkbox::after {
  height: 18px !important;
  width: 18px !important;
}

.custom-search-field {
  width: 100%;
  max-width: 350px;
  font-size: 14px;
  color: #242424;
  padding-left: 40px;
  height: 32px;
}

.info-block {
  padding-top: 16px;
}
.info-block-icon, .info-block-header {
  color: #8c8c8c;
}
.info-block-header {
  margin-bottom: 10px;
}

.areas_filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  user-select: none;
  color: #595959;
}
.areas_filter-wrapper .isGroups label {
  background-color: rgba(89, 89, 89, 0.05);
  border-color: rgba(89, 89, 89, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper .isGroups label input[type=checkbox]:checked {
  background-color: #595959;
}
.areas_filter-wrapper .isGroups label.active {
  color: #595959;
  border-color: #595959;
  background-color: rgba(89, 89, 89, 0.1);
}
.areas_filter-wrapper .isGroups label:hover {
  background-color: rgba(89, 89, 89, 0.075);
  border-color: rgba(89, 89, 89, 0.6);
}
.areas_filter-wrapper .filter-red label {
  background-color: rgba(245, 34, 45, 0.05);
  border-color: rgba(245, 34, 45, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper .filter-red label input[type=checkbox]:checked {
  background-color: #f5222d;
}
.areas_filter-wrapper .filter-red label.active {
  color: #f5222d;
  border-color: #f5222d;
  background-color: rgba(245, 34, 45, 0.1);
}
.areas_filter-wrapper .filter-red label:hover {
  background-color: rgba(245, 34, 45, 0.075);
  border-color: rgba(245, 34, 45, 0.6);
}
.areas_filter-wrapper .filter-blue label {
  background-color: rgba(24, 144, 255, 0.05);
  border-color: rgba(24, 144, 255, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper .filter-blue label input[type=checkbox]:checked {
  background-color: #1890ff;
}
.areas_filter-wrapper .filter-blue label.active {
  color: #1890ff;
  border-color: #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}
.areas_filter-wrapper .filter-blue label:hover {
  background-color: rgba(24, 144, 255, 0.075);
  border-color: rgba(24, 144, 255, 0.6);
}
.areas_filter-wrapper .filter-gray label {
  background-color: rgba(89, 89, 89, 0.05);
  border-color: rgba(89, 89, 89, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper .filter-gray label input[type=checkbox]:checked {
  background-color: #595959;
}
.areas_filter-wrapper .filter-gray label.active {
  color: #595959;
  border-color: #595959;
  background-color: rgba(89, 89, 89, 0.1);
}
.areas_filter-wrapper .filter-gray label:hover {
  background-color: rgba(89, 89, 89, 0.075);
  border-color: rgba(89, 89, 89, 0.6);
}
.areas_filter-wrapper label.ADMIN {
  background-color: rgba(250, 84, 28, 0.05);
  border-color: rgba(250, 84, 28, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper label.ADMIN input[type=checkbox]:checked {
  background-color: #fa541c;
}
.areas_filter-wrapper label.ADMIN.active {
  color: #fa541c;
  border-color: #fa541c;
  background-color: rgba(250, 84, 28, 0.1);
}
.areas_filter-wrapper label.ADMIN:hover {
  background-color: rgba(250, 84, 28, 0.075);
  border-color: rgba(250, 84, 28, 0.6);
}
.areas_filter-wrapper label.DEFAULT {
  background-color: rgba(24, 144, 255, 0.05);
  border-color: rgba(24, 144, 255, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper label.DEFAULT input[type=checkbox]:checked {
  background-color: #1890ff;
}
.areas_filter-wrapper label.DEFAULT.active {
  color: #1890ff;
  border-color: #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}
.areas_filter-wrapper label.DEFAULT:hover {
  background-color: rgba(24, 144, 255, 0.075);
  border-color: rgba(24, 144, 255, 0.6);
}
.areas_filter-wrapper label.BAN {
  background-color: rgba(245, 34, 45, 0.05);
  border-color: rgba(245, 34, 45, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper label.BAN input[type=checkbox]:checked {
  background-color: #f5222d;
}
.areas_filter-wrapper label.BAN.active {
  color: #f5222d;
  border-color: #f5222d;
  background-color: rgba(245, 34, 45, 0.1);
}
.areas_filter-wrapper label.BAN:hover {
  background-color: rgba(245, 34, 45, 0.075);
  border-color: rgba(245, 34, 45, 0.6);
}
.areas_filter-wrapper label.ROOT {
  background-color: rgba(114, 46, 209, 0.05);
  border-color: rgba(114, 46, 209, 0.3);
  transition: all 0.3s ease-in-out;
}
.areas_filter-wrapper label.ROOT input[type=checkbox]:checked {
  background-color: #722ed1;
}
.areas_filter-wrapper label.ROOT.active {
  color: #722ed1;
  border-color: #722ed1;
  background-color: rgba(114, 46, 209, 0.1);
}
.areas_filter-wrapper label.ROOT:hover {
  background-color: rgba(114, 46, 209, 0.075);
  border-color: rgba(114, 46, 209, 0.6);
}
.areas_filter-wrapper .rowText-line {
  height: 1px;
  background-color: rgba(217, 217, 217, 0.4);
}
.areas_filter-wrapper.isSmall label {
  padding: 2px 8px;
  height: 26px;
  font-size: 14px;
}
.areas_filter-wrapper.isSmall input[type=checkbox]:checked {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  margin-left: -4px;
}
.areas_filter-wrapper.isSmall svg {
  left: 4px;
}
.areas_filter-container, .areas_filter-group {
  display: flex;
}
.areas_filter-container input[type=checkbox], .areas_filter-group input[type=checkbox] {
  width: 0;
  height: 0;
  border-radius: 50%;
  outline: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.areas_filter-container input[type=checkbox]:checked, .areas_filter-group input[type=checkbox]:checked {
  height: 26px;
  width: 26px;
  background-color: #1890ff;
  margin: 0 8px 0 0;
}
.areas_filter-container label, .areas_filter-group label {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid rgba(89, 89, 89, 0.3);
  border-radius: 18px;
  margin: 4px;
  cursor: pointer;
  padding: 2px 12px 2px 6px;
  background-color: rgba(89, 89, 89, 0.05);
  transition: all 0.3s ease-in-out;
}
.areas_filter-container label.active, .areas_filter-group label.active {
  color: #1890ff;
  border-color: #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}
.areas_filter-container label:hover, .areas_filter-group label:hover {
  background-color: rgba(24, 144, 255, 0.075);
  border-color: rgba(24, 144, 255, 0.6);
}
.areas_filter-container svg, .areas_filter-group svg {
  position: absolute;
  left: 7px;
  color: #ffffff;
}
.areas_filter-group {
  margin: 4px;
}
.areas_filter-group label {
  margin: 0;
  border-radius: 0;
}
.areas_filter-group label:nth-child(1) {
  border-radius: 18px 0 0 18px;
}
.areas_filter-group label:nth-last-child(1) {
  border-radius: 0 18px 18px 0;
}
.areas_filter-excluded {
  display: flex;
  cursor: pointer;
  margin: 4px;
}
.areas_filter-excluded div {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  transition: all 0.15s ease-in-out;
}
.areas_filter-excluded div:nth-child(1) {
  border-top: 1px solid rgba(89, 89, 89, 0.3);
  border-left: 1px solid rgba(89, 89, 89, 0.3);
  border-bottom: 1px solid rgba(89, 89, 89, 0.3);
  border-radius: 18px 0 0 18px;
  background-color: rgba(89, 89, 89, 0.05);
}
.areas_filter-excluded div:nth-child(2) {
  border: 1px solid rgba(89, 89, 89, 0.3);
  background-color: rgba(89, 89, 89, 0.05);
}
.areas_filter-excluded div:nth-child(3) {
  border-top: 1px solid rgba(89, 89, 89, 0.3);
  border-right: 1px solid rgba(89, 89, 89, 0.3);
  border-bottom: 1px solid rgba(89, 89, 89, 0.3);
  border-radius: 0 18px 18px 0;
  background-color: rgba(89, 89, 89, 0.05);
}
.areas_filter-excluded.isSmall {
  height: 26px;
}
.areas_filter-excluded.isSmall div {
  padding: 2px 6px;
  min-width: 26px;
  height: 26px;
  font-size: 14px;
}
.areas_filter-excluded.isSmall div:nth-child(1) {
  padding: 0;
  border-radius: 13px 0 0 13px;
}
.areas_filter-excluded.isSmall div:nth-child(3) {
  padding: 0;
  border-radius: 0 13px 13px 0;
}
.areas_filter-excluded.included div:nth-child(1) {
  background-color: #52c41a;
  color: #ffffff;
  border-color: #52c41a;
}
.areas_filter-excluded.included div:nth-child(2) {
  background-color: rgba(89, 89, 89, 0.05);
  color: #52c41a;
  border-color: #52c41a;
}
.areas_filter-excluded.excluded div:nth-child(3) {
  background-color: #f5222d;
  color: #ffffff;
  border-color: #f5222d;
}
.areas_filter-excluded.excluded div:nth-child(2) {
  background-color: #fff1f0;
  color: #f5222d;
  border-color: #f5222d;
}

.tabs-left .ant-tabs-tab {
  padding: 8px !important;
  margin: 0 !important;
  transition: background-color 0.3s ease;
}
.tabs-left .ant-tabs-tab:hover {
  color: #1890ff !important;
  background-color: #e6f7ff;
}
.tabs-left .ant-tabs-tab-active {
  background-color: #e6f7ff;
}
.tabs-left .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #1890ff !important;
}

.add-border-blue {
  background-color: rgba(24, 144, 255, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(24, 144, 255, 0.3);
}
.add-border-green {
  background-color: rgba(82, 196, 26, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(82, 196, 26, 0.3);
}
.add-border-red {
  background-color: rgba(245, 34, 45, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(245, 34, 45, 0.3);
}

.radio-item {
  border-radius: 4px !important;
  margin-right: 4px;
  border: 1px solid;
}
.radio-item::before {
  display: none !important;
}
.radio-item-blue {
  background-color: rgba(24, 144, 255, 0.06);
  color: #1890ff;
  border-color: #1890ff !important;
}
.radio-item-blue:hover {
  color: #1890ff;
  background-color: rgba(24, 144, 255, 0.1);
}
.radio-item-blue.active {
  background: #1890ff !important;
  color: #ffffff !important;
  box-shadow: rgba(24, 144, 255, 0.2) 0 10px 15px -3px, rgba(24, 144, 255, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.radio-item-blue.active-light {
  color: #1890ff;
  border: 1px solid rgba(24, 144, 255, 0.12);
  background: rgba(24, 144, 255, 0.1);
  display: inline-flex;
  align-items: center;
}
.radio-item-blue.active-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.radio-item-blue.active-light.disabled {
  opacity: 0.5;
}
.radio-item-blue.active.disabled {
  opacity: 0.5;
}
.radio-item-blue.active.tag-button {
  box-shadow: none !important;
}
.radio-item-blue.active.tag-button:hover {
  background-color: rgb(0%, 46.4476699771%, 89.4117647059%) !important;
}
.radio-item-blue.active.tag-button.disabled {
  background-color: #1890ff !important;
  cursor: not-allowed;
}
.radio-item-blue.active.outlined {
  border: 2px solid rgba(24, 144, 255, 0.8) !important;
  color: #1890ff !important;
  background: none !important;
  box-shadow: none !important;
}
.radio-item-blue.active.outlined:hover {
  color: #fff !important;
  background: #1890ff !important;
}
.radio-item-blue svg.slow {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.radio-item-red {
  background-color: rgba(245, 34, 45, 0.06);
  color: #f5222d;
  border-color: #f5222d !important;
}
.radio-item-red:hover {
  color: #f5222d;
  background-color: rgba(245, 34, 45, 0.1);
}
.radio-item-red.active {
  background: #f5222d !important;
  color: #ffffff !important;
  box-shadow: rgba(245, 34, 45, 0.2) 0 10px 15px -3px, rgba(245, 34, 45, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.radio-item-red.active-light {
  color: #f5222d;
  border: 1px solid rgba(245, 34, 45, 0.12);
  background: rgba(245, 34, 45, 0.1);
  display: inline-flex;
  align-items: center;
}
.radio-item-red.active-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.radio-item-red.active-light.disabled {
  opacity: 0.5;
}
.radio-item-red.active.disabled {
  opacity: 0.5;
}
.radio-item-red.active.tag-button {
  box-shadow: none !important;
}
.radio-item-red.active.tag-button:hover {
  background-color: rgb(85.5411255411%, 3.8706391648%, 8.128342246%) !important;
}
.radio-item-red.active.tag-button.disabled {
  background-color: #f5222d !important;
  cursor: not-allowed;
}
.radio-item-red.active.outlined {
  border: 2px solid rgba(245, 34, 45, 0.8) !important;
  color: #f5222d !important;
  background: none !important;
  box-shadow: none !important;
}
.radio-item-red.active.outlined:hover {
  color: #fff !important;
  background: #f5222d !important;
}
.radio-item-red svg.slow {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.radio-item-volcano {
  background-color: rgba(250, 84, 28, 0.06);
  color: #fa541c;
  border-color: #fa541c !important;
}
.radio-item-volcano:hover {
  color: #fa541c;
  background-color: rgba(250, 84, 28, 0.1);
}
.radio-item-volcano.active {
  background: #fa541c !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 84, 28, 0.2) 0 10px 15px -3px, rgba(250, 84, 28, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.radio-item-volcano.active-light {
  color: #fa541c;
  border: 1px solid rgba(250, 84, 28, 0.12);
  background: rgba(250, 84, 28, 0.1);
  display: inline-flex;
  align-items: center;
}
.radio-item-volcano.active-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.radio-item-volcano.active-light.disabled {
  opacity: 0.5;
}
.radio-item-volcano.active.disabled {
  opacity: 0.5;
}
.radio-item-volcano.active.tag-button {
  box-shadow: none !important;
}
.radio-item-volcano.active.tag-button:hover {
  background-color: rgb(87.101081812%, 23.4060175794%, 1.9185260311%) !important;
}
.radio-item-volcano.active.tag-button.disabled {
  background-color: #fa541c !important;
  cursor: not-allowed;
}
.radio-item-volcano.active.outlined {
  border: 2px solid rgba(250, 84, 28, 0.8) !important;
  color: #fa541c !important;
  background: none !important;
  box-shadow: none !important;
}
.radio-item-volcano.active.outlined:hover {
  color: #fff !important;
  background: #fa541c !important;
}
.radio-item-volcano svg.slow {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.radio-item-orange {
  background-color: rgba(250, 140, 22, 0.06);
  color: #fa8c16;
  border-color: #fa8c16 !important;
}
.radio-item-orange:hover {
  color: #fa8c16;
  background-color: rgba(250, 140, 22, 0.1);
}
.radio-item-orange.active {
  background: #fa8c16 !important;
  color: #ffffff !important;
  box-shadow: rgba(250, 140, 22, 0.2) 0 10px 15px -3px, rgba(250, 140, 22, 0.1) 0 4px 6px -2px !important;
  display: inline-flex;
  align-items: center;
}
.radio-item-orange.active-light {
  color: #fa8c16;
  border: 1px solid rgba(250, 140, 22, 0.12);
  background: rgba(250, 140, 22, 0.1);
  display: inline-flex;
  align-items: center;
}
.radio-item-orange.active-light.round {
  color: #8c8c8c;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -8px !important;
  height: 32px;
  width: 32px !important;
  padding: 0;
  border-radius: 50%;
  background: #fafafa;
}
.radio-item-orange.active-light.disabled {
  opacity: 0.5;
}
.radio-item-orange.active.disabled {
  opacity: 0.5;
}
.radio-item-orange.active.tag-button {
  box-shadow: none !important;
}
.radio-item-orange.active.tag-button:hover {
  background-color: rgb(84.8459383754%, 44.7899159664%, 1.8207282913%) !important;
}
.radio-item-orange.active.tag-button.disabled {
  background-color: #fa8c16 !important;
  cursor: not-allowed;
}
.radio-item-orange.active.outlined {
  border: 2px solid rgba(250, 140, 22, 0.8) !important;
  color: #fa8c16 !important;
  background: none !important;
  box-shadow: none !important;
}
.radio-item-orange.active.outlined:hover {
  color: #fff !important;
  background: #fa8c16 !important;
}
.radio-item-orange svg.slow {
  transition: transform 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}

.infoIconBth {
  color: #1890ff;
  cursor: pointer;
}

.colorRed {
  color: #f5222d !important;
}

.InfoBtnContainer {
  cursor: pointer;
  color: #595959;
}
.InfoBtnContainer:hover {
  color: #2f54eb !important;
}

.icon-shadow-dark {
  filter: drop-shadow(0 10px 15px rgba(38, 38, 38, 0.2)) drop-shadow(0 4px 6px rgba(38, 38, 38, 0.1));
}
.icon-shadow-gray {
  filter: drop-shadow(0 10px 15px rgba(89, 89, 89, 0.2)) drop-shadow(0 4px 6px rgba(89, 89, 89, 0.1));
}
.icon-shadow-red {
  filter: drop-shadow(0 10px 15px rgba(245, 34, 45, 0.2)) drop-shadow(0 4px 6px rgba(245, 34, 45, 0.1));
}
.icon-shadow-volcano {
  filter: drop-shadow(0 10px 15px rgba(250, 84, 28, 0.2)) drop-shadow(0 4px 6px rgba(250, 84, 28, 0.1));
}
.icon-shadow-orange {
  filter: drop-shadow(0 10px 15px rgba(250, 140, 22, 0.2)) drop-shadow(0 4px 6px rgba(250, 140, 22, 0.1));
}
.icon-shadow-green {
  filter: drop-shadow(0 10px 15px rgba(82, 196, 26, 0.2)) drop-shadow(0 4px 6px rgba(82, 196, 26, 0.1));
}
.icon-shadow-cyan {
  filter: drop-shadow(0 10px 15px rgba(19, 194, 194, 0.2)) drop-shadow(0 4px 6px rgba(19, 194, 194, 0.1));
}
.icon-shadow-blue {
  filter: drop-shadow(0 10px 15px rgba(24, 144, 255, 0.2)) drop-shadow(0 4px 6px rgba(24, 144, 255, 0.1));
}
.icon-shadow-geekblue {
  filter: drop-shadow(0 10px 15px rgba(47, 84, 235, 0.2)) drop-shadow(0 4px 6px rgba(47, 84, 235, 0.1));
}
.icon-shadow-purple {
  filter: drop-shadow(0 10px 15px rgba(114, 46, 209, 0.2)) drop-shadow(0 4px 6px rgba(114, 46, 209, 0.1));
}

.icon-switch {
  height: 32px !important;
  width: 32px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(24, 144, 255, 0);
  border: 1px solid rgba(24, 144, 255, 0);
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.icon-switch.checked {
  background-color: rgba(24, 144, 255, 0.15);
  border-color: rgba(24, 144, 255, 0.3);
}

a h3,
a h5 {
  transition: all 0.3s ease;
}
a:hover h3,
a:hover h5 {
  color: #1890ff;
}

.avatar-user {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
}
.avatar-user p {
  margin: 0;
}

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

div.card-action {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  width: 100%;
  background-color: #e6f7ff;
  border-radius: 0 0 6px 6px;
  box-shadow: #1890ff 0 3px 0 0;
  color: #1890ff;
  font-size: 18px;
  transition: all 0.3s ease;
}
div.card-action:hover {
  background-color: #1890ff;
  color: #fff;
}

.card-collapse {
  position: relative;
}
.card-collapse.ant-collapse,
.card-collapse .ant-collapse-item,
.card-collapse .ant-collapse-content {
  border: none;
}
.card-collapse .ant-collapse-header {
  display: none !important;
}
.card-collapse .ant-collapse-header .ant-collapse-arrow {
  transition: all 0.3s ease-out;
  margin: 0 8px 0 0 !important;
}
.card-collapse .ant-collapse-content-box {
  padding: 0 !important;
}

/*Warning button*/
.customAntOutWarningBtn,
.customAntOutWarningBtn:focus {
  color: #fa8c16 !important;
  border-color: #fa8c16 !important;
}

.customAntOutWarningBtn:hover,
.customAntOutWarningBtn.active {
  color: #fff !important;
  background-color: #fa8c16 !important;
  border-color: #fa8c16 !important;
}

.customAntOutWarningBtn[disabled] {
  color: rgba(0, 0, 0, 0.25) !important;
  border-color: #d9d9d9 !important;
  background: #f5f5f5 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/*Orange  button*/
.customAntOutOrangeBtn {
  color: rgb(233, 77, 30) !important;
  background-color: white !important;
  border-color: rgb(233, 77, 30) !important;
}

.customAntOutOrangeBtn:hover {
  color: white !important;
  background-color: rgb(233, 77, 30) !important;
  border-color: rgb(233, 77, 30) !important;
}