:root {
  --altcha-border-width: 1px;
  --altcha-border-radius: 0px;
  --altcha-color-border: var(--kt-input-border-color);
  --altcha-color-text: currentColor;
  --altcha-color-border-focus: currentColor;
  --altcha-max-width: 260px;
}

#kt_sign_in_form .captcha-widget altcha-widget, #kt_password_reset_form .captcha-widget altcha-widget, #kt_sign_up_form .captcha-widget altcha-widget {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
#kt_sign_in_form .captcha-widget altcha-widget .altcha, #kt_password_reset_form .captcha-widget altcha-widget .altcha, #kt_sign_up_form .captcha-widget altcha-widget .altcha {
  width: 100% !important;
}

.text-linkedin {
  color: #0077b5 !important;
}

.text-facebook {
  color: #1877f2 !important;
}

.text-instagram {
  color: #405de6 !important;
}

.text-mastodon {
  color: #6364FF !important;
}

.text-pinterest {
  color: #e60023 !important;
}

.text-twitter {
  color: #1da1f2 !important;
}

.text-xing {
  color: #026466 !important;
}

.text-youtube {
  color: #ff0000 !important;
}

.json-preview {
  background-color: #E4E6EF;
  padding: 0.75rem;
  font-family: monospace;
  font-size: 0.85rem;
  border-radius: 4px;
  max-height: 300px;
  overflow: auto;
  white-space: pre-wrap;
  color: #5E6278;
}

progress.progress-session {
  height: 1px;
  border: none;
  background-color: var(--bs-table-bg);
  border-radius: 10px;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  width: 100%;
  top: var(--kt-app-header-height);
}
progress.progress-session::-moz-progress-bar {
  background-color: var(--kt-primary);
}
progress.progress-session::-webkit-progress-value {
  background-color: var(--kt-primary);
}

.toastr {
  opacity: 1 !important;
}

.chat .chat_ghostwriter {
  border-radius: 0 10px 10px 10px;
}
.chat .chat_ghostwriter_answer {
  border-radius: 0 0 0 10px;
}
.chat .chat_ghostwriter_answer_button {
  border-radius: 0 10px 10px 0 !important;
}
.chat .chat_user {
  border-radius: 10px 0 10px 10px;
}

.emojionearea .emojionearea-picker {
  z-index: 10000 !important;
}

.note-modal .note-modal-content .note-modal-footer {
  border-top: 1px solid #ededef;
  height: 70px;
}

.note-editor.note-frame.fullscreen {
  top: 70px !important;
  left: 270px !important;
  width: calc(100% - 270px) !important; /* Adjusted width */
}
.note-editor .note-editable {
  background-color: var(--kt-input-solid-bg);
}

div.dtfh-floatingparent {
  z-index: 102 !important;
}

div.datatable-floatingcard {
  z-index: 6 !important;
}

div.datatable-floatingcard-top {
  z-index: 101 !important;
}

.kt_filter_search_wrapper input {
  padding-right: 30px;
}
.kt_filter_search_wrapper .clear-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #2081C3;
}

body {
  font-family: var(--bs-body-font-family);
}

.is-ui #divSnippetList #divSnippetHandle {
  background: var(--kt-primary) !important;
}
.is-ui #divSnippetList #divSnippetHandle .is-icon-flex {
  fill: white;
}
.is-ui button {
  font-family: var(--bs-body-font-family) !important;
}

.btn {
  letter-spacing: inherit;
}

.bg-primary-superlight {
  background-color: #E9F3FF !important;
}

/*[data-kt-app-layout="dark-sidebar"] .app-sidebar {
    background-color: #000;
    border-right: 0 !important;
}*/
.menu-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .is-invalid {
  background-color: rgba(255, 80, 0, 0.1) !important;
  border-style: solid;
  border-width: 1px;
  border-color: #FF5000;
}