/*
 *
    Copyright (C) <2013>  <Santiago Flores Martínez>

    This file is part of "Gestión de Logias"

    "Gestión de Logias" 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
 */

    html, body {
      box-sizing: border-box;
      margin:0;
      padding:0;
      background-color: #ADD8E6;
      font-family: Arial,Helvetica,sans-serif;
    }
    *, *:before, *:after {
      box-sizing: inherit;
      font-family: inherit;
    }

    .subreddit-table-wrapper {
      overflow:auto;
      width:100%;
      height:600px;
      background:#ADD8E6; 
      /*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:#ADD8E6;
    }
    .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;
    }
    
    a {
      color: #00F;
      text-decoration:underline;
      text-decoration-color: #999;
    }
    a:hover{
      text-decoration:underline;
      text-decoration-color: #FF0000;
    }

    
    
            .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:#2F9222; /*el color del botón*/
                border:1px solid #2F9222; /*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, input.ċ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);
            }
            .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, input.inċorrecto:focus{
                color:#000;
                background-color :#d95959; /*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);
            }
    
            .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, input.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 */
            }
    
    
form{
    margin:0;
}
table{
   border-collapse:collapse;
}  
table.grilla td{
    height:25px;
    padding:0 7px;
}
td{
    font-size: 11pt;
    font-family: Arial,"Droid Sans",sans-serif;
    vertical-align: middle;
    /*padding-left: 5px;
    padding-right: 5px;*/
}
td.titulo{
    border-top:2px solid black;;
    border-bottom:2px solid black;
    text-align:center;
    background-color:rgba(250,250,250,0.4);
    color: navy;
}
td.tit1{
   font-size: 10pt;
   font-weight: bolder;
   text-align: center;
   /*border-top: 5px solid #000099;
   border-right: 1px dotted #000099;
   border-left:1px dotted #000099;
   border-bottom:4px solid #000099;
   */
   border: none;
   background-color:#8B0000;
   color: white;
   margin: 0px;
   padding: 3px 5px 3px 5px;
}
td.listareg{
   font-size: 9pt;
   font-family: Arial,Helvetica,sans-serif;
   border-top:1px solid #888888; /*b0f0de*/
   border-bottom:1px solid #888888;   
   margin:0;
   padding:2px 6px;
}
td.fila{
    border-bottom:1px dotted black;
    text-align:left;
}
 

:required {
  border: 1px solid #CC0033;
}
input{
    font-size: 11pt;
}
 
input.rojo{
    font-size: 10pt;
    color: #8b0000;
    font-weight: bold;
}
input.rojo:hover{
    background-color:#FFFFE0;
}
input.rojo:disabled{
    color:#444;
}
input.rojo:hover:disabled{
    background-color:#E0E0E0;
}
input.verde{
    font-size: 10pt;
    color: #006400;
    font-weight: bold;
}
input.verde:hover{
    background-color:#FFFFE0;
}
input.azul{
    font-size: 10pt;
    color: #000099;
    font-weight: bold;
}
input.azul:hover{
    background-color:#FFFFE0;
}
select{
    font-size: 11pt;
}