/*
 *
    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: #CEBCBF;
    font-family: Arial, sans-serif;
}

table {
    border-collapse: collapse;
}

form {
    margin: 0;
}

#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;
}

/* Estilo para tablas */
table.hoja {
    border-collapse: separate;
    font-size: 11pt;
    padding: 5px;
    margin: 5px;
    background-color: #fff;
    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: 2px;
}

td.listareg {
    font-size: 10pt;
    padding: 4px;
}

td.listareg:hover {
    background-color: #F7BE81;
}

/* Clases de celdas */
td.tit1, td.tit2, td.tit3 {
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

td.tit1 {
    font-size: 10pt;
    border: 1px solid #ddd;
    background-color: #000088;
    color: white;
}

td.tit2 {
    font-size: 9pt;
    border: 1px dotted #000;
    background-color: #999;
}

td.tit3 {
    font-size: 0.9em;
    border-top: 1px solid #AAA;
    border-right: 1px solid #888;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    background-color: #EEE;
}

td.filasub {
    border-bottom: 1px dotted #DDD;
}

/* Colores de texto para celdas */
td.azul { color: #000066; }
td.gris { color: #555555; }
td.rojo { color: #990000; }

/* Estilos de entrada */
input {
    font-size: 1em;
    font-weight: normal;
}

input.cobre { color: #DF3A01; }
input.gris { color: #888888; }
input.rojo { color: #8b0000; }
input.verde { color: #006400; }
input.azul { color: #000099; }
input.numero {
    font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
    text-align: right;
}

/* Botones */
input.correcto, input.incorrecto {
    cursor: pointer;
    padding: 4px 20px;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0,0,0,.75);
    font-size: 1.1em;
    color: #fff;
}

input.correcto {
    background: #2F9222;
    border: 1px solid #2F9222;
}

input.correcto:hover, input.correcto:focus {
    color: #000;
    background-color: #3BBA2A;
    box-shadow: 0 0 1px rgba(0,0,0,.75);
}

input.incorrecto {
    background: #B02929;
    border: 1px solid #B02929;
}

input.incorrecto:hover, input.incorrecto:focus {
    color: #000;
    background-color: #CC2F2F;
    box-shadow: 0 0 1px rgba(0,0,0,.75);
}

input:disabled {
    color: #999;
}

/* Otros elementos */
select, textarea, input[type="text"] {
    background: #efefef;
    color: navy;
}

select {
    cursor: pointer;
}

option:not(:checked) { 
    background-color: #eef; 
    color: #000;
}

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: none;
}

a:hover {
    text-decoration: underline;
}

/* Botones con degradado */
.button {
    border-top: 1px solid #fff;
    background: linear-gradient(to bottom, #efefef, #ababab);
    padding: 3px 10px;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #000;
    font-size: 1.1em;
    font-family: Arial, sans-serif;
    text-decoration: none;
    vertical-align: middle;
}

.button:hover {
    border-top-color: #28597a;
    background: linear-gradient(to bottom, #efefef, #F5F6CE);
    color: #a00;
}

.button:active {
    border-top-color: #1b435e;
    background: #bcbcbc;
    color: #800;
}

/* Tabla con cabecera fija */
.subreddit-table-wrapper {
    overflow: auto;
    width: 100%;
    height: 600px;
    background: #CEBCBF;
}

.subreddit-table-wrapper table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.subreddit-table-wrapper thead th {
    position: sticky;
    top: 0;
    background: #008;
    color: #fff;
    text-align: center;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}

.subreddit-table-wrapper td, .subreddit-table-wrapper th {
    padding: .5em;
    text-align: left;
}

.subreddit-table-wrapper td:first-child, .subreddit-table-wrapper th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #CEBCBF;
}

.subreddit-table-wrapper td:first-child:after, .subreddit-table-wrapper th:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
    width: 15px;
    box-shadow: 15px 0 15px -15px rgba(0, 0, 0, 0.05) inset;
}