.ui.menu .dropdown.item > div.menu {
  min-width: calc(100% + 60px); }

/* Semantic+Font Awesome fix */
.ui.menu .item > i.fas[class*="fa-"] {
  display: inline-block;
  margin-right: 0.75rem; }

/* Propagate semantic.css rules */
.ui.labels * .label {
  margin: 0em 0.5em 0.5em 0em; }

/*
 * Draw the open list of a native select in the page (Chrome/Edge 135+).
 * Their native popup opens blank on a monitor extended at another resolution (ZD 388758, 387582, 388482).
 * Other browsers ignore appearance: base-select and keep their native list.
 */
.ui.form select:not(.dropdown):not([multiple]),
.ui.form select:not(.dropdown):not([multiple])::picker(select) {
  appearance: base-select; }

.ui.form select:not(.dropdown):not([multiple]) {
  display: flex;
  align-items: center;
  min-height: 2.71428571em; }
  .ui.form select:not(.dropdown):not([multiple])::picker-icon {
    margin-left: auto;
    color: rgba(0, 0, 0, 0.6); }
  .ui.form select:not(.dropdown):not([multiple]):open::picker-icon {
    rotate: 180deg; }
  .ui.form select:not(.dropdown):not([multiple])::picker(select) {
    max-height: 60vh;
    margin-top: -1px;
    padding: 0;
    border: 1px solid #96c8da;
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    background: #fff; }
  .ui.form select:not(.dropdown):not([multiple]) optgroup {
    padding: 0.5em 1em 0.25em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87); }
  .ui.form select:not(.dropdown):not([multiple]) option {
    padding: 0.6em 1em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87); }
  .ui.form select:not(.dropdown):not([multiple]) option:hover,
  .ui.form select:not(.dropdown):not([multiple]) option:focus-visible {
    background: rgba(0, 0, 0, 0.05); }
  .ui.form select:not(.dropdown):not([multiple]) option:checked {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 700; }
  .ui.form select:not(.dropdown):not([multiple]) option::checkmark {
    display: none; }

.ui.form .inline.fields .field > select:not(.dropdown):not([multiple]),
.ui.form .inline.field > select:not(.dropdown):not([multiple]) {
  display: inline-flex;
  width: 11.5em; }

.ui.form .inline.fields .field > select[data-filter-page-size]:not(.dropdown) {
  width: 5.5em; }

.dashboard-total-cards > .card > .statistic {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.csi-content-page {
  margin: 1rem; }

/* 
 * Tight List Utility
 * Provides a compact, aligned list style for <ul> elements.
 * - Removes default padding and margin from the <ul>
 * - Adds a left margin for alignment with surrounding content
 * - Slightly reduces top margin for tighter vertical spacing
 */
ul.csi-tight-list {
  padding: 0 !important;
  margin: -0.3em 0 0.25em 1.25rem !important;
  /* top right bottom left */ }

/* 
 * Tight List Items
 * Ensures all <li> elements within .csi-tight-list have no extra spacing.
 * - Removes default padding and margin from direct and nested <li> elements
 * - Guarantees a compact list appearance
 */
ul.csi-tight-list > li,
ul.csi-tight-list li {
  padding: 0 !important;
  margin: 0 !important; }

.csi-hidden {
  /* 1. opacity and filter: opacity() */
  opacity: 0;
  /* 2. color Alpha Transparency */
  color: transparent;
  background-color: transparent;
  /* 3. transform */
  transform: scale(0);
  /* 4. clip-path */
  clip-path: circle(0);
  /* 5. visibility */
  visibility: hidden;
  /* 6. display */
  display: none;
  /* 8. Absolute position */
  position: absolute;
  left: -9999px;
  /* 10. Reduce Dimensions */
  height: 0;
  padding: 0;
  overflow: hidden; }

.csi-overflow-x-auto {
  overflow-x: auto; }

.csi-overflow-x-scroll {
  overflow-x: scroll; }

.csi-menu .toc.item {
  display: none !important; }

.mobile-only {
  display: none !important; }

.csi-pre-code {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

.csi-pre-code-copy {
  border: 1px solid rgba(39, 41, 43, 0.15);
  border-radius: 0.2857rem;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
  padding: 0.67857143em 1em;
  margin: 0;
  width: 100%; }

.csi-summary {
  font-weight: normal !important; }

.csi-header-top-ribbon {
  margin-top: 0.5em !important; }

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

.ui.styled.accordion .title, .ui.styled.accordion .accordion .title {
  color: inherit; }

/* source: https://clusterize.js.org/css/clusterize.css */
/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll {
  max-height: 568px !important;
  overflow: auto !important; }

/**
 * Avoid vertical margins for extra tags
 * Necessary for correct calculations when rows have nonzero vertical margins
 */
.clusterize-extra-row {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity {
  display: none !important; }

/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content {
  outline: 0 !important;
  counter-reset: clusterize-counter !important; }

/* Centering message that appears when no data provided
 */
/*.clusterize-no-data td {
    text-align: center !important;
}*/
#cronResults {
  background-color: #FAFAFA;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #E4E4E4;
  border-radius: 3px; }
  #cronResults:not(.error) {
    display: flex;
    flex-flow: column nowrap; }
  #cronResults:not(.error) > span {
    font-size: 0.9rem; }
    #cronResults:not(.error) > span.indented {
      margin-left: 1.33rem; }
      #cronResults:not(.error) > span.indented:before {
        content: '\2022\20'; }
    #cronResults:not(.error) > span.ui.label {
      align-self: flex-start; }
    #cronResults:not(.error) > span.success {
      color: forestgreen; }
    #cronResults:not(.error) > span.error {
      color: crimson; }
    #cronResults:not(.error) > span.warning {
      color: orange; }

.template-group {
  margin-top: 1.1em; }

.template-group:first-child {
  margin-top: 0 !important; }

.csi-import-action-button {
  font-size: 1.258rem !important; }

.csi-vertical-spacing {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.csi-no-bottom-margin {
  margin-bottom: 0 !important; }

.csi-no-top-margin {
  margin-top: 0 !important; }

.csi-summary-logs-info {
  font-size: small !important;
  font-weight: lighter !important; }

@media only screen and (max-width: 723px) {
  .csi-menu .toc.item {
    display: block !important; }
  .csi-menu .item {
    display: none !important; }
  .mobile-only {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .row > .column, .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column {
    padding: 1rem 0rem !important; } }

.idms-pager-controls > * {
  margin-left: 1rem !important; }

.csi-filter-bar .inline.fields {
  flex-wrap: wrap;
  row-gap: 0.75em; }
  .csi-filter-bar .inline.fields > .field.csi-filter-grow {
    flex: 1 1 20rem;
    max-width: 48rem;
    display: flex;
    align-items: center; }
    .csi-filter-bar .inline.fields > .field.csi-filter-grow > input {
      flex: 1 1 auto;
      width: auto;
      min-width: 0; }

.csi-break-anywhere {
  overflow-wrap: anywhere;
  min-width: 12em; }

.csi-table-scroll {
  overflow-x: auto;
  margin: 0 -1px;
  padding: 0 1px; }

.ui.attached + .csi-table-scroll > .ui.attached.table:not(.top),
.csi-table-scroll + .ui.attached.menu:not(.top) {
  border-top: none; }

.csi-table-scroll > .ui.table td.csi-col-updated .content {
  overflow-wrap: anywhere; }

.csi-table-scroll > .ui.table .csi-tablet-details {
  display: none; }

@media only screen and (min-width: 768px) {
  .csi-table-scroll > .ui.table td.csi-col-updated {
    min-width: 9em; } }

@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .csi-table-scroll > .ui.table > thead > tr > th,
  .csi-table-scroll > .ui.table > tbody > tr > td {
    padding-left: 0.4em;
    padding-right: 0.4em; }
  .csi-table-scroll > .ui.table > thead > tr > th.csi-col-icon,
  .csi-table-scroll > .ui.table > tbody > tr > td.csi-col-icon {
    display: none; }
  .csi-table-scroll > .ui.table .csi-tablet-details {
    display: inline-block; }
  .csi-table-scroll > .ui.table td.csi-col-actions {
    white-space: normal; }
  .csi-table-scroll > .ui.table td.csi-col-actions > .ui.buttons {
    margin-bottom: 0.25em; } }

.unauthorized-image {
  background-image: url("/images/unauthorized-background.jpeg");
  position: fixed;
  overflow: hidden !important;
  top: -15px;
  left: -15px;
  right: -30px;
  bottom: -30px;
  background-color: #a5dff7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  filter: blur(8px);
  z-index: -1; }

.unauthorized-text {
  color: azure;
  font-size: 2em;
  text-align: center;
  padding: 1em;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap; }

/*
 * Sensitive value
 * A configuration value that is hidden behind a reveal button, the way a password input is.
 * The value itself is always in the markup; only its visibility is toggled.
 */
.csi-sensitive {
  display: inline-flex;
  align-items: baseline;
  word-break: break-all; }

.csi-sensitive-placeholder {
  letter-spacing: 0.15em; }

.csi-sensitive-value {
  display: none;
  font-family: monospace; }

.csi-sensitive-revealed > .csi-sensitive-placeholder {
  display: none; }

.csi-sensitive-revealed > .csi-sensitive-value {
  display: inline; }

.csi-sensitive-toggle {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 0.5em;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5); }

.csi-sensitive-toggle:hover, .csi-sensitive-toggle:focus {
  color: rgba(0, 0, 0, 0.87); }

.csi-sensitive-toggle-all {
  margin-left: 0.75rem !important; }