@import url(https://fonts.googleapis.com/css?family=Nunito);
.fs-12 {
  font-size: 0.75rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-20 {
  font-size: 1.125rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.font-weight-mediun {
  font-weight: 500;
}

.font-weight-semibold {
  font-weight: 600;
}

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

.btn--pill {
  background-color: #2d5bff;
  box-shadow: 0px 6px 12px rgba(63, 140, 255, 0.26);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0.5rem 1rem;
  transition: all 0.5s ease;
  width: auto;
}
.btn--pill:disabled {
  background-color: #97aeff;
  cursor: not-allowed;
  pointer-events: none;
}
.btn--pill:disabled:hover {
  background-color: #97aeff;
}

.ql-toolbar {
  border-radius: 0.25rem 0.25rem 0 0;
}

.ql-container {
  border-radius: 0 0 0.25rem 0.25rem;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  height: 150px !important;
}

.ql-container p {
  font-size: 14px !important;
}

.select2 {
  display: block !important;
  max-width: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
}

.select2-container--default .select2-selection--single {
  border-color: #ced4da !important;
}

.is-invalid .select2-container--default .select2-selection--single {
  border-color: #dc3545 !important;
}

.modal {
  pointer-events: none !important;
}

.modal-dialog:has(.div-loader) .modal-header,
.modal-dialog:has(.div-loader) .modal-body,
.modal-dialog:has(.div-loader) .modal-footer {
  pointer-events: none !important;
}

.modal-header,
.modal-footer {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.modal-body {
  padding: 1.5rem !important;
}

.btn-close {
  background-color: #6c757d !important;
  margin: 0 !important;
}

.btn {
  text-transform: none !important;
}

form {
  padding: 0 !important;
}

.invalid-feedback {
  margin-bottom: 0 !important;
}

button.kr-popin-button {
  width: 100% !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}

/* Estilos generales */
body {
  background-color: #ffffff !important;
}

/* Estilos para el modo oscuro */
body.dark-mode {
  background-color: #0d1a2e !important;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-20 {
  font-size: 1.125rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.font-weight-mediun {
  font-weight: 500;
}

.font-weight-semibold {
  font-weight: 600;
}

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

.btn--pill {
  background-color: #2d5bff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(63, 140, 255, 0.26);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0.5rem 1rem;
  transition: all 0.5s ease;
  width: auto;
}

.btn--pill:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.btn--pill:disabled, .btn--pill:disabled:hover {
  background-color: #97aeff;
}

.ql-toolbar {
  border-radius: 0.25rem 0.25rem 0 0;
}

.ql-container {
  border-radius: 0 0 0.25rem 0.25rem;
  font-family: Open Sans, sans-serif !important;
  height: 150px !important;
}

.ql-container, .ql-container p {
  font-size: 14px !important;
}

.select2 {
  display: block !important;
  max-width: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
}

.select2-container--default .select2-selection--single {
  border-color: #ced4da !important;
}

.is-invalid .select2-container--default .select2-selection--single {
  border-color: #dc3545 !important;
}

.modal {
  pointer-events: none !important;
}

.modal-dialog:has(.div-loader) .modal-body, .modal-dialog:has(.div-loader) .modal-footer, .modal-dialog:has(.div-loader) .modal-header {
  pointer-events: none !important;
}

.modal-footer, .modal-header {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.modal-body {
  padding: 1.5rem !important;
}

.btn-close {
  background-color: #6c757d !important;
  margin: 0 !important;
}

.btn {
  text-transform: none !important;
}

form {
  padding: 0 !important;
}

.invalid-feedback {
  margin-bottom: 0 !important;
}

button.kr-popin-button {
  background-color: #007bff !important;
  border-color: #007bff !important;
  width: 100% !important;
}

body {
  background-color: #fff !important;
}

body.dark-mode {
  background-color: #141824 !important;
}