/******************************************************/
/**** ESTILOS DEL COMPONENTE <ATLASC:LISTAPAGINADA> ****/
/******************************************************/
/* Clase que define el estilo del contenedor del componente*/
.atlasc-lp {
    
}

/* Clase que define el estilo de las filas impares*/
.atlasc-lp-row-impar {
    font-size: 11px;
    background-color: #fff;
    border-bottom: #e5e5e5 1px dotted;
}

/* Clase que define el estilo de las filas pares*/
.atlasc-lp-row-par {
    font-size: 11px;
    background-color: #f5f5f5;
    border-bottom: #e5e5e5 1px dotted;
}

/* Clase que define el estilo de las filas destacadas*/
.atlasc-lp-row-highlighted {
    background-color: #E0EAF7;
}

/* Clase que define el estilo de las filas seleccionadas*/
.atlasc-lp-row-selected {
    background-color: #ACC9E9;
}

/* Clase que define el estilo base de las filas*/
.atlasc-lp .rf-dt-r.atlasc-lp-rows-base {
    background: #fff;
}

.atlasc-lp .rf-dt-r.atlasc-lp-rows-base.atlasc-lp-row-highlighted{
    background-color: #E0EAF7;
    border-bottom: #E0EAF7 1px solid;
}

.atlasc-lp .rf-dt-r.atlasc-lp-rows-base.atlasc-lp-row-selected{
    background-color: #ACC9E9;
    border-bottom: #ACC9E9 1px solid;
}


.atlasc-lp .rf-dt-r.atlasc-lp-rows-base .rf-dt-c {
    border-bottom: #e5e5e5 1px dotted;
}

.atlasc-lp .rf-dt-r.atlasc-lp-row-highlighted .rf-dt-c {
    border-bottom: #E0EAF7 1px solid;
}

.atlasc-lp .rf-dt-r.atlasc-lp-row-selected .rf-dt-c {
    border-bottom: #ACC9E9 1px solid;
}

.atlasc-lp tfoot.rf-dt-tft {
    display: table-footer-group;
}

.atlasc-lp thead.rf-dt-thd {
    
}

.atlasc-lp tbody.rf-dt-b {
    
}

/* This class defines styles for the table */
.atlasc-lp .rf-dt {
    background: inherit;
    padding: 0px;
    margin: 0px;
    border: none;
}

/*This class defines styles for the table caption.*/
.atlasc-lp .rf-dt-cap {
    
}

/*This class defines styles for a table row.*/
.atlasc-lp .rf-dt-r {
    
}

/*This class defines styles for the first row in a table.*/
.atlasc-lp .rf-dt-fst-r {
    
}

/*This class defines styles for a table cell.*/
.atlasc-lp .rf-dt-c {
    font-size: 11px;
    color: #646464;
    padding: 3px;
    border-right: 1px #e4e4e4 solid;
    
}

.atlasc-lp .rf-dt-c:first-child {
    border-left: 1px #e4e4e4 solid;
}

/*This class defines styles for a node.*/
.atlasc-lp .rf-dt-nd {
    
}

/*This class defines styles for a table header.*/
.atlasc-lp .rf-dt-hdr {
    
}

/* This class defines styles for the first header. */
.atlasc-lp .rf-dt-hdr-fst {
    
}

/* This class defines styles for a header cell. */
.atlasc-lp .rf-dt-hdr-c {
    
}

/* This class defines styles for a table sub-header. */
.atlasc-lp .rf-dt-shdr {
    
}

/* This class defines styles for the first sub-header. */
.atlasc-lp .rf-dt-shdr-fst {
    
}

/* This class defines styles for a sub-header cell. */
.atlasc-lp .rf-dt-shdr-c {
    border-bottom: 1px #B6CDE0 solid;
    border-top: 1px #C0C0C0 solid;
    border-right: 1px #C0C0C0 solid;
    background-image: none;
    font-size: 11px;
    text-align: left;
    background-image: none;
}
/* This class defines styles for a sub-header cell. */
.atlasc-lp .rf-dt-shdr-c:first-child {
    border-left: 1px #C0C0C0 solid;
}

/* This class defines styles for a link within sub-header cell. */
.atlasc-lp .rf-dt-shdr-c a {
    font-size: 11px;
    font-weight: bold;
}

.atlasc-lp .rf-dt-shdr-c img {
    vertical-align: top;
    margin: 4px 3px 1px 3px;
}

/* This class defines styles for a table footer. */
.atlasc-lp .rf-dt-ftr {
    
}

/* This class defines styles for the first footer. */
.atlasc-lp .rf-dt-ftr-fst {
    
}

/* This class defines styles for a footer cell. */
.atlasc-lp td.rf-dt-ftr-c {
    padding: 3px 0 0 0;
    background: inherit;
    background: #F5F5F5\9;
    border: none;
}

/* This class defines styles for a table sub-footer. */
.atlasc-lp .rf-dt-sftr {
    
}

/* This class defines styles for the first sub-footer. */
.atlasc-lp .rf-dt-sftr-fst {
    
}

/* This class defines styles for a sub-footer cell. */
.atlasc-lp .rf-dt-sftr-c {
    
}

/* Clase que define el estilo del footer de la tabla */
.atlasc-lp-footer {
    background: #E4E4E4;
    border-bottom: 1px solid #6F96C2;
    text-align: center;
    padding: 0 5px;
}

/* Clase que define el estilo del scroller del footer de la tabla */
.atlasc-lp-footer-scroller {
    
}

/* Clase que define el estilo de la primera columna del footer de la tabla */
.atlasc-lp-footer-c1 {
    
}

/* Clase que define el estilo de la segunda columna del footer de la tabla */
.atlasc-lp-footer-c2 {
    width: 100%;
    text-align: center;
}

/* Clase que define el estilo de la tercera columna del footer de la tabla */
.atlasc-lp-footer-c3 {
    
}

/* Clase que define el estilo de la cuarta columna del footer de la tabla */
.atlasc-lp-footer-c4 .paginatorTextUltimo {
    white-space: nowrap;
    margin: 0 10px 0 15px;
}

/* Clase que define el estilo del selector del tamaño de página */
.atlasc-lp-footer-sizeselect {
    margin-left: 10px;
}

/* Clase que define el estilo del botón de exportar */
.atlasc-lp-export {
    margin: 0 10px;
    display: inline-block;
}

/* Clase que define el estilo del picklist de la exportación */
.atlasc-lp-export-picklist {
    
}

/* Clase que define el estilo del popup de la exportación */
.atlasc-lp-export-popup {
    
}

/* Clase  que define el estilo de los botones del picklist */
.atlasc-lp-export-picklist-btn {
    font-size: 10px;
    color: #666;
    text-decoration: none;
    font-weight: normal;
}

span:hover.atlasc-lp-export-picklist-btn {
    text-decoration: none;
    color: #000;
}

a:hover.atlasc-lp-export-picklist-btn {
    text-decoration: none;
    color: #000;
}

a.atlasc-lp-export-picklist-btn img {
    padding: 2px 3px;
}

/* This class defines styles for the data scroller. */
.atlasc-lp-footer-scroller.rf-ds {
    background: none;
    border: none;
    text-align: left;
}

/* This class defines styles for buttons in the data scroller. */
.atlasc-lp-footer-scroller .rf-ds-btn {
    background: none;
    border: none;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    border-style: none;
    border-width: 0px;
}
/* This class defines styles for the first button. */
.atlasc-lp-footer-scroller .rf-ds-btn-first {
    
}
/* This class defines styles for the fast rewind button. */
.atlasc-lp-footer-scroller .rf-ds-btn-fastrwd {
    
}

/* This class defines styles for the previous button. */
.atlasc-lp-footer-scroller .rf-ds-btn-prev {
    
}

/* This class defines styles for the next button. */
.atlasc-lp-footer-scroller .rf-ds-btn-next {
    
}

/* This class defines styles for the fast forward button. */
.atlasc-lp-footer-scroller .rf-ds-btn-fastfwd {
    
}

/* This class defines styles for the last button. */
.atlasc-lp-footer-scroller .rf-ds-btn-last {
    
}

/* This class defines styles for page number buttons in the data scroller. */
.atlasc-lp-footer-scroller .rf-ds-nmb-btn {
    border: none;
    color: #666;
    border: 1px solid #e4e4e4;
    background-color: transparent;
    background-image: none;
    width: 1.5em;
}

.atlasc-lp-footer-scroller .rf-ds-nmb-btn:hover {
    color: #666;
    background: #dde4f1;
    border: 1px solid #E4E4E4;
}

/* This class defines styles for a data scroller when a control is pressed. */
.atlasc-lp-footer-scroller .rf-ds-press {
    
}

/* This class defines styles for an active data scroller. */
.atlasc-lp-footer-scroller .rf-ds-act {
    width: auto;
    border-color: transparent;
}

/* This class defines styles for a disabled data scroller.  */
.atlasc-lp-footer-scroller .rf-ds-dis {
    
}