html {
    font-size: 14px;
}


:root {
    --color-corporativo3: #0099ff; /*#228848;*/
    --color-loginparrafo: #0099ff; /*: #006257 !important;*/
    --text-shadow-a-loginparrafo: 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(255, 255, 255, 0.5); /* 2px 2px 4px rgba(0, 0, 0, 0.5), -2px -2px 4px rgba(0, 255, 42, 0.5);*/
}




:root {
    --primary-font-family: Arial, Helvetica, sans-serif;
    --base-font-size: 12px;
    --base-line-height: 1.5;
    --heading-line-height: 1.2;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --color-header: var(--color-corporativo3) !important;
    --color-footer: #ecece2;
    --color-primary: #154481;
    --color-secundary: #4ca5e0;
    --color-text: #1d1d1b;
    --color-text-header: #1d1d1b;
    --background-primary-color: #f0f4f6;
    --color-comercio: #ff6600;
    --color-industria: #078292;
    --color-turismo: #08984c;
    --franja-rojo: #ad1519;
    --franja-amarillo: #fabd00;
    --color-white: #fff;
    --color-black: #1d1d1b;
    --color-gray: #e0e0e0;
    --color-text-gray: #555;
    --color-error: #ef0000;
    --color-valido: #3d930e;
    --color-alerta: #cc6705;
    --color-aviso: #000;
    --pad: 1em;
    --border-radius: 10px;
    --box-shadow: 0 0.5rem 1rem rgba(29, 29, 27, 0.15);
    --smallBreakpoint: 640px;
    --largeBreakpoint: 1080px;
    --bs-body-color: #000;
    --bs-body-font-family: Arial, Helvetica, sans-serif;
    --bs-body-font-size: 12px;
    --color-mandatory: rgba(242,242,242);
    --color-dato-rojo: rgb(233 68 68);
    --color-dato-rojo-seleccionado: rgba(255,0,0);
    --color-gris-gris: rgba(166,166,166);
    --color-dato-verde: rgb(211, 246, 190);
    --color-dato-verde-seleccionado: rgb(105, 225, 32);
    --color-dato-naranja: rgba(250,191,143);
    --color-dato-naranja-seleccionado: rgba(255,140,0);
    --color-dato-azul: rgba(90,153,216);
    --color-dato-azul-seleccionado: rgb(17, 71, 245);
    --color-dato-amarillo: rgb(255, 255, 153); /*rgb(255,225,0)*/
    --color-dato--amarillo-seleccionado: rgba(255,255,0);
    --color-dato-blanco: rgba(255,255,255);
    --color-dato-seleccionado: #f07ab5;
    --color-gris-gris-oscuro: rgb(217,217,217);
    --color-gris-gris-claro: rgba(242,242,242,0.5);
    --base-font-size: 11px;
    --color-corporativo3: #228848; /*******************************************************/
    --color-corporativo2: #8fce63;
    --color-corporativo1: #00bca9;
    --color-corporativo4: #7ff98d;
    --color-corporativo5: #e8f3f4;
    --bs-border-color: rgba(0,0,0,0.5);
    --color-corporativo3_5: rgba(21,83,45); /* #00A594;*/
    --color-corporativo6: rgb(211, 246, 190);
    --color-corporativo7: #ced8c7;
}

.containermain {
    width: 98%;
    margin: 0 auto;
}
.enlacesprincipal 
{
    padding-left: 80px;
}

.partialogin
{
    
    padding-left:90px;

}
.envolvente {
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

.nopermitidoimportar{
    color:red;
}


.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%; /* Posición del tooltip */
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }




.infoObjTargCont {
    color: var(--color-corporativo3) !important;
}



navbar {
    background-color: transparent !important
}




.logintitulo {
    color: var(--color-corporativo3) !important;
    font-size: 19px;
    font-weight: bold;
}

.loginjustificadocenter {
    text-align: justify
}

.loginparrafo {
    color: var(--color-loginparrafo) !important;
}
p.loginparrafo {
    margin-bottom: 0.1rem;
}

.logindiseno {
    border-radius: 10px;
    border: 2px solid var(--color-corporativo3);
    padding: 20px;
    margin-right:25px;
    max-width: 500px;
    align-items: center;
    margin: 0 auto;
    /* display: flex; */
    width: 387px;
}

a.loginparrafo {
    text-align: right;
    padding: 24px;
    font-family: 'Calibri', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: var(--text-shadow-a-loginparrafo) !important;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background-color: var(--color-corporativo3);
    color: #fff;
}


.btn-indice {
    color: var(--color-corporativo3) !important;
    background-color: #FFFFFF !important;
    border-color: green !important;
    padding: 0.375rem 0.25rem !important;
}

    .btn-indice:hover {
        color: #FFFFFF !important;
        background-color: var(--color-corporativo3) !important;
        border-color: green !important;
    }




.tituloAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 14px;
    font-weight: bold;
}

.tituloTabla {
    color: var(--color-corporativo3) !important;
    font-size: 13px;
    font-weight: bold;
}






    .tablaAnexo table {
        border-collapse: separate;
    }


    .tablaAnexo table, .tablaAnexo thead tr, .tablaAnexo thead tr th, .tablaAnexo tbody tr, .tablaAnexo tbody tr td {
        border: unset;
        border-style: none;
        border-spacing: 0px;
    }

    .tablaAnexo thead {
        position: sticky;
        top: 0;
        z-index: 100;
        background-color: white;
    }



        .tablaAnexo thead tr th {
            border-bottom: 0.01px solid var(--color-corporativo3) !important;
            text-align: center !important;
        }



    .tablaAnexo tbody tr:nth-child(n+1) td {
        border-bottom: 0.01px solid var(--color-corporativo3);
    }

    .tablaAnexo thead tr:first-of-type th {
        border-top: 0.01px solid var(--color-corporativo3);
    }



    .tablaAnexo thead th {
        border-left: 0.01px solid var(--color-corporativo3) !important;
    }

    .tablaAnexo thead tr th:last-of-type {
        border-right: 0.01px solid var(--color-corporativo3);
    }

    .tablaAnexo tbody td {
        border-left: 0.01px solid var(--color-corporativo3) !important;
    }

        .tablaAnexo tbody td:last-of-type {
            border-right: 0.01px solid var(--color-corporativo3);
        }




.tituloTablaAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 12px;
    font-weight: bold;
}

.notasTablaAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 10px;
    text-align: left
}





.gris-oscuro {
    background-color: var(--color-gris-gris-oscuro) !important;
    cursor: default !important;
}


.gris-claro {
    background-color: var(--color-gris-gris-claro) !important;
}


.mandatory {
    background-color: var( --color-mandatory) !important;
    text-align: center;
}

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

.dato-rojo {
    background-color: var(--color-dato-rojo) !important;
}

.dato-verde {
    background-color: var(--color-dato-verde) !important;
}

.dato-naranja {
    background-color: var(--color-dato-naranja) !important;
}

.dato-azul {
    background-color: var(--color-dato-azul) !important;
    color: var(--color-dato-blanco) !important;
}

.dato-amarillo {
    background-color: var(--color-dato-amarillo) !important;
}


.dato-rojo-seleccionado {
    background-color: var(--color-dato-rojo-seleccionado) !important;
}

.dato-verde-seleccionado {
    background-color: var(--color-dato-verde-seleccionado) !important;
}

.dato-naranja-seleccionado {
    background-color: var(--color-dato-naranja-seleccionado) !important;
}

.dato-azul-seleccionado {
    background-color: var(--color-dato-azul-seleccionado) !important;
    color: var(--color-dato-blanco) !important;
}

.dato-amarillo-seleccionado {
    background-color: var(--color-dato--amarillo-seleccionado) !important;
}



thead {
    color: var(--color-corporativo3);
    font-weight: 900;
    font-size: 13px;
}

tbody {
    color: var(--color-corporativo3);
    font-size: 13px;
}





/* ver 1.0001 */
html {
    font-size: 14px;
}
/*
  @media (min-width: 768px) {
    html {
      font-size: 16px;
    }
  }
  
  html {
    position: relative;
    min-height: 100%;
  }
  
  body {
    margin-bottom: 60px;
  }
  */

:root {
    --primary-font-family: Arial, Helvetica, sans-serif;
    --base-font-size: 12px;
    --base-line-height: 1.5;
    --heading-line-height: 1.2;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --color-header: #ffAA39;
    --color-footer: #ecece2;
    --color-primary: #154481;
    --color-secundary: #4ca5e0;
    --color-text: #1d1d1b;
    --color-text-header: #1d1d1b;
    --background-primary-color: #f0f4f6;
    --color-comercio: #ff6600;
    --color-industria: #078292;
    --color-turismo: #08984c;
    --franja-rojo: #ad1519;
    --franja-amarillo: #fabd00;
    --color-white: #fff;
    --color-black: #1d1d1b;
    --color-gray: #e0e0e0;
    --color-text-gray: #555;
    --color-error: #ef0000;
    --color-valido: #3d930e;
    --color-alerta: #cc6705;
    --color-aviso: #000;
    --pad: 1em;
    --border-radius: 10px;
    --box-shadow: 0 0.5rem 1rem rgba(29, 29, 27, 0.15);
    --smallBreakpoint: 640px;
    --largeBreakpoint: 1080px;
    --bs-body-color: #000;
    --bs-body-font-family: Arial, Helvetica, sans-serif;
    --bs-body-font-size: 12px;
    --color-mandatory: rgba(242,242,242);
    --color-dato-rojo: rgb(233 68 68);
    --color-dato-rojo-seleccionado: rgba(255,0,0);
    --color-gris-gris: rgba(166,166,166);
    --color-dato-verde: rgb(211, 246, 190);
    --color-dato-verde-seleccionado: rgb(105, 225, 32);
    --color-dato-naranja: rgba(250,191,143);
    --color-dato-naranja-seleccionado: rgba(255,140,0);
    --color-dato-azul: rgba(90,153,216);
    --color-dato-azul-seleccionado: rgb(17, 71, 245);
    --color-dato-amarillo: rgb(255, 255, 153); /*rgb(255,225,0)*/
    --color-dato--amarillo-seleccionado: rgba(255,255,0);
    --color-dato-blanco: rgba(255,255,255);
    --color-dato-seleccionado: #f07ab5;
    --color-gris-gris-oscuro: rgb(217,217,217);
    --color-gris-gris-claro: rgba(242,242,242,0.5);
    --base-font-size: 11px;
    --color-corporativo3: #228848;
    --color-corporativo2: #8fce63;
    --color-corporativo1: #00bca9;
    --color-corporativo4: #7ff98d;
    --color-corporativo5: #e8f3f4;
    --bs-border-color: rgba(0,0,0,0.5);
    --color-corporativo3_5: rgba(21,83,45); /* #00A594;*/
    --color-corporativo6: rgb(211, 246, 190);
    --color-corporativo7: #ced8c7;
}


.bg-corporativo1 {
    background-color: var(--color-corporativo3) !important;
}

.bg-corporativo2 {
    background-color: var(--color-corporativo2) !important;
}

.bg-corporativo3 {
    background-color: var(--color-corporativo1) !important;
}

.bg-corporativo4 {
    background-color: var(--color-corporativo4) !important;
}

.bg-corporativo5 {
    background-color: var(--color-corporativo5) !important;
}

.dato-verde-enabled {
    background-color: var(--color-corporativo6) !important;
}

.dato-verde-disabled {
    background-color: var(--color-corporativo7) !important;
}


thead {
    color: var(--color-corporativo3);
    font-weight: 900;
    font-size: 13px;
}

tbody {
    color: var(--color-corporativo3);
    font-size: 13px;
}


.toast {
    opacity: 1 !important;
}


.gris-oscuro {
    background-color: var(--color-gris-gris-oscuro) !important;
    cursor: default !important;
}


.gris-claro {
    background-color: var(--color-gris-gris-claro) !important;
}


.mandatory {
    background-color: var( --color-mandatory) !important;
    text-align: center;
}

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

.dato-rojo {
    background-color: var(--color-dato-rojo) !important;
}

.dato-verde {
    background-color: var(--color-dato-verde) !important;
}

.dato-naranja {
    background-color: var(--color-dato-naranja) !important;
}

.dato-azul {
    background-color: var(--color-dato-azul) !important;
    color: var(--color-dato-blanco) !important;
}

.dato-amarillo {
    background-color: var(--color-dato-amarillo) !important;
}


.dato-rojo-seleccionado {
    background-color: var(--color-dato-rojo-seleccionado) !important;
}

.dato-verde-seleccionado {
    background-color: var(--color-dato-verde-seleccionado) !important;
}

.dato-naranja-seleccionado {
    background-color: var(--color-dato-naranja-seleccionado) !important;
}

.dato-azul-seleccionado {
    background-color: var(--color-dato-azul-seleccionado) !important;
    color: var(--color-dato-blanco) !important;
}

.dato-amarillo-seleccionado {
    background-color: var(--color-dato--amarillo-seleccionado) !important;
}

.precarga {
    font-style: italic !important;
    color: orange;
}

    .precarga:after {
        content: " !";
        color:orange;
    }
.dato-naranja.precarga {
    font-style: italic !important;
    color: black !important;
}
    .dato-naranja.precarga:after {
        content: " !";
        color: black !important
    }


.NOOK {
    color: red !important;
    position: relative;
}

    .NOOK::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF0000' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        background-size: contain;
        margin-left: 4px;
        vertical-align: middle;
        color: red !important;
    }
.OK {
    color: var(--color-corporativo3) !important;
    position: relative;
}

    .OK::after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check2' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
        background-size: contain;
        margin-left: 4px;
        vertical-align: middle;
        color: var(--color-corporativo3) !important;
    }


.dato-seleccionado {
    background-color: rgb(255, 255, 0) !important;
}

.dato-rojo-no, .dato-verde-no, .dato-naranja-no, .dato-azul-no, .dato-anarillo-no, .dato-seleccionado-no {
}


.dato-blanco {
    background-color: var(--color-dato-blanco) !important;
}

.dato {
    text-align: center !important;
}

.dato-verde {
    min-width: 120px;
}

.dato-gris {
    min-width: 120px;
}

.datoname {
    /*text-align: justify !important;
    white-space: pre !important;
    word-wrap: break-word !important;*/
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    min-width: 100px;
}


.datotext {
    /*text-align: justify !important;
    white-space: pre !important;
    word-wrap: break-word !important;*/
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    min-width: 100px;
}

.datotextnowidth {
    /*text-align: justify !important;
    white-space: pre !important;
    word-wrap: break-word !important;*/
    text-align: left !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
}

.container-header {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    height: auto;
}

    .container-header .logo-institucional {
        padding: 1.25em 1.875em;
        height: 70px;
        margin-top: 0;
        margin-bottom: 20px;
    }

.tituloAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 14px;
    font-weight: bold;
}

.tituloTabla {
    color: var(--color-corporativo3) !important;
    font-size: 13px;
    font-weight: bold;
}

table {
    border-collapse: unset;
}

tbody, td, tfoot, th, thead, tr {
    border: unset;
    border-style: none;
}

.tablaAnexo {
   /* display: none;*/
}


    .tablaAnexo table {
        border-collapse: separate;
    }


    .tablaAnexo table, .tablaAnexo thead tr, .tablaAnexo thead tr th, .tablaAnexo tbody tr, .tablaAnexo tbody tr td {
        border: unset;
        border-style: none;
        border-spacing: 0px;
    }

    .tablaAnexo thead {
        position: sticky;
        top: 0;
        z-index: 100;
        background-color: white;
    }
.sticky-col {
    position: sticky;
    left: 0;
    background-color: white !important;
    z-index: 92;
}


.tablaAnexo thead tr th {
    border-bottom: 0.01px solid var(--color-corporativo3) !important;
    text-align: center !important;
}



    .tablaAnexo tbody tr:nth-child(n+1) td {
        border-bottom: 0.01px solid var(--color-corporativo3);
    }

    .tablaAnexo thead tr:first-of-type th {
        /* border-top: 0.01px solid var(--color-corporativo3) ; */
    }



    .tablaAnexo thead th {
        border-left: 0.01px solid var(--color-corporativo3) !important;
    }

    .tablaAnexo thead tr th:last-of-type {
        border-right: 0.01px solid var(--color-corporativo3);
    }

    .tablaAnexo tbody td {
        border-left: 0.01px solid var(--color-corporativo3) !important;
    }

        .tablaAnexo tbody td:last-of-type {
            border-right: 0.01px solid var(--color-corporativo3);
        }




.tituloTablaAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 12px;
    font-weight: bold;
}

.notasTablaAnexo {
    color: var(--color-corporativo3) !important;
    font-size: 10px;
    text-align: left
}

.myTab {
    color: var(--color-corporativo3) !important;
}

.optiongroup {
    font-weight: 700;
}



.container-header {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    height: auto;
}

    .container-header .nombre-app-institucional {
        background-color: var(--color-corporativo3) !important;
        margin: 0;
    }

        .container-header .nombre-app-institucional:after {
            content: "";
            display: block;
            height: 8px;
            width: 100%;
            background-color: var(--color-corporativo3) !important;
        }

    .container-header .logo-institucional {
        padding: 1.25em 1.875em;
        height: 70px;
        margin-top: 0;
        margin-bottom: 20px;
    }

        .container-header .logo-institucional img {
            height: 70px !important;
        }

        .container-header .logo-institucional h1 {
            margin: 0;
        }

.navegation-container {
    height: auto;
}

header {
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    /*position: fixed;*/
    background-color: var(--color-header) !important;
}


.loginmax {
    display: none
}

.titulomax {
    display: flex;
}

.loginmin {
    display: none;
}

.titulomin {
    display: none;
}

.usuario {
    display: list-item;
}


.btn-primary {
    color: #fff;
    background-color: var(--color-corporativo3) !important;
    border-color: var(--color-corporativo3) !important;
}


    .btn-primary:hover {
        color: #fff;
        background-color: var(--color-corporativo3_5) !important;
        border-color: var(--color-corporativo3_5) !important;
    }





.btn-indice {
    color: var(--color-corporativo3) !important;
    background-color: #FFFFFF !important;
    border-color: green !important;
    padding: 0.375rem 0.25rem !important;
}

    .btn-indice:hover {
        color: #FFFFFF !important;
        background-color: var(--color-corporativo3) !important;
        border-color: green !important;
    }

.errorspan {
    color: var(--color-error) !important;
}

._2020 {
    display: none !important;
}

.noalto {
    height: 100%;
}

.alto {
  
    overflow: auto;
}


@media (min-height: 500px) {
    .alto {
       max-height: 490px !important;
    }
}

@media (min-height: 600px) {

    .alto {
        max-height: 320px !important;
    }
}

@media (min-height: 700px) {

    .alto {
        max-height: 530px !important;
    }
}

@media (min-height: 800px) {

    .alto {
        max-height: 620px !important;
    }
}

@media (min-height: 900px) {

    .alto {
        max-height: 720px !important;
    }
}

@media (min-height: 1000px) {

    .alto {
        max-height: 820px !important;
    }
}




.permitidolectura {
    /*   border-color: black !important;
    border-width: thin !important;*/
    cursor: context-menu !important;
}

.permisoEscritura {
    /*   border-color: black !important;
    border-width: thin !important;*/
    cursor: pointer !important;
}



td.validacion {
    cursor: pointer !important;
    text-align: center !important;
    // font-weight: bold;
}



.alarma {
    color: red;
    font-size: 24px;
    background-color: transparent;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background-color: var(--color-corporativo3);
    color: #fff;
}

/********************** Validaciones **********************/

.div-infovalidacion {
    display: flex !important;
    width: 100%
}

.div-info-validacion-mensajeOK {
    display: flex;
    flex: 1;
    padding: 0px 0px 1px 28px;
    background-color: var(--color-corporativo3) !important; /* #228848;*/
    text-align: left;
    align-items: center;
    color: white
}

.div-info-validacion-mensajeNO {
    display: flex;
    flex: 1;
    padding: 0px 0px 1px 28px;
    background-color: var(--color-dato-rojo) !important; /* rgb(233 68 68);*/
    text-align: left;
    align-items: center;
    color: white
}

.div-info-validacion-mensajeNULO {
    display: flex;
    flex: 1;
    padding: 0px 0px 1px 28px;
    background-color: var(--color-dato-naranja) !important; /* -: rgba(250,191,143);*/
    text-align: left;
    align-items: center;
    color: white
}

.div-info-validacion-boton {
    padding: 10px 10px 10px 10px;
    text-align: right;
}





.btn-validacion {
    color: #fff;
    background-color: var(--color-dato-naranja) !important;
    border-color: var(--color-dato-naranja) !important;
}


    .btn-validacion:hover {
        color: #fff;
        background-color: var(--color-dato-naranja-seleccionado) !important;
        border-color: var(--color-dato-naranja-seleccionado) !important;
    }

.btn-validacion {
    color: #fff;
    background-color: var(--color-corporativo3) !important;
    border-color: var(--color-corporativo3) !important;
}


    .btn-validacion:hover {
        color: #fff;
        background-color: var(--color-corporativo3_5) !important;
        border-color: var(--color-corporativo3_5) !important;
    }




.nav-link:hover {
    color: var(--color-corporativo3);
   font-weight:600;
}

.nav-link {
    color: var(--color-corporativo3)
}

.nav-tabs .nav-link.active .alarma {
    color: white;
}

.modalnav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white !important;
    background-color: var(--color-corporativo3);
    border-color: #dee2e6 #dee2e6 #fff;
}

.modalnav .nav-tabs .nav-link {
    width: 300px;
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: var(--color-corporativo3)
}

.modalnav .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}



.modal-xl {
    max-width: 1240px
}

.control-label {
    font-weight: var( --font-weight-bold);
}


.spinner-duracion1 {
    animation-duration: 2s;
    animation-delay: 100ms;
}

.spinner-duracion2 {
    animation-duration: 2s;
    animation-delay: 150ms;
}

.spinner-duracion3 {
    animation-duration: 2s;
    animation-delay: 200ms;
}

.spinner-duracion4 {
    animation-duration: 2s;
    animation-delay: 250ms;
}

.spinner-duracion5 {
    animation-duration: 2s;
    animation-delay: 300ms;
}

.spin {
    opacity: 1;
    animation: fade 3s infinite;
}


@keyframes fade {
    0%,100% {
        opacity: 0
    }

    95%,5% {
        opacity: 0.1
    }

    90%,10% {
        opacity: 0.2
    }

    85%,15% {
        opacity: 0.3
    }

    80%,20% {
        opacity: 0.4
    }

    75%,25% {
        opacity: 0.5
    }

    70%,30% {
        opacity: 0.6
    }

    65%,35% {
        opacity: 0.7
    }

    60%,40% {
        opacity: 0.8
    }

    55%,45% {
        opacity: 0.9
    }

    50% {
        opacity: 1
    }
}

.spinner-group {
    position: fixed !important;
    top: 50%;
    left: 50%;
}


.border.p-2.selecciones {
    max-height: 600px;
    overflow: auto;
}


* {
    zoom: 1.0;
}

.notasTablaAnexo {
    display: unset;
}


@media (max-width: 1370px) {
    * {
        zoom: 0.98;
    }

    .modal-backdrop {
        zoom: 2 !important;
    }

    .notasTablaAnexo {
        display: none !important;
    }
}

@media (max-width: 800px) {
    * {
        zoom: 0.98;
    }

    .modal-backdrop {
        zoom: 2 !important;
    }



    .notasTablaAnexo {
        display: none !important;
    }
}


#divModalDato .modal-content {
    /* padding: 20px; */
    /*height: 400px;*/
    overflow: hidden;
    resize: vertical;
    /* width: 500px;*/
}


/*
#divModalDato {
    width: 1158px;
    height: 730px;
}*/
.modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}



.noapply62 {
    width: 100px;
    text-align: center !important;
}



.logintitulo {
    color: var(--color-corporativo3) !important;
    font-size: 19px;
    font-weight: bold;
}

.loginjustificadocenter {
    text-align: justify
}

.loginparrafo {
    color: #006257 !important;
}


.td-br0 {
    border-right: none !important;
}

.td-bl0 {
    border-left: none !important;
}

.td-bt0 {
    border-top: none !important;
}

.td-bb0 {
    border-bottom: none !important;
}

.td-br1 {
    border-right: 0.01px solid var(--color-corporativo3) !important;
}

.td-bt1 {
    border-top: 0.01px solid var(--color-corporativo3) !important;
}

.td-bl1 {
    border-left: 0.01px solid var(--color-corporativo3) !important;
}

.td-bb1 {
    border-bottom: 0.01px solid var(--color-corporativo3) !important;
}



.tabletipopam td {
    padding: 0rem !important;
}

.tabletipopamPam {
    padding: 0.5rem !important;
}



.mensajeEOF {
    color: var(--color-corporativo3) !important;
    font-size: 19px;
    font-weight: bold;
}

.mensajeNoRellenar {
    color: var(--color-dato-naranja) !important;
    font-size: 19px;
    font-weight: bold;
}


.modal-footer {
    border-top: 0px !important;
}

.mensajeSoloLectura {
    color: var(--color-corporativo3) !important;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}



#embed-container {
    height: calc(0.5625 * 71vw); /* calc(0.5625 * 61vw) 16:9 aspect ratio */
}





@media only screen and (max-width: 574px) {
    #embed-container {
        height: calc(0.5625 * 100vw); /* 16:9 aspect ratio */
    }
}



.GuideLines {
    color: var(--color-corporativo3) !important;
    font-size: 12px;
    font-weight: bold;
}


.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1 !important;
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.9 !important;
}





.form-check-input:checked {
    background-color: var(--color-corporativo3) !important;
    border-color: var(--color-corporativo3) !important;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1 !important;
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.9 !important;
}

.checknovalido {
    color: red;
    font-weight: bold;
}


mark {
    background-color: mark;
    color: marktext;
}


.titleValidacion{
    min-width:75px;
    max-width:75px;
}


.bloqueotabla {
    color: var(--color-corporativo3) !important;
    font-size: 1.25rem;
}


.validacion_Pendiente {
    color: orange;
    font-size: 24px;
    cursor: pointer !important;
}
.validacion_Valido {
    color: darkgreen;
    font-size: 24px;
    cursor: pointer !important;
}
.validacion_NoValido {
    color: red;
    font-size: 24px;
    cursor: pointer !important;
}