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

    This file is part of "Gestión de Depósito"

    "Gestión de Depósito" 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: #bcbfce;
      font-family: Arial,sans-serif;
   }
   
   table{border-collapse:collapse;} 
   
   form {
       margin: 0px;
   }
   
   #titulo{
      background-color:#0404B4;
      color:#fff;
      text-align:center;
      font-weight:bold;
   }
   #general{
      padding:5px;
      width:900px;
      background-color:rgba(169,188,245,0.2);
      margin:5px;
      vertical-align:top;
   }
   table.hoja{
      border-collapse:separate;
      font-size: 11pt;
      padding:5px;
      margin: 5px;
      background-color:#fff;
      /*sombra*/
      -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);
      border:1px solid #888888; 
   }
   
   td{
      font-size: 11pt;
      font-family: Arial,"Droid Sans",sans-serif;
	  padding:2;
   }
   td.listareg{
      font-size:10pt;
      padding:4px;}
   td.listareg:hover{background-color:#F7BE81;}
   td.tit1{
      font-size: 10pt;
      font-weight: bold;
      text-align: center;
      border: 1px solid #ddd;
      background-color:#000088;
      color: white;
      padding:5px;
   }
   td.tit2{
      border: 1px dotted #000;
      font-size:9pt;
      background-color:#999;
      padding:3 5;
      font-weight: bold;
      text-align: center;
      /*background-color:#aaa;*/
   }
   td.tit3{
      border-top: 1px solid #AAA;
      border-right: 1px solid #888;
      border-bottom: 1px solid #333;
      border-left:1px solid #000;;
      font-size:0.9em;
      background-color:#EEE;
      padding:3 5;
      font-weight: bold;
      text-align: center;
      /*background-color:#aaa;*/
   }
   td.filasub{
       border-bottom: 1px dotted #DDD;
   }
   td.azul{color: #000066;}
   td.gris{color: #555555;}
   td.rojo{color: #990000;}
   td.hoja{
      font-size: 11pt;
      padding:5px 15px;
      background-color:#fff;
      /*sombra*/
      -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);
      border:1px solid #888888; 
   }
   td.listapeq{
      border:1px dotted #000;
      font-size:9pt;
      background-color:#ddd;
      padding:3 5;
   }
   td.listapeq:hover{background-color:#F7BE81;}

   input.cobre{
      font-size: 1.0em;
      font-weight: normal;
      color: #DF3A01;
   }
   input.gris{
      font-size: 1.0em;
      font-weight: normal;
      color: #888888;
   }
   input.rojo{
      font-size: 1.0em;
      font-weight: normal;
      color: #8b0000;
   }
   input.verde{
      font-size: 1.0em;
      font-weight: normal;
      color: #006400;
   }
   input.azul{
      font-size: 1.0em;
      font-weight: normal;
      color: #000099;
   }
   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:#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:1.1em;
   }
   input.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);
   }
   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.1em;
   }
   input.incorrecto:hover, input.inċorrecto:focus{
      color:#000;
      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;
   }
   
   select{
      background: #efefef;
      color:navy;
      cursor:pointer;
   }
   option:not(:checked) { 
      background-color: #eef; 
      color:#000;
   }
   textarea{
       background: #efefef;
   }
   :required {
       border: 1px solid blue;
   }
   input[type="text"] {
      background: #efefef;
      color:navy;
   }
   input[type="text"]:hover {
      background: #CEF6CE;
   }
   input[type="text"]:disabled {
      background: #ddd;
   }
   input[type="submit"]:hover {
      background: rgba(255,165,0,0.99);
   }
   a{
	   text-decoration: underline;
   }
   
   
   .button {
	border-top: 1px solid #fff;
	background: #ababab;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ababab));
	background: -webkit-linear-gradient(top, #efefef, #ababab);
	background: -moz-linear-gradient(top, #efefef, #ababab);
	background: -ms-linear-gradient(top, #efefef, #ababab);
	background: -o-linear-gradient(top, #efefef, #ababab);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000000;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
   .button:hover {
	border-top-color: #28597a;
	background: #F5F6CE;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#F5F6CE));
	background: -webkit-linear-gradient(top, #efefef, #F5F6CE);
	background: -moz-linear-gradient(top, #efefef, #F5F6CE);
	background: -ms-linear-gradient(top, #efefef, #F5F6CE);
	background: -o-linear-gradient(top, #efefef, #F5F6CE);
	color: #a00;
   }
   .button:active {
	border-top-color: #1b435e;
	background: #bcbcbc;
	color: #800;
   }

   
/* PARA div CON TITULO Y COLUMNA FIJOS */
    .subreddit-table-wrapper {
      overflow:auto;
      width:100%;
      height:600px;
      background:#BCBFCE; 
      /*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:#008;
      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:#BCBFCE;
    }
    .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;
    }
    
            .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, 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);
                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 */
            }
            
            .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 :#FF3030; /*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, 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 */
            }