.form-control.input-error {
  border: 1px solid var(--bs-danger);
}

input.form-control:-moz-read-only {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
  color: var(--bs-gray-700);
}

input.form-control:read-only {
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
  color: var(--bs-gray-700);
}

.form-control.form-select.input-error {
  border: 1px solid var(--bs-danger);
}
.form-control.form-select.input-error + .select2 .select2-selection {
  border: 1px solid var(--bs-danger);
}

#kt_app_toolbar {
  border: 1px solid var(--bs-app-content-border-color);
  border-radius: 12px 12px 0 0;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-capitalize {
  text-transform: capitalize;
}

.click-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.dialer-disabled button {
  display: none !important;
}

.accordion-header[disabled] {
  pointer-events: none;
}

.btn.btn-primary.btn-violet {
  background-color: #5C068C !important;
}
.btn.btn-primary.btn-violet:hover {
  background-color: #5C068C !important;
}

.menu-login-violet {
  background: #5C068C;
}
.menu-login-violet .menu-item .menu-link {
  color: white;
}

.custom-simplemde .editor-statusbar {
  display: none;
}
.custom-simplemde .CodeMirror.CodeMirror-wrap {
  border: none;
  background: none;
  padding-top: 0;
  color: var(--bs-gray-700);
  font-size: 1.1rem;
}
.custom-simplemde .CodeMirror.CodeMirror-wrap, .custom-simplemde .CodeMirror.CodeMirror-wrap .CodeMirror-scroll {
  min-height: 0px;
}
.custom-simplemde .CodeMirror.CodeMirror-wrap.CodeMirror-fullscreen {
  z-index: 109;
  background: var(--bs-gray-100);
}
.custom-simplemde .editor-toolbar {
  border: none;
  background: none;
}
.custom-simplemde .editor-toolbar.fullscreen {
  z-index: 109 !important;
}
.custom-simplemde .editor-toolbar.disabled-for-preview a:not(.no-disable) {
  background: none;
  opacity: 0.4;
}

#kt_header_user_menu_toggle {
  margin-right: 30px !important;
}

#kt_app_sidebar {
  padding-top: 12px;
}

:root {
  --bs-app-header-height: 50px;
  --bs-app-aside-width: 30px;
}

@media (min-width: 992px) {
  [data-kt-app-sidebar-minimize=on] {
    --bs-app-sidebar-width: 65px;
    --bs-app-sidebar-gap-start: 0px;
    --bs-app-sidebar-gap-end: 0px;
    --bs-app-sidebar-gap-top: 0px;
    --bs-app-sidebar-gap-bottom: 0px;
  }
}
body, html {
  font-size: 12px !important;
}

@media (min-width: 992px) {
  [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu-primary > .menu-item > .menu-link, [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu-secondary > .menu-item > .menu-link {
    width: 48px;
  }
}
@media (min-width: 992px) {
  :root {
    --bs-app-sidebar-width: 240px;
    --bs-app-sidebar-width-actual: 240px;
    --bs-app-sidebar-gap-start: 0px;
    --bs-app-sidebar-gap-end: 0px;
    --bs-app-sidebar-gap-top: 0px;
    --bs-app-sidebar-gap-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .ps-lg-12 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 992px) {
  [data-kt-app-header-fixed=true] .app-header {
    z-index: 108;
  }
}
@media (min-width: 992px) {
  [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
}
.image-input.image-input-outline .image-input-wrapper {
  box-shadow: none;
  border: 2px solid #dfdfdf;
}

.custom-nav {
  display: inline-flex;
  padding: 3px;
  background: var(--bs-gray-100);
  border-radius: var(--bs-nav-tabs-border-radius);
}
.custom-nav li.nav-item {
  border-radius: var(--bs-nav-tabs-border-radius) !important;
}
.custom-nav li.nav-item a.nav-link {
  margin-left: 2px;
  margin-right: 2px;
}

.card .card-header {
  min-height: 60px;
}

.first-classified .ki-duotone {
  font-size: 30px;
  color: gold;
}

.second-classified .ki-duotone {
  font-size: 25px;
  color: silver;
}

.third-classified .ki-duotone {
  font-size: 20px;
  color: #CD7F32;
}
