input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

::-webkit-scrollbar-track {
    background-color: transparent; }

::-webkit-scrollbar {
    height: 0px;
    width: 5px;
    background-color: transparent; }

::-webkit-scrollbar-thumb {
    box-shadow: inset 0px 0px 0px white;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1); }

::-moz-scrollbar-track {
    background-color: transparent; }

::-moz-scrollbar {
    height: 0px;
    width: 5px;
    background-color: transparent; }

::-moz-scrollbar-thumb {
    box-shadow: inset 0px 0px 0px white;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1); }

@font-face{
    font-family:'freescpt';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/freescpt.TTF');
}

@font-face{
    font-family:'comic';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/comic.TTF');
}

@font-face{
    font-family:'ds-digi';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/ds-digi.TTF');
}

@font-face{
    font-family:'digiti';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Digit.TTF');
}

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    background-color: white;
}

a{
    text-decoration: none;
}

#loadingindex {
    display: flex;
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    top: 0px;
    z-index: 900000;
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    background:  rgb(255,255,255);
    transition: all 0.5s ease-in-out; 
    justify-content: center;
    align-items: center;
    
}

#contenedorlogoloader{
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 120px;
}

#contenedorlogoloadercaja{ 
    position: relative;
    margin: auto;
    width: 100%;
    height: calc(100% - 20px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#imglogobase{ 
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
    width: auto;
    height: 80px;   
    animation: animarinsignia 3s infinite;    
    transform: rotate(0deg);
}

@keyframes animarinsignia{
    0%{transform: rotate(0deg);} 
    2.5%{transform: rotate(-2deg);}
    5%{transform: rotate(2deg);} 
    7.5%{transform: rotate(-2deg);}
    10%{transform: rotate(2deg);} 
    12.5%{transform: rotate(-2deg);}    
    15%{transform: rotate(2deg);}    
    17.5%{transform: rotate(-2deg);}    
    20%{transform: rotate(2deg);}
    22.5%{transform: rotate(-2deg);}    
    25%{transform: rotate(2deg);}
    27.5%{transform: rotate(-2deg);}
    30%{transform: rotate(2deg);} 
    32.5%{transform: rotate(-2deg);}
    35%{transform: rotate(2deg);} 
    37.5%{transform: rotate(-2deg);}    
    40%{transform: rotate(2deg);}    
    42.5%{transform: rotate(-2deg);}    
    45%{transform: rotate(2deg);}
    47.5%{transform: rotate(-2deg);}    
    50%{transform: rotate(2deg);}
    55%{transform: rotate(0deg);}
    100%{transform: rotate(0deg);}    
}

#contenedortextoloader{
    margin-top: 5px;
    position: relative;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items:   center;
    width: 100%;
    height: 20px;
}

#textoloader{
    user-select: none;
    width: 100%;
    font-family: sans-serif;
    font-size: 14px;
    font-style: italic;
    margin: auto;
    color: rgb(0,0,0);
}

.textoloadercover{
    background-color: rgb(255,255,255);
    position: absolute;
    height: 115px;
    width: calc(100% - 10px);
    right: 0;
    top: 3px;
    animation: animartextoloading 4s infinite steps(30); 
}

@keyframes animartextoloading{
    0%{width: calc(100% - 10px);}
    55%{width: 0%;}
    100%{width: 0%;}
}


#headerid{ 
    user-select: none;
    z-index: 101;
    transition: ease-in-out all 0.3s;
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: rgb(255,255,255);
    height: 70px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.contenedor{
    margin: auto;
    height: 100%;
    width: 100%;
    max-width: 1200px;
}

.headerlogo{
    float: left;
    height: 100%;
    width: 180px;  
    user-select: none;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#imglogoheader{
    padding: 3px;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
    height: 60px;
    width: auto;
    margin: auto;
}

.headermenu{
    user-select: none;
    float: left;
    height: 100%;
    width: calc(100% - 180px);   
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap:  wrap;
}

nav{
    padding-right: 20px;
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap:  wrap;
    gap: 25px;
}

.itemnav{
    box-sizing: border-box;
    position: relative;
    user-select: none;
    height: auto;
    width: 160px;
    font-family: sans-serif;
    color: rgb(0,0,0);
    transition: ease-in-out all 0.2s;
}

.itemnav:hover{
    padding-top: 10px; 
    color: rgb(12,158,114);
    cursor: pointer;
}

.itemnav:hover>.itembottom{
    background-color: rgb(12,158,114);
    width: 100%;
}

#itemnav1{
    width: 75px;    
}

#itemnav2{
    width:90px;    
}

#itemnav3{
    width: 95px;    
}

#itemnav4{
    width: 90px;    
}

#itemnav5{
    width: 83px;    
}

.itemnavleft{
    transition: ease-in-out all 0.3s;
    float: left;
    height: 70px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 18px;    
}

.itemnavright{
    transition: ease-in-out all 0.3s;
    padding-left: 3px;
    padding-right: 0px;
    float: left;
    height: 70px;
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 13px;    
}

.itembottom{
    background-color: rgba(255,255,255,0.7);
    border-radius: 2px;
    margin: auto;
    top: 66px;
    position: absolute;
    height: 4px;
    width: 0px;    
    transition:  ease-in-out all 0.3s;
}

.itemnavarrow{
    transition: ease-in-out all 0.3s;
    float: left;
    height: 70px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 15px;    
}

.contenedorarrow{
    transition: ease-in-out all 0.3s;
}

.itemnavul{
    display: none;
    border-radius: 0px 0px 5px 5px;
    opacity: 1;
    pointer-events: auto;
    margin-top: 70px;
    width: calc(100% + 50px);
    padding:5px;
    height: auto;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);    
}

.itemnavulli{
    font-family: sans-serif;
    font-size: 12.5px;
    color: rgb(12,158,114);
    height:40px;
    width: 100%;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(12,158,114,0.5);
    border-style: solid;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
}

.itemnavulli:hover{
    cursor: pointer;
    color: rgba(255,255,255,1);
    background-color: rgb(12,158,114);
}

.itemnavullilast{
    border-width: 0px;
}

.itemnavulliicono{
    margin: auto;
    height: 100%;
    width: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.itemnavullitexto{
    text-align: left;
    padding-top: 2px;
    margin: auto;
    height: 100%;
    width: calc(100% - 30px);
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.headersandwich{
    user-select: none;
    float: left;
    margin: auto;
    width: 50px;
    height: 70px;
    display: none;
    justify-content: center;
    align-content: center;
}

#sandwichsis{
    width: 40px;
    height: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all 0.2s ease-in-out;
}

#sandwichsis:hover{    
    cursor: pointer;
}

.sandwichhijos{
    background-color: rgb(0,0,0);
    width: 25px;
    height: 2px;
    border-radius: 1px;
    margin: 3px auto;
    transition: all 0.2s ease-in-out;
}

#sandwichsis:hover>.sandwichhijos{    
    background-color: rgb(12,158,114);
}

.headertransparencia{
    user-select: none;
    overflow: hidden;
    background-color: white;
    float: left;
    height: 100%;
    width: 200px;    
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.1s;
    cursor: pointer;
}

#imgtransparencia{
    filter: drop-shadow(0 1px 2px rgba(255,255,255,1));
    transition: ease-in-out 0.1s;
    padding: 5px;
    margin: auto;
    height: auto;
    width: calc(100% - 10px);
}

.headertransparencia:hover{
    background-color: rgb(12,158,114);
}

.headertransparencia:hover>#imgtransparencia{
    padding: 0px;    
}

.pantalla{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#pantallaubicacion{
   padding: 0px 10px;
}

#pantallamapa{    
    padding: 0px 10px;
}

#pantalladocinsitucionales{
    max-width: 1300px;   
    padding: 0px 10px;
    width: 100%;
    height: 700px;
    margin-top: 70px;    
}

.documentosinicio{
    height: auto;
    min-height: 500px;  
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    color: rgba(12,158,114,0.6);
}

.documentosiniciocenter{
    text-align: center;
}

.documentosinicioicono{
    margin: auto;
    height: 100px;
    width: 150px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(12,158,114,0.6);
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 25px;
    padding: 5px;
}

.documentosiniciotexto{
    margin: auto;
    width: 100%;
    height: auto;
    padding: 5px 10px;
    font-family: 'comic';
    font-size: 15px;
}

#modalintranet{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    transition: ease-in-out all 1s;    
    z-index: 102;
    position: fixed;
    height:100%;
    width: 100%;
    background-color: rgba(12,158,114,.95); 
    backdrop-filter: blur(0.5px);
}

.modalintranetfloat{
    border-radius: 50%;
    font-size: 17px;
    color: rgba(255,255,255,0.8);
    top: 5px;
    right: 5px;
    position: absolute;
    float: right;
    height: 30px;
    width: 30px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
}

.modalintranetfloat:hover{
    cursor: pointer;
    color: white;  
    transform: rotate(180deg);
}

.modalintranetpantalla{   
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap:10rem;
}

.intranetopcion{
    pointer-events: none;
    user-select:none;
    color: rgba(255,255,255,0.7);
    height: 120px;
    width: 120px;    
    cursor: pointer;
    transition: ease-in-out all 0.2s;
}

.intranetopcion:hover{    
    color: rgba(255,255,255,1);
}


.intranetopcionicono{
    border-radius: 50%;
    background-color: rgba(255,255,255,0.1);
    margin: 5px auto;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 30px;
    transition: ease-in-out all 0.1s;
}

.intranetopcion:hover>.intranetopcionicono{
    margin: 0px auto;
    width: 90px;
    height: 90px;
    background-color: rgba(255,255,255,0.2);    
    
}

.intranetopciontexto{
    user-select:none;
    font-family: sans-serif;
    font-size: 15px;
    width: 120px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.contenedorloginintranet{
    opacity: 0;
    pointer-events: none; 
    display: none;
    border-radius: 5px;
    width: 250px;
    height: 220px;
    background-color: white;
    box-shadow: 0 0 7px rgba(255,255,255,0.7);  
    transition: ease-in-out all 0.3s;
}

#encabezadofrmlogin{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    width: 240px;
    height: 30px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgb(0,0,0);
}

#contenedorlogofrm{
    color: rgb(0,0,0);
    font-size: 15px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}

#contenedorcerrarfrm{
    right: -12px;
    top: -15px;
    position: absolute;
    border-radius: 50%;
    background-color: white;
    color: rgb(0,0,0);
    font-size: 15px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    transition: ease-in-out all 0.3s;
}

#contenedorcerrarfrm:hover{    
    cursor: pointer;
    background-color: rgb(0,0,0);
    color: white;
    transform: rotate(360deg);
}

#contenedortextologofrm{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
    height: 30px;
    width: calc(100% - 40px);
}

#textologofrm{
    text-align: left;
    color: rgb(0,0,0);
    font-size: 13px;
    font-family: sans-serif;
}

.inputlogin{
    box-sizing: border-box;
    color: rgb(0,0,0);
    margin: 15px auto 0px 25px;
    font-family: sans-serif;
    font-size: 13px;
    padding-left: 5px;
    outline: none;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    border-style: solid;
    border-color: rgb(0,0,0);
    background-color: transparent;
    height: 25px;
    width: 200px;    
}

.inputlogin::placeholder{
    color: rgba(120,120,120,0.7);
    font-style: italic;
}

.contenedorpassword{
    margin: 20px auto 0px auto;
    color: white;
    font-family: sans-serif;
    font-size: 13px;
    outline: none;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    border-style: solid;
    border-color: rgb(0,0,0);
    background-color: transparent;
    height: 25px;
    width: 200px;
}

#passlogin{
    margin-left: 0px;
    margin-top: 0px;
    box-sizing: border-box;
    float: left;
    width: 170px;
    border-width: 0px;
}

.contenedorojologin{
    position: relative;
    color: rgba(120,120,120,0.7);
    font-size: 15px;
    padding-bottom: 10px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;    
}

.contenedorojologin:hover{
   cursor: pointer;
   color: rgb(12,158,114);
}

.ojologintooltip{
    opacity: 0;
    transition: ease-in-out all 0.3s;
    pointer-events: none;
    visibility: hidden;
    bottom: -25px;
    border-radius: 3px;
    position: absolute;
    font-family: sans-serif;
    font-size: 12px;
    background-color: rgb(12,158,114);
    width: 120px;
    height: 25px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(255,255,255,0.9);
}

.ojologintooltiptraignulo{
    opacity: 0;
    transition: ease-in-out all 0.3s;
    pointer-events: none;
    visibility: hidden;
    position: absolute;    
    display: block;
    border-bottom: 8px solid rgb(12,158,114);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    left: calc(50% - 8px);
    bottom: 0px;
}

.contenedorojologin:hover .ojologintooltip{
    opacity: 1;
    visibility: visible;
}

.contenedorojologin:hover .ojologintooltiptraignulo{
    opacity: 1;
    visibility: visible;
}

.btnlogin{
    border-radius: 3px;
    margin-left: 25px;
    margin-top: 35px;
    color: rgba(255,255,255,0.8);
    height: 30px;
    border-width: 0px;
    width: 200px;   
    outline: none;    
    border-style: solid;
    background-color: rgb(0,0,0);
    transition:  ease-in-out all 0.3s;
}

.btnlogin:hover{
    background-color: rgb(12,158,114);
    cursor: pointer;
}

.contenedorslider{
    background-color: white;
    padding: 90px 10px 10px 10px;
    position: relative;    
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider{
    position: relative;
    border-radius: 6px;
    width: 100%;
    max-width: 1300px;
    height: auto;
    min-height: 500px;
    background-color: black;
    overflow: hidden;    
}

.headersistema{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    width: 100%;
    height: 60px;
    background-color: rgb(255,255,255);
    position: fixed;
    z-index: 3;
}

#imglogoheadersistemaweb{
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    height: 55px;
    width: auto;
    margin: auto;
}

.headersandwichsistemaweb{
    user-select: none;
    float: right;
    margin: auto;
    width: 50px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.menuverticalsistemaweb{
    user-select: none;
    opacity: 0;
    top: 60px;
    transition: ease-in-out all 0.5s;
    right: -250px;
    z-index: 3;
    position: fixed;
    height: calc(100% - 60px);
    width: 250px;
    background-color: rgba(0,0,0,.85);
    overflow-y: scroll;
}

#contenedordatosuser{
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

#contenedorlogouser{
    border-color: rgba(255,255,255,0.90);
    border-style: solid;
    border-width: 2px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 45px;
    height: 45px;
    border-radius: 50%; 
    color: rgba(255,255,255,0.90);
    font-size: 22px;
}

#contenedornombreuser{ 
    margin: 0px 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 50px);
    height: auto;
    min-height: 30px;
    color: rgba(255,255,255,090);
    font-family: sans-serif;
    font-style: italic;
    font-size: 12px;
    padding-top: 5px;
    text-align: center;
}

.itemnavvertical{
    overflow: hidden;
    font-family: sans-serif;
    color: rgba(255,255,255,0.90);
    margin: auto;
    width: calc(100% - 10px);
    height: 50px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(255,255,255,0.3);
    transition: ease-in-out all 0.3s;
}

.heigh60px{
    height: 60px;
}

#itemsistemanavverticallast{
    border-width: 0px;
}

.itemnavvertical:hover{
    padding-left: 10px;
    color: rgba(255,255,255,1);
    cursor: pointer;
}

.pantallasistema{
    width: 100%;
    position: fixed;
    height: calc(100% - 60px);
    top: 60px;
    background-color: white;
}

.bienvenido{    
    height: 100%;
    width: 100%;
    opacity: 0.4;
}

#contenedorimgbienvenido{
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;   
    width: 100%;
    height: calc(100% - 150px);
}

#imgbienvenido{
   width: 100%;
   max-width: 350px;
   height: auto;
}

#contenedortextobienvenido{
    padding: 0px 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    font-size: 13px;
    font-family: sans-serif;
    font-style: italic;
}

#textbienvenido{
    color: rgb(0,0,0);
}

.sistemawebpantallacontenedor{
    position: relative;
    height: 100%;
    width: 100%;
    padding: 5px 10px;
    text-align: center;
}

.sistemawebpantallatopdirectorio{
    position: fixed;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
    font-family: sans-serif;
    min-height: 40px;
    height: auto;
    width: calc(100% - 20px);
    margin: 5px auto 5px auto;
    color: rgba(255,255,255,1);
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebpantallatopdirectorio2{
    padding: 5px;
    top: 10px;
    position: absolute;
    border-radius: 5px;
    overflow: hidden;
    font-family: sans-serif;
    min-height: 40px;
    width: calc(100% - 20px);
    height: auto;
    color: rgba(255,255,255,1);
    transition: ease-in-out all 0.3s;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebopcionnombre2{
    height: 40px;
    width: 100%;    
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background: rgb(0,0,0);
}

.sistemawebopcionnombrehidden{
    display: none;
    height: auto;
    width: 100%;
}

.sistemawebopcionnombre3{
    padding: 5px;
    min-height: 40px;
    height: auto;
    width: 100%;  
    display: flex;
    justify-content: flex-end;
    background: rgba(0,0,0,.8);
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
    gap: 5px;
}

.selectbuscador{
    color: white;
    background-color: rgba(0,0,0,0.2);
    width: 100px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255,255,255,0.5);
    font-size: 12px;
    padding-left: 5px;
    outline: none;
    height: 25px;
}

.formloginoption{
    font-size: 11px;
    height: 15px;
    background-color: rgb(255,255,255);
    color: black;
}

.sistemawebopcionnombreleft{
    float: left;
    height: 40px;
    width: 30px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebopcionnombrecenter{
    padding: 0px 5px 0px 0px;
    float: left;
    height: 40px;
    width: calc(100% - 105px);
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebopcionnombrecenter3{
    padding: 0px 5px 0px 0px;
    float: left;
    height: 40px;
    width: calc(100% - 285px);
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.bnthover{
    margin-top: 5px;
    height: 30px;
    width: 30px;
    transition: ease-in-out all 0.3s;
    cursor: pointer;
    border-radius: 50%;
}

.bnthover:hover{
    transform: rotate(360deg);
    background-color: white;
    color: rgb(12,158,114);
}

.sistemawebopcionnombrecenter2{
    padding: 0px 5px 0px 0px;
    float: left;
    height: 40px;
    width: calc(100% - 70px);
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebopcionnombreright{
    margin-left: 5px;
    background-color: white;
    border-radius: 3px;
    float: left;
    height: 30px;
    width: 30px;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgb(0,0,0);
    transition: ease-in-out all 0.1s;
}

.sistemawebopcionnombreright:hover{
    cursor: pointer;
    font-size: 19px;
}

.sistemawebopcionnombrerightselect{
    font-size: 12px;
    border-style: solid;
    outline: none;
    padding-left: 3px;
    border-width: 1px;
    border-color: rgba(255,255,255,0.3); 
    border-radius: 3px;
    color: rgba(255,255,255,0.8); 
    background-color: transparent;
    outline: none;
    width: 100%;
    max-width: 250px;
    height: 20px;
}

.sistemawebopcionnombrerightselectoption{
    font-family: sans-serif;
    color: rgb(12,158,114);
    height: 15px;
    font-size: 12px;
    padding: 0px 3px;
    background-color: white;
}

.sistemawebpantallacenter{
    overflow: hidden;
    font-family: sans-serif;
    height: 25px;
    width: 100%;
    margin: 0px auto 5px auto;
    color: rgba(255,255,255,0.95);    
}

.contenedorbuscador{
    background-color: white;
    position: relative;
    overflow: hidden;
    height: 25px;
    width: 100%;
    max-width: 400px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.contenedorbuscador2{
    box-sizing: border-box;
    margin: 10px auto;
    float: left;
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 400px;
    border-color: rgb(154,39,175);
    border-style: solid;
    border-width: 1px;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.conenedorfuaaseguradobusquedaleft{
    height: 100%;
    width: calc(100% - 80px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;    
}

.conenedorfuaaseguradobusquedaright{
    height: 100%;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;    
}

.imgbuscador{    
    width: 25px;
    height: 21px;
    color: rgb(0,0,0);
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 50%;
}

.buscadorinput{
    user-select:none;
    text-align: left;
    background-color: transparent;
    padding-left: 5px;
    font-family: sans-serif;
    color: rgb(0,0,0);
    font-style: italic;
    font-size: 13px;
    outline: none;
    border-width: 0px;
    height: 21px;
    width: calc(100% - 25px);
}

.buscadorinput::placeholder{
    color: rgba(0,0,0,0.6);
}

.imgrefresh{
    width: 25px;
    height: 21px;
    color: rgb(12,158,114);
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 50%;
    transition: ease-in-out all 0.3s;
    
}

.imgrefresh:hover{
    cursor: pointer;    
    transform: rotate(360deg);
}

.sistemawebpantallabottomdirectorio{
    height: calc(100% - 60px);
    width: 100%;
    margin: 55px auto auto auto;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(0,0,0);
    padding: 5px;
}

.pantallaindicaciones{
    margin: auto;
    font-family: sans-serif;
    font-size: 13px;
    font-style: italic;
    color: rgb(0,0,0);
    padding: 5px;
    padding-top: 100px;
    height: 100%;
    width: 100%;
    max-width: 800px;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.sistemawebpantallabottomresultados{
    padding-top: 5px;
    height: calc(100% - 65px);
    width: 100%;
    overflow-y: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

#sistemawebpantallabottomresultadosidresolucion{
    display: block;
}

#sistemawebpantallabottompaginacioninfocenterid{
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
}

.sistemawebpantallabottompaginacioninfo{
    padding-bottom: 5px;
    width: 100%;
    color: rgba(100,100,100,0.9);
    text-align: justify;
    font-family: sans-serif;
    font-size: 11px;   
    font-style: italic;
}

.avisorojo{
    padding: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 25px;
    color: rgb(235,84,99);
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;   
    font-style: italic;
    margin: 10px
}

.avisoverde{
    padding: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 25px;
    color: rgb(12,158,114);
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;   
    font-style: italic;
    margin: 10px
}

.divseccionbody{
    height: 100%;
    width: 100%;
    padding: 10px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.tabla1{
    width: auto;
    max-width: calc(100% - 20px);
    box-sizing: border-box;    
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    border-collapse: collapse;
    font-family: sans-serif;
    font-size: 13px;
    margin: 15px auto;
    color: rgba(0,0,0,0.8);
    border-style: solid;
    border-width: 8px;
    border-color: rgba(0,0,0,0);
    background-color: white;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.tabla1trh{
    height: 25px;
}

.tabla1th{
    padding: 0px 5px;
    text-align: center;
}

.tabla1trb{
    font-size: 12px;
    height: auto;
    min-height: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0,0,0,0.5);
    transition: ease-in-out all 0.3s;
}

.tabla1trb:hover{
    cursor:  default;
   background-color: rgba(74,83,136,0.04);
}

.tabla1tdleft{
    padding: 5px 10px;
    text-align: left;
}

.tabla1tdright{
    padding: 5px 10px;
    text-align: right;
}

.tabla1tdcenter{
    padding: 5px 10px;
    text-align: center;
}

.tabla1tdjustify{
    padding: 5px 10px;
    text-align: justify;
}

.tabla1left{
    padding: 5px 10px;
    text-align: left;
}

.thresluciontitulo{
    max-width: 250px;
}

.thresluciondescripcion{
    max-width: 400px;
}

.divtdoptioncontenedor{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.divtdoption{
    padding: 3px;
    cursor: pointer;
    font-size: 15px;
    width: 23px;
    height:23px;
    margin: auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; 
    transition: ease-in-out all 0.3s;
}

.divtdoption:hover{    
    cursor: pointer;
    color: rgb(12,158,114);
}

.sistemawebpantallabottompaginacion{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    height: 65px;
    width: 100%;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: rgb(0,0,0);
    overflow-y: scroll;
}

.sistemawebpantallabottompaginacionnumpag{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-color: rgb(0,0,0);
    border-style: solid;
    border-width: 1px;
    color: rgb(0,0,0);
    font-family: sans-serif;
    font-size: 13px;
    height: 25px;
    width: 25px;
    transition: ease-in-out all 0.5s;
    font-weight: bold;
}

.sistemawebpantallabottompaginacionnumpag:hover{
    transform: rotate(360deg);
    cursor: pointer;    
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-color: rgb(0,0,0);
    background-color: rgb(0,0,0);
    color: white;
}

.sistemawebpantallabottompaginacionnumpagverde{
    background-color: rgb(0,0,0);
    color: white;
}

.btnslidernuevo{  
    z-index: 2; 
    left: 7px;
    user-select:none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    position: absolute;    
    bottom: 10px;
    background-color: rgba(0,0,0,0.8);
    width: 45px;
    height: 45px;
    border-radius: 50%;  
    color: rgb(255,255,255);
    font-size: 12px;
    transition: ease-in-out all 0.3s;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

.btnslidernuevo:hover{
    cursor: pointer;
    background-color: rgb(12,158,114);
    transform: rotate(360deg);
}

.btnslidernuevoplus{
    padding-right: 2px;
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;   
    font-size: 9px;
}

.btnslidernuevoicon{
    width: 60%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;   
    font-size: 16px;
}

#modalcontenidosistemaadministrativonuevaresolucion{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativonuevaresolucion2{
    pointer-events: none;
    opacity: 0;
    top: auto;
    left: 0px;
    bottom: 0px;
    transition: ease-in-out all 1s;    
    z-index: 1000;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(74,83,136,0.95);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoeditarresolucion{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoproyectobalance{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoproyectobalanceegresos{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoproyectobalanceopciones{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoproyectobalanceopcioneseditar{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoempresausuario{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoCotizacion{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoCotizacionOpciones{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativoCotizacionVisualizacion{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#modalcontenidosistemaadministrativovinculoresolucion{
    pointer-events: none;
    opacity: 0;
    top: 0px;
    left: 0px;
    transition: ease-in-out all 1s;    
    z-index: 5;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(74,83,136,0.95);
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

.contenedormergente{    
    position: relative;
    border-radius: 5px;
    max-width:820px;
    margin: auto;
    width: calc(100% - 20px);
    height: auto;
    max-height: calc(100% - 30px);
    background-color: white;
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
}

#contenedormergentefrmnuevaresolucion{ 
    max-width: 400px;
}

#contenedormergentefrmeditarresolucion{    
    max-width: 400px;
}

#contenedormergentefrmproyectobalance{  
    max-width: calc(100% - 20px);
    height: calc(100% - 20px);
    max-height: calc(100% - 20px);
}

#contenedormergentefrmproyectobalanceegresos{  
    max-width: calc(100% - 20px);
    height: calc(100% - 20px);
    max-height: calc(100% - 20px);
}

#contenedormergentefrmproyectobalanceopciones{  
    max-width: 400px;
}

#contenedormergentefrmproyectobalanceopcioneseditar{  
    max-width: 400px;
    height: calc(100% - 20px);
}

#contenedormergentefrmempresausuarioresolucion{    
    max-width: 600px;
    height: calc(100% - 30px);
}

#contenedormergentefrmCotizacion{    
    max-width: 600px;
    height: calc(100% - 30px);
}

#contenedormergenteCotizacionOpciones{    
    max-width: 400px;
}

#contenedormergentefrmCotizacionVisualizacion{    
    max-width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0px;
    background-color: transparent;
}

#contenedormergentefrmeditarresoluciondocumento{    
    max-width: 400px;
    height: calc(100% - 20px);
}

#contenedormergenteenlaceresolucion{   
    margin-top: 50px;
    max-width: 600px;
    height: auto;
    padding: 10px 10px 15px 10px;
}

#frmnuevaresolucion{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow: scroll;
}

#frmeditarresolucion{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow: scroll;
}

#frmproyectobalance{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow: scroll;
}

#frmproyectobalanceegresos{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow: scroll;
}

#frmproyectobalanceopciones{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow: scroll;
}

#frmproyectobalanceopcioneseditar{
    padding: 10px;
    height: 100%;
    width: 100%; 
    overflow-y: scroll;
}

#frmempresausuarioresolucion{
    padding: 10px;
    height: 100%;
    width: 100%;
    overflow: scroll;
}

#frmCotizacion{
    padding: 10px;
    height: 100%;
    width: 100%;
}

#frmCotizacionOpciones{
    padding: 10px;
    height: 100%;
    width: 100%;
}

#frmCotizacionVisualizacion{
    padding: 10px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: transparent;
    overflow-x: scroll;
    overflow-y: scroll;
}
.embedvisualizacion{
    width: 100%;
    height: 100%;
}

.empresausuarioresultados{
    margin-top: 10px;
    padding: 10px;
    height: calc(100% - 120px);
    width: 100%; 
    overflow: scroll;
    background-color: rgba(12,158,114,0.05);
    border-radius: 3px;
}

.empresausuarioresultados2{
    margin-top: 5px;
    padding: 10px;
    height: calc(100% - 235px);
    width: 100%; 
    overflow: scroll;
    background-color: rgba(12,158,114,0.05);
    border-radius: 3px;
}

.contenedormergentetitulo{
    font-family: sans-serif;
    color:  rgb(12,158,114);
    height: 30px;
    width: 100%;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color:  rgb(12,158,114);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.contenedormergentetitulo0{
    font-family: sans-serif;
    color:  rgb(12,158,114);
    height: 30px;
    width: 100%;
    border-width: 0px;   
}

.contenedormergentetitulo01{
    font-family: sans-serif;
    font-style: italic;
    color:  rgb(150,150,150);
    height: 30px;
    width: 100%;
    border-width: 0px;    
}

.contenedormergentetituloleft{
    font-size: 17px;
    float: left;
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.contenedormergentetituloright{
    font-size: 13px;
    float: left;
    width: calc(100% - 30px);
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.heightautomin30{
    height: auto;
    min-height: 30px;
}

.comunicadoeditarfecha{
    height: 35px;
    width: 100%;   
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#resolucionfecha{
    margin-top: 10px;
}

#resoluciontitulo{
    margin-top: 10px;
    height: auto;
}

#resoluciontituloeditar{
    margin-top: 15px;
    height: auto;
    border-color: rgb(74,83,136);
    border-style: solid;
    border-width: 1px 0px 0px 0px;
}

#resolucionmostrarpdf{
    position: relative;
    width: 120px;
    margin-top: 10px;
    height: 150px;
}

.resolucionclaseiframepdf{ 
    border-width: 0px;
    outline: none;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.coverpadf{
    opacity: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'comic';
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: ease-in-out all 0.3s;
    background-color: rgba(12,158,114,0.8);
}

.coverpadf:hover{
    cursor: pointer;    
    opacity: 1;
}

.resolucionnuevaitemcontenedor{
    width: 100%;
}

#resolucioncontenedorenlace{
    text-align: left;
    word-break: break-all;
    word-break: break-word;
    width: 100%;
    margin: 0px;
    font-size: 13px;
    font-family: 'comic';
    padding: 10px 5px 5px 5px;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(74,83,136,0.9); 
    transition: ease-in-out all 0.3s;
}

#resolucioncontenedorenlace:hover{
    cursor: pointer;
    color: rgb(12,158,114);   
}

#inputtextcontenedorenlace{
    opacity: 0;
    user-select: none;
    pointer-events: none;
    font-size: 9px;
    border-width: 0px;
    outline: none;
    height: auto;
    text-align: left;
    word-break: break-all;
    word-break: break-word;
    width: 100%;
}

#resolucioncontenedorenlacetituloresolucion{
    user-select:none;
    text-align: left;
    margin: 0px;
    font-size: 11px;
    font-family: sans-serif;
    font-style: italic;
    padding: 0px 5px;;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(74,83,136,0.6);    
}

#resolucioncontenedorenlacetituloresolucion2{
    opacity: 0;
    visibility: hidden;
    left: 15px;
    bottom: 8px;
    position: absolute;
    transition: ease-in-out all 0.3s;
    user-select:none;
    text-align: left;
    margin: 0px;
    font-size: 12px;
    font-family: sans-serif;
    font-style: italic;
    padding: 3px 5px;;
    height: auto;
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: white; 
    background-color: rgb(12,158,114);
    border-radius: 3px;
}

#resolucionnuevaitemcontenedortop{
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#resolucionnuevaitemcontenedorbottom{
    height: 50px;
    overflow: hidden;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(12,158,114);
}

#resolucionnuevaitemcontenedorbottom2{
    height: 100px;
    overflow: hidden;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(12,158,114);
}

#resolucionnuevaitemcontenedorbottom3{
    margin-top: 10px;
    padding: 3px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(12,158,114);
}

.textareacomunicadoparrafo{
    border-width: 0px;
    color: rgb(12,158,114);
    font-size: 12px;
    text-align: justify;    
    outline: none;
    resize: none;
    width: 100%;
    height: calc(100% - 15px);
    padding: 5px;
    overflow-y: scroll; 
    font-style: italic;
    font-family: sans-serif;
}

.textareacomunicadoparrafo::placeholder{
    color: rgba(12,158,114,0.5);    
}

.textareacomunicadoparrafocontador{
    margin-top: -5px;
    text-align: right;
    color: rgba(12,158,114,0.5);
    font-size: 10px;
    width: 100%;
    height: 15px;
    padding: 2px 5px;
    font-style: italic;
    font-family: sans-serif;
}

.filearchivopdf{
    outline: none;
    width: 100%;
    height: 100%;
    transition: ease-in-out all 0.3s;
}

.comunicadoeditarfechaitem{
    font-family: sans-serif;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    color: rgba(12,158,114,1);
}

#comunicadoeditarfechaitemicono{
    width: 18px;
}

#resolucionfechaitemicono{
    width: 18px;
}

#resoluciontituloitemicono{
    background-color: white;
    width: 18px;
}

#comunicadoeditarfechaitemdenominacion{
    overflow: hidden;
    justify-content: flex-start;
    width: 95px;
    padding-left: 5px;
    font-size: 13px;
}

#resolucionfechaitemdenominacion{
    overflow: hidden;
    justify-content: flex-start;
    width: 95px;
    padding-left: 5px;
    font-size: 13px;
}

#resoluciontituloitemdenominacion{
    background-color: white;
    overflow: hidden;
    justify-content: flex-start;
    width: 95px;
    padding-left: 5px;
    font-size: 13px;
}

.inputdatecomunicadofecha{
    padding-left: 5px;
    border-width: 0px;
    border-color: rgb(12,158,114); 
    color: rgb(12,158,114); 
    background-color: rgba(12,158,114,0.1);
    outline: none;
    width: 135px;
}

.inputdatecomunicadofechanum{
    text-align: center;
    border-radius: 3px;
    padding-left: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(12,158,114); 
    color: rgb(12,158,114); 
    background-color: white;
    outline: none;
    width: 40px;
}

.inputdatecomunicadofechanum::placeholder{
    color: rgba(120,120,120,0.5);
}

#comunicadoeditarfechaitemdate{
    padding-left: 15px;
}

#resolucionfechaitemdate{
    padding-left: 0px;
}

.contenedorcalculadora{
    border-style: solid;    
    border-width: 1px;
    border-color: rgb(12,158,114);
    margin-top: 10px;
    height: 75px;
    width: 180px;  
    background-color: rgba(12,158,114,0.1);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.contenedorcalculadoraicono{
    font-size: 20px;
    float: left;
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(12,158,114,0.8);
}

.contenedorcalculadoracuerpo{
    font-size: 18px;
    float: left;
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(12,158,114,1);
    box-sizing: border-box;
}

#top{
    padding-right: 35px;
    font-family: 'digiti';
    font-size: 20px;
    justify-content: flex-end;
}

.inputnumcalc{
    outline: none;
    width: calc(100% - 30px);
    height: 22px;
    background-color: transparent;
    font-family: 'ds-digi';
    border-width: 0px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: right;
    padding: 0px 5px 2px 0px;
    color: rgba(100,100,100,1);
}

.inputnumcalc::placeholder{
    color: rgba(100,100,100,0.6);
}

.comunicadoeditarfecha2{
    border-style: solid;    
    border-width: 0px 0px 1px 0px;
    border-color: rgb(12,158,114); 
    margin-top: 10px;
    height: 30px;
    width: 100%;   
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.comunicadoeditarfechaitem2{
    width: 100%;
    font-family: sans-serif;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    color: rgba(12,158,114,0.8);
}

.comunicadoeditarfechaitem3{
    width: 100%;
    font-family: sans-serif;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    color: rgba(12,158,114,0.8);
}

.border0{
    border-width: 0px;
}

.inputdatecomunicadofecha2{
    font-size: 12px;    
    outline: none;
    padding-left: 5px;
    border-width: 0px;     
    color: rgb(12,158,114); 
    background-color: transparent;
    outline: none;
    width: calc(100% - 30px);
    max-width: 400px;
    height: 25px;
}

.inputdatecomunicadofecha2::placeholder{
    color: rgba(120,120,120,0.5);
}

.inputdatecomunicadofecha3{
    font-size: 13px;    
    outline: none;
    padding-left: 5px;
    border-width: 0px;     
    color: rgb(12,158,114); 
    background-color: transparent;
    outline: none;
    width: calc(100% - 30px);
    height: 25px;
}

.inputdatecomunicadofecha3::placeholder{
    color: rgba(120,120,120,0.5);
}

.selectnuevaespecialidad{
    font-size: 12px;
    border-style: solid;
    outline: none;
    padding-left: 5px;
    border-width: 1px;
    border-color: rgb(12,158,114); 
    color: rgb(12,158,114); 
    background-color: rgba(12,158,114,0.1);
    outline: none;
    width: 100%;
    max-width: 400px;
    height: 25px;
}

.selectnuevafechanac{
    font-size: 12px;
    border-style: solid;
    outline: none;
    padding-left: 5px;
    border-width: 1px;
    border-color: rgb(12,158,114); 
    color: rgb(12,158,114);
    background-color: rgba(12,158,114,0.1);
    outline: none;
    width: calc(100% - 30px);
    height: 25px;
}

#selecttipoegresoid{
    margin-left: 0px;
}

.optionnuevo{
    height: 20px;
    font-size: 11px;
    padding: 0px 5px;
    background-color: white;
}

#contenedorbtncambiardatos{
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

#contenedorbtncambiararchivo{
    margin-top: -35px;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; 
}

#contenedorbtnsubir{
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; 
    gap: 5px;
}

.mensajeactualizacion1{
    opacity: 0;
    pointer-events: none;
    width: calc(100% - 40px);
    height: 35px;
    border-radius: 3px;
    background-color: black;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
}

.mensajeactualizacion2{
    opacity: 0;
    pointer-events: none;
    width: calc(100% - 120px);
    height: 35px;
    border-radius: 3px;
    background-color: black;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
}

.btnsubir{
    outline: none;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: white;
    background-color: rgb(12,158,114);
    transition: ease-in-out all 0.5s;
    font-size: 18px;
}

.btnsubir:hover{
    cursor: pointer;
    background-color: rgb(0,0,0);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.btagregar{
    margin-left: 5px;
    outline: none;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: white;
    background-color: rgb(12,158,114);
    transition: ease-in-out all 0.5s;
    font-size: 14px;
}

.btagregar:hover{
    cursor: pointer;
    background-color: rgb(0,0,0);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#idbtagregaregreso{
    display: none;
}

.rotate90y{
    transform: rotateX(180deg);
}

.contenedormergentefloat{
    box-shadow: 0 0 10px rgba(255,255,255,0.5);
    background-color: white;
    position: absolute;
    top: -7px;
    right: -7px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 15px;
    color: rgb(12,158,114);
    transition: ease-in-out all 0.3s;
    user-select: none;
}

.contenedormergentefloat:hover{
    cursor: pointer;
    color: white;
    background-color: rgb(12,158,114);
    transform: rotate(360deg);
}

#contenedormergentefloatCotizacionVisualizacion{
    top: 0px;
    right: 0px;
    height: 30px;
    width: 30px;
    border-radius: 0%;
    color: white;
    background-color: transparent;
    box-shadow:  none;
    font-size: 23px;
}

#contenedormergentefloatCotizacionVisualizacion:hover{
    color: rgb(12,158,114);
    transform: rotate(90deg);
}

#modalwating{
    opacity: 0;
    left: 0px;
    pointer-events: none;
    top: 0px;
    transition: ease-in-out all 1s;    
    z-index: 6;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(255,255,255);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

#imgwating{
    height: 70px;
    width: auto;
}

.pantallasliderleft{
    margin-top: 10px;
    float: left;      
    width: 250px;
    height: calc(100% - 20px);
    overflow-y: scroll;
    border-width: 0px 1px 0px 0px;
    border-style: dotted;
    border-color: rgb(12,158,114);
}

.pantallasliderleftcontenedorimg{
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(120,120,120,0.7);
    border-radius: 5px;
    overflow: hidden;
    opacity: 0.7;
    text-align: center;
    width: calc(100% - 20px);
    height: auto;
    margin: 20px 10px;
    transition: ease-in-out all 0.3s;
}

.pantallasliderleftcontenedorimg:hover{
    box-shadow: 0 0 7px rgba(0,0,0,0.7);
    cursor: pointer;
}

.pantallasliderleftimg{
    width: 100%;
    height: auto;
}

.pantallasliderleftimgedit{
    margin: 5px 0px;
    width: 100%;
    height: auto;
}

.pantallasliderleftimgtexto{
    margin: auto;
    padding-bottom: 3px;
    color: rgb(12,158,114);
    font-family: sans-serif;
    font-size: 12px;    
}

.pantallasliderrigth{
    margin-top: 10px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;  
    width: calc(100% - 250px);
    height: calc(100% - 20px);
    overflow-y: scroll;
}

.pantallasliderrigthcontenedorimg{
    text-align: center;
    margin: auto;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.pantallasliderrigthcontenedorimgleft{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;  
    float: left;
    height: 100%;
    width: calc(100% - 40px);
}

.pantallasliderrigthimg{
    border-radius: 5px;
    width: calc(100% - 30px);
    height: auto;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(12,158,114);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.contenedorimgvacio{
    text-align: center;
    margin: auto;
    color: rgba(12,158,114,0.4);
    font-size: 100px;
}

.imgvaciotexto{
    margin-top: -5px;
    font-size: 15px;
    font-family: sans-serif;
    font-style: italic;
}

.pantallasliderrigthcontenedorimgrigth{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;  
    float: left;
    height: 100%;
    width: 40px;
}

.pantallasliderrigthcontenedorimgrigthoptions{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    height: auto;
    width: 30px;
    color: rgb(12,158,114);
    font-size: 25px;    
}

.contenedoroptionsimgslider{
    color: rgb(74,83,136);
    margin-top: 14px;
    transition: ease-in-out all 0.3s;
}

.contenedoroptionsimgslider:hover{
    cursor: pointer;
    color: rgb(12,158,114);
}

.imgslidernota{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: sans-serif;
    font-size: 13px;
    font-style: italic;
    color: rgb(120,120,120);
    height: 20px;
    padding: 0px 5px;    
}

.margintop5px{
    margin-top: 5px;
}

.imgslider{
    padding: 5px;
    margin-top: 10px;
    width: 100%;
    height: 35px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(12,158,114);
}

.menuenlaces{
    padding: 20px;
    width: 100%;
    height: auto;
    background-color: white;
}

.contenedor2{
    padding-top: 10px;
    padding-bottom: 10px;    
    margin: auto;
    height: auto;
    width: 100%;
    max-width: 1200px;
}

.contenedorenlacesitem{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.enlacesitem{
    user-select: none;
    position: relative;
    padding: 10px;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(12,158,114);
    border-radius: 5px;    
    margin: auto;
    width: 160px;
    height: 80px;
    overflow: hidden;
    cursor: pointer;
    transition: ease-in-out all 0.5s;
}

.enlacesitem:hover{    
    box-shadow: 0 0 7px rgba(0,0,0,0.5); 
}

.enlacesitemimg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.enlacesitem:hover>.enlacesitemcover{    
    opacity: 1;   
    height:200%;
    width: 100%;
}

.enlacesitemcover{
    padding-right: 25px;
    border-radius: 50%;
    bottom: -50%;
    left: -50%; 
    margin: auto;
    transition: ease-in-out all 0.5s;
    opacity: 0;    
    z-index: 1;
    position: absolute;
    height: 0;
    width: 0;
    background-color: rgba(12,158,114,0.8);
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgba(255,255,255,0.8);
    font-size: 30px;
    overflow: hidden;
}

footer{
    position: relative;
    width: 100%;
    height: 220px;
}

.footerimg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footercover{
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.85);
    backdrop-filter: blur(0.5px);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.footercovercontenedor{
    max-width: 1300px;
    gap: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;    
    width: 100%;
    height: 100%;
    
}

#modalwatingprincipal{
    opacity: 0;
    left: 0px;
    pointer-events: none;
    top: 0px;
    transition: ease-in-out all 1s;    
    z-index: 7;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(255,255,255);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: all ease-in-out 0.5s;
}

.contenedormap{  
    margin-top: 80px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;  
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    max-width: 1000px;
    height: auto;    
}

.contenedorportaldetransparencia{  
    margin-top: 70px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;  
    box-sizing: border-box;
    padding: 10px;
    width: 100%;;
    height: calc(100vh - 70px);    
}

.iframemap{
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);    
}

.iframempte{
    width: 100%;
    height: 100%;        
}

.footercoverlimitadormap{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;  
    box-sizing: border-box;
    padding: 10px;
    width: 286px;
    height: 220px;
}

.footercoverlimitadortop{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    width: calc(100% - 296px);
    height: auto;
    max-width: 1200px;
}

.footerparrafo{
    width: 100%;
    padding: 5px 10px;
    font-family: 'comic';
    color: rgba(255,255,255,0.9);
    font-size: 15px;
}

.footerparrafofinal{
    width: 100%;
    padding: 5px 10px;
    font-family: sans-serif;
    color: rgba(255,255,255,0.9);
    font-size: 12px;
}

.footercoverlimitadorbottom{
    margin: auto;
    width: 100%;
    height: 50px;
    max-width: 1200px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

#contadorvistas{
    background-color: rgb(12,158,114);
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    border-radius: 5px;
    font-family: 'comic';
    font-size: 15px;
    padding: 5px;
    width: auto;
    height: auto;
    color: rgba(255,255,255,0.9);
}

.contenedorprincipal{
    margin-top: 0px;
    padding: 10px 20px;
    width: 100%;
    height: auto;
    background-color: white;
    text-align: center;
}

.contenedormaxpantallajurisdiccionencabezado{
    margin: 10px auto;
    width: 100%;
    max-width: 600px;
    height: 30px; 
    background-color: rgb(12,158,114);
    padding: 3px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-radius: 5px;
    font-family: sans-serif;
    color: rgba(255,255,255,0.9);
}

.contenedormaxpantallajurisdiccionencabezado2{
    margin: 10px auto;
    width: 100%;
    max-width: 900px;
    height: 30px; 
    background-color: rgb(12,158,114);
    padding: 3px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-radius: 5px;
    font-family: sans-serif;
    color: rgba(255,255,255,0.9);
}

.contenedormaxpantallajurisdiccioncuerpo{
    margin: 0px auto 10px auto;
    width: 100%;
    max-width: 900px;
    height: auto; 
    background-color: white;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-radius: 5px;
}

.contenedorcomunicadotopemergente{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

.imgcomunicadoencabezadoindexmapa{ 
    margin: auto;    
    width: 100%;
    height: auto;   
    padding: 10px;
}

.divseccionbodydirectoriopersonal{
    min-height: 400px;
    width: 100%;
    padding: 10px 5px;
    padding-bottom: 20px;
    width: 100%;
    height: auto;
    display: grid;
    gap: 2rem;
    grid-auto-rows: 7rem;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,19rem),1fr));
    background-color: transparent;
}

.contenedordirectoriopersonal{
    z-index: 1;
    background-color: white;
    position: relative;
    box-shadow: 0 0 10px rgba(180,180,180,0.5);
    margin: auto;
    width: 320px;
    height: 120px;
    overflow: hidden;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(180,180,180); 
    transition: ease-in all 0.3s;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: ease-in-out all 0.3s;
    cursor: pointer;
}

.contenedordirectoriopersonalleft{
    height: 100%;
    width: 60px;
    background-color: rgb(12,158,114);
}

.contenedordirectoriopersonalorden{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    width: 30px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: white;
}

.contenedordirectoriopersonalright{
    display: flex;
    justify-content: flex-end;
    align-items: center;  
    height: 100%;
    width: 260px;
    background-color: white;
}

.contenedordirectoriopersonalrightcenter{
    position: relative;
    height: 90px;
    width: 210px;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left; 
    transition: ease-in-out all 0.05s;
}

.contenedordirectoriopersonalrightcenterdato{
    color: rgba(0,0,0,0.5);
    font-size: 11.5px;
    font-family: sans-serif;
    height: auto;
    width: 100%;
    padding: 2px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: left;
    word-break: break-all;
    word-break: break-word;
}

.contenedordirectoriopersonalimagen{
    font-size: 50px;
    color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 90px;
    width: 90px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(180,180,180,0.5);
    top: 15px;
    left: 15px;
    transition: ease-in-out all 0.15s;
    overflow: hidden;
    border-width: 2px;
    border-color: white;
    border-style: solid;
}

.contenedordirectoriopersonal:hover>.contenedordirectoriopersonalimagen{
    font-size: 30px;
    height: 50px;
    width: 50px;
    top: 35px;
    left: 5px;
}

.directoriodatonovisible{
    display: none;
}

.contenedordirectoriopersonal:hover>.contenedordirectoriopersonalright>.contenedordirectoriopersonalrightcenter{
    width: 255px;
}

.contenedordirectoriopersonal:hover>.contenedordirectoriopersonalright>.contenedordirectoriopersonalrightcenter>.contenedordirectoriopersonalrightcenterdato{
    display: flex;
}

.contenedordirectoriopersonalimagen{
    font-size: 50px;
    color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 90px;
    width: 90px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(180,180,180,0.5);
    top: 15px;
    left: 15px;
    transition: ease-in-out all 0.15s;
    overflow: hidden;
    border-width: 2px;
    border-color: white;
    border-style: solid;
}

.contenedordirectoriopersonal:hover>.contenedordirectoriopersonalimagen{
    font-size: 30px;
    height: 50px;
    width: 50px;
    top: 35px;
    left: 5px;
}

.imgdirectoriofull{ 
    padding: 5px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.imgdirectoriominiatura{ 
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


#imagenmostrar{
    width: 100%;
}

.comunicadofirmaform{
    height: auto;
    width: 100%;
}

.contenedorcomunicadofile{
    padding: 5px;
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.filefirma{
    outline: none;
    font-size: 13px;
    width: calc(100% - 50px);
    height: 100%;
    padding: 2.5px;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    border-color: rgb(12,158,114);
    color: rgba(100,100,100,0.8); 
}

.filefirma::placeholder{    
    color: rgba(100,100,100,0.5); 
}

.filecomunicadomaswidth{
    width: calc(100% - 25px);
}

.filecomunicadofullwidth{
    width: 100%;
}

.comunicadoarchivosbtn{
    font-size: 20px;
    width: 20px;
    height: 100%;
    padding: 2px;
    color: rgb(12,158,114); 
    transition: ease-in-out all 0.3s;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.comunicadoarchivosbtn:hover{
    color: rgb(74,83,136);
    cursor: pointer;
}

#comunicadoarchivosbtneliminar:hover{
    color: rgb(74,83,136);
}

.contenedorcuerpocomunicadoarchivos{ 
    width: 100%;
    height: auto;
}

.comunicadoimagenescontenedorminiaturas{
    width: 100%;
    height: auto;
    padding: 10px;
    border-style: solid;
    border-width: 1px 0px;
    border-color: rgba(0,0,0,0.1);
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.comunicadoimagenminiatura{
    color: rgba(0,0,0,0.4);
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(12,158,114);
    height: 70px;
    width: auto;    
    border-radius: 3px;
    transition: ease-in-out all 0.3s;
}

.comunicadoimagenminiatura:hover{
   cursor: pointer; 
   box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

.minwidth70px{
    min-width: 70px;
}

.comunicadoimagenescontenedorvistaimagen{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; 
    width: 100%;
    height: auto;
    min-height: 150px;
}

.comunicadoimagenescontenedorvistaimagen2{
    padding: 15px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap; 
    width: 100%;
    height: 350px;
}

.comunicadoimagenevistaimagenblanco{
    font-size: 100px;
    color: rgba(100,100,100,0.4);
}

.comunicadoimagenfull{ 
    margin: 15px auto 10px auto;
    border-radius: 5px;
    height: auto;
    width: 100%;
    max-width: 200px;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

.comunicadoimagenfull2{
    width: 100%;
    height: 100%;
    object-fit: contain;
    height: 100%;
    width: 100%;    
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

.contenedordepositos{
    position: relative;
    height: auto;
    border: 1px solid rgb(12, 158, 114);
    border-width: 1px 1px 0px 1px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    color: rgb(12, 158, 114);
    font-family: sans-serif;
    font-size: 13px;
    overflow: hidden;
}

.contenedordepositossubtitulo{
    height: 20px;
    border: 0px solid rgb(12, 158, 114);
    border-width: 0px 0px 1px 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    background-color:  rgba(12, 158, 114,0.1);
}

.contenedordepositositems{
    height: auto;
    min-height: 35px;
    border: 0px solid rgb(12, 158, 114);
    border-width: 0px 0px 1px 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.inputtextarea{
    font-style: italic;
    resize: none;
    font-family: sans-serif;
    font-size: 12px;
    outline: none;
    width: 100%;
    border-width: 0px;
    height: auto;
    padding: 5px;
    min-height: 80px;
    color: rgb(12, 158, 114);
}

.inputtextarea::placeholder{
    color: rgba(100,100,100,0.6);
}

.inputtextarea2{
    font-style: italic;
    resize: none;
    font-family: sans-serif;
    font-size: 12px;
    outline: none;
    width: 100%;
    border-width: 0px;
    height: auto;
    padding: 5px;
    min-height: 50px;
    color: rgb(12, 158, 114);
}

.inputtextarea2::placeholder{
    color: rgba(100,100,100,0.6);
}

.inputtextareacontador{
    text-align: right;
    width: 100%;
    height: 15px;
    padding: 3px;
    font-family: sans-serif;
    font-size: 9px;
    font-style: italic;
}

.inputtextareacontador::placeholder{
    color: rgba(100,100,100,0.6);
}

.pantallabalance{
    font-family: sans-serif;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100% - 78px);
    width: 100%;
    background-color: rgba(12, 158, 114, 0.1);
    border-radius: 3px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.fixeposition{
    position: fixed;
}

.minancho110{
   min-width: 110px;
}

.ancho120{
    width: 120px;
}

.ancho140{
    width: 140px;
}

.ancho160{
    width: 140px;
}

.ancho180{
    width: 180px;
}

.ancho200{
    width: 200px;
}

.ancho220{
    width: 220px;
}

.ancho230{
    width: 230px;
}

.ancho250{
    width: 250px;
}

.inhabilitado{
    pointer-events: none;
    opacity: 0.7;    
}

.inhabilitado2{
    pointer-events: none;
    opacity: 0.4;    
}

.inhabilitado3{
    pointer-events: none;
    opacity: 0.4;    
}

.textorojo{
    color: rgb(235,84,99);
}

.textoverde{
    color: rgb(12,158,114);
}

.textosize15px{
    font-size: 15px;
}

.verdeflat{
    color: rgb(46, 204, 113);
}

.rojoflat{
    color: rgb(231, 76, 60 );
}

.naranjaflat{
    color: rgb(243, 156, 18);
}

.uvaflat{
    color: rgb(165, 105, 189);
}

.celesteflat{
    color: rgb(65, 193, 244);
}

.negrita{
    font-weight: bold;
}

.margintop10{
    margin-top: 10px;
}

.margintop5{
    margin-top: 5px;
}

.fontsize15px{
    font-size: 15px;
}

.fontsize14px{
    font-size: 14px;
}

.fontsize13px{
    font-size: 13px;
}

.fontsize12px{
    font-size: 12px;
}

.fontsize11px{
    font-size: 11px;
}

.fontfamdsdigi{
    font-family: 'ds-digi';
}

.fontfamdigiti{
    font-family: 'digiti';
}

.negrita{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

@media screen and (max-width: 800px){
    .headersandwich{        
        display: flex;        
    }
    
    .headermenu{
        width: calc(100% - 230px);
    }
    
    nav{
        padding-right: 0px;
        padding-left: 5px;
        left: -230px;
        z-index: 1;
        top: 70px;
        position: absolute;
        float: left;
        width: 220px;
        background-color: rgba(12,158,114,.95);
        height: calc(100vh - 70px);
        overflow-y: scroll;
        transition: ease-in-out all 0.3s;
        gap: 0;        
    }    
    
    .itemnav{ 
        box-sizing: border-box;
        overflow: hidden;
        height: 55px;
        margin: 0;
        width: 220px;
        color: rgba(255,255,255,0.8);        
    }
    
    #itemnav1{
        width: 210px;    
    }   
    
    #itemnav2{
        width: 210px;    
    }
    
    #itemnav3{
        width: 210px;    
    }
    
    #itemnav4{
        width: 210px;    
    }
    
    #itemnav5{
        width: 210px;    
    }
    
    .itemnavleft{
        height: 55px;
    }
    
    .itemnavright{
        height: 55px;
    }
    
    .itemnavarrow{
        height: 55px;
    }    

    .itembottom{ 
        height: 2px;
        top: 53px;        
    }
    
    .itemnav:hover{
        padding-top: 0px;
        color: rgba(0,0,0,0.8);
    }

    .itemnav:hover>.itembottom{
        background-color: rgba(0,0,0,0.8);
    }
    
    .itemnavul{
        border-radius: 0px;
        margin-top: 55px;
        width: calc(100%);        
        background-color: rgba(255,255,255,0.15);
        box-shadow: 0 0 0px rgba(0,0,0,0);    
    }
    
    .itemnavulli{        
        color: rgba(255,255,255,0.8);        
        border-width: 0px 0px 0px 0px;
        border-color: rgba(12,158,114,0.5);
        border-style: solid;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        transition: ease-in-out all 0.3s;
    }
            
}

@media screen and (max-width: 602px){
    .pantallasliderleft{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        margin-left: 10px;
        float: none;
        width: calc(100% - 20px);
        height: 110px;
        overflow-x: scroll;
        border-width: 0px 0px 1px 0px;
    }
    
    .pantallasliderleftcontenedorimg{        
        width: 120px; 
        margin: 10px;
    }
       
    
    .pantallasliderrigth{
        margin: 0px;
        float: none;
        width: 100%;
        height: calc(100% - 110px);
    }   
    
    .pantallasliderrigthcontenedorimg{
        text-align: center;
        margin: auto;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }

    .pantallasliderrigthcontenedorimgleft{ 
        margin-top: 20px;
        float: none;
        height: auto;
        width: 100%;
    }

    .pantallasliderrigthimg{
        width: 100%;        
    }

    .pantallasliderrigthcontenedorimgrigth{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;  
        float: left;
        height: 40px;
        width: 100%;
    }

    .pantallasliderrigthcontenedorimgrigthoptions{    
        width: 100%; 
    }

    .contenedoroptionsimgslider{
        margin: 15px 10px;
    }
    
    footer{
        position: relative;
        width: 100%;
        height: 420px;
    }
    
    .footerubicacion{
        height: 220px;
    }
    
    .footercoverlimitadortop{        
        width: 100%;
    }
}

@media screen and (max-width: 450px){
    .contenedornoticiaindividualimagen{
        height: 300px; 
    }   
}