﻿table.tabla1, table.tabla2, table.tabla3, table.tablaLimpia { border-collapse: collapse; border: 0; }
table td { padding: 3px; }
    table.tabla1 td, table.tabla2 td, table.tabla3 td { border: 0; margin: 0; padding: 0; }
    table.tabla1 th { padding: 5px; }
        table.tabla1 th, table.tabla1 th a { font-weight: bold; }
    table.tabla2 > tr > td, table.tabla2 > tbody > tr > td { padding: 3px; color: #65646a; border-bottom: 1px dotted #d4d3d5; }

table.tabla3 { border: 1px solid #dadadc; }
    table.tabla3 td { padding: 3px; border: 1px dotted #dadadc; color: #65646a; }
    table.tabla3 tr:last-of-type td { border-bottom: none; }
table.tablaLimpia td { border: none !important; background: none !important; padding: 0 !important; }
table.tablaLimpia th { border: none !important; background: none !important; padding: 0; margin: 0; }
table .divTemplateComandos a.btnEditarImg { display: none; }
table a.eliminar, table a.editar, table a.seleccionar { display: block; }
table a.editar { display: block; background: url('../../Recursos/img/ico/editar.png') no-repeat; width: 16px; height: 16px; float: left; }
table a.eliminar { display: block; background: url('../../Recursos/img/ico/eliminar.png') no-repeat; width: 16px; height: 16px; float: left; margin-left: 6px; }
table a.seleccionar { background-image: url('../../Recursos/img/ico/eliminar.png'); width: 15px; height: 15px; text-decoration: none; background-repeat: no-repeat; }
table.tabla1 > tbody > tr > th, table.tabla1 > thead > th, .k-grid th.k-header, .k-grid-header { background-color: #8e959d; border: 0px solid #ededed !important; color: White; font-size: 13px; font-weight: normal; }
table.tabla1 > tr > td > a { color: #0A3749; }
.k-grid th.k-header .k-link { color: White; font-size: 13px; font-weight: normal; }

table.tabla1 .even td { background-color: #e3e4e6; }
table.tabla1 tr:hover td { background-color: #c1c2c3; -webkit-transition: background-color 100ms ease-in-out; -moz-transition: background-color 100ms ease-in-out; -o-transition: background-color 100ms ease-in-out; -ms-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; }

table.tabla3 tr:hover td { background-color: #FFF; }
table.login { border-radius: 5px; }
    table.login td { padding: 3px; }
    table.login .titulo { background-image: url('img/cajaTituloBg.jpg'); }
table.tableSorter .header { cursor: pointer; }
table.tableSorter .headerSortUp { background-color: #cceef1; background-image: url('../../img/desc.gif'); background-repeat: no-repeat; background-position: center top; }
table.tableSorter .headerSortDown { background-color: #cceef1; background-image: url('../../img/asc.gif'); background-repeat: no-repeat; background-position: center top; }
.tablaHerramientas { padding: 5px 5px 0 5px; margin-bottom: 5px; display: inline-block; }
    .tablaHerramientas .tablaPaginador input { width: 50px; }
    .tablaHerramientas input, .tablaHerramientas select { font-size: 10px; position: relative; bottom: 3px; }
    .tablaHerramientas .tablaSeleccion { background-image: url('../../img/tablasHerramientas_6.png'); background-repeat: no-repeat; }
        .tablaHerramientas .tablaSeleccion a { display: block; float: left; width: 25px; height: 25px; }
            .tablaHerramientas .tablaSeleccion a:hover { text-decoration: none; }
    .tablaHerramientas .tablaFiltro input { width: 80px; position: relative; top: -7px; }
    .tablaHerramientas .tablaFiltro, .tablaHerramientas .tablaPaginador, .tablaHerramientas .tablaTotal { margin: 0 5px 3px 0; padding-right: 5px; border-right: 1px solid #CCC; height: 20px; }
    .tablaHerramientas .tablaTotal { font-size: 11px; }
        .tablaHerramientas .tablaTotal span { position: relative; top: 5px; }

tr.seleccionada td { background-color: #b5d7dd !important; }
.tablaBtnSeleccionar a { text-decoration: none; }
    .tablaBtnSeleccionar a:hover { text-decoration: underline; }
.paginador table td { border: none !important; padding: 0 !important; margin: 0 !important; }

.tableempty { width: 100%; border-collapse: collapse; }
.tableempty { width: 100%; border-collapse: collapse; border: 1px solid #dadadc; background: #FDFDFD; }
    .tableempty td { padding: 3px; font-size: 11px; border: 1px solid #d4d3d5 !important; color: #65646a; text-align: center; }
    .tableempty th { background-color: #8e959d; border: 0px solid #ededed !important; color: White; font-size: 13px; font-weight: normal; padding: 5px; }

@-webkit-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }

    1% { display: block; opacity: 0; }

    100% { display: block; opacity: 1; }
}

@-moz-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }

    1% { display: block; opacity: 0; }

    100% { display: block; opacity: 1; }
}

@-o-keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }

    1% { display: block; opacity: 0; }

    100% { display: block; opacity: 1; }
}

@keyframes fadeInFromNone {
    0% { display: none; opacity: 0; }

    1% { display: block; opacity: 0; }

    100% { display: block; opacity: 1; }
}

/* tables */
table { border-collapse: collapse; border: 0; }
    table td { border: 0; margin: 0; vertical-align: middle; }
    table.login td { padding: 2px; }
    table a { color: #069; }
        table a:hover { text-decoration: underline; }
    table.tabla1 { border: 1px solid #CCC; background-color: White; }
        table.tabla1 th { padding: 5px; }
        table.tabla1 th { background-color: #dfe9f5; border: 1px solid #f5f5f5; }
            table.tabla1 th, table.tabla1 th a { color: #333; font-weight: bold; }
        table.tabla1 td { border: 1px solid #d4d3d5; color: #333; }
        table.tabla1 td { padding: 0.3rem; border: 1px solid #d4d3d5 !important; color: #65646a; }
        table.tabla1 tr.rowAlternative1 td { background-color: #E5E5E5; }
    table.table2 td { padding: 3px; border: none; border-bottom: 1px dotted #CCC; color: #333; }
    table.table3 { border: 1px solid #CCC; }
        table.table3 td { padding: 3px; border: 1px dotted #CCC; color: #333; }
        table.table3 tr.rowAlternative1 td { background-color: #F1f1f1; }
        table.table3 tr:hover td { background-color: #FFF; }
    table.table4 th { font-weight: bold; border-bottom: 1px dotted #CCC; }
    table.table4 td { padding: 3px; }
    table.tableClean td { border: none; background: none; padding: 3px; }
    table.tableDataBase1 td { border: 1px solid #CCC; margin-left: 1px; background-color: #CCC; vertical-align: middle; width: 140px; height: 61px; display: inline-block !important; }
    table.tableDataBase2 { border: 0; }
        table.tableDataBase2 td { width: 215px; height: 23px; vertical-align: middle; }
            table.tableDataBase2 td input[type='checkbox'] { margin-left: 0; }

    table.tabla1 th, .k-grid th.k-header, .k-grid-header { background-color: #8e959d; border: 1px solid #8e959d !important; color: White; font-weight: normal; text-align: center; }
    table.tabla1 > tr > td > a { color: #0A3749; }
.k-grid th.k-header .k-link { color: White; font-weight: normal; }

table.tabla1 .even td { background-color: #e3e4e6; }
table.tabla1 > tbody > tr:nth-child(odd), table.tabla1 > tr:nth-child(odd), table.tabla1 > tr.alternativa { background: #efecec !important; }
tr.seleccionada td { background-color: #B5D6DE !important; }
.paginador a { background: #d1d1d1; }
.paginador a, .paginador span { display: block !important; border-radius: 0.25rem; padding: 3px !important; min-width: 25px; margin: 0 0.25rem; text-align: center; }
.paginador span { color: white; background: #217DAB; }
.paginador table td { border: none !important; padding: 0 !important; margin: 0 !important; }
tr.trClick:hover td { color: #217DAB; }
table.noClick tr td:first-of-type a { display: block; }

table.tabla2, table.tabla2 input[type=text], input[type=password], input[type=number], textarea, select { width: 100%; }

.divTemplateComandos { display: flex; width: 100%; justify-content: center; }
.tabla1 .btnEditarImg { background: url('/Recursos/img/ico/editar.svg') no-repeat; width: 16px; height: 16px;}
.tabla1 .mostrarEditar { display: block }

.tabla1 .btnBorrarImg { display: block; background: url('/Recursos/img/ico/eliminar.svg') no-repeat; width: 16px; height: 16px; margin: 0 3px; }
.divCreacionJornada textarea { resize: none; }
.RadGrid { border: none !important; }
