#module-response {
    padding-top: 56px;
}
.modal {
    border-radius: 0px;
}
/* Asegúrate de que el contenido del modal tenga una altura máxima y sea desplazable */
.custom-modal-body {
    min-height: 60vh; /* Ajusta este valor según la altura deseada */
    overflow-y: auto; /* Permite desplazamiento vertical si el contenido es mayor */
}
.border-radius-0 {
    border-radius: 0px;    
}
.card {
    border-radius: 0px;
}

.navbar-toggler-minimal {
    border: none;
    padding: .25rem .5rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    color: rgba(255, 255, 255, .55);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.navbar-toggler-minimal:hover {
    color: rgba(255, 255, 255, .75);
    background-color: transparent;
}
.navbar-toggler-minimal:focus {
    box-shadow: none;
}
.navbar-toggler-minimal .bi {
    vertical-align: -.125em;
}
/* Estilos específicos para los iconos de notificación y usuario */
.navbar .dropdown-toggle::after {
    display: none; /* Oculta la flecha por defecto de los dropdowns en los iconos */
}
.navbar .dropdown-toggle {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.navbar .badge-notification {
    position: absolute;
    top: 5px; /* Ajusta la posición vertical del badge */
    right: 5px; /* Ajusta la posición horizontal del badge */
    padding: 4px 7px;
    font-size: 0.65em; /* Tamaño de la fuente del badge */
    border-radius: 50%;
}
.notification-item {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    color: #212529;
    transition: background-color 0.15s ease-in-out;
    white-space: normal; /* Permite que el texto se ajuste */
}
.notification-item:hover {
    background-color: #f8f9fa;
}
.notification-item .small {
    display: block;
    font-size: 0.8em;
    color: #6c757d;
}
.font-10 {
    font-size: 0.9em;
}
.fs-12{
    font-size: 0.8em;    
}
.form-control, .dataTable-input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus, .dataTable-input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #660099/*86b7fe*/;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}.form-control:hover {
  border-color: #660099/*86b7fe*/;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}


.form-select, .dataTable-selector {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0rem;
  transition: border-color 0s ease-in-out, box-shadow 0s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select, .dataTable-selector {
    transition: none;
  }
}
.form-select:hover, .dataTable-selector:hover {
  border-color: #660099;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.form-select:focus, .dataTable-selector:focus {
  border-color: #660099;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0;
}

.tr_active{background-color: #00B9E8;}

.bd-callout-info {
  --bd-callout-color: var(--bs-info-text-emphasis);
  --bd-callout-bg: var(--bs-info-bg-subtle);
  --bd-callout-border: var(--bs-info-border-subtle);
}
.bd-callout {
  --bs-link-color-rgb: var(--bd-callout-link);
  --bs-code-color: var(--bd-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bd-callout-color, inherit);
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
}
.bd-callout-warning {
  --bd-callout-color: var(--bs-warning-text-emphasis);
  --bd-callout-bg: var(--bs-warning-bg-subtle);
  --bd-callout-border: var(--bs-warning-border-subtle);
}
.bd-callout-danger {
  --bd-callout-color: var(--bs-danger-text-emphasis);
  --bd-callout-bg: var(--bs-danger-bg-subtle);
  --bd-callout-border: var(--bs-danger-border-subtle);
}

.table-warning-orange {
    background-color: #FFBD52;
}
.text-green{color: green;}
.text-yellow{color: yellow;}
.text-red{color: red;}
.font-10{ font-size: 10px; }
.font-12{ font-size: 12px; }
.font-13{ font-size: 13px; }
.font-14{ font-size: 14px; }
.font-16{ font-size: 16px; }
.font-18{ font-size: 18px; }
.font-20{ font-size: 20px; }
.font-22{ font-size: 22px; }
.font-24{ font-size: 24px; }
.font-26{ font-size: 26px; }
.font-28{ font-size: 28px; }
.font-30{ font-size: 30px; }
.font-40{ font-size: 40px; }

.btn {
  border-radius: 0; /* Bordes rectos */
}
/* Cambiar el color base del botón (background y border) */
.btn-custom {
  --bs-btn-bg: #660099; /* Color de fondo */
  --bs-btn-border-color: #660099; /* Borde */
  --bs-btn-color: #fff; /* Texto */
  --bs-btn-hover-bg: #590084; /* Color al pasar el mouse */
  --bs-btn-active-bg: #8300C1; /* Color cuando está activo */
  --bs-btn-focus-shadow: #8300C1; /* Sombra en focus */
  --bs-btn-disabled-bg: #8300C1; /* Fondo desactivado */
  --bs-btn-disabled-border-color: #590084;
  --bs-btn-disabled-color: #F9EAFF; /* Texto desactivado */
  border-radius: 0; /* Bordes rectos */
}

/* Cuando el botón está en estado hover */
.btn-custom:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-border-color);
}

/* Cuando el botón está en estado focus */
.btn-custom:focus {
    color: var(--bs-btn-color);
    border-color: var(--bs-btn-disabled-border-color);
    box-shadow: var(--bs-btn-focus-shadow);
    outline: none;
}

/* Cuando el botón está desactivado */
.btn-custom:disabled,
.btn-custom.disabled {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    cursor: not-allowed;
    opacity: 0.65;
}

/**
 * Paginacion
 */ 

/* Estilos personalizados para la paginación */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0; /* Sin bordes redondeados, opcional */
}

/* Estilo para los enlaces de la paginación */
.pagination .page-link {
  color: #660099; /* Color del texto */
  background-color: #fff; /* Fondo */
  border: 1px solid #dee2e6; /* Borde */
  border-radius: 0; /* Sin bordes redondeados */
  padding: 0.275rem 0.75rem;
  margin: 2px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

/* Hover en los enlaces */
.pagination .page-link:hover {
  background-color: #660099; /* Color de fondo al pasar mouse */
  color: #fff; /* Texto al pasar mouse */
  border-color: #660099;
}

/* Estado activo */
.pagination .page-item.active .page-link {
  background-color: #660099; /* Fondo del página activa */
  border-color: #660099;
  color: #fff;
  z-index: 1;
}

/* Hover en el elemento activo */
.pagination .page-item.active .page-link:hover {
  background-color: #660099; /* Color de fondo hover en activo */
  border-color: #660099;
}

/* Estado deshabilitado */
.pagination .page-item.disabled .page-link {
  color: #9e9e9e;
  background-color: #fff;
  border-color: #dee2e6;
  cursor: not-allowed;
  opacity: 0.65;
}

/* Enfoque (focus) */
.pagination .page-link:focus {
  box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.1);
  outline: none;
}

.text-custom-app {
    color: #660099 !important;
}