/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

div#ListadoEntidades_paginate a.next, .dataTables_paginate .next {
    position: relative;
    display: inline;
    width: auto;
    height: auto;
    background-image: none;
    top: auto;
    left: auto;
    margin: 0 12px 0 -6px !important;
}

div#ListadoEntidades_paginate a.prev {
}

table.dataTable tr.odd {
    background-color: #C5E4D7;
}

table.dataTable tr.even {
    background-color: white;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #B6D5C8;
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #DAFFDC;
}

table.dataTable tr.odd td.sorting_3 {
    background-color: #E0FFE2;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #EAFFEB;
}

table.dataTable tr.even td.sorting_2 {
    background-color: #F2FFF3;
}

table.dataTable tr.even td.sorting_3 {
    background-color: #F9FFF9;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 4px;
}

div.dataTables_wrapper div.dataTables_length select {
    vertical-align: middle;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    /*border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;*/
    border-radius: 5px;
    /*padding: 2px 5px;*/
    margin: 0 3px;
    /*cursor: pointer;
    *cursor: hand;
    color: #333 !important;*/
}

div.dt-buttons {
    /*Neutraliza el estilo de css/buttons.daTables (L192)*/
    position: relative;
    float: right;
    padding-left: 3px;
}

.estiloCabeceraTarea_Tramite {
    width: 8%;
}

.estiloCabeceraTarea_TipoSolicitud {
    width: 20%;
}

.estiloCabeceraTarea_TipoProceso {
    width: 20%;
}

.estiloCabeceraTarea_EntidadProduto {
    /* RGOMEZ6. 15/11/2019. Relacionado con las vulnerabilidades.
        por alguna razón de estilos, es necesario poner así a este campo
    */
    max-width: 217px;
}

.estiloCabeceraTarea_IdSede {
    /*min-width: 60px;
    max-width: 60px;
    width: 60px;*/
    /*width: 20%;*/
    min-width: 61px;
    max-width: 100px;
    width: 100px;
    word-wrap: break-word;
}

.estiloCabeceraTarea_NotasGestion {
    min-width: 61px;
    max-width: 61px;
    width: 61px;
    word-wrap: break-word;
}

.estiloCabeceraTarea_Entrada {
    width: 10%;
}

.estiloCabeceraTarea_Observaciones {
    max-width: 190px;
}

.estiloCabeceraTarea_Lapiz {
    width: 5%;
}

.closeSearchDatatable {
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-style: none;
    width: 20px;
    height: 20px;
    position: relative;
    left: -3px;
}


/* ******************************************** */
/* Detalle de registros de línea child de tabla */
/* Estilos del formulario asiciado a una línea  */
/* de tabla                                     */
/* ******************************************** */

#capaDetalle h1 {
    background-color: #27a59a;
    border: none;
    color: white;
    padding: 14px 28px;
    cursor: pointer;
    border-radius: 5px;
}

#capaDetalle ul {
    columns: 1;
    padding-bottom: 15px;
    -webkit-columns: 1;
    -moz-columns: 1;
    /*column-count: 2;*/
}

#capaDetalle ul {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cae6da), color-stop(1, #cae6da ) );
    background: -moz-linear-gradient( center top, #cae6da 5%, #cae6da 100% );
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f4', endColorstr='#dededd');*/
    border: 1px solid #1a39e1;
    background-color: #dbdbdb;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*display: inline-block;*/
    color: #01413b;
    font-size: 15px;
    font-weight: normal;
    /*padding:6px 24px;*/
    /*   text-decoration: none;
    font-family: antonioregular, FontAwesome, FontAwesome5FreeRegular;
    cursor: pointer;*/
}

#capaDetalle .textobutton {
    display: inline-block;
    color: #666;
    /*background-color: #eee;*/
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
    font-size: 12px;
    padding: 10px 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.3);
    border-bottom-width: 3px;
    max-width: 90%;
}

#capaDetalle .textobuttonColor {
    background-color: #eee;
}

#capaDetalle textarea {
    vertical-align: middle;
    width: 95%;
}

#capaDetalle .labelValoresLectura {
    /*background-color: #d0c9c9;*/
    color: black;
    font-style: oblique;
    font-weight: bold;
}

#capaDetalle li {
    padding: 2px 0px 0px 10px;
}

#capaDetalle .marcobutton {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    padding-left: 55px;
    position: relative;
    background-color: rgb(41,127,184);
    color: rgb(255,255,255);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    zoom: 1;
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    /*
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
    */
}

#capaDetalle .marcobutton span {
    position: absolute;
    left: 0;
    width: 25px;
    background-color: rgba(0,0,0,0.5);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid rgba(0,0,0,0.15);
    padding: 0px 0px 0px 19px;
}

#capaDetalle .marcobutton.orange {
    background: #FF7F00;
}

#capaDetalle .marcobutton.purple {
    background: #8e44ad;
}

#capaDetalle .marcobutton.turquoise {
    background: #1abc9c;
}

#capaDetalle .marcobutton.red {
    background: #e74c3c;
}

/* 27/10/2025. rgomez6.
    Da formato a los combos que se muestran en los registros
    dentro de una tabla.
*/
.comboInteriorTabla {
    line-height: 24px;
    width: 72px;
    cursor: pointer;
    border-radius: 6px;
    background-color: #FFFFFF;
    height: 24px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url('/imgplantilla/flechaCombo-down-gris.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: top 2px right 2px;
    z-index: 1;
}