/*
 *
    Copyright (C) <2014-2022>  <Santiago Flores Martínez>

    This file is part of "CySEM - Control y Seguimiento de Equipamiento Médico"

    "CySEM - Control y Seguimiento de Equipamiento Médico" is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

     Contact the author: santiago@floresmartinez.uy
 */

 
body{
 background-color: #778899; /* 85A885; /* #B1DFB0; */
 font-family: Arial,Helvetica,sans-serif;
 }
 
 .subreddit-table-wrapper {
      overflow:auto;
      width:100%;
      height:600px;
      background:#778899; 
      /*box-shadow: -13px 0px 15px 6px rgba(239, 239, 239, 0.76) inset;*/
      /*border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #666;
      border-left: 2px solid #888;*/
    }
    .subreddit-table-wrapper table {
      table-layout: fixed; 
      width:100%;
      border-collapse: collapse;
      border-spacing: 0;
    }
    .subreddit-table-wrapper thead th {
      box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
      position:sticky;
      top:0;
      background:#B22222;
      color: #fff;
      text-align:center;
    }
    .subreddit-table-wrapper td, .subreddit-table-wrapper th {
      /*border: 1px solid #000;*/
      border: none;
      width: max-content;
      padding: .5em .5em;
      text-align:left;

    }
    .subreddit-table-wrapper tbody tr td:first-child {
      /* need to do the ellipsis overflow manually to keep the column box-shadow hack */
      background:#778899;
    }
    .subreddit-table-wrapper tr td:first-child:after, .subreddit-table-wrapper tr th:first-child::after {
      box-shadow: 15px 0 15px -15px rgba(0, 0, 0, 0.05) inset;
      content: "";
      position:absolute;
      top:0;
      bottom:0;
      right:-15px;
      width:15px;
    }
    .subreddit-table-wrapper td:first-child, .subreddit-table-wrapper th:first-child {
      position:sticky;
      left:0;
      z-index:1;
    }
    
 
p{
 font-size: 10pt;
 font-family: Arial,Helvetica,sans-serif;
 font-weight: normal;
   font-style: normal;
}
p.menu{
 font-size: 10pt;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-weight: bold;
 font-style: normal;
   background-color: #9fb5d2;
   text-align: center;
   vertical-align: baseline;
   line-height: 8mm;
}
h1{
 font-size: 24pt;
 font-family: Arial,Helvetica,sans-serif;
 text-align: center;
   font-weight: 500;
}
 h2{
 font-size: 22pt;
 font-family: Arial,Helvetica,sans-serif;
 text-align: center;
    font-weight: 500;
}
 h3{
 font-size: 20pt;
 font-family: Arial,Helvetica,sans-serif;
 text-align: center;
    font-weight: 500;
}
 h4{
 font-size: 18pt;
 font-family: Arial,Helvetica,sans-serif;
 text-align: left;
    font-weight: 400;
}
table{
   border-collapse:collapse;
} 
table.t2{
    font-size: 8pt;
    font-family: Arial,Helvetica,sans-serif;
}
table.tipo3{
    padding: 10px;
    border-collapse: separate;

}

h5{
 font-size: 16pt;
 font-family: Arial,Helvetica,sans-serif;
 text-align: left;
    font-weight: 400;
}
td{
 font-size: 11pt;
 font-family: Arial,"Droid Sans",sans-serif;
 padding: 3px 5px;
 
}
td.tit1{
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   border: none;
   background-color: rgba(0,0,196,.75);
   color: white;
   margin: 0px;
   padding: 6px 8px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   box-shadow: -1px 1px 0px 1px rgba(255,255,255, .75);
}
td.titocre{
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
   border: none;
   background-color: rgba(90,59,0,.75); /* #5a3b00; */
   color: white;
   margin: 0px;
   padding: 10px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   box-shadow: -1px 1px 2px 0px rgba(255,255,255, .75);
}
td.tit2{
   font-size: 11pt;
   font-family: Arial,Helvetica,sans-serif;
   padding: 4px 6px;
}
td.tit2sb{
   font-size: 11pt;
   font-family: Arial,Helvetica,sans-serif;
   padding: 4px 6px;
   border-bottom: 1px dotted;
   text-align: left;
}
td.tit3{
   text-align: right;
   color: #000066;
   margin: 0px;
   padding: 4px 6px;
}
td.tit3r{
   font-weight: bold;
   text-align: right;
   color: #990000;
   margin: 0px;
   padding: 4px 6px;
}
td.azul{
   color: #000066;
   }
td.gris{
   color: #555555;
   }
td.rojo{
   color: #990000;
   }

td.listareg{
   font-size: 11pt;
   font-family: Arial,Helvetica,sans-serif;
   /* border-top:1px solid #888888; */
   border-bottom:1px dotted #333;   
   margin:0;
   padding:4px 6px;
}
td.ficha{
   font-size: 12pt;
   font-family: Arial,Helvetica,sans-serif;
 
   margin:2px;
   padding:2px 8px;
}
td.espaciado{
    padding: 3px;
}
td.espaciado2{
    padding: 7px;
}
 .exterior{
    background-color: #000000;
}
.titulo1{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12pt;
   font-weight: bolder;
   text-align: center;
   border-top: 1px dotted #5E93B1;
   border-right: 1px dotted #416D89;
   border-left:1px dotted #416D89;
   border-bottom:4px solid #5E93B1;
   background-color:#000099;
   color: white;
}
.filaDestacada{
   background-color: #bc8f8f;
}
.paginador{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   text-decoration: none;
   text-align: right;
}
input.bor{
     height: 15px;
     width: 22px;
     font-family: sans-serif;
     font-size: 6pt;
     vertical-align: middle;
     color: #8b0000;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 0;
}
input.alta{
     height: 15px;
     width: 22px;
     font-family: sans-serif;
     font-size: 6pt;
      color: #006400;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 0;
}
input.rojo{
     font-size: 11pt;
     color: #8b0000;
     font-weight: bold;
}
input.verde{
     font-size: 11pt;
     color: #006400;
     font-weight: bold;
}
input.azul{
     font-size: 11pt;
     color: #000099;
     font-weight: bold;
}
input.rojo_s{
     font-size: 11pt;
     color: #8b0000;
     padding: 0px 2px;
     font-weight: bold;
     
}
input.verde_s{
     font-size: 11pt;
     color: #006400;
     padding: 0px 2px;
     font-weight: bold;
     
}
input.edit{
    color:navy;
    font-size:100%;
    display:inline;
    font-weight: bold;
    border-width: 1px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
input.edit:hover{
    color:#990000;
    background-color: #84ffff;
}
input.altagr{
     height: 20px;
     width: 20px;
     font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
     font-size: 13px;
     color: #006400;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 2;
}
input.numero{
     font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
     text-align: right;
}

input.correcto{
      cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
      padding:4px 20px; /*agrega algo de espacio dentro del botón*/
      background:#3D61CF; /*el color del botón*/
      border:1px solid #3D61CF; /*requerido para que no aparezca el borde por defecto #2F9222 */
      /*redondear bordes*/
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      /*colocar sombra al botón*/
      -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
      box-shadow: 0 0 4px rgba(0,0,0, .75);
      /*dar estilo al texto del botón*/
      color:#fff;
      /*font-weight:bold;*/
      font-size:1.2em;
}
input.correcto:hover, input.ċorrecto:focus{
      color:#000;
      background-color :#4876FF; /*hacer el botón un poco más luminoso  3BBA2A*/
      /*reduce la sombra para dar el efectod de botón presionado*/
      -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
      box-shadow: 0 0 1px rgba(0,0,0, .75);
   }
input.neutro{
      cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
      padding:4px 20px; /*agrega algo de espacio dentro del botón*/
      background:#1200b5; /*el color del botón*/
      border:1px solid #1200b5; /*requerido para que no aparezca el borde por defecto #2F9222 */
      /*redondear bordes*/
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      /*colocar sombra al botón*/
      -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
      box-shadow: 0 0 4px rgba(0,0,0, .75);
      /*dar estilo al texto del botón*/
      color:#fff;
      /*font-weight:bold;*/
      font-size:1.2em;
}
input.neutro:hover, input.neutro:focus{
      color:#000;
      background-color :#897ee6; /*hacer el botón un poco más luminoso  3BBA2A*/
      /*reduce la sombra para dar el efectod de botón presionado*/
      -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
      box-shadow: 0 0 1px rgba(0,0,0, .75);
   }
input.incorrecto{
      cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
      padding:4px 20px; /*agrega algo de espacio dentro del botón*/
      background:#B02929; /*el color del botón*/
      border:1px solid #B02929; /*requerido para que no aparezca el borde por defecto*/
      /*redondear bordes*/
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      /*colocar sombra al botón*/
      -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
      box-shadow: 0 0 4px rgba(0,0,0, .75);
      /*dar estilo al texto del botón*/
      color:#fff;
      /*font-weight:bold;*/
      font-size:1.2em;
}
input.incorrecto:hover, input.inċorrecto:focus{
      color:#100;
      background-color :#CC2F2F; /*hacer el botón un poco más luminoso*/
      /*reduce la sombra para dar el efectod de botón presionado*/
      -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
      -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
      box-shadow: 0 0 1px rgba(0,0,0, .75);
}
input:disabled {
      color:#999;
}

#titulos {  text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.8em;
width: 820px;
margin: 25px auto;
position: relative;
font-weight: bold;
float: left;
}
#titulos.col1{
   width: 140px;
}

            .correcto{
                cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
                padding:4px 20px; /*agrega algo de espacio dentro del botón*/
                background:#226719; /*el color del botón*/
                border:1px solid #226719; /*requerido para que no aparezca el borde por defecto*/
                /*redondear bordes*/
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                /*colocar sombra al botón*/
                -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
                box-shadow: 0 0 4px rgba(0,0,0, .75);
                /*dar estilo al texto del botón*/
                color:#fff;
                /*font-weight:bold;*/
                font-size:1em;
            }
            .correcto:hover, .ċorrecto:focus{
                color:#000;
                background-color :#3BBA2A; /*hacer el botón un poco más luminoso*/
                /*reduce la sombra para dar el efectod de botón presionado*/
                -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
                box-shadow: 0 0 1px rgba(0,0,0, .75);
                text-shadow:0px 0px 4px white;
            }
            .correcto:hover:active{
                color: #000;
                border-bottom: 1px dotted #DDD;
                border-top: 1px solid #222;
                border-right: 1px solid #444;
                border-left: 1px dotted #fff;
                background-color:#CFF0C2; /* botón del submenú mientras está presionado */
            }
            
            
            .neutro{
                cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
                padding:4px 20px; /*agrega algo de espacio dentro del botón*/
                background:#3a2f99; /*el color del botón*/
                border:1px solid #3a2f99; /*requerido para que no aparezca el borde por defecto*/
                /*redondear bordes*/
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                /*colocar sombra al botón*/
                -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
                box-shadow: 0 0 4px rgba(0,0,0, .75);
                /*dar estilo al texto del botón*/
                color:#fff;
                /*font-weight:bold;*/
                font-size:1em;
            }
            .neutro:hover, .neutro:focus{
                color:#000;
                background-color :#897ee6; /*hacer el botón un poco más luminoso*/
                /*reduce la sombra para dar el efectod de botón presionado*/
                -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
                box-shadow: 0 0 1px rgba(0,0,0, .75);
                text-shadow:0px 0px 4px white;
            }
            .neutro:hover:active{
                color: #000;
                border-bottom: 1px dotted #DDD;
                border-top: 1px solid #222;
                border-right: 1px solid #444;
                border-left: 1px dotted #fff;
                background-color:#c8c2ff; /* botón del submenú mientras está presionado */
            }
            
            .incorrecto{
                cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
                padding:4px 20px; /*agrega algo de espacio dentro del botón*/
                background:#B02929; /*el color del botón*/
                /*border:1px solid #B02929; /*requerido para que no aparezca el borde por defecto*/
                /*redondear bordes*/
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
            border-bottom: 1px solid #000;
            border-top: 1px solid #DDD;
            border-right: 1px solid #fff;
            border-left: 1px solid #666;
                /*dar estilo al texto del botón*/
                color:#fff;
                /*font-weight:bold;*/
                font-size:1em;
                
            }
            .incorrecto:hover, .inċorrecto:focus{
                color:#000;
                background-color :#BB8F8F; /*hacer el botón un poco más luminoso*/
                /*reduce la sombra para dar el efectod de botón presionado*/
                -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
                box-shadow: 0 0 1px rgba(0,0,0, .75);
                text-shadow:0px 0px 4px white;
            }
    
            .incorrecto:hover:active{
                color: #000;
                border-bottom: 1px dotted #DDD;
                border-top: 1px solid #222;
                border-right: 1px solid #444;
                border-left: 1px dotted #fff;
                background-color:#F0C2C2; /* botón del submenú mientras está presionado */
            }
            .incorrecto2{
                cursor:pointer; /*Fuerza el cursor a cambiar a una mano cuando se pasa sobre él*/
                padding:4px 20px; /*agrega algo de espacio dentro del botón*/
                background:#D2691E; /*el color del botón*/
                /*border:1px solid #B02929; /*requerido para que no aparezca el borde por defecto*/
                /*redondear bordes*/
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;
            border-bottom: 1px solid #000;
            border-top: 1px solid #DDD;
            border-right: 1px solid #fff;
            border-left: 1px solid #666;
                /*dar estilo al texto del botón*/
                color:#fff;
                /*font-weight:bold;*/
                font-size:1em;
                
            }
            .incorrecto2:hover, .inċorrecto2:focus{
                color:#000;
                background-color :#FF8C00; /*hacer el botón un poco más luminoso*/
                /*reduce la sombra para dar el efectod de botón presionado*/
                -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
                -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
                box-shadow: 0 0 1px rgba(0,0,0, .75);
            }
    
            .incorrecto2:hover:active{
                color: #000;
                border-bottom: 1px dotted #DDD;
                border-top: 1px solid #222;
                border-right: 1px solid #444;
                border-left: 1px dotted #fff;
                background-color:#FFA500; /* botón del submenú mientras está presionado */
            }