.app-sidebar-app-name {
  font-weight: 600;
  font-size: 1rem;
  color: #333;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
}

.show,
.fade.in {
  opacity: 1 !important;
}

.card-header.bg-primary {
  background-color: #005c93 !important;
  border-radius: 10px 10px 0 0;
}
.card {
  border-radius: 10px;
}

#login-form .form-group.required .control-label:after {
  content: none !important;
}

.required::after {
  content: none !important;
}

.form-control {
  height: auto !important;
  box-shadow: none !important;
}

.has-error .form-control {
  border-color: #f8285a !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #f8285a !important;
}

.form-control:focus {
  box-shadow: none !important;
  border-color: #ccc !important;
  outline: none !important;
}

.select2-container--krajee-bs5 .select2-selection--single {
  padding: 0.775rem 3rem 0.775rem 1rem !important;
  border-radius: 0.475rem !important;
}

.input-group-addon {
  display: flex;
  align-items: center;
  padding: 0.775rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--bs-gray-700);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-gray-100);
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.475rem;
  width: auto;
}

th {
  vertical-align: middle !important;
}

td.action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

td.action-buttons > .btn-block {
  flex: 1 1 auto;
}

.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  transition: background-color 0.2s ease;
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f4f6fa;
}

/* Let dropdowns escape the scroll jail */
.table-responsive {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

/* Bonus: make sure dropdown menus float correctly */
.dropdown-menu {
  z-index: 9999 !important;
}

.hint-block {
  margin-top: 0px !important;
}

.box {
  position: relative;
  border-radius: 3px;
  margin-bottom: 20px;
  width: 100%;
}

.box-header {
  display: block;
  padding: 10px;
  position: relative;
}

.kv-hidden,
.file-caption-icon,
.file-zoom-dialog .modal-header::before,
.file-zoom-dialog .modal-header::after,
.file-input-new .file-preview,
.file-input-new .close,
.file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .no-browse .input-group-btn,
.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-ajax-new .no-browse .input-group-btn,
.hide-content .kv-file-content,
.is-locked .fileinput-upload-button,
.is-locked .fileinput-remove-button {
  display: none;
}

.btn > i.glyphicon {
  vertical-align: unset !important;
}

.wizard-card .icon-circle [class*="fa-"] {
  margin: auto;
}

.wizard-card[data-color="blue"] .nav-pills .icon-circle.checked {
  border-color: #17c653 !important;
  background-color: #17c653 !important;
}

.wizard-card[data-color="blue"] .nav-pills > li.active > a {
  color: #17c653 !important;
}

.nav-pills > li.active > a::after {
  display: none !important;
}

.wizard-card .icon-circle {
  border: 3px solid #dbdfe9 !important;
}

.nav-pills > li > a {
  color: #333 !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #17c653 !important;
}

.select2-container .select2-search--inline {
  float: none !important;
}

.bootbox-close-button {
  border: none !important;
  content: none !important;
  background-color: #ffffff !important;
}