/**
    * Ficheros:.........: asol.css
    * Descripcion.......: Módulo estilo que contendra la configuracion comun de 
    *                     todos los módulos de la aplicacion
    * Fecha Creacion....: 16/01/2023
    * Fecha Modificacion: 23/01/2023
    *
    * @copyright CopyRight(C)2023 Daniel Rosado
    * @author Daniel Rosado
*/
* {
    margin:0;
    padding:0;
}

body{
/*    background: url(../img/Fondo1.jpg) #053f6c no-repeat center center fixed;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    background-color: #fff;
}

.contenedor-body{
    position: fixed;
    top:82px;
    width: 100%;
    height: calc(100% - 132px);
    /*overflow-y: auto;*/
}

/*******************  Se configura el aspecto de las tablas *******************/
/* Fondo de la tabla */
.table {
    background-color: rgb(255,255,255,0.93);
}
/* Se cambia el color de las filas alternandolas con el fondo de la tabla */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(230, 230, 230,0.25); /*rgb(217, 235, 235);*/
  }
/* Se establece el color de la fila al pasar el ratón sobre ellas */
.table-hover tbody tr:hover {
    background-color: rgba(15, 200, 240, 0.5);
    color: rgb(112, 24, 78);
}
.CabeceraTabla{
    background-color: rgba(30, 100, 175, 1);
    color: rgb(230, 235, 240);
}
    
.Table-9pt{
    font-size: 9pt;
    font-family: arial;
    font-style: normal;
    font-weight: normal;
    color: #000;
    vertical-align: middle;
}
/****************************** E N L A C E S *********************************/
a:link{
    text-decoration:none;
    width: 100%;
}
a:focus{
    text-decoration:none;
}
a:visited{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
/******************************************************************************/


.ColorGris-xs{
    color: #00a89c;
    font-size: x-small;
}

.titulo{
    font-family: arial;
    font-size: 22px;
    font-weight: lighter;
    color: #04414d;
}
.subtitulo{
    font-family: arial;
    font-size: 18px;
    font-weight: bolder;
    color:  #808080;
}

.texto{
    font-family: arial, sans-serif;
    font-size: initial;
    font-weight: normal;
    color: black;
}

.tituloCampo{
    font-family: sans-serif, arial;
    font-size: small;
    font-weight: bold;
    color: #06357a;
}

.contenidoCampo{
    font-family: sans-serif, arial;
    font-size: small;
    font-weight: normal;
    color: black;
}
/***************** BARRAS DE DESPLAZAMIENTOS **********************************/

/* Firefox */
* {
  scrollbar-width:  thin;
  scrollbar-color:  #0056b3 #f5f5f5; /*Deslizador Fondo*/
}

/* Chrome, Edge, Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #f5f5f5;/*fondo*/
}

*::-webkit-scrollbar-thumb {
  background-color: #0056b3;
  border-radius: 20px;
  border: 3px solid #f5f5f5;
}
/******************************************************************************/
.Footer{
    position: fixed;
    bottom: 0px;
    left:0px;
    width: 100vw; /*100% vuewoirt width*/
    height:  50px;/*30vh; /*33% viewport height*/
    background-color: #1d1d1b;
}
    .AreaCopyRight{
        padding-top: 10px;
        color: #00a89c;
        float: left;
        width: 100%;
        text-align: center;
    }

/*****************************************************************************/
.OscurecerArea
{
    position: fixed;/* absolute;
    /*nos posicionamos en el centro del navegador*/
    top:0px; /*16*/
    width:100%;
    /*determinamos una altura*/
    height:calc(100% - 15px);

    border:1px solid #808080;
    /*background-color: #555;*/
    background-color: rgba(0, 0, 0, 0.65);
    padding:5px;
    color: #fff;
    text-align: center;
    overflow-y: auto;
    z-index: 9001;
    visibility: hidden;
}

.mousePointer:hover{
  cursor: pointer; /* Cambia a mano (enlace) */
}
    
@media all and (max-width: 640px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    body{
        /*background: url(../img/Fondo1W.jpg) #053f6c no-repeat center center fixed;*/
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .contenedor-body{
        top:0px;
        margin-top: 131px;/*Se comienza bajo el area de menu*/
        height: calc(100% - 181px);
    }
        .AreaCopyRight{
            padding-top: 5px;
        }
}