/*ELEMENTOS PARTICULARES*/

#goBackButton
{
    border: 2px transparent solid;
    background-color: transparent;
    margin-right: 16px;
}

#goBackButton img
{
    max-width: 2.5rem;
    max-height: 2.5rem;
    /*filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);*/
}

/*CLASES*/

a.cerrarSesion
{
    color: white;
}

.barraCierreDialog
{
    background: #3A683D;
}

.barraCierreDialog button
{
    background: transparent;
    color: white;
    border: 0px;
}

.barraCierreDialog button:hover
{
    color: red;
}

.buttonSubmit
{
    background-color:#3A683D;
    border: 2px white solid;
    color: white;
    padding: 16px 5px;
}

.buttonSubmit.deshabilitado
{
    background-color: #b3b3b3;
    color: #666666;
    border: 2px black solid;
}

.cuerpoPantalla
{
    display: grid;
    height: 80svh;
    /*align-content: center;*/
    background: linear-gradient(325deg, rgba(162,188,210,1) 0%, rgba(231,238,243,1) 50%, rgba(237,237,237,1) 100%);justify-items: center;
    align-items: center;
    padding: 2.5%;
    overflow: auto;
}

.dialogMeraMercury
{
    background: rgba(136,203,196,1);
    padding: 0px;
}

.dialogMeraMercury::backdrop 
{
    background-color: rgba(0, 0, 0, 0.5);
}

.parteSuperiorTitulo
{
    padding: 32px 0px;
    text-align: center;
    height: 20svh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background-color:#3A683D;*/
    background: rgb(129,207,244);
    background: linear-gradient(90deg, rgba(129,207,244,1) 0%, rgba(136,203,196,1) 25%, rgba(147,192,31,1) 50%, rgba(85,136,43,1) 75%, rgba(2,77,37,1) 100%);
    color: black;
    padding: 0px 10px;
}

.tablaMercurio
{
    margin: 0px;
}

.tablaMercurio th, .barraCierreDialog
{
    background-color: #3A683D;
    color: white;
}

.tablaMercurio td
{
    background-color: rgba(136,203,196,1);
}

.tablaMercurioDialog td
{
    background-color: #e3e3e3;
}

.tablaMercurio td p
{
    margin: 8px 0px;
}

td.casillaOpcionRespuesta
{
    text-align: center;
    font-size: 32px;
}

/*TAGS GENERALES*/

thead
{
    position: sticky;
    top: 0;
}

.buttonSubmit:not([disabled]):hover
{
    transform: scale(1.05);
    background: #81cff4;
    color:#000000;
}

.dialogMeraMercury .buttonSubmit:not([disabled]):hover, label[for='nuevaVersionDocumento']:hover, label[for='archivoFormato']:hover
{
    transform: scale(1);
    background: rgba(147,192,31,1);
    color:#000000;
}

/*label[for='archivoPDF']
{
    background: #3A683D;
    padding: 16px;
    cursor: pointer;
    color: white;
    text-wrap: nowrap;
}*/

label[for='archivoPDF']:hover
{
    background: #81cff4;
    color: black
}

.textoInstrucciones
{
    align-self: flex-start;
    margin-bottom: 8px;
}

hr.visible
{
    opacity: 1;
    border: 1px solid black;
}

#archivoVersionAnterior img:hover, #archivoVersionSucesora img:hover
{
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
}

.botonDetalleTabla
{
    background: rgba(147,192,31,1);
    color: black;
    border: 0px;
    border-radius: 5px;
    padding: 8px;
}

input[type="text"]:focus, 
textarea:focus, 
.buttonSubmit:focus
{
    outline: 3px solid #81cff4;  
}

.cerrarSesion:focus
{
    outline: 3px solid #FFFFFF;  
}

label[for='archivoPDF']:focus
{
    border: 3px solid #81cff4;  
}