﻿/* Estilos Base */
.xgrid {
    font-size: .75rem;
    border: 0px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.xgrid-row-select {
    cursor: pointer;
}

.xgrid-vscroll {
    display: block;    
}

.xgrid-hscroll {
    overflow-x: scroll;
    display: block;
}

    .xgrid-vscroll > tbody, .xgrid-vscroll > thead {
        display: block;
    }

    .xgrid-vscroll > tbody {
        overflow-y: scroll;
        overflow-x: hidden;
        /*height: 600px;*/
    }

    .xgrid-vscroll > th, .xgrid-vscroll > td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.xgrid-vscroll-height > tbody {
    height: 594px;    
}


.xgrid-pop-vscroll-height tbody {
    height: 300px;
}

.xgrid-cell-click {
    cursor: pointer;
}

.xgrid-width-col-default {
    min-width: 90px;
    max-width: 90px;
}

.xgrid-col-actions {
    width: 53px;    
}

.xgrid-tab-0 {
    padding-left: 0;
}

.xgrid-tab-1 {
    padding-left: 1rem;
}

.xgrid-tab-2 {
    padding-left: 2rem;
}

.xgrid-tab-3 {
    padding-left: 3rem;
}

.xgrid-tab-4 {
    padding-left: 4rem;
}

.xgrid-rowcolumn {     
    margin: 0 0 0 2.5rem;    
}

.xgrid-rowcolumn-cell {
    padding-left: .18rem;    
    padding-bottom: .3rem;
}

.xgrid-rowcolumn-header {
    color: #44669A;
    font-weight: bold;    
}
/* FIN Estilos Base */

/* Tema Informes */
.xgrid-report-border {
    border-color: #D7E5F9;
    border-radius: .2rem;
}

.xgrid-report-actions-page {
    background-image: linear-gradient(to bottom, #d3f3da, #cdf1d8, #c7eed7, #c1ecd6, #bbe9d5);
    color: #44669A;
    padding: .18rem;
    border-radius: .2rem;
    font-size: .75rem;
}

.xgrid-report-actions-page-icon {
    color: #44669A;
}

.xgrid-report th:first-child {
    border-top-left-radius: .2rem;
}

.xgrid-report th:last-child {
    border-top-right-radius: .2rem;
}

.xgrid-report thead {
    min-height: 25px;
}

.xgrid-report th, .xgrid-report thead {
    /*    background-color: #D3F3DA;*/

    background-image: linear-gradient(to bottom, #d3f3da, #cdf1d8, #c7eed7, #c1ecd6, #bbe9d5);
    color: #44669A;
    padding: .10rem;
}

.xgrid-report td {
    padding: .18rem;
    font-size: .75rem;
}

.xgrid-report tr  td {
    border-top: 1px solid #D7E5F9;
}

.xgrid-report tr th a {
    color: #44669A;
    text-decoration: underline;
}    
/* FIN Tema Informe */



/* Tema Visor */
.xgrid-visor-border {
    border-color: #D7E5F9;
    border-radius: .2rem;
}

.xgrid-visor-actions-page {
    background-image: linear-gradient(to bottom, #7eacf1, #7ba8f5, #7aa3f9, #7b9efc, #7d99ff);
    /*background-color: #7EACF1;*/
    color: #fff;
    padding: .18rem;
    border-radius: .2rem;
    font-size: .75rem;
}

.xgrid-visor-actions-page-icon {    
    color: #fff;    
}

.xgrid-visor th:first-child {
    border-top-left-radius: .2rem;
}

.xgrid-visor th:last-child {
    border-top-right-radius: .2rem;
}

.xgrid-visor thead {
    min-height: 25px;
}

.xgrid-visor th, .xgrid-visor thead {
    /*background-color: #7EACF1;*/
    background-image: linear-gradient(to bottom, #7eacf1, #7ba8f5, #7aa3f9, #7b9efc, #7d99ff);
    color: #fff;
    padding: .15rem;
}

.xgrid-visor td {
    padding: .18rem;
}

.xgrid-visor tr td {
    border-top: 1px solid #D7E5F9;
}

.xgrid-visor tr th a {
    color: #fff;
    text-decoration: underline;
}

/* FIN Tema Visor */
/* Tema CCS */
.xgrid-ccs-border {
    border-color: #dbdbdb;
    border-radius: .2rem;
}

.xgrid-ccs-actions-page {
    background-image: linear-gradient(to bottom, #dedede, #d8d8d8, #d2d2d2, #cccccc, #c6c6c6);    
    color: #484848;
    padding: .18rem;
    border-radius: .2rem;
    font-size: .75rem;
}

.xgrid-ccs-actions-page-icon {
    color: #484848;
}

.xgrid-ccs th:first-child {
    border-top-left-radius: .2rem;
}

.xgrid-ccs th:last-child {
    border-top-right-radius: .2rem;
}

.xgrid-ccs thead {
    min-height: 25px;
}

.xgrid-ccs th, .xgrid-ccs thead {    
    background-image: linear-gradient(to bottom, #dedede, #d8d8d8, #d2d2d2, #cccccc, #c6c6c6);
    color: #484848;
    padding: .18rem;
}

.xgrid-ccs td {
    padding: .18rem;
}

.xgrid-ccs tr td {
    border-top: 1px solid #dbdbdb;
}

.xgrid-ccs tr th a {
    color: #484848;
    text-decoration: underline;
}    
/* FIN Tema CCS */

/* Tema Control */
.xgrid-control-border {
    border-color: transparent;
    border-radius: .2rem;
}

.xgrid-control-actions-page {
    background: transparent;
    color: #484848;
    padding: .18rem;
    border-radius: .2rem;
    font-size: .75rem;
}

.xgrid-control-actions-page-icon {
    color: #484848;
}

.xgrid-control th:first-child {
    border-top-left-radius: .2rem;
}

.xgrid-control th:last-child {
    border-top-right-radius: .2rem;
}

.xgrid-control thead {
    min-height: 25px;
}

.xgrid-control th, .xgrid-control thead {
    border-bottom: 1px solid #dbdbdb;
    background: transparent;
    color: #44669a;
    padding: .18rem;
}

.xgrid-control td {
    padding: .18rem;
}

.xgrid-control tr td {
    border-top: 1px solid transparent;
}

.xgrid-control tr th a {
    color: #484848;
    text-decoration: underline;
}
/* FIN Tema Control */

