/* toast css */
.toastMainDiv {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1070;
}

.toast {
  margin-bottom: 10px;
}

.toast-body {
  color: white;
}

.toast-close {
  color: white;
}
/* list page css */
.nav-icon {
  width: 15px;
  margin-right: 5px;
}
.color-red {
  color: red;
}

.color-green {
  color: green;
}

.remove-badge-icon {
  cursor: pointer;
  margin-left: 5px;
}

.fs-custom-small {
  font-size: 0.75rem; /* Adjust as needed */
}

.table-striped > tbody > .correct-option-list th,
.correct-option-list td {
  --cui-table-bg-type: lightgreen !important;
}

.truncated-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px; /* Adjust based on the desired truncation width */
  display: inline-block;
  vertical-align: middle;
}

/* Apply custom styles only to elements with the 'userScopes' class */

.was-validated .userScopes .form-check-input.is-valid {
  border-color: #5856d6 !important;
  background-color: #5856d6 !important;
  box-shadow: none !important;
}

.was-validated .userScopes .form-check-input:valid,
.userScopes .form-check-input {
  border-color: initial;
  background-color: initial;
}

.was-validated .userScopes .form-check-input:valid:checked {
  border-color: #5856d6;
  background-color: #5856d6;
}

.was-validated .userScopes .form-check-input:valid ~ .form-check-label,
.was-validated .userScopes .form-check-input.is-invalid ~ .form-check-label {
  color: initial !important;
}

.scopeError {
  margin-top: 0.25rem !important;
  font-size: 0.875em !important;
  color: #ea868f !important;
}

.no-asterisk label::after {
  content: '' !important; /* No content for no-asterisk labels */
}

.asterisk label::after {
  content: ' *';
  color: red;
  margin-left: 2px;
}

.asterisk-scope {
  position: relative;
}

.asterisk-scope::after {
  content: ' *';
  color: red;
  margin-left: 2px;
}

.cursor-pointer {
  cursor: pointer !important;
}

td {
  word-wrap: break-word;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

select:required:invalid {
  color: #7d7e80;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: #252b36f2;
}
.loader {
  z-index: 9999 !important;
}

.logs-text-area {
  resize: none;
  white-space: pre-wrap;
}