*, *:before, *:after {
    margin: 0;
    padding: 0;
    outline: 0;
}

#loading-screen {
    background-color: rgba(240, 240, 240, 0.7);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000 !important;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 0;
    top: 0;
}

.notificaciones-control {
  position: fixed; 
  top: 60px; 
  right: 20px; 
  z-index: 1050;
  max-width: 400px;   /* or any fixed width you prefer */
  width: 100%;
  word-wrap: break-word;
  white-space: normal;
}
.notificaciones-control-card {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  color: #333;
}
/* SIRVE PARA CORREGIR ESTILOS DE LOS PERMISOS EN EL MOVIL - BARRA SUPERIOR */
.dropdown-menu.dropdown-menu-estilos{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
  background: #f5f5f5;
}
.dropdown-header{
  font-weight :bold;
  color : #000000
}
.icon-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
}
.dropdown-static {
  height: auto;
  max-height: 600px;
  overflow-y: visible;
}
/* SIRVE PARA CORREGIR ESTILOS DE LOS PERMISOS EN EL MOVIL - BARRA SUPERIOR */

td.details-control {
    background: url('../plugins/custom/datatables/images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../plugins/custom/datatables/images/details_close.png') no-repeat center center;
}
.form-select.form-select-solid {
    background-color: #f5f8fa;
    border:1px solid #cfcfcf !important;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
    height: 100px !important;
}

[data-theme-version="dark"] .form-select.form-select-solid {
  background-color: transparent;
  border-color: #808080;
  color: #fff;
}
.select2-dropdown {
    background-color: #f3f3f3;
    border: 1px solid #cfcfcf !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cfcfcf !important;
}

[data-theme-version="dark"] .select2-search--dropdown .select2-search__field {
  background-color: transparent;
  border: 1px solid #808080 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    min-height: 2.2rem;
    line-height: calc(1.5em + 0.5rem + 8.6px) !important;
}
[data-theme-version="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}



.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 2rem;
    height: calc(1.5em + 0.5rem + 8.6px) !important;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 2.2rem;
    height: calc(1.5em + 0.5rem + 8.6px) !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 38px !important;
    margin-right: 0px;
    padding-right: 0px;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
    border-radius: 30px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0.0625rem solid #c3c3c3;
    border-radius: 7px !important;
}
[data-theme-version="dark"] .select2-container--default.select2-selection--single {
  background-color: transparent;
  border: 0.0625rem solid #fff !important;
  color: #fff;
}
/* Estilos para los botones de la lista */
.botones_imprimir{
    color: white !important;
    margin-right: 10px !important;
    border-radius: 3px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/* Estilos para la pantalla de carga */
.loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid #007BFF;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
    margin-right: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estilos para ocultar contenido principal */
.hidden {
    display: none;
}
.popover-header {
    background: #F05681 !important;
    color: #fff;
    font-weight: 300;
}

.btn-toggle-simple {
    background: none;
    border: none; 
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 24px;
    color: #333; 
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    transition: color 0.2s ease, transform 0.2s ease;
}
.nav-pills .nav-link.active, 
    .nav-pills .show > .nav-link {
        background-color: #5dade2 !important;
        color: white !important;
    }
    /* Color de texto de los botones no seleccionados */
    .nav-pills .nav-link {
        color: #555;
        background-color: transparent;
        border: 1px solid transparent;
        transition: all 0.2s ease;
    }
    .nav-pills .nav-link:hover {
        background-color: #f0f4f8;
        color: #5dade2;
    }
    .pill {
        display: inline-flex; 
        align-items: center; 
        gap: 8px;
        padding: 5px 5px;
        border-radius: 8px; 
        border: 1px solid rgba(0,0,0,.12);
        background: #fff;
        font-size: .72rem;
        margin: 4px 6px 0 0;
        user-select: none;
    }
    /* El resto se mantiene igual */
    .pill .x {
        border: 0; 
        background: transparent;
        font-weight: 900; 
        line-height: 1;
        color: #6c757d;
        cursor: pointer;
    }
    .pill .x:hover { color: #dc3545; }

    /* Estilo para el chip especial de 'TODAS LAS OFICINAS' */
    .pill.pill-all {
        background-color: #ebf5ff; /* Azul muy claro */
        border: 1px solid #3182ce;  /* Borde azul definido */
        color: #2c5282;            /* Texto azul oscuro */
        font-weight: 700;          /* Texto en negrita para resaltar */
    }
    /* Opcional: Cambiar el color de la 'X' solo para este chip */
    .pill.pill-all .x {
        color: #3182ce;
    }
    .pill.pill-all .x:hover {
        color: #e53e3e; /* Rojo al pasar el mouse para indicar eliminación */
    }

.btn-icon-start-snd {
  position: relative;
  border-right: 0.0625rem solid rgba(255, 255, 255, 0.2);
  padding: 0.4375rem 0.5rem 0.4375rem 1rem; /* espacio para el ícono */
}

.separate-icon-start{
		border-right: 1px solid rgba(255, 255, 255, 0.3);
		padding: var(--bs-btn-padding-y) calc(0.8* var(--bs-btn-padding-x));
		margin: calc(-1* var(--bs-btn-padding-y)) calc(0.5* var(--bs-btn-padding-x)) calc(-1* var(--bs-btn-padding-y)) calc(-1* var(--bs-btn-padding-x));
	}
.btn-icon-start-snd i,
.btn-icon-start-snd svg {
  position: absolute;
  left: 0.35rem; /* controla qué tan a la izquierda va */
  top: 50%;
  transform: translateY(-50%);
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-blue-rgb), var(--bs-border-opacity)) !important;
}
.border-indigo {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-indigo-rgb), var(--bs-border-opacity)) !important;
}
.border-purple {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important;
}
/* finalizado */
.border-pink {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-pink-rgb), var(--bs-border-opacity)) !important;
}
.border-red {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-red-rgb), var(--bs-border-opacity)) !important;
}
.border-orange {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-orange-rgb), var(--bs-border-opacity)) !important;
}
.border-yellow {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-yellow-rgb), var(--bs-border-opacity)) !important;
}
.border-green {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-green-rgb), var(--bs-border-opacity)) !important;
}
/* visado y/o firmado */
.border-teal {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-teal-rgb), var(--bs-border-opacity)) !important;
}
.border-cyan {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-cyan-rgb), var(--bs-border-opacity)) !important;
}
.border-gray {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important;
}
.border-gray-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-aqua {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-aqua-rgb), var(--bs-border-opacity)) !important;
}
.border-brick {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-brick-rgb), var(--bs-border-opacity)) !important;
}
.border-burlywood {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-burlywood-rgb), var(--bs-border-opacity)) !important;
}
.border-cadetblue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-cadetblue-rgb), var(--bs-border-opacity)) !important;
}
/*  archivado */
.border-chocolate {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-chocolate-rgb), var(--bs-border-opacity)) !important;
}
.border-coral {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-coral-rgb), var(--bs-border-opacity)) !important;
}
.border-cyansoft {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-cyansoft-rgb), var(--bs-border-opacity)) !important;
}
.border-darkorange {
    --bs-border-opacity:1;
    border-color: rgba(var(--bs-darkorange-rgb), var(--bs-border-opacity)) !important;
}
.border-darkseagreen {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-darkseagreen-rgb), var(--bs-border-opacity)) !important;
}
.border-darkpurple {
    --bs-border-opacity:1;
    border-color: rgba(var(--bs-darkpurple-rgb), var(--bs-border-opacity)) !important;
}
.border-deepblue {
    --bs-border-opacity:1;
    border-color: rgba(var(--bs-deepblue-rgb), var(--bs-border-opacity)) !important;
}
.border-dustyrose {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dustyrose-rgb), var(--bs-border-opacity)) !important;
}
.border-dustyteal {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dustyteal-rgb), var(--bs-border-opacity)) !important;
}
.border-goldenrod {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-goldenrod-rgb), var(--bs-border-opacity)) !important;
}
.border-honeydew {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-honeydew-rgb), var(--bs-border-opacity)) !important;
}
.border-indianred-soft {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-indianred-soft-rgb), var(--bs-border-opacity)) !important;
}
.border-indianred {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-indianred-rgb), var(--bs-border-opacity)) !important;
}
.border-lightblue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-lightblue-rgb), var(--bs-border-opacity)) !important;
}
.border-lila {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-lila-rgb), var(--bs-border-opacity)) !important;
}
.border-lime {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-lime-rgb), var(--bs-border-opacity)) !important;
}
.border-mediumaquamarine {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-mediumaquamarine-rgb), var(--bs-border-opacity)) !important;
}
.border-mediumseagreen {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-mediumseagreen-rgb), var(--bs-border-opacity)) !important;
}
.border-orchid {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-orchid-rgb), var(--bs-border-opacity)) !important;
}
.border-palegreen {
    --bs-border-opacity:1;
    border-color: rgba(var(--bs-palegreen-rgb), var(--bs-border-opacity)) !important;
}
/*  despacho */
.border-palevioletred {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-palevioletred-rgb), var(--bs-border-opacity)) !important;
}
.border-peru {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-peru-rgb), var(--bs-border-opacity)) !important;
}
.border-plumdark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-plumdark-rgb), var(--bs-border-opacity)) !important;
}
.border-plum {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-plum-rgb), var(--bs-border-opacity)) !important;
}
.border-powderblue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-powderblue-rgb), var(--bs-border-opacity)) !important;
}
.border-purplesoft {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-purplesoft-rgb), var(--bs-border-opacity)) !important;
}
.border-rose {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-rose-rgb), var(--bs-border-opacity)) !important;
}
.border-rosybrown {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-rosybrown-rgb), var(--bs-border-opacity)) !important;
}
.border-rust {
    --bs-border-opacity:1;
    border-color: rgba(var(--bs-rust-rgb), var(--bs-border-opacity)) !important;
}
.border-sage {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sage-rgb), var(--bs-border-opacity)) !important;
}
.border-salmon {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-salmon-rgb), var(--bs-border-opacity)) !important;
}
.border-sky {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-sky-rgb), var(--bs-border-opacity)) !important;
}
.border-slategray {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-slategray-rgb), var(--bs-border-opacity)) !important;
}
.border-steelblue {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-steelblue-rgb), var(--bs-border-opacity)) !important;
}
.border-tan {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-tan-rgb), var(--bs-border-opacity)) !important;
}
.border-tealsoft {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-tealsoft-rgb), var(--bs-border-opacity)) !important;
}
.border-tealdark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-tealdark-rgb), var(--bs-border-opacity)) !important;
}
.border-thistle {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-thistle-rgb), var(--bs-border-opacity)) !important;
}
.border-uva {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-uva-rgb), var(--bs-border-opacity)) !important;
}
.border-yellowgreen {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-yellowgreen-rgb), var(--bs-border-opacity)) !important;
}
.border-steelnavy {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-steelnavy-rgb), var(--bs-border-opacity)) !important;
}

.fs-10 {
  font-size: 10px !important;
  line-height: 1.6;
}
.fs-11 {
  font-size: 11px !important;
  line-height: 1.6;
}

/*  Pendientes */
.badge-outline-slategray {
    border: 0.0625rem solid #708090;
    color: #708090; } 
/* archivado*/
.badge-outline-chocolate {
    border: 0.0625rem solid #D2691E;
    color: #D2691E; }
/* finalizado*/
.badge-outline-pink {
    border: 0.0625rem solid #e83e8c;
    color: #e83e8c; }
/* despacho */
.badge-outline-palevioletred {
    border: 0.0625rem solid #D87093;
    color: #D87093; }
/* para firmar y/o visar*/
.badge-outline-yellowgreen {
    border: 0.0625rem solid #9ACD32;
    color: #9ACD32; }
/* recibido */
.badge-outline-steelblue {
    border: 0.0625rem solid #4682B4;
    color: #4682B4; }
/* para responder*/
.badge-outline-tealdark {
    border: 0.0625rem solid #008080;
    color: #008080; }
/* para las oficinas */
.badge-outline-lightblue {
    border: 0.0625rem solid #ADD8E6;
    color: #ADD8E6; }
/* para las copias */
.badge-outline-burlywood {
    border: 0.0625rem solid #DEB887;
    color: #DEB887; }
.badge-outline-thistle {
    border: 0.0625rem solid #D8BFD8;
    color: #D8BFD8; }
/* para el ícono de referencia */
.badge-outline-indianred {
    border: 0.0625rem solid #CD5C5C;
    color: #CD5C5C; }

.badge-outline-indianred-soft {
    border: 0.0625rem solid #d98880;
    color: #d98880 ; }

/* para el ícono del seguimiento */
.badge-outline-rosybrown {
    border: 0.0625rem solid #BC8F8F;
    color: #BC8F8F; }

/* para el ícono del detalle */
.badge-outline-peru {
    border: 0.0625rem solid #CD853F;
    color: #CD853F; }

/* para el ícono de documentos adjuntos */
.badge-outline-darkseagreen {
    border: 0.0625rem solid #8FBC8F;
    color: #8FBC8F; }

/* para el ícono de bajar archivo */
.badge-outline-tan {
    border: 0.0625rem solid #D2B48C;
    color: #D2B48C; }

.badge-outline-plum {
    border: 0.0625rem solid #DDA0DD;
    color: #DDA0DD; }
.badge-outline-powderblue {
    border: 0.0625rem solid #B0E0E6;
    color: #B0E0E6; }
.badge-outline-orchid {
    border: 0.0625rem solid #DA70D6;
    color: #DA70D6; }
.badge-outline-mediumseagreen {
    border: 0.0625rem solid #3CB371;
    color: #3CB371; }
.badge-outline-mediumaquamarine {
    border: 0.0625rem solid #66CDAA;
    color: #66CDAA; }
.badge-outline-honeydew {
    border: 0.0625rem solid #F0FFF0;
    color: #F0FFF0; }
.badge-outline-goldenrod {
    border: 0.0625rem solid #DAA520;
    color: #DAA520; }
.badge-outline-cadetblue {
    border: 0.0625rem solid #5F9EA0;
    color: #5F9EA0; }
.badge-outline-salmon {
    border: 0.0625rem solid #FA8072;
    color: #FA8072; }
.badge-outline-rose {
    border: 0.0625rem solid #CA6180;
    color: #CA6180; }
.badge-outline-blue {
    border: 0.0625rem solid #5e72e4;
    color: #5e72e4; }
.badge-outline-indigo {
    border: 0.0625rem solid #6610f2;
    color: #6610f2; }
.badge-outline-purple {
    border: 0.0625rem solid #6f42c1;
    color: #6f42c1; }
.badge-outline-red {
    border: 0.0625rem solid #EE3232;
    color: #EE3232; }
.badge-outline-orange {
    border: 0.0625rem solid #ff9900;
    color: #ff9900; }
.badge-outline-yellow {
    border: 0.0625rem solid #FFFA6F;
    color: #FFFA6F; }
.badge-outline-green {
    border: 0.0625rem solid #297F00;
    color: #297F00; }
.badge-outline-cyan {
    border: 0.0625rem solid #3065D0;
    color: #3065D0; }
.badge-outline-gray {
    border: 0.0625rem solid #6c757d;
    color: #6c757d; }
.badge-outline-gray-dark {
    border: 0.0625rem solid var(--bs-gray-dark);
    color: var(--bs-gray-dark); }
.badge-outline-aqua {
    border: 0.0625rem solid #8CC7C4;
    color: #8CC7C4; }
.badge-outline-brick {
    border: 0.0625rem solid #BF4646;
    color: #BF4646; }
.badge-outline-coral {
    border: 0.0625rem solid #FF5B5B;
    color: #FF5B5B; }
.badge-outline-cyansoft {
    border: 0.0625rem solid #3291B6;
    color: #3291B6; }
.badge-outline-darkorange {
    border: 0.0625rem solid var(--bs-darkorange);
    color: var(--bs-darkorange); }
.badge-outline-darkpurple {
    border: 0.0625rem solid var(--bs-darkpurple);
    color: var(--bs-darkpurple); }
.badge-outline-deepblue {
    border: 0.0625rem solid var(--bs-deepblue);
    color: var(--bs-deepblue); }
.badge-outline-dustyrose {
    border: 0.0625rem solid #C8AAAA;
    color: #C8AAAA; }
.badge-outline-dustyteal {
    border: 0.0625rem solid var(--bs-dustyteal);
    color: var(--bs-dustyteal); }
.badge-outline-teal {
    border: 0.0625rem solid #79B6B3;
    color: #79B6B3; }
.badge-outline-lila {
    border: 0.0625rem solid #BDA6CE;
    color: #BDA6CE; }
.badge-outline-lime {
    border: 0.0625rem solid #D8D365;
    color: #D8D365; }
.badge-outline-palegreen {
    border: 0.0625rem solid var(--bs-palegreen);
    color: var(--bs-palegreen); }
.badge-outline-plumdark {
    border: 0.0625rem solid #612D53;
    color: #612D53; }
.badge-outline-purplesoft {
    border: 0.0625rem solid #A376A2;
    color: #A376A2; }
.badge-outline-rust {
    border: 0.0625rem solid var(--bs-rust);
    color: var(--bs-rust); }
.badge-outline-sage {
    border: 0.0625rem solid #99AD7A;
    color: #99AD7A; }
.badge-outline-sky {
    border: 0.0625rem solid #7DAACB;
    color: #7DAACB; }
.badge-outline-tealsoft {
    border: 0.0625rem solid #72BAA9;
    color: #72BAA9; }
.badge-outline-uva {
    border: 0.0625rem solid #6F2DA8;
    color: #6F2DA8; }
.badge-outline-steelnavy {
    border: 0.0625rem solid var(--bs-steelnavy);;
    color: var(--bs-steelnavy);;
}


.badge-blue { background-color: var(--bs-blue); }
.badge-indigo { background-color: var(--bs-indigo);}
.badge-purple { background-color: var(--bs-purple);}
.badge-pink { background-color: var(--bs-pink);}
.badge-orange { background-color: var(--bs-orange);}
.badge-yellow {
    color: #333;
    background-color: var(--bs-yellow);
}
.badge-green { background-color: var(--bs-green); }
.badge-teal { background-color: var(--bs-teal); }
.badge-cyan { background-color: var(--bs-cyan); }
.badge-gray { background-color: var(--bs-gray); }
.badge-gray-dark { background-color: var(--bs-gray-dark); }
.badge-aqua { background-color: var(--bs-aqua); }
.badge-brick { background-color: var(--bs-brick); }
.badge-burlywood { background-color: var(--bs-burlywood); }
.badge-cadetblue { background-color: var(--bs-cadetblue); }
.badge-chocolate { background-color: var(--bs-chocolate); }
.badge-coral { background-color: var(--bs-coral); }
.badge-cyansoft { background-color: var(--bs-cyansoft); }
.badge-darkorange { background-color: var(--bs-darkorange); }
.badge-darkseagreen { background-color: var(--bs-darkseagreen); }
.badge-darkpurple { background-color: var(--bs-darkpurple); }
.badge-deepblue { background-color: var(--bs-deepblue); }
.badge-dustyrose { background-color: var(--bs-dustyrose); }
.badge-dustyteal { background-color: var(--bs-dustyteal); }
.badge-goldenrod { background-color: var(--bs-goldenrod); }
.badge-honeydew { 
    color: #7c8423;   
    background-color: var(--bs-honeydew); }
.badge-indianred { background-color: var(--bs-indianred); }
.badge-indianred-soft { background-color: var(--bs-indianred-soft); } 
/* para las oficinas */
.badge-lightblue {
    background-color: #ADD8E6;
    color: #2a3d75;
}
.badge-lila { background-color: var(--bs-lila); }
.badge-lime { background-color: var(--bs-lime); }
.badge-mediumaquamarine { background-color: var(--bs-mediumaquamarine); }
.badge-mediumseagreen { background-color: var(--bs-mediumseagreen); }
.badge-orchid { background-color: var(--bs-orchid); }
.badge-palegreen { background-color: var(--bs-palegreen); }
.badge-palevioletred { background-color: var(--bs-palevioletred); }
.badge-peru { background-color: var(--bs-peru); }
.badge-plum { background-color: var(--bs-plum); }
.badge-plumdark { background-color: var(--bs-plumdark); }
.badge-powderblue { background-color: var(--bs-powderblue); }
.badge-purplesoft { background-color: var(--bs-purplesoft); }
.badge-rose { background-color: var(--bs-rose); }
.badge-rosybrown { background-color: var(--bs-rosybrown); }
.badge-rust { background-color: var(--bs-rust); }
.badge-sage { background-color: var(--bs-sage); }
.badge-salmon { background-color: var(--bs-salmon); }
.badge-sky { background-color: var(--bs-sky); }
.badge-slategray { background-color: var(--bs-slategray); }
/* para las oficinas */
.badge-steelblue { background-color: #4682B4; }
.badge-tan { background-color: var(--bs-tan); }
.badge-tealsoft { background-color: var(--bs-tealsoft); }
.badge-tealdark { background-color: var(--bs-tealdark); }
/* para las oficinas */
.badge-thistle { background-color: #D8BFD8; }
.badge-uva { background-color: var(--bs-uva); }
.badge-yellowgreen {    background-color: var(--bs-yellowgreen); }
.badge-steelnavy {    background-color: var(--bs-steelnavy); }

.dropify-wrapper .dropify-message p {
    font-family: 'Verdana', sans-serif !important;
    font-size: 12px !important;
    color: #8d8d92 !important;
}

.dropify-wrapper .dropify-clear {
    font-size: 11px;
    padding: 4px 8px;
}

.dropify-wrapper .dropify-message span.file-icon p {
    font-size: 28px; /* icono */
}

/* BLUE */
.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5e72e4;
  --bs-btn-border-color: #5e72e4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5163cb;
  --bs-btn-hover-border-color: #4c5dc0;
  --bs-btn-focus-shadow-rgb: 94, 114, 228;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4555b0;
  --bs-btn-active-border-color: #4050a7;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5e72e4;
  --bs-btn-disabled-border-color: #5e72e4;
}
/* PURPLE */
.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6f42c1;
  --bs-btn-border-color: #6f42c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6139a9;
  --bs-btn-hover-border-color: #5b36a0;
  --bs-btn-focus-shadow-rgb: 111, 66, 193;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #532f91;
  --bs-btn-active-border-color: #4d2c87;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f42c1;
  --bs-btn-disabled-border-color: #6f42c1;
}
/* para el botón de archivar */
.btn-pink {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e83e8c;
  --bs-btn-border-color: #e83e8c;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d1367e;
  --bs-btn-hover-border-color: #c32f72;
  --bs-btn-focus-shadow-rgb: 209, 54, 126;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b02965;
  --bs-btn-active-border-color: #9e255a;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e83e8c;
  --bs-btn-disabled-border-color: #e83e8c;
}
/* RED */
.btn-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #EE3232;
  --bs-btn-border-color: #EE3232;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d42c2c;
  --bs-btn-hover-border-color: #ca2a2a;
  --bs-btn-focus-shadow-rgb: 238, 50, 50;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b82626;
  --bs-btn-active-border-color: #ad2424;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EE3232;
  --bs-btn-disabled-border-color: #EE3232;
}
/* ORANGE */
.btn-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff9900;
  --bs-btn-border-color: #ff9900;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e68900;
  --bs-btn-hover-border-color: #d98200;
  --bs-btn-focus-shadow-rgb: 255, 153, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c77400;
  --bs-btn-active-border-color: #ba6d00;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ff9900;
  --bs-btn-disabled-border-color: #ff9900;
}
/* YELLOW */
.btn-yellow {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFFA6F;
  --bs-btn-border-color: #FFFA6F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6e162;
  --bs-btn-hover-border-color: #d9d55d;
  --bs-btn-focus-shadow-rgb: 255, 250, 111;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c7c251;
  --bs-btn-active-border-color: #bab64d;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFFA6F;
  --bs-btn-disabled-border-color: #FFFA6F;
}
/* GREEN */
.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #297F00;
  --bs-btn-border-color: #297F00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #236d00;
  --bs-btn-hover-border-color: #216700;
  --bs-btn-focus-shadow-rgb: 41, 127, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d5c00;
  --bs-btn-active-border-color: #1b5600;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #297F00;
  --bs-btn-disabled-border-color: #297F00;
}
/* TEAL */
.btn-teal {
  --bs-btn-color: #fff;
  --bs-btn-bg: #20c997;
  --bs-btn-border-color: #20c997;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1cb487;
  --bs-btn-hover-border-color: #1aaa80;
  --bs-btn-focus-shadow-rgb: 32, 201, 151;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #179a73;
  --bs-btn-active-border-color: #15906b;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #20c997;
  --bs-btn-disabled-border-color: #20c997;
}
/* CYAN */
.btn-cyan {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3065D0;
  --bs-btn-border-color: #3065D0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2a58b7;
  --bs-btn-hover-border-color: #2853ad;
  --bs-btn-focus-shadow-rgb: 48, 101, 208;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #23499a;
  --bs-btn-active-border-color: #214590;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3065D0;
  --bs-btn-disabled-border-color: #3065D0;
}
/* WHITE */
.btn-white {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #dee2e6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f1f3f5;
  --bs-btn-hover-border-color: #e9ecef;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dde1e5;
  --bs-btn-active-border-color: #d5d9dd;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: #dee2e6;
}
/* GRAY */
.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5f676e;
  --bs-btn-hover-border-color: #596168;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #50575d;
  --bs-btn-active-border-color: #4b5157;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
/* GRAY DARK */
.btn-gray-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2d3237;
  --bs-btn-hover-border-color: #2a2f34;
  --bs-btn-focus-shadow-rgb: 52, 58, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #25292d;
  --bs-btn-active-border-color: #22262a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #343a40;
  --bs-btn-disabled-border-color: #343a40;
}
.btn-aqua {
  --bs-btn-color: #0f3d3c;
  --bs-btn-bg: #8CC7C4;
  --bs-btn-border-color: #8CC7C4;
  --bs-btn-hover-color: #0a2f2e;
  --bs-btn-hover-bg: #79B6B3;
  --bs-btn-hover-border-color: #70ADAA;
  --bs-btn-focus-shadow-rgb: 140, 199, 196;
  --bs-btn-active-color: #072524;
  --bs-btn-active-bg: #5F9E9B;
  --bs-btn-active-border-color: #579693;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #0f3d3c;
  --bs-btn-disabled-bg: #8CC7C4;
  --bs-btn-disabled-border-color: #8CC7C4;
}
.btn-brick {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #BF4646;
  --bs-btn-border-color: #BF4646;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #A63D3D;
  --bs-btn-hover-border-color: #9C3939;
  --bs-btn-focus-shadow-rgb: 191, 70, 70;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #8C3232;
  --bs-btn-active-border-color: #823030;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #BF4646;
  --bs-btn-disabled-border-color: #BF4646;
}
/* BURLYWOOD */
.btn-burlywood {
  --bs-btn-color: #000;
  --bs-btn-bg: #DEB887;
  --bs-btn-border-color: #DEB887;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c8a679;
  --bs-btn-hover-border-color: #bea070;
  --bs-btn-focus-shadow-rgb: 222, 184, 135;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #af9268;
  --bs-btn-active-border-color: #a58b62;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #DEB887;
  --bs-btn-disabled-border-color: #DEB887;
}
/* para el botón de recibir */
.btn-cadetblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5F9EA0;
  --bs-btn-border-color: #5F9EA0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4f8b8d;
  --bs-btn-hover-border-color: #497f80;
  --bs-btn-focus-shadow-rgb: 79, 139, 141;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #437577;
  --bs-btn-active-border-color: #3c6a6c;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #5F9EA0;
  --bs-btn-disabled-border-color: #5F9EA0;
}
/* para el botón de archivar */
.btn-chocolate {
  --bs-btn-color: #fff;
  --bs-btn-bg: #D2691E;
  --bs-btn-border-color: #D2691E;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b85415;
  --bs-btn-hover-border-color: #a64c13;
  --bs-btn-focus-shadow-rgb: 184, 84, 21;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #973f0e;
  --bs-btn-active-border-color: #87360c;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #D2691E;
  --bs-btn-disabled-border-color: #D2691E;
}
.btn-coral {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #FF5B5B;
  --bs-btn-border-color: #FF5B5B;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #E04F4F;
  --bs-btn-hover-border-color: #D64848;
  --bs-btn-focus-shadow-rgb: 255, 91, 91;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #C74343;
  --bs-btn-active-border-color: #BD3E3E;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #FF5B5B;
  --bs-btn-disabled-border-color: #FF5B5B;
}
.btn-cyansoft {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3291B6;
  --bs-btn-border-color: #3291B6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2C7FA0;        /* más oscuro */
  --bs-btn-hover-border-color: #297696;
  --bs-btn-focus-shadow-rgb: 50, 145, 182;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #256D88;
  --bs-btn-active-border-color: #22657F;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3291B6;
  --bs-btn-disabled-border-color: #3291B6;
}
.btn-darkorange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FF8C00;
  --bs-btn-border-color: #FF8C00;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #E67E00;
  --bs-btn-hover-border-color: #D97600;
  --bs-btn-focus-shadow-rgb: 230, 126, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #CC7000;
  --bs-btn-active-border-color: #BF6900;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FF8C00;
  --bs-btn-disabled-border-color: #FF8C00;
}
/* Para ver los documentos adjuntos */
.btn-darkseagreen {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8FBC8F;
  --bs-btn-border-color: #8FBC8F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #7dbb7d;
  --bs-btn-hover-border-color: #75af75;
  --bs-btn-focus-shadow-rgb: 125, 187, 125;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6fa86f;
  --bs-btn-active-border-color: #669c66;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #8FBC8F;
}
/* DARK PURPLE */
.btn-darkpurple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #744577;
  --bs-btn-border-color: #744577;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #663c68;
  --bs-btn-hover-border-color: #603962;
  --bs-btn-focus-shadow-rgb: 116, 69, 119;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #573359;
  --bs-btn-active-border-color: #512f53;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #744577;
  --bs-btn-disabled-border-color: #744577;
}
/* BUTTON */
.btn-deepblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #104377;
  --bs-btn-border-color: #104377;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0e3b69;
  --bs-btn-hover-border-color: #0d3762;
  --bs-btn-focus-shadow-rgb: 16, 67, 119;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b2f54;
  --bs-btn-active-border-color: #0a2c4e;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #104377;
  --bs-btn-disabled-border-color: #104377;
}
.btn-dustyrose {
  --bs-btn-color: #fff;
  --bs-btn-bg: #C8AAAA;
  --bs-btn-border-color: #C8AAAA;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b39595;
  --bs-btn-hover-border-color: #a88888;
  --bs-btn-focus-shadow-rgb: 200, 170, 170;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9e7f7f;
  --bs-btn-active-border-color: #8f7272;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #C8AAAA;
  --bs-btn-disabled-border-color: #C8AAAA;
}
.btn-dustyteal {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #79B6B3;
  --bs-btn-border-color: #79B6B3;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #6AA5A2;
  --bs-btn-hover-border-color: #629C99;
  --bs-btn-focus-shadow-rgb: 121, 182, 179;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #588F8D;
  --bs-btn-active-border-color: #518684;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #79B6B3;
  --bs-btn-disabled-border-color: #79B6B3;
}
.btn-goldenrod {
  --bs-btn-color: #ffffff;              /* mejor contraste en fondo claro */
  --bs-btn-bg: #DAA520;
  --bs-btn-border-color: #DAA520;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #C6951D;        /* más oscuro */
  --bs-btn-hover-border-color: #BC8E1B;
  --bs-btn-focus-shadow-rgb: 218, 165, 32;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #AD8219;
  --bs-btn-active-border-color: #A37A17;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #DAA520;
  --bs-btn-disabled-border-color: #DAA520;
}
/* para el ícono del detalle */
.btn-honeydew {
  --bs-btn-color: #ffffff;                 /* texto e ícono en blanco */
  --bs-btn-bg: #C6E1C6;
  --bs-btn-border-color: #C6E1C6;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #B2D3B2;              /* más oscuro */
  --bs-btn-hover-border-color: #A9CBA9;
  --bs-btn-focus-shadow-rgb: 198, 225, 198;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #9FBE9F;
  --bs-btn-active-border-color: #96B696;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #C6E1C6;
  --bs-btn-disabled-border-color: #C6E1C6;
}
/* Para ver el estado de los destinos */
.btn-indianred-soft {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d98880;
  --bs-btn-border-color: #d98880;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e4a9a7;
  --bs-btn-hover-border-color: #d89c9a;
  --bs-btn-focus-shadow-rgb: 217, 65, 55;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d19492;
  --bs-btn-active-border-color: #c68788;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #d98880;
  --bs-btn-disabled-border-color: #d98880;
}
.btn-indianred {
  --bs-btn-color: #fff;
  /* Texto blanco para contraste */
  --bs-btn-bg: #CD5C5C;
  --bs-btn-border-color: #CD5C5C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B85050;
  /* 10% más oscuro */
  --bs-btn-hover-border-color: #A34646;
  --bs-btn-focus-shadow-rgb: 184, 80, 80;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8E3838;
  /* 25% más oscuro */
  --bs-btn-active-border-color: #7A2E2E;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CD5C5C;
  --bs-btn-disabled-border-color: #CD5C5C;
}
/* LIGHTBLUE */
.btn-lightblue {
  --bs-btn-color: #000;
  --bs-btn-bg: #ADD8E6;
  --bs-btn-border-color: #ADD8E6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #9bc2cf;
  --bs-btn-hover-border-color: #93b8c4;
  --bs-btn-focus-shadow-rgb: 173, 216, 230;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #86a9b3;
  --bs-btn-active-border-color: #7fa0aa;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ADD8E6;
  --bs-btn-disabled-border-color: #ADD8E6;
}
.btn-lila {
  --bs-btn-color: #fff;
  --bs-btn-bg: #BDA6CE;
  --bs-btn-border-color: #BDA6CE;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a88fbb;
  --bs-btn-hover-border-color: #9c82b1;
  --bs-btn-focus-shadow-rgb: 189, 166, 206;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9477a8;
  --bs-btn-active-border-color: #876a9c;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #BDA6CE;
  --bs-btn-disabled-border-color: #BDA6CE;
}
.btn-lime {
  --bs-btn-color: #333;
  --bs-btn-bg: #D8D365;
  --bs-btn-border-color: #D8D365;
  --bs-btn-hover-color: #222;
  --bs-btn-hover-bg: #C4BF5A;
  --bs-btn-hover-border-color: #BBB652;
  --bs-btn-focus-shadow-rgb: 216, 211, 101;
  --bs-btn-active-color: #111;
  --bs-btn-active-bg: #A9A54D;
  --bs-btn-active-border-color: #9F9B47;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #333;
  --bs-btn-disabled-bg: #D8D365;
  --bs-btn-disabled-border-color: #D8D365;
}
/* MEDIUM AQUAMARINE */
.btn-mediumaquamarine {
  --bs-btn-color: #fff;
  --bs-btn-bg: #66CDAA;
  --bs-btn-border-color: #66CDAA;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #59b596;
  --bs-btn-hover-border-color: #54ab8e;
  --bs-btn-focus-shadow-rgb: 102, 205, 170;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4b9b80;
  --bs-btn-active-border-color: #479178;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #66CDAA;
  --bs-btn-disabled-border-color: #66CDAA;
}
/* MEDIUM SEAGREEN */
.btn-mediumseagreen {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3CB371;
  --bs-btn-border-color: #3CB371;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #359d64;
  --bs-btn-hover-border-color: #32955e;
  --bs-btn-focus-shadow-rgb: 60, 179, 113;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c8652;
  --bs-btn-active-border-color: #297d4d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3CB371;
  --bs-btn-disabled-border-color: #3CB371;
}
/* ORCHID */
.btn-orchid {
  --bs-btn-color: #fff;
  --bs-btn-bg: #DA70D6;
  --bs-btn-border-color: #DA70D6;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c362bf;
  --bs-btn-hover-border-color: #b95db6;
  --bs-btn-focus-shadow-rgb: 218, 112, 214;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a852a2;
  --bs-btn-active-border-color: #9f4d99;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #DA70D6;
  --bs-btn-disabled-border-color: #DA70D6;
}
.btn-palegreen {
  --bs-btn-color: #fff;
  --bs-btn-bg: #98FB98;
  --bs-btn-border-color: #98FB98;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #86e986;
  --bs-btn-hover-border-color: #7ddb7d;
  --bs-btn-focus-shadow-rgb: 134, 233, 134;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #74d174;
  --bs-btn-active-border-color: #6bc06b;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #98FB98;
}
.btn-palevioletred {
  --bs-btn-color: #fff;
  /* Texto blanco para mejor contraste */
  --bs-btn-bg: #DB7093;
  --bs-btn-border-color: #DB7093;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C56282;
  /* 10% más oscuro */
  --bs-btn-hover-border-color: #AF5874;
  --bs-btn-focus-shadow-rgb: 197, 98, 130;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9F4A6A;
  /* 20% más oscuro */
  --bs-btn-active-border-color: #8A405C;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #DB7093;
  --bs-btn-disabled-border-color: #DB7093;
}
/* para el ícono del detalle */
.btn-peru {
  --bs-btn-color: #fff;
  --bs-btn-bg: #CD853F;
  --bs-btn-border-color: #CD853F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #E09B5F;
  --bs-btn-hover-border-color: #D89158;
  --bs-btn-focus-shadow-rgb: 224, 155, 95;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #C57F43;
  --bs-btn-active-border-color: #B7733E;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #CD853F;
  --bs-btn-disabled-border-color: #CD853F;
}
.btn-plumdark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #612D53;
  --bs-btn-border-color: #612D53;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #552748;        /* más oscuro */
  --bs-btn-hover-border-color: #4F2443;

  --bs-btn-focus-shadow-rgb: 97, 45, 83;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4A213E;
  --bs-btn-active-border-color: #441D39;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #612D53;
  --bs-btn-disabled-border-color: #612D53;
}
/* PLUM */
.btn-plum {
  --bs-btn-color: #000;
  --bs-btn-bg: #DDA0DD;
  --bs-btn-border-color: #DDA0DD;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c78fc7;
  --bs-btn-hover-border-color: #bd88bd;
  --bs-btn-focus-shadow-rgb: 221, 160, 221;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ad7cad;
  --bs-btn-active-border-color: #a376a3;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #DDA0DD;
  --bs-btn-disabled-border-color: #DDA0DD;
}
/* para el ícono del detalle */
.btn-powderblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B0E0E6;
  --bs-btn-border-color: #B0E0E6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #A0D6E0;
  --bs-btn-hover-border-color: #9ACFE0;
  --bs-btn-focus-shadow-rgb: 160, 214, 224;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #8CC1D1;
  --bs-btn-active-border-color: #85B8C8;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #B0E0E6;
  --bs-btn-disabled-border-color: #B0E0E6;
}
.btn-purplesoft {
  --bs-btn-color: #fff;
  --bs-btn-bg: #A376A2;
  --bs-btn-border-color: #A376A2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #916490;
  --bs-btn-hover-border-color: #865a86;
  --bs-btn-focus-shadow-rgb: 163, 118, 162;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7d547c;
  --bs-btn-active-border-color: #724a71;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #A376A2;
  --bs-btn-disabled-border-color: #A376A2;
}
.btn-rose {
  --bs-btn-color: #fff;
  --bs-btn-bg: #CA6180;
  --bs-btn-border-color: #CA6180;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B55572;
  --bs-btn-hover-border-color: #AC506B;
  --bs-btn-focus-shadow-rgb: 202, 97, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9E4860;
  --bs-btn-active-border-color: #944258;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #CA6180;
  --bs-btn-disabled-border-color: #CA6180;
}
.btn-rust {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B7410E;
  --bs-btn-border-color: #B7410E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #A23B0F;
  --bs-btn-hover-border-color: #A23B0F;
  --bs-btn-focus-shadow-rgb: 183, 65, 14;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #BA3902;
  --bs-btn-active-border-color: #B7410E;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #BA5F38;
  --bs-btn-disabled-border-color: #BA5F38;
}
/* para el ícono del seguimiento */
.btn-rosybrown {
  --bs-btn-color: #fff;
  --bs-btn-bg: #BC8F8F;
  --bs-btn-border-color: #BC8F8F;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d19c9c;
  --bs-btn-hover-border-color: #c89292;
  --bs-btn-focus-shadow-rgb: 209, 156, 156;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c08a8a;
  --bs-btn-active-border-color: #b57f7f;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #BC8F8F;
  --bs-btn-disabled-border-color: #BC8F8F;
}
.btn-sage {
  --bs-btn-color: #fff;
  --bs-btn-bg: #99AD7A;
  --bs-btn-border-color: #99AD7A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #889C6B;
  --bs-btn-hover-border-color: #7F9363;
  --bs-btn-focus-shadow-rgb: 153, 173, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #74885A;
  --bs-btn-active-border-color: #6B7E52;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #99AD7A;
  --bs-btn-disabled-border-color: #99AD7A;
}
/* para el botón de observado */
.btn-salmon {
  --bs-btn-color: #fff;
  --bs-btn-bg: #FA8072;
  --bs-btn-border-color: #FA8072;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f7604d;
  --bs-btn-hover-border-color: #e05544;
  --bs-btn-focus-shadow-rgb: 247, 96, 77;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d94a3a;
  --bs-btn-active-border-color: #c74233;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FA8072;
  --bs-btn-disabled-border-color: #FA8072;
}
.btn-sky {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7DAACB;
  --bs-btn-border-color: #7DAACB;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6B98B8;
  --bs-btn-hover-border-color: #648FAF;
  --bs-btn-focus-shadow-rgb: 125, 170, 203;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #587F99;
  --bs-btn-active-border-color: #50778F;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7DAACB;
  --bs-btn-disabled-border-color: #7DAACB;
}
/* SLATEGRAY */
.btn-slategray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #708090;
  --bs-btn-border-color: #708090;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #63717f;
  --bs-btn-hover-border-color: #5d6a77;
  --bs-btn-focus-shadow-rgb: 112, 128, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #55616d;
  --bs-btn-active-border-color: #505b66;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #708090;
  --bs-btn-disabled-border-color: #708090;
}
/* STEELBLUE */
.btn-steelblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4682B4;
  --bs-btn-border-color: #4682B4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3e739f;
  --bs-btn-hover-border-color: #3a6d97;
  --bs-btn-focus-shadow-rgb: 70, 130, 180;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #346287;
  --bs-btn-active-border-color: #315d80;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4682B4;
  --bs-btn-disabled-border-color: #4682B4;
}
/* para el ícono del descargar archivos ajuntos */
.btn-tan {
  --bs-btn-color: #fff;
  --bs-btn-bg: #D2B48C;
  --bs-btn-border-color: #D2B48C;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #C5A57B;
  --bs-btn-hover-border-color: #B99771;
  --bs-btn-focus-shadow-rgb: 197, 165, 123;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #B28F69;
  --bs-btn-active-border-color: #A88260;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #D2B48C;
  --bs-btn-disabled-border-color: #D2B48C;
}
.btn-tealsoft {
  --bs-btn-color: #fff;
  --bs-btn-bg: #72BAA9;
  --bs-btn-border-color: #72BAA9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #63A99A;        /* un poco más oscuro */
  --bs-btn-hover-border-color: #5DA093;
  --bs-btn-focus-shadow-rgb: 114, 186, 169;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #559488;
  --bs-btn-active-border-color: #4F8A7F;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #72BAA9;
  --bs-btn-disabled-border-color: #72BAA9;
}
/* TEAL DARK */
.btn-tealdark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #008080;
  --bs-btn-border-color: #008080;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #007070;
  --bs-btn-hover-border-color: #006969;
  --bs-btn-focus-shadow-rgb: 0, 128, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005c5c;
  --bs-btn-active-border-color: #005555;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #008080;
  --bs-btn-disabled-border-color: #008080;
}
.btn-thistle {
  --bs-btn-color: #fff;              /* mejor contraste con fondo claro */
  --bs-btn-bg: #D8BFD8;
  --bs-btn-border-color: #D8BFD8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #C9AFC9;        /* un poco más oscuro */
  --bs-btn-hover-border-color: #C2A7C2;
  --bs-btn-focus-shadow-rgb: 216, 191, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B89DB8;
  --bs-btn-active-border-color: #B095B0;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #D8BFD8;
  --bs-btn-disabled-border-color: #D8BFD8;
}
.btn-uva {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6F2DA8;
  --bs-btn-border-color: #6F2DA8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #612796;        /* más oscuro */
  --bs-btn-hover-border-color: #5A248C;
  --bs-btn-focus-shadow-rgb: 111, 45, 168;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #54217F;
  --bs-btn-active-border-color: #4E1F76;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6F2DA8;
  --bs-btn-disabled-border-color: #6F2DA8;
}
/* para el botón para firmar */
.btn-yellowgreen {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9ACD32;
  --bs-btn-border-color: #9ACD32;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #85b82c;
  --bs-btn-hover-border-color: #7aa528;
  --bs-btn-focus-shadow-rgb: 133, 184, 44;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6d9424;
  --bs-btn-active-border-color: #628421;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #9ACD32;
  --bs-btn-disabled-border-color: #9ACD32;
}
.btn-steelnavy {
  --bs-btn-color: #fff;
  --bs-btn-bg: #213C51;
  --bs-btn-border-color: #213C51;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1C3446;        /* más oscuro */
  --bs-btn-hover-border-color: #1A3041;

  --bs-btn-focus-shadow-rgb: 33, 60, 81;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #172B39;
  --bs-btn-active-border-color: #152734;
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #213C51;
  --bs-btn-disabled-border-color: #213C51;
}


.text-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important;
}
.text-gray-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-aqua {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-aqua-rgb), var(--bs-text-opacity)) !important;
}
.text-brick {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-brick-rgb), var(--bs-text-opacity)) !important;
}
.text-burlywood {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-burlywood-rgb), var(--bs-text-opacity)) !important;
}
.text-cadetblue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cadetblue-rgb), var(--bs-text-opacity)) !important;
}
.text-chocolate {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-chocolate-rgb), var(--bs-text-opacity)) !important;
}
.text-coral {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-coral-rgb), var(--bs-text-opacity)) !important;
}
.text-cyansoft {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-cyansoft-rgb), var(--bs-text-opacity)) !important;
}
.text-darkorange {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-darkorange-rgb), var(--bs-text-opacity)) !important;
}
.text-darkseagreen {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-darkseagreen-rgb), var(--bs-text-opacity)) !important;
}
.text-darkpurple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-darkpurple-rgb), var(--bs-text-opacity)) !important;
}
.text-deepblue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-deepblue-rgb), var(--bs-text-opacity)) !important;
}
.text-dustyrose {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dustyrose-rgb), var(--bs-text-opacity)) !important;
}
.text-dustyteal {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dustyteal-rgb), var(--bs-text-opacity)) !important;
}
.text-goldenrod {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-goldenrod-rgb), var(--bs-text-opacity)) !important;
}
.text-honeydew {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-honeydew-rgb), var(--bs-text-opacity)) !important;
}
.text-indianred-soft {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-indianred-soft-rgb), var(--bs-text-opacity)) !important;
}
.text-indianred {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-indianred-rgb), var(--bs-text-opacity)) !important;
}
.text-lightblue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-lightblue-rgb), var(--bs-text-opacity)) !important;
}
.text-lila {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-lila-rgb), var(--bs-text-opacity)) !important;
}
.text-lime {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-lime-rgb), var(--bs-text-opacity)) !important;
}
.text-mediumaquamarine {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-mediumaquamarine-rgb), var(--bs-text-opacity)) !important;
}
.text-mediumseagreen {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-mediumseagreen-rgb), var(--bs-text-opacity)) !important;
}
.text-orchid {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-orchid-rgb), var(--bs-text-opacity)) !important;
}
.text-palegreen {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-palegreen-rgb), var(--bs-text-opacity)) !important;
}
.text-palevioletred {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-palevioletred-rgb), var(--bs-text-opacity)) !important;
}
.text-peru {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-peru-rgb), var(--bs-text-opacity)) !important;
}
.text-plumdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-plumdark-rgb), var(--bs-text-opacity)) !important;
}
.text-plum {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-plum-rgb), var(--bs-text-opacity)) !important;
}
.text-powderblue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-powderblue-rgb), var(--bs-text-opacity)) !important;
}
.text-purplesoft {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purplesoft-rgb), var(--bs-text-opacity)) !important;
}
.text-rose {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-rose-rgb), var(--bs-text-opacity)) !important;
}
.text-rosybrown {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-rosybrown-rgb), var(--bs-text-opacity)) !important;
}
.text-rust {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-rust-rgb), var(--bs-text-opacity)) !important;
}
.text-sage {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-sage-rgb), var(--bs-text-opacity)) !important;
}
.text-salmon {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-salmon-rgb), var(--bs-text-opacity)) !important;
}
.text-sky {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-sky-rgb), var(--bs-text-opacity)) !important;
}
.text-slategray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-slategray-rgb), var(--bs-text-opacity)) !important;
}
.text-steelblue {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-steelblue-rgb), var(--bs-text-opacity)) !important;
}
.text-tan {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tan-rgb), var(--bs-text-opacity)) !important;
}
.text-tealsoft {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tealsoft-rgb), var(--bs-text-opacity)) !important;
}
.text-tealdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-tealdark-rgb), var(--bs-text-opacity)) !important;
}
.text-thistle {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-thistle-rgb), var(--bs-text-opacity)) !important;
}
.text-uva {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-uva-rgb), var(--bs-text-opacity)) !important;
}
.text-yellowgreen {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellowgreen-rgb), var(--bs-text-opacity)) !important;
}
.text-steelnavy {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-steelnavy-rgb), var(--bs-text-opacity)) !important;
}

/* botones con bordecito sin relleno */
.btn-outline-coral {
  --bs-btn-color: var(--bs-coral);
  --bs-btn-border-color: var(--bs-coral);
  /* --bs-btn-hover-color: #000; */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-coral);
  --bs-btn-hover-border-color: var(--bs-coral);
  /* --bs-btn-focus-shadow-rgb: 235, 129, 83; */
  --bs-btn-focus-shadow-rgb: var(--bs-coral-rgb);
  /* --bs-btn-active-color: #000; */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-coral);
  --bs-btn-active-border-color: var(--bs-coral);
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: var(--bs-coral);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-coral);
  --bs-gradient: none;
}

.btn-outline-coral:hover {
  color: #fff;
  background-color: var(--bs-coral);
  border-color: var(--bs-coral);
}

.btn-outline-coral,
.btn-outline-coral:focus,
.btn-outline-coral:active,
.btn-outline-coral.active,
.btn-outline-coral { 
    color: var(--bs-coral);
    background-color: transparent;
    border-color: var(--bs-coral);
}

.btn-outline-salmon {
  --bs-btn-color: var(--bs-salmon);
  --bs-btn-border-color: var(--bs-salmon);
  /* --bs-btn-hover-color: #000; */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-salmon);
  --bs-btn-hover-border-color: var(--bs-salmon);
  /* --bs-btn-focus-shadow-rgb: 235, 129, 83; */
  --bs-btn-focus-shadow-rgb: var(--bs-salmon-rgb);
  /* --bs-btn-active-color: #000; */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-salmon);
  --bs-btn-active-border-color: var(--bs-salmon);
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: var(--bs-salmon);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-salmon);
  --bs-gradient: none;
}

.btn-outline-salmon:hover {
  color: #fff;
  background-color: var(--bs-salmon);
  border-color: var(--bs-salmon);
}

.btn-outline-salmon,
.btn-outline-salmon:focus,
.btn-outline-salmon:active,
.btn-outline-salmon.active,
.btn-outline-salmon { 
    color: var(--bs-salmon);
    background-color: transparent;
    border-color: var(--bs-salmon);
}

.btn-outline-darkseagreen {
  --bs-btn-color: var(--bs-darkseagreen);
  --bs-btn-border-color: var(--bs-darkseagreen);
  /* --bs-btn-hover-color: #000; */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-darkseagreen);
  --bs-btn-hover-border-color: var(--bs-darkseagreen);
  /* --bs-btn-focus-shadow-rgb: 235, 129, 83; */
  --bs-btn-focus-shadow-rgb: var(--bs-darkseagreen-rgb);
  /* --bs-btn-active-color: #000; */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-darkseagreen);
  --bs-btn-active-border-color: var(--bs-darkseagreen);
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: var(--bs-darkseagreen);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-darkseagreen);
  --bs-gradient: none;
}

.btn-outline-darkseagreen:hover {
  color: #fff;
  background-color: var(--bs-darkseagreen);
  border-color: var(--bs-darkseagreen);
}

.btn-outline-darkseagreen,
.btn-outline-darkseagreen:focus,
.btn-outline-darkseagreen:active,
.btn-outline-darkseagreen.active,
.btn-outline-darkseagreen { 
    color: var(--bs-darkseagreen);
    background-color: transparent;
    border-color: var(--bs-darkseagreen);
}


.btn-outline-purplesoft {
  --bs-btn-color: var(--bs-purplesoft);
  --bs-btn-border-color: var(--bs-purplesoft);
  /* --bs-btn-hover-color: #000; */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-purplesoft);
  --bs-btn-hover-border-color: var(--bs-purplesoft);
  /* --bs-btn-focus-shadow-rgb: 235, 129, 83; */
  --bs-btn-focus-shadow-rgb: var(--bs-purplesoft-rgb);
  /* --bs-btn-active-color: #000; */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-purplesoft);
  --bs-btn-active-border-color: var(--bs-purplesoft);
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: var(--bs-purplesoft);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-purplesoft);
  --bs-gradient: none;
}

.btn-outline-purplesoft:hover {
  color: #fff;
  background-color: var(--bs-purplesoft);
  border-color: var(--bs-purplesoft);
}

.btn-outline-purplesoft,
.btn-outline-purplesoft:focus,
.btn-outline-purplesoft:active,
.btn-outline-purplesoft.active,
.btn-outline-purplesoft { 
    color: var(--bs-purplesoft);
    background-color: transparent;
    border-color: var(--bs-purplesoft);
}

.btn-outline-sky {
  --bs-btn-color: var(--bs-sky);
  --bs-btn-border-color: var(--bs-sky);
  /* --bs-btn-hover-color: #000; */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-sky);
  --bs-btn-hover-border-color: var(--bs-sky);
  /* --bs-btn-focus-shadow-rgb: 235, 129, 83; */
  --bs-btn-focus-shadow-rgb: var(--bs-sky-rgb);
  /* --bs-btn-active-color: #000; */
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-sky);
  --bs-btn-active-border-color: var(--bs-sky);
  --bs-btn-active-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2);
  --bs-btn-disabled-color: var(--bs-sky);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-sky);
  --bs-gradient: none;
}

.btn-outline-sky:hover {
  color: #fff;
  background-color: var(--bs-sky);
  border-color: var(--bs-sky);
}

.btn-outline-sky,
.btn-outline-sky:focus,
.btn-outline-sky:active,
.btn-outline-sky.active,
.btn-outline-sky { 
    color: var(--bs-sky);
    background-color: transparent;
    border-color: var(--bs-sky);
}


/*--------------------------------------------------------------------------------
********** Estilos para los modals en reportes/emitidos pendientes ***************
---------------------------------------------------------------------------------*/
.info-card{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:10px;
    padding:5px 14px;
    margin-bottom:8px;
    box-shadow:0 1px 4px rgba(0,0,0,0.07);
}

/* CONTENEDOR DEL ICONO */
.info-card-icon{
    background:var(--primary-light);
    border-radius:8px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    flex-shrink:0;
}

/* SVG */
.info-card-svg{
    color:var(--primary);
}

/* TEXTO */
.info-card-text{
    font-size:13px;
    font-weight:600;
    color:#2d3748;
    word-break:break-word;
}