@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
/* ---  body --background: url('../Images/bgInterno.jpg') left top no-repeat #fff !important;-*/
body {
    background-image: none;
    width: 100%;
}

/* --- /body --- */


#page-main {
    margin: 25px auto;
    width: 95%;
    height: 100%;
}

#page-container {
    position: relative;
    background: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    height: 100%;
    /*	margin: 25px auto;*/
    behavior: url(/Styles/PIE.htc);
    -moz-box-shadow: 3px 4px 12px #1c3d4d;
    -webkit-box-shadow: 3px 4px 12px #1c3d4d;
    box-shadow: 3px 4px 12px #1c3d4d;
}

#header.main {
    background: #393939;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    position: relative;
    behavior: url(/Styles/PIE.htc);
}

.logo {
    float: left;
    display: inline-block;
    vertical-align: middle;
}

ul.nav {
    display: block;
    *padding: 15px;
}

/* USER */

#user-menu {
    background: url("../Images/drop.png") no-repeat scroll right center transparent;
    color: #fff;
    display: inline-block;
    padding: 17px 20px;
    margin-right: 30px;
    text-decoration: none;
    vertical-align: middle;
    font-size: 1.1em;
}



.userSideBar {
    color: #fff;
    text-transform: capitalize;
    font-size: 0.9em;
    padding-left: 0.3em;
    /*    font-style: italic;*/
}

.user {
    color: #4ca7c4;
    /*    font-style: italic;*/
}

.dropdown.open a span {
    color: #801c1a;
}


#nav-menu {
    background: #19a5e3;
    /*height: 88px;*/
    height: 44px;
}


#page-content {
    background: url('../Images/footer.png') repeat-x bottom center;
    min-height: 505px;
    padding: 0 30px;
    position: relative;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    behavior: url(/Styles/PIE.htc);
}

.div_current {
    background-color: #FFFFFF;
}

/* COLUMNS */

#column-left {
    float: left;
    width: 35%;
    margin: 0;
}

#column-right {
    float: right;
    width: 55%;
    margin: 0;
}

.classdiv_twocolumns_form {
    width: 100%;
    clear: both;
}

    .classdiv_twocolumns_form table {
        float: left;
        width: 100%;
    }

    .classdiv_twocolumns_form td(odd) {
        padding-right: 10px;
    }

    .classdiv_twocolumns_form td input[type="text"] {
        width: 358px;
    }

.two-columns-fields {
    width: 100%;
    clear: both;
}

    .two-columns-fields p:nth-child(even) {
        clear: left !important;
        float: left !important;
        width: 46% !important;
    }

    .two-columns-fields p:nth-child(odd) {
        clear: right !important;
        float: right !important;
        width: 46% !important;
    }

/* ALIGN */

.left {
    float: left;
}

.right {
    float: left;
}

/* COLORS */
.blue {
    color: #033D6B !important;
}

.gray {
    color: #919191 !important;
}


/* CONTENT */

h2.title span {
    background: #fff; /* @background container color */
    color: #09a6db; /* @color */
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    padding-right: 15px;
    text-transform: uppercase;
}

#div_maximizer_area {
    display: inline-block;
    text-align: right;
    *margin-top: -36px;
    vertical-align: middle;
}

    #div_maximizer_area a {
        border: medium none;
        outline: medium none;
        vertical-align: middle;
        z-index: 99;
        display: inline-block;
        width: 40px;
    }

/*Fin cambio, Versión 1.0.5,*/

#FrameViewer {
    width: 100%;
    height: 460px;
    height: 497px\9
}

.GoBack {
    width: 50%;
    font-family: Open Sans, sans-serif;
    font-style: italic;
    color: #1E3F68;
    position: relative;
    margin-top: -30px;
    top: -17px;
    text-decoration: none;
}

    .GoBack a:hover {
        text-decoration: underline !important;
    }

/* FORM */

.title {
    color: #09a6db; /* @color */
    font-size: 21px !important;
    font-style: normal;
}

    .title.main {
        background: url(../Images/line.png) center repeat-x;
    }

.title_tray_period_to_visualize_IEcompat, .title_two {
    padding-bottom: 20px\9;
    margin-bottom: 12px;
    margin-top: 10px;
    text-transform: none;
}

.title span {
    color: #919191;
    font-style: italic;
    font-size: medium;
    text-transform: none;
    font-weight: normal;
}

.description {
    color: #919191;
    font-style: italic;
    font-size: 15px;
    height: 1em;
}

.form p {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
}

    .form p input, .form p select {
        float: left;
        clear: both;
        width: 100%;
    }

.form table td label {
    font-size: 0.9em;
    float: left;
    clear: both;
    text-transform: uppercase;
    font-weight: 600;
    color: #919191;
}

.form p label, .form p span {
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    color: #919191;
}

    .form p label span, .form p span.light {
        text-transform: none;
        font-style: italic;
        font-weight: normal;
        font-size: small;
    }

.form .selectAll {
    color: #919191;
    font-size: small;
}

.form .buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

.fill-parent90 {
    width: 90%;
}

/* COLUMNS */

.form p.column3 {
    clear: none;
    float: left;
    margin: 10px;
    padding: 0;
    width: 30%;
}

.form p.column1 {
    clear: none;
    float: left;
    margin: 0 3% 0 0;
    padding: 0;
    width: 30%;
}

/* CHECKBOX */

.checkbox input {
    width: 15px !important;
}

.checkbox label {
    clear: right !important;
}

/* MESSAGES */ /* g.v. 08/07/2014*/

.info-message {
    background: url(../Images/close.png) right 15px center no-repeat rgba(252, 240, 194, 0.85);
    border-radius: 0;
    border: 1px solid #d1ae62;
    box-shadow: 0 1px 5px rgba(0,0,0,0.5);
    clear: both;
    color: #ac7d2d;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    font-style: italic;
    left: 0;
    line-height: 0;
    padding: 15px;
    position: fixed;
    top: 0;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    width: 100%;
    z-index: 70;
}

    .info-message:hover {
        cursor: pointer;
        background-color: #f3edd5;
    }

/* IE HACKS */
.info-message {
    font-family: Open Sans, sans-serif;
    background-image: url(../Images/close.png);
    background-color: #fcf0c2\9;
    background-position: 99%;
    background-repeat: no-repeat;
    z-index: 101;
}

.paginas {
    display: inline;
    margin-top: 5px;
    width: 380px;
}

/* Fin cambio, Version 1.0.5, G.V */

.errors {
    color: #033D6B;
}

/* ESPACING */

.spacing-top {
    margin-top: 10px;
}

/* WIZARD */

/*.wizard {
	background: #a9a9a9;
	color: #FFFFFF !important;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0px 0px;
	font-size: 0.85em;
}

.wizard li {
	display: inline; 
	width: 25%; 
	float: left; 
	text-align: center; 
	padding: 5px 0px; 
}

.wizard a { text-decoration: none; color:#FFFFFF; width: 100%; height: 100%; }
.wizard a:visited { color:#FFFFFF; }  
.wizard a:hover { color:#FFFFFF; }  
.wizard a:active { color:#FFFFFF; }  


.wizard li.selected {
    background: url("../images/flecha.png") no-repeat scroll right center, url("../images/flecha-invert.png")no-repeat scroll left center  #ebc745;   
    background-color:  #ebc745;
   
}
 
.wizard a i { font-size: 0.9em; }*/

/* CAMBIAR CONTRASEÑA */

#CambiarPassword {
    color: #1e3f68;
    text-decoration: none;
}

    #CambiarPassword :visited {
        color: #1e3f68;
    }

    #CambiarPassword :hover {
        color: #1e3f68;
    }

    #CambiarPassword :active {
        color: #1e3f68;
    }

.classdiv_error {
    max-height: 460px;
}

@-moz-document url-prefix() {
    .IframeInboxTray {
        max-height: 7440px;
    }
}

#FrameViewer {
    width: 100%;
    height: 520px;
    overflow: hidden;
    border: 0 none;
}

    #frameViewer iframe#frameViewer {
        height: 500px !important;
    }

#Modal {
    display: block;
    z-index: 1500;
    /*  position:fixed;*/ /* g.v. 12/02/2014 */
    position: absolute;
    top: 0px;
    /*  margin: 0 auto;*/
    left: 0px;
}

#mask {
    position: fixed;
    z-index: 9000;
    background-color: #000;
    display: block;
}

#boxes .window {
    background: #fff;
    display: none;
    position: absolute;
    width: 100%;
    min-height: 500px;
    z-index: 9999;
}

#boxes #dialog {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 5px 4px 10px #111;
    -moz-box-shadow: 5px 4px 10px #111;
    -webkit-box-shadow: 5px 4px 10px #111;
    height: 600px;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 70%;
    margin: 25px;
    /*  margin-left: 45px;*/
    /*  position: absolute;*/ /* g.v. 12/02/2014  */
    position: fixed;
    behavior: url(/Styles/PIE.htc);
}

/*Inicio cambio, Versión 1.0.5, G.V, 08/04/2013*/
table#searcher {
    width: 50%;
}

table#headerpopup {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    display: block;
    behavior: url(/Styles/PIE.htc);
}

    table#headerpopup td#titulo {
        width: 100%;
        color: #777;
        vertical-align: middle;
        font-size: 17px;
        font-weight: 600;
        padding-left: 15px;
    }

    table#headerpopup td img {
        display: block;
        cursor: pointer;
        vertical-align: middle;
        background: #19a5e3;
        padding: 2px;
        width: 30px;
        margin: 5px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        behavior: url(/Styles/PIE.htc);
    }

        table#headerpopup td img:hover {
            opacity: 0.75;
        }

#headerpopup img {
    display: block;
    cursor: pointer;
    vertical-align: middle;
    background: #19a5e3;
    padding: 2px;
    width: 30px;
    margin: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    behavior: url(/Styles/PIE.htc);
}

    #headerpopup img:hover {
        opacity: 0.75;
    }

#paginado {
    display: inline-block;
    background: #ccc;
    border: 1px solid #bbb;
    color: blue;
    padding: 0 5px;
    font-size: 14px;
}

.GoBack #paginado span {
    font-family: Open Sans, sans-serif;
    color: blue;
    width: 80%;
}

.GoBack {
    display: inline-block;
    float: right;
    width: 50%;
    font-family: Open Sans, sans-serif;
    font-style: italic;
    color: #1E3F68;
    position: relative;
    margin-top: -30px;
    top: -17px;
    text-decoration: none;
    width: 100%;
    float: right;
}

    .GoBack a:hover {
        text-decoration: underline !important;
    }

.dataTables_scrollBody, .dataTables_scrollBody {
    height: 100% \0/;
    height: auto !important;
    min-height: 60px \0/;
    max-height: 160px;
    overflow: auto;
}

select#DropDownListStateInbox option {
    font-weight: normal !important;
}

.panel {
    background: #f8f8f8;
    padding: 18px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #ccc;
}

table.modal-table {
    font-family: Open Sans;
    font-weight: 500;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/Styles/PIE.htc);
}

/* Botones */

/* Bootstrap */





.multiselect.btn {
    width: auto;
}

.btn.big {
    width: 150px;
}

.BtnConfirmarDatos, .BtnGenerarClaves, .BtnDescargarCert, .BtnVerSolicitud, .BtnVolver, .BtnBuscar {
    background: url(../Images/buttons/confirmar-datos.png) center bottom no-repeat transparent;
    border: none;
    display: inline-block;
    height: 32px;
    vertical-align: top;
    width: 163px;
}

    .BtnConfirmarDatos:hover, .BtnGenerarClaves:hover, .BtnDescargarCert:hover, .BtnVerSolicitud:hover, .BtnVolver:hover, .BtnBuscar:hover {
        background: url(../Images/buttons/confirmar-datos_hover.png) center bottom no-repeat transparent;
        cursor: pointer;
    }

.BtnBuscar {
    background: url(../Images/buttons/buscar.png) center bottom no-repeat transparent;
}

    .BtnBuscar:hover {
        background: url(../Images/buttons/buscar_hover.png) center bottom no-repeat transparent;
    }
/* 
.BtnGenerarClaves {
    background: url(../Images/buttons/generar-claves.png) center bottom no-repeat transparent;
}

.BtnDescargarCert {
    background: url(../Images/buttons/descargar-certificado.png) center bottom no-repeat transparent;
}

.BtnVerSolicitud {
    background: url(../Images/buttons/ver-solicitud.png) center bottom no-repeat transparent;
}*/

.BtnVolver {
    background: url(../Images/buttons/volver.png) center bottom no-repeat transparent;
}

.BtnVolver {
    background: url(../Images/buttons/volver.png) center bottom no-repeat transparent;
}
    /*
.BtnGenerarClaves:hover {
    background: url(../Images/buttons/generar-claves_hover.png) center bottom no-repeat transparent;
}

.BtnDescargarCert:hover {
    background: url(../Images/buttons/descargar-certificado_hover.png) center bottom no-repeat transparent;
}

.BtnVerSolicitud:hover {
    background: url(../Images/buttons/ver-solicitud_hover.png) center bottom no-repeat;
}*/

    .BtnVolver:hover {
        background: url(../Images/buttons/volver_hover.png) center bottom no-repeat;
    }

.button {
    background: url(../Images/buttons/buttons-background.png) center bottom repeat-x #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #444;
    font-weight: 600;
    font-size: 10px;
    padding: 5px;
    text-transform: uppercase;
    border: 1px solid #bbb;
}

    .button:hover {
        background-position: center top;
        cursor: pointer;
    }

    .button.green {
        background-color: #8ba95b;
        border: 1px solid #68843d;
        color: #fff;
    }

/* animations */
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -ms-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.failureNotification {
    color: #a62523;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    text-shadow: 1px 1px 2px #fff;
    float: none !important;
}

    .failureNotification.login {
        background: none repeat scroll 0 0 #F2DEDE;
        border: 1px solid #db6f6d;
        border-radius: 5px;
        padding: 10px 15px;
        display: inline-block;
        behavior: url(/Styles/PIE.htc);
    }


.grid {
    margin-bottom: 10px;
}

.gridBtn {
    margin-bottom: 10px;
}

.grid td, .grid th {
    padding: 7px;
}

.admin-button:hover {
    opacity: 0.8;
}

/*--  Error Sesion --*/
.campo-error {
    color: Red;
    font-style: italic;
    font-size: 13px;
    text-align: left;
}

#errorBody {
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    position: absolute;
}

.sf-menu {
    width: 100%;
}

tr.no-border td {
    border: 0;
}

input.textbox, select.textbox {
    border: 1px solid #aaa;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.2s ease-out;
    font-weight: normal;
    behavior: url(/Styles/PIE.htc);
    behavior: none\9;
}

input.textbox {
    padding: 2px;
}

select.default.textbox {
    behavior: none; /* Hace conflicto en ie con vista de compatibilidad */
}



.light {
    color: #919191;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 13px;
}

.close {
    background: #1786b7;
    /*background: #64a13c;*/
    padding: 4px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    behavior: url(/Styles/PIE.htc);
}

.closeBootstrap {
    /*background: #1786b7;*/
    /*background: #64a13c;*/
    padding: 4px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    float: right;
}

.close:hover {
    opacity: 0.75;
}

/*Barra de progreso*/

div.progress {
    float: left;
    background-color: #F5F5F5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    height: 20px;
    width: 102px;
    overflow: hidden;
    behavior: url(/Styles/PIE.htc);
}

    div.progress.active {
        animation: 2s linear 0s normal none infinite progress-bar-stripes;
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
        background-size: 20px 20px;
        background-color: #428BCA;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
        line-height: 20px;
        max-width: 100px;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.form table td span.styled label {
    float: none;
}


/** Iconos menu de Usuario */
.menuIcons::before {
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: 5px;
    width: 30px;
    /* mouse over link */
}

.iconHerramienta::before {
    content: '\e136';
}

.iconConfiguracion::before {
    content: '\e019';
}

.iconLista::before {
    content: '\e032';
}

.iconUsuario::before {
    content: '\e008';
}

.iconSeguridad::before {
    content: '\e033';
}

.iconSalir::before {
    content: "\e017";
}
/** Iconos menu side bar */
/*.menuUsuario a 
{
 width: 200px;   
  margin-left: 20px;
    }*/
.menuIcons::after {
    font-family: 'Glyphicons Halflings';
}

.iconMenuBar::after {
    content: "\e055";
}

.iconCertificado::after {
    content: "\e124";
}

.iconAdminPCR::after {
    content: "\e117";
}

.iconCircuito::after {
    content: '\e115';
}

.iconLoadCSV::after {
    content: "\e167";
}

.iconConsultarDocumentos::after {
    content: "\e032";
}

.iconAreas::after {
    content: '\e011';
}

.iconBuscar::after {
    content: '\e003';
}

.iconTiposAccion::after {
    content: '\e168';
}

.iconEmpresas::after {
    content: '\e021';
}

.iconEtiquetas::after {
    content: '\e042';
}

.iconClasesDocumentales::after {
    content: "\e043";
}

.iconCamposAdicionales::after {
    content: '\e047';
}

.iconFavorito:after {
    content: "\e006";
}

.iconPendiente:after {
    content: "\e161";
}

.iconRecibido:after {
    content: "\e164";
}

.iconEnviado:after {
    content: "\e163";
}

.iconRegistrarDocumento:after {
    content: "\e203";
}

.iconBandejas:after {
    content: "\e028";
}

.iconReservarDocumento:after {
    content: "\e195";
}

.iconTiposDocumentales::after {
    content: '\e224';
}

.iconTemas::after {
    content: '\e012';
}

.iconAgregacionDocumento::after {
    content: "\e224";
}

.iconNumerarDoc::after {
    content: "\270f";
}

.iconPosicionamiento::after {
    content: '\e068';
}

.iconImportar::after {
    content: '\e198';
}

.iconEditGrid::after {
    content: "\270f";
}

.iconEvents::after {
    content: "\e185";
}

.iconCarpeta::after {
    content: "\e118";
}




/** MENU DE USUARIO LOGUEADO - cerrar*/

/*.dropdown-menu.menuUsuario {
    width: 230px;
    margin-left: 14px !important;
}*/

select.form-control {
    height: 34px !important;
}

/* Grillas */
/*.table-container {
    margin-top: 30px;
}

.check input[type=checkbox] {
    margin-left: 10px;
}

.table td,.table th { border: 1px solid #ddd !important;}

.tableBandejaDocumentos {
    font-size: 12px;
}
.table-borderless td,
.table-borderless th {
    border: 0;
}*/
/*------ NUEVOS ESTILOS TABLA ------*/

/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    table.grilla {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }
   
        table.grilla tr {
            background-color: #f8f8f8;
            border: 1px solid #ddd;
            padding: .35em;
        }

        table.grilla th,
        table.grilla td {
            padding: .625em;
            text-align: center;
        }

        table.grilla th {
            font-size: .85em;
            letter-spacing: .1em;
            text-transform: uppercase;
        }

    @media screen and (max-width: 600px) {
        table.grilla {
            border: 0;
        }


            table.grilla thead {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
            }

            table.grilla tr {
                border-bottom: 3px solid #ddd;
                display: block;
                margin-bottom: .625em;
            }

            table.grilla td {
                border-bottom: 1px solid #ddd;
                display: block;
                font-size: .8em;
                text-align: right;
            }

                table.grilla td::before {
                    content: attr(data-label);
                    float: left;
                    font-weight: bold;
                    text-transform: uppercase;
                }

                table.grilla td:last-child {
                    border-bottom: 0;
                }
    }
*/

/* table.grilla, thead, tbody, th, td, tr {
        display: block;
    }

        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    tr {
        margin: 0 0 1rem 0;
    }

        tr:nth-child(odd) {
            background: #ccc;
        }

    td {
      
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        td:before {
            
            position: absolute;
            top: 0;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        
        td:nth-of-type(1):before {
            content: "Identificador";
        }

        td:nth-of-type(2):before {
            content: "Tipo Documento";
        }

        td:nth-of-type(3):before {
            content: "Numero";
        }

        td:nth-of-type(4):before {
            content: "FechaCreación";
        }

        td:nth-of-type(5):before {
            content: "FechaHoraHistorial";
        }

        td:nth-of-type(6):before {
            content: "Id Enviado Por";
        }

        td:nth-of-type(7):before {
            content: "Id Para";
        }

        td:nth-of-type(8):before {
            content: "Para";
        }

        td:nth-of-type(9):before {
            content: "Favorito";
        }

        td:nth-of-type(10):before {
            content: "MotivoEnvio";
        }
        td:nth-of-type(11):before {
            content: "CampoAdicionalMonetario";
        }
        td:nth-of-type(12):before {
            content: "CampoAdicionalOtro";
        }
    
}*/

/* order by row */
/*@media all and (max-width: 1024px) {
    .Rtable--collapse {
        display: block;
    }
.Rtable--collapse .Rtable-cell--head {width: 100% !important;}
.Rtable--collapse .Rtable-cell--foot { margin-bottom: 1em;  }
    }*/

/*@media screen and (max-width: 840px) {
    table.grilla {
        width: 100%;
    }

    thead {
        display: none;
    }

    tr:nth-of-type(3n) {
        background-color: inherit;
    }

    tr td:first-child {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1em;
    }

    tbody td {
        display: block;
        text-align: center;
    }

        tbody td:before {
            content: attr(data-th);
            display: block;
            text-align: center;
        }
}


@media screen and (max-width: 600px) {
    table.grilla {
        width: 100%;
    }

    thead {
        display: none;
    }

    tr:nth-of-type(2n) {
        background-color: inherit;
    }

    tr td:first-child {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1.3em;
    }

    tbody td {
        display: block;
        text-align: center;
    }

        tbody td:before {
            content: attr(data-th);
            display: block;
            text-align: center;
        }
}*/
/**/
table.grilla {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 10px;
}

    table.grilla th {
        background: #2b4655;
        color: #fff;
    }

    table.grilla tr {
        transition: all .3 ease-out;
        -moz-transition: all .3 ease-out;
        -webkit-transition: all .3 ease-out;
    }

        table.grilla tr:hover, table.grilla tr.selected {
            background: #ebf1f6;
            color: #1983bf !important;
            transition: all .2 ease-in;
            -moz-transition: all .2 ease-in;
            -webkit-transition: all .2 ease-in;
        }


    table.grilla th, table.grilla td {
        padding: 8px;
        border: 0;
        text-align: center;
    }

    table.grilla.periodos td {
        padding: 4px;
    }

    table.grilla td {
        border-bottom: 1px solid #ccc;
    }

    table.grilla a img {
        display: inline;
    }
/**/
/* paginado */
/*--  paginado inbox --*/
.paginado-arriba input {
    background: #efefef;
    border: 1px solid #cecece;
    transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -webkit-transition: all ease-out .2s;
}

    .paginado-arriba input:hover {
        background: #999;
        transition: all ease-in .2s;
        -moz-transition: all ease-in .2s;
        -webkit-transition: all ease-in .2s;
    }

.paginado-arriba span {
    margin-right: 10px;
}

/*
.paginado table tr, .paginado table tr:hover {
    background: none;
}

.paginado table td, .paginado td {
    border: none;
}

.paginado table td span, .paginado table td a  {
    color: #555;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    transition: all .2 ease-out; -moz-transition: all .2 ease-out; -webkit-transition: all .2 ease-out;

}

.paginado table td span:hover, .paginado table td a:hover {
    background: #666;
    color: #ffffff!important;
    transition: all .2 ease-in; -moz-transition: all .2 ease-in; -webkit-transition: all .2 ease-in;
}*/

.paginado-arriba table {
    float: right;
}

    .paginado-arriba table tr td, .paginado table tr td {
        border: 0;
        background: #fff !important;
    }

.grilla .paginado-arriba table tr td:hover, .grilla .paginado-arriba table tr td:hover {
    background: none !important;
    background: #fff !important;
}

.multiline {
    resize: none;
}

.clear {
    clear: both;
}