/* VARIABLES GLOBALES */

:root {
    /* Colores Base */
    --colorPrimario: #242c4f;
    --colorAmarillo: #ecaf46;
    --colorAzul: #366092;
    --colorRojo: #d62b2b;
    --colorVerde: #08b38b;
    --colorVioleta: #60497a;
    --colorLineaGlobo: #b0c8d3;

    /* Colores Base Transparentes */
    --colorTransparentePrimario: #242c4f23;
    --colorTransparenteAmarillo: #ffbf4023;
    --colorTransparenteAzul: #36609223;
    --colorTransparenteRojo: #d62b2b23;
    --colorTransparenteVerde: #08b38b23;
    --colorTransparenteVioleta: #60497a23;
    --colorTransparenteNegro: #00000008;

    /* Paleta de grises */
    --neutral-0: #ffffff;
    --neutral-1: #f1f1f1;
    --neutral-2: #e7e7e7;
    --neutral-3: #cccccc;
    --neutral-4: #b3b3b3;
    --neutral-5: #999999;
    --neutral-6: #7f7f7f;
    --neutral-7: #4c4c4c;
    --neutral-8: #262626;
    --neutral-9: #000000;

    /* Paleta de azules */
    --colorPaleta-0: #0466c8;
    --colorPaleta-1: #0353a4;
    --colorPaleta-2: #023e7d;
    --colorPaleta-3: #002855;
    --colorPaleta-4: #001845;
    --colorPaleta-6: #001233;
    --colorPaleta-7: #33415c;
    --colorPaleta-8: #5c677d;
    --colorPaleta-9: #979dac;

    /* Radio de los bordes para inputs y marcos */
    --radioMaximo: 5rem;
    --radioAlto: 2rem;
    --radioMedio: 1rem;
    --radioBajo: 0.6rem;
}

/* RESPONSIVE PERSONALIZADO */

@media (min-width: 1200px) {
    .container {
        max-width: 98%;
    }

    .cw-1 {
        width: 1% !important;
    }

    .cw-2 {
        width: 2% !important;
    }

    .cw-3 {
        width: 3% !important;
    }

    .cw-4 {
        width: 4% !important;
    }

    .cw-5 {
        width: 5% !important;
    }

    .cw-6 {
        width: 6% !important;
    }

    .cw-7 {
        width: 7% !important;
    }

    .cw-8 {
        width: 8% !important;
    }

    .cw-9 {
        width: 9% !important;
    }

    .cw-10 {
        width: 10% !important;
    }

    .cw-11 {
        width: 11% !important;
    }

    .cw-12 {
        width: 12% !important;
    }

    .cw-13 {
        width: 13% !important;
    }

    .cw-14 {
        width: 14% !important;
    }

    .cw-15 {
        width: 15% !important;
    }

    .cw-16 {
        width: 16% !important;
    }

    .cw-17 {
        width: 17% !important;
    }

    .cw-18 {
        width: 18% !important;
    }

    .cw-19 {
        width: 19% !important;
    }

    .cw-20 {
        width: 20% !important;
    }

    .cw-21 {
        width: 21% !important;
    }

    .cw-22 {
        width: 22% !important;
    }

    .cw-23 {
        width: 23% !important;
    }

    .cw-24 {
        width: 24% !important;
    }

    .cw-25 {
        width: 25% !important;
    }

    .cw-26 {
        width: 26% !important;
    }

    .cw-27 {
        width: 27% !important;
    }

    .cw-28 {
        width: 28% !important;
    }

    .cw-29 {
        width: 29% !important;
    }

    .cw-30 {
        width: 30% !important;
    }

    .cw-31 {
        width: 31% !important;
    }

    .cw-32 {
        width: 32% !important;
    }

    .cw-33 {
        width: 33% !important;
    }

    .cw-34 {
        width: 34% !important;
    }

    .cw-35 {
        width: 35% !important;
    }

    .cw-36 {
        width: 36% !important;
    }

    .cw-37 {
        width: 37% !important;
    }

    .cw-38 {
        width: 38% !important;
    }

    .cw-39 {
        width: 39% !important;
    }

    .cw-40 {
        width: 40% !important;
    }

    .cw-41 {
        width: 41% !important;
    }

    .cw-42 {
        width: 42% !important;
    }

    .cw-43 {
        width: 43% !important;
    }

    .cw-44 {
        width: 44% !important;
    }

    .cw-45 {
        width: 45% !important;
    }

    .cw-46 {
        width: 46% !important;
    }

    .cw-47 {
        width: 47% !important;
    }

    .cw-48 {
        width: 48% !important;
    }

    .cw-49 {
        width: 49% !important;
    }

    .cw-50 {
        width: 50% !important;
    }

    .cw-51 {
        width: 51% !important;
    }

    .cw-52 {
        width: 52% !important;
    }

    .cw-53 {
        width: 53% !important;
    }

    .cw-54 {
        width: 54% !important;
    }

    .cw-55 {
        width: 55% !important;
    }

    .cw-56 {
        width: 56% !important;
    }

    .cw-57 {
        width: 57% !important;
    }

    .cw-58 {
        width: 58% !important;
    }

    .cw-59 {
        width: 59% !important;
    }

    .cw-60 {
        width: 60% !important;
    }

    .cw-61 {
        width: 61% !important;
    }

    .cw-62 {
        width: 62% !important;
    }

    .cw-63 {
        width: 63% !important;
    }

    .cw-64 {
        width: 64% !important;
    }

    .cw-65 {
        width: 65% !important;
    }

    .cw-66 {
        width: 66% !important;
    }

    .cw-67 {
        width: 67% !important;
    }

    .cw-68 {
        width: 68% !important;
    }

    .cw-69 {
        width: 69% !important;
    }

    .cw-70 {
        width: 70% !important;
    }

    .cw-71 {
        width: 71% !important;
    }

    .cw-72 {
        width: 72% !important;
    }

    .cw-73 {
        width: 73% !important;
    }

    .cw-74 {
        width: 74% !important;
    }

    .cw-75 {
        width: 75% !important;
    }

    .cw-76 {
        width: 76% !important;
    }

    .cw-77 {
        width: 77% !important;
    }

    .cw-78 {
        width: 78% !important;
    }

    .cw-79 {
        width: 79% !important;
    }

    .cw-80 {
        width: 80% !important;
    }

    .cw-81 {
        width: 81% !important;
    }

    .cw-82 {
        width: 82% !important;
    }

    .cw-83 {
        width: 83% !important;
    }

    .cw-84 {
        width: 84% !important;
    }

    .cw-85 {
        width: 85% !important;
    }

    .cw-86 {
        width: 86% !important;
    }

    .cw-87 {
        width: 87% !important;
    }

    .cw-88 {
        width: 88% !important;
    }

    .cw-89 {
        width: 89% !important;
    }

    .cw-90 {
        width: 90% !important;
    }

    .cw-91 {
        width: 91% !important;
    }

    .cw-92 {
        width: 92% !important;
    }

    .cw-93 {
        width: 93% !important;
    }

    .cw-94 {
        width: 94% !important;
    }

    .cw-95 {
        width: 95% !important;
    }
}

/* PERSONALIZADOS */

.botonLimpiar {
    border: none;
    border-top-left-radius: var(--radioMaximo);
    border-bottom-left-radius: var(--radioMaximo);
    background-color: var(--colorTransparentePrimario);
    color: var(--neutral-7);
}

.botonLimpiar:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.botonLimpiar:hover {
    background: var(--colorRojo);
    color: var(--neutral-0);
}

.botonRecargar {
    border: none;
    border-radius: 20px;
    padding: 0px !important;
    width: 32px;
    height: 32px;
}

.botonTablaNormal {
    width: 26px;
}

.botonTablaRedondo {
    width: 32px;
}

.botonVolver {
    border: none;
    border-radius: 20px;
    padding: 0px !important;
    width: 65px;
    height: 32px;
}

.desplazar {
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.desplazar:hover,
button:hover .desplazar {
    transform: translateX(-10px);
}

.girar {
    transform: rotate(0deg);
    transition: transform 0.7s ease;
}

.girar:hover,
button:hover .girar {
    transform: rotate(-360deg);
}

.iconoRecargar {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 25px;
}

.iconoVolver {
    display: inline-block;
    vertical-align: sub;
    width: 27px;
    height: 28px;
}

.inseleccionable {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.marcoGris {
    border: none;
    border-radius: var(--radioMedio);
    background-color: var(--neutral-1);
    padding: 15px;
    color: var(--neutral-7);
    text-align: left;
}

.puntero:hover {
    cursor: pointer;
}

.seleccionable {
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    user-select: text;
}

.textoTitulo {
    color: var(--colorPrimario);
    font-weight: 500 !important;
    font-size: 21px !important;
}

/* BORDES */

.bordeAmarillo {
    border-color: var(--colorAmarillo) !important;
}

.bordeAzul {
    border-color: var(--colorAzul) !important;
}

.bordeBlanco {
    border-color: var(--neutral-0) !important;
}

.bordeGris {
    border-color: var(--neutral-6) !important;
}

.bordePrimario {
    border-color: var(--colorPrimario) !important;
}

.bordeRojo {
    border-color: var(--colorRojo) !important;
}

.bordeVerde {
    border-color: var(--colorVerde) !important;
}

.bordeVioleta {
    border-color: var(--colorVioleta) !important;
}

/* COLORES */

.colorAmarillo {
    color: var(--colorAmarillo);
}

.colorAzul {
    color: var(--colorAzul);
}

.colorBlanco {
    color: var(--neutral-0);
}

.colorGris {
    color: var(--neutral-6);
}

.colorNegro {
    color: var(--neutral-7);
}

.colorPrimario {
    color: var(--colorPrimario);
}

.colorRojo {
    color: var(--colorRojo);
}

.colorVerde {
    color: var(--colorVerde);
}

.colorVioleta {
    color: var(--colorVioleta);
}

/* FONDOS */

.fondoAmarillo {
    background-color: var(--colorAmarillo) !important;
}

.fondoAzul {
    background-color: var(--colorAzul) !important;
}

.fondoBlanco {
    background-color: var(--neutral-0) !important;
}

.fondoGris {
    background-color: var(--neutral-6) !important;
}

.fondoPrimario {
    background-color: var(--colorPrimario) !important;
}

.fondoRojo {
    background-color: var(--colorRojo) !important;
}

.fondoVerde {
    background-color: var(--colorVerde) !important;
}

.fondoVioleta {
    background-color: var(--colorVioleta) !important;
}

/* HTML */

*,
*::before,
*::after {
    box-shadow: none !important;
}

a {
    display: contents;
    color: var(--colorPrimario);
    text-decoration: none;
}

a.btn {
    color: var(--neutral-0);
    text-decoration: none;
}

a.btn:hover {
    color: var(--neutral-0);
}

a:hover {
    color: #191f38;
}

body {
    display: unset;
    font-size: 1rem;
}

hr {
    margin: 20px 5px 15px 0px !important;
}

input {
    text-align: left;
}

input::placeholder,
textarea::placeholder {
    color: var(--neutral-6);
    font-size: 0.8rem;
}

input[type="button"],
input[type="submit"] {
    text-align: center;
}

input[type=checkbox],
input[type=radio] {
    vertical-align: top;
    appearance: none;
    cursor: pointer;
    margin: 2px 14px;
    border: 1px solid var(--neutral-6);
    background-color: var(--neutral-0);
    width: 16px;
    height: 16px;
}

input[type=checkbox] {
    border-radius: var(--radioAlto);
}

input[type=checkbox]::before {
    display: block;
    visibility: hidden;
    margin: 2px;
    border-radius: var(--radioAlto);
    background-color: var(--colorPrimario);
    width: 10px;
    height: 10px;
    content: "";
}

input[type=checkbox]:checked {
    border-color: var(--colorPrimario);
}

input[type=checkbox]:checked::before {
    visibility: visible;
}

input[type=radio] {
    border-radius: var(--radioMaximo);
}

input[type=radio]::before {
    display: block;
    visibility: hidden;
    margin: 2px;
    border-radius: 50%;
    background-color: var(--colorPrimario);
    width: 10px;
    height: 10px;
    content: "";
}

input[type=radio]:checked {
    border-color: var(--colorPrimario);
}

input[type=radio]:checked::before {
    visibility: visible;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: none;
    box-shadow: none;
}

ol {
    list-style: none;
}

option[disabled] {
    display: none;
}

ul {
    padding-left: 30px;
}

/* SWEETALERT */

div#swal2-html-container {
    color: var(--neutral-8);
    font-size: 0.9rem;
    text-align: center;
}

h2#swal2-title {
    color: var(--neutral-8);
}

.swal2-actions {
    margin: 0px;
    padding: 0px 15px;
}

.swal2-container.swal2-center>.swal2-popup {
    grid-row: 1;
    padding: 20px 10px;
    color: var(--neutral-8);
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    border: 1px solid var(--neutral-2);
    border-radius: var(--radioMedio);
    padding: 0.5rem 0rem 1rem 1rem;
}

.swal2-html-container hr {
    margin: 30px 0px 12px 0px;
    border-top: 1px solid var(--neutral-5);
}

.swal2-icon.swal2-error {
    border-color: var(--colorRojo);
    color: var(--colorRojo);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: var(--colorRojo);
}

.swal2-icon.swal2-info {
    border-color: var(--colorPrimario);
    color: var(--colorPrimario);
}

.swal2-icon.swal2-success {
    border-color: var(--colorVerde);
    color: var(--colorVerde);
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--colorVerde);
    color: var(--colorVerde);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: var(--colorVerde);
}

.swal2-icon.swal2-warning {
    border-color: var(--colorAmarillo);
    color: var(--colorAmarillo);
}

.swal2-input {
    height: 2.4em;
}

.swal2-input,
.swal2-select {
    margin-bottom: 20px;
    font-size: 1rem;
}

.swal2-popup {
    border-radius: var(--radioAlto);
}

.swal2-popup.swal2-toast .swal2-icon {
    margin: 11px 24px 0px 15px;
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 7px 0px 0px 0px;
    padding: 0px;
    font-size: 1em;
}

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

.swal2-styled.swal2-cancel {
    border-radius: var(--radioMaximo);
    background-color: var(--neutral-6) !important;
    width: 46%;
}

.swal2-styled.swal2-cancel:active {
    width: 46%;
}

.swal2-styled.swal2-cancel:hover {
    background-color: #727272 !important;
}

.swal2-styled.swal2-confirm {
    border-radius: var(--radioMaximo);
    background-color: var(--colorPrimario) !important;
    width: 46%;
}

.swal2-styled.swal2-confirm:active {
    width: 46%;
}

.swal2-styled.swal2-confirm:hover {
    background-color: #191f38 !important;
}

/* BOOTSTRAP */

.br-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.btn,
.btn:active {
    margin: 10px;
    border: none !important;
    padding: 15px;
    min-width: 220px;
    color: var(--neutral-0);
}

.btn-cancel,
.btn-cancel:active {
    background-color: var(--neutral-6) !important;
}

.btn-cancel:hover {
    background-color: #727272 !important;
}

.btn-danger,
.btn-danger:active {
    background-color: var(--colorRojo) !important;
}

.btn-danger:hover {
    background-color: #aa2424 !important;
}

.btn-primary,
.btn-primary:active {
    background-color: var(--colorPrimario) !important;
}

.btn-primary:hover {
    background-color: #191f38 !important;
}

.btn-secondary,
.btn-secondary:active {
    background-color: var(--colorVerde) !important;
}

.btn-secondary:hover {
    background-color: #08a07c !important;
}

.btn:focus,
.btn:focus-visible {
    outline: none !important;
    border: none !important;
    color: var(--neutral-0);
}

.btn:hover {
    border: none !important;
    color: var(--neutral-0);
}

.form-control {
    margin-top: 10px;
    border: solid 1px var(--neutral-5);
    font-size: unset;
}

.form-control:focus {
    border-color: var(--colorPrimario);
}

.form-control[disabled] {
    color: var(--neutral-6);
}

.main-footer {
    margin-top: 339px !important;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 1rem;
}

.mt-4 {
    margin-top: 1.5rem;
}

.panel-body {
    border: 1px solid var(--colorTransparentePrimario) !important;
    border-bottom-right-radius: var(--radioMedio) !important;
    border-bottom-left-radius: var(--radioMedio) !important;
    padding: 15px !important;
}

.panel-heading {
    border: none !important;
    border-top-right-radius: var(--radioMedio) !important;
    border-top-left-radius: var(--radioMedio) !important;
    background-color: var(--colorPrimario) !important;
    color: var(--neutral-0) !important;
    font-weight: var(--grosorAmpliado) !important;
}

.panel-warning {
    border: none !important;
}

/* FLATPICKR */

.flatpickr-calendar {
    border: 1px solid var(--colorPrimario);
}

.flatpickr-current-month .arrowDown::after {
    border-top-color: var(--neutral-0) !important;
}

.flatpickr-current-month .arrowUp::after {
    border-bottom-color: var(--neutral-0) !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: var(--colorPrimario);
    background: var(--colorPrimario);
}

.flatpickr-monthDropdown-month {
    cursor: pointer;
    padding: 6px 12px;
    color: var(--neutral-8);
    /* reemplazado #333 */
}

.flatpickr-monthDropdown-month:hover {
    background-color: var(--neutral-1);
    /* reemplazado #f0f0f0 */
    color: var(--neutral-9);
    /* reemplazado #000 */
}

.flatpickr-monthDropdown-month.selected {
    background-color: #191f38;
    color: var(--neutral-0);
}

.flatpickr-monthDropdown-months {
    border: 1px solid var(--neutral-2);
    border-radius: var(--radioBajo);
    background-color: var(--neutral-0);
    padding: 4px 0;
    font-size: 0.9rem;
}

.flatpickr-months .flatpickr-month {
    background-color: var(--colorPrimario);
    height: 40px;
    color: var(--neutral-0);
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    filter: grayscale(1);
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    filter: invert(1);
}

.flatpickr-weekdays {
    background-color: var(--neutral-3);
}

/* CONFIGURACIÓN ESPECIFICA DEL PROYECTO */

@keyframes animloader {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

#botonArchivo::placeholder {
    color: var(--neutral-8) !important;
    font-weight: var(--grosorAmpliado) !important;
    font-size: 1rem !important;
}

#campoProfesionalMatricula,
#campoInmuebleTomoFolio,
#campoInmuebleMatricula,
#campoAyudaMatricula,
#campoNumeroCuil,
[id^="panel"],
[id^="marco"],
[id^="ayuda"],
[id^="error"] {
    display: none;
}

#caracteresRestantes {
    padding-right: 10px !important;
}

.alertaAmarilla {
    border-color: var(--colorAmarillo);
    border-radius: var(--radioMedio);
    background: var(--colorTransparenteAmarillo);
}

.alertaRoja {
    border-color: var(--colorRojo);
    border-radius: var(--radioMedio);
    background: var(--colorTransparenteRojo);
}

.alertaVerde {
    border-color: var(--colorVerde);
    border-radius: var(--radioMedio);
    background: var(--colorTransparenteVerde);
}

.botonAdjunto,
.botonAdjunto:hover {
    margin: 4px;
    padding: 6px;
    width: 90%;
    font-weight: normal;
}

.botonAdjuntoGlobo,
.botonAdjuntoGlobo:active {
    padding: 6px 20px 5px 20px;
    font-weight: normal;
}

.botonAdjuntar,
.botonAdjuntar:hover,
.botonAdjuntar:active,
.botonAdjuntar:focus {
    padding: 8px 22px;
    width: auto;
    min-width: 20em;
    max-width: 100%;
}

.botonAzul {
    background-color: var(--colorAzul) !important;
}

.botonAzul:hover {
    background-color: #233f61 !important;
}

.botonIdSolicitud,
.botonIdSolicitud:active {
    margin-bottom: 0px;
    background-color: var(--neutral-1);
    padding: 8px 20px;
    width: unset;
    color: var(--colorPrimario) !important;
}

.botonIdSolicitud:hover {
    margin-bottom: 0px;
    background-color: var(--neutral-2);
}

.botonVioleta {
    background-color: var(--colorVioleta) !important;
}

.botonVioleta:hover {
    background-color: #47365b !important;
}

.botonesLogin,
.botonesLogin:active {
    border-radius: var(--radioMaximo);
    min-width: 80%;
}

.campoCaptcha {
    border: 1px solid var(--neutral-3) !important;
    border-radius: var(--radioMedio) !important;
    background-color: #f5f5f5 !important;
    padding: 20px !important;
    color: var(--neutral-8) !important;
    text-align: center !important;
}

.campoChat {
    box-sizing: border-box;
    margin: 0px;
    border: none;
    border-bottom: 1px solid #e1e2e7;
    border-radius: 0px;
    background-size: 150px auto;
    background-color: var(--neutral-0) !important;
    background-blend-mode: color-dodge;
    padding: 0px;
    height: auto;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
    white-space: pre-wrap;
    word-break: break-word;
}

.campoTextarea {
    background-image: url("../img/mensajes.svg");
    background-position: right bottom;
    background-size: 90px 85px;
    background-repeat: no-repeat;
    min-height: 200px;
    overflow-y: hidden;
    resize: none;
}

.divCorrecto,
.divCorrecto:focus {
    border-color: var(--colorVerde) !important;
    color: var(--colorVerde) !important;
}

.divErrorTexto {
    margin: 10px 0px;
    color: var(--colorRojo);
}

.divIncorrecto,
.divIncorrecto:focus {
    border-color: var(--colorRojo);
    color: var(--colorRojo);
}

.globoCerrado {
    display: block;
    border-radius: var(--radioAlto);
    background-color: var(--colorTransparenteRojo);
    min-width: -webkit-fill-available;
}

.globoIzquierdo {
    margin-right: auto;
    border-radius: 0 var(--radioAlto) var(--radioAlto) 0;
    background-color: #f1f1f180;
    padding: 10px 30px 20px 30px;
    width: max-content;
    min-width: 75%;
}

.globoDerecho {
    margin-left: auto;
    border-radius: var(--radioAlto) 0 0 var(--radioAlto);
    background-color: #ebf6ff80;
    padding: 10px 30px 20px 30px;
    width: max-content;
    min-width: 75%;
}

.globoColorResolucion {
    background-color: #d7fff680 !important;
}

.globoFormatoNombre {
    color: var(--colorPrimario);
    font-weight: 600;
    font-size: 18px;
}

.globoFormatoTexto {
    text-align: initial;
    white-space: pre-wrap;
}

.iconoAdjunto {
    vertical-align: top;
    margin-right: 10px;
    width: 22px;
}

.iconoAlerta {
    padding-left: 10px !important;
    color: var(--colorAmarillo) !important;
    font-size: 50px !important;
}

.iconoCaptcha {
    vertical-align: top;
    transition: 0.5s;
    cursor: pointer;
    font-size: 24px;
}

.iconoCaptcha:hover {
    transform: rotate(180deg);
}

.imagenSwal {
    border: 1px solid var(--neutral-6);
    border-radius: var(--radioMedio);
    width: 100%;
}

.lista li {
    direction: ltr;
    text-align: right;
}

.lista ol {
    list-style-position: inside;
    text-align: right;
}

.spinner-grow {
    display: inline-block;
    animation: animloader 1s ease-in infinite;
    box-sizing: border-box;
    margin: 10px;
    border-radius: var(--radioAlto);
    background: var(--colorPrimario);
    width: 36px;
    height: 36px;
}

.textoJustificado {
    text-align: justify;
}

.textoDelgado {
    font-weight: 500;
}

.visorBody {
    display: block;
    margin: 0;
}

img.visorImg {
    display: block;
    margin: 40px auto 0 auto;
    max-width: 90vw;
    height: auto;
    max-height: calc(100vh - 140px);
}

.visorPdf {
    width: 100%;
    height: 100vh;
    overflow: auto;
    text-align: center;
}

.codigoUsuario {
    display: inline-block;
    cursor: pointer;
    padding: 20px;
}