#bgPrincipal {
    width:500px;
    height:110px;
    margin:25vh auto;
    background-image:url("/Archivos/Images/bgP.jpg");
    border-radius:15px;
    border:10px solid white;
    box-shadow:rgba(0, 0, 0, 0.80) 0px 0px 10px inset;
    animation:aparecer 1s ease-in-out normal;
}

@keyframes aparecer {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes name {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes name {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#divLR
{
    display:none;
    background-color:ghostwhite;
    width:auto;
    position:absolute;
    border:thin groove #0000005c;
    /*z-index:9999;*/

    font-size:10px;
    text-align:left;
    top:102px;
    border-radius: 0px 0px 1em 1em;
    border-top: none;
    /*left: 10px;*/
    box-shadow: #00000021 1px 1px 1px 1px;
}

.submitButton {
    text-align:center;
}


#credencialContenedor p {
    margin:5px;
}

#MainContent_frameCredencialFrente, #MainContent_frameCredencialReverso, #MainContent_frameDC3 {
    width: calc(100% - 215px);
    /*min-height:500px;*/
    height: calc(100% - 20px - 1em);
    border-radius: 15px;
}
#MainContent_frameCredencialReverso {
    margin-left:15px;
}

#historialCredenciales {
    width:200px;
    display:block;
    float:right;
}

#historialDC3 {
    width: 200px;
    display: block;
    float: right;
}

    #historialDC3 li {
        border: 1px solid black;
        display: block;
    }

#MainContent_frameConstancia, #MainContent_frameLC, #MainContent_frameHist, #MainContent_frameLA, #MainContent_frameCap {
    width: calc(100% - 4px);
    /*min-height:500px;*/
    height: calc(100% - 8px);
    border-radius: 15px;
}
.contenedorReporte {
    width: calc(100% - 4px);
    height: calc(100% - 8px);
    border-radius: 15px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    background-color: rgb(82,86,89);

    position: relative;
    overflow: hidden;
}

.contenidoReportes {
    height: calc(100% - 86px);
    overflow: auto;
    /*position: relative;*/
    /*top: 56px;*/
    padding: 66px 0px 20px;
}

/* Barra de opciones */

/* Controles de búsqueda */
/*.cuadroBusqueda {
    display:inline-block;
    background: #fff;
    border: 1px solid #3336;
    border-radius: 5px;
    padding: 0 0 0 10px;
    width:360px;
    margin-right: 400px;
    overflow:hidden;
}
    .cuadroBusqueda input, .cuadroBusqueda select {
        position: relative;
        float:left;
        width: 200px;
        height: 40px;
        padding: 0;
        border:none;
    }

    .cuadroBusqueda select {
        width: 100px;
        background: url(/Archivos/Images/down_arrow_select.jpg) no-repeat right ;
        -webkit-appearance:none;
        -moz-appearance:none;
    }

    .cuadroBusqueda select:hover {
        background-color: #f8f8f8;
    }

    .cuadroBusqueda input[type="search"] {
        margin-left:10px;
        color: #666;
        z-index:2;
    }

    .cuadroBusqueda input[type="submit"] {
        font-size:1.4em;
        width:50px;
        background: #0072a4 url("/Archivos/Images/buscar.png") no-repeat center;
        transform: translate(-100px,0);
        transition-duration: .3s;
        cursor:pointer;
    }

        .cuadroBusqueda input:focus {
            outline: none;
        }

        .cuadroBusqueda input:focus ~ input[type="submit"] {
            transform: translate(0,0);
            transition-duration: .3s;
        }*/

/* Botones nuevo y editar */

.btnNuevoUsuario {
    background-image: url("/Archivos/Images/nuevoUsuario.png");
}

.btnEditarUsuario {
    background: url("/Archivos/Images/editarUsuario.png");
    background-position-y:5px;
}

.btnEliminarUsuario {
    background: url("/Archivos/Images/eliminarUsuario.png");
}

.btnNuevoGrupo {
    background-image: url("/Archivos/Images/nuevoGrupo.png");
}

.btnEditarGrupo {
    background-image: url("/Archivos/Images/editarGrupo.png");
}

.btnEliminarGrupo {
    background-image: url("/Archivos/Images/eliminarGrupo.png");
}

.btnNuevo {
    background-image: url("/Archivos/Images/nuevo.png");
}

.btnEditar {
    background-image: url("/Archivos/Images/editar.png");
}

.btnEliminar {
    background-image: url("/Archivos/Images/eliminar.png");
}

.btnCredencial {
    background-image: url("/Archivos/Images/credencial.png");
}

.btnRenovarCred {
    background-image: url("/Archivos/Images/crede_reno.png");
    background-size: 32px auto;
}

.btnConsultarCred {
    background-image: url("/Archivos/Images/crede_busca.png");
    background-size: 32px auto;
}

.btnListaAsistencia {
    background-image: url("/Archivos/Images/lista.png");
}

.btnHistorial {
    background-image: url("/Archivos/Images/historial.png");
    background-size: 36px auto;
}

.btnConsultar {
    background-image: url("/Archivos/Images/consultar.png");
    background-size: 36px auto;
}

.btnDC3 {
    background-image: url("/Archivos/Images/dc3.png");
    background-size: 36px auto;
}

.btnConstancia {
    background-image: url("/Archivos/Images/constancia.png");
    background-size: 36px auto;
}

.btnInscripcion {
    background-image: url("/Archivos/Images/inscripcion.png");
    background-size: 36px auto;
}

.btnActualizarAsistencias {
    background-image: url("/Archivos/Images/actualizar.png");
    background-size: 36px auto;
}

.btnHabilitarSala {
    background-image: url("/Archivos/Images/capacitacion.png");
    background-size: 36px auto;
}

a.btnEntrarSala {
    display: block;
    line-height: 40px;
    text-decoration: none;
    background-image: url("/Archivos/Images/capacitacion.png");
    background-size: 37px auto;
    font-size: 13.333px;
}

/* Botones en general */

.cmdToolBar, a.cmdToolBar {
    cursor: pointer;
    height: 40px;
    outline: 0px none;
    border: medium none;
    margin: 0px 0.25em 0px 0px;
    padding: 2px 20px 2px 60px;
    font-weight: 700;
    border-radius: 0.285714rem;
    transition: background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;
    color: #0072a4;
    background-color: #d0d0d0;
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 4px;
}
.cmdToolBar:hover {
    color:#d0d0d0;
    background-color:#0072a4;
    background-position-y:-36px;
}

.btnRenovarCred:hover {
    background-position-y:-29px;
}

.btnConsultarCred:hover {
    background-position-y:-29px;
}

.btnConstancia:hover {
    background-position-y:-34px;
}

.btnActualizarAsistencias {
    background-position-y:0px;
}

.btnActualizarAsistencias:hover {
    background-position-y:-36px;
}

.btnHabilitarSala:hover {
    background-position-y: -32px;
}

a.btnEntrarSala:hover {
    background-position-y: -32px;
    text-decoration: none;
}

select#MainContent_ddlGrupo {
    /*width: 250px;*/
    height: 40px;
    padding: 0 40px 0 20px;
    border:none;

    background: #fff url(/Archivos/Images/down_arrow_select.jpg) no-repeat right ;
    -webkit-appearance:none;
    -moz-appearance:none;
}
select#MainContent_ddlGrupo:hover {
    background-color: #f8f8f8;
}

#divLR ul
{
    margin:5px;
    padding:0;
}

    #divLR ul li {
        /*line-height: 1em;
        padding: 0.5em;*/
    }

    #divLR ul li a {
        text-decoration:none;
        display:block;
        line-height:1.5em;
    }

    #divLR ul li:hover {
        background-color: #a7cfdf;
        border-radius: 0.5em;
        cursor: pointer;
    }

#panelAcciones {
    width: auto;
	height: auto;
}

/*#panelAcciones div{
	display: inline-block;
	width: 33%;
	height: 100%;
	background: rgba(153,29,32,0.5);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}*/

#panelAcciones div #MainContent_UpdatePanel1
{
	display: inline;
	background:none;
}



#MainContent_pags1_btnSiguiente,#MainContent_pags1_btnAnterior{
    display:inline-block;

    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0px none;
    border: medium none;
    vertical-align: baseline;
    background: #E0E1E2 none repeat scroll 0% 0%;
    color: rgba(0, 0, 0, 0.6);
    font-family: Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0px 0.25em 0px 0px;
    padding: 0.785714em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.285714rem;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
    -moz-user-select: none;
    transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;
    background-color: gray;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
    z-index:0;
}

#MainContent_pags1_btnSiguiente:hover,#MainContent_pags1_btnAnterior:hover,
#MainContent_btnListaInscritos:hover,#btnInscripcion:hover,#btnBaja:hover{
	background:#f69220;
}


#listadoInscritos div{
    background: rgba(128,128,128,0.5);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    height:55px;
    width:99%;
    margin:auto;
}
#MainContent_btnListaInscritos,#btnInscripcion,#btnBaja{
/*display: block;*/
    margin:auto;
}

.fondo_failure{
    color:rgba(255,255,0,0.5);
}

/*#formDatosAlta span,#formDatosAlta input,#formDatosAlta select{
    display: table-cell;
    vertical-align: middle;*/
    /*text-align: right;*/
/*}
#formDatosAlta ul{
    float:left;
    text-align:left;
    display: table;
    border-spacing:20px 5px;
    padding:0px;
}
#formDatosAlta ul li {
    display: table-row;
}

#formDatosAlta span span{
    display:inline-block;
}*/

/*#formDatosEdicion span, #formDatosEdicion input, #formDatosEdicion select{
    display: table-cell;
    vertical-align: middle;*/
    /*text-align: right;*/
/*}*/
/*#formDatosEdicion ul{
    float:left;
    text-align:left;
    display: table;
    border-spacing:20px 5px;
    padding:0px;
}
#formDatosEdicion ul li {
    display: table-row;
}

#formDatosEdicion span span{
    display:inline-block;
}*/

/*.popups input, .popups select {
    width:200px;
}*/

.popups input[type="image"] {
    width:20px;
    float:left;
}


/*#MainContent_LoginButton{
    display:inline-block;
    cursor: pointer;

    min-height: 1em;
    outline: 0px none;
    border: medium none;
    vertical-align: baseline;

    font-family: Lato,"Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0px 0.25em 0px 0px;
    padding: 0.785714em 1.5em;
    text-transform: none;
    
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.285714rem;*/
    /*box-shadow: 0px 0px 0px 1px transparent inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;*/
    /*-moz-user-select: none;
    transition: opacity 0.1s ease 0s, background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;
    background-color: #991D20;
    color: #E0E1E2;
    text-shadow: none;
    background-image: none;

    -webkit-box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
}

#MainContent_LoginButton:hover{
background: #d72d31 none repeat scroll 0% 0%;
color: #fff;
text-shadow: none;
background-image: none;

    -webkit-box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
box-shadow: 0px 5px 15px 2px rgba(0, 0, 0, 0.75);
}*/
.AccionesA:hover{
background: #d72d31 none repeat scroll 0% 0%;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}

/*#listadoGrupos {
    float:left;
    margin-left:20px;
    width: calc(100% - 410px);
}
*/

/*.listaPrincipal {*/
    /*min-height:250px;*/
    /*height:calc(100% - 30px);
    overflow:auto;
    margin: 0 auto;
    padding: 15px;
    border-radius: 15px;
    background:#d0d0d080;
    box-shadow:black 1px 1px 5px;
}*/

/*#MainContent_gridView {
    font-size:12px;
    width: 100%;*/
    /*background: #FFF none repeat scroll 0% 0%;*/
    /*
    border: 1px solid rgba(34, 36, 38, 0.15);*/
    /*box-shadow: none;
    border-radius: 0.285714rem;*/
    /*text-align: left;*/
    /*color: rgba(0, 0, 0, 0.87);
    border-collapse: separate;
    border-spacing: 0px 2px;
}*/

.inactivo {
    color: gray;
}

/*#MainContent_gridView tr{
    text-align: left;
}

#MainContent_gridView tr td{
    transition:background-color ease-in-out .3s;
}

#MainContent_gridView tr:hover td{
    background-color:#0072a452;
}

    #MainContent_gridView tr th:first-child {
        border-top-left-radius:15px;
        border-bottom-left-radius:15px;
    }
    #MainContent_gridView tr th:last-child {
        border-top-right-radius:15px;
        border-bottom-right-radius:15px;
    }

    #MainContent_gridView d:first-child {
        border-top-left-radius:15px;
        border-bottom-left-radius:15px;
    }
    #MainContent_gridView tr td:last-child {
        border-top-right-radius:15px;
        border-bottom-right-radius:15px;
    }

#MainContent_gridView tr th {
    cursor: auto;*/
    /*background: #F9FAFB none repeat scroll 0% 0%;*/
    
    /*text-align: inherit;
    color: #fff;
    padding: 0.928571em 0.714286em;
    vertical-align: inherit;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    border-left: medium none;*/
    /*background:rgba( 128, 128, 128,0.8);*/
    /*background:linear-gradient(to top, #00415e, #0072a4, #0072a4, #0072a4, #00415e);
}

#MainContent_gridViewList tr th {
    cursor: auto;*/
    /*background: #F9FAFB none repeat scroll 0% 0%;*/
    /*border-radius:15px;
    text-align: inherit;
    color: #fff;
    padding: 0.928571em 0.714286em;
    vertical-align: inherit;
    font-weight: bold;
    text-transform: none;
    border-bottom: 1px solid rgba(34, 36, 38, 0.1);
    border-left: medium none;*/
    /*background:rgba( 128, 128, 128,0.8);*/
    /*background:linear-gradient(to top, #00415e, #0072a4, #0072a4, #0072a4, #00415e);
}*/


/*contenedor*/

#login_mensaje{
background: rgba(255,255,0,0.5);
height:40px;
width: 420px;
margin: auto;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;

font-weight: bold;

}

/*#MainContent_FailureText{*/
/*color:red;
font-weight: bold;*/
/*margin: 0 auto;
width: 40%;*/
/*vertical-align: middle;
height:10%;
line-height: 50px;*/
/*visibility:hidden;*/
/*color: red;
font-size: 18px;
font-weight: bold;

text-shadow: 0px -5px 6px rgba(150, 150, 150, 1);*/

    /*border: 1px solid;*/
    /*margin: 10px 0px;*/
    /*padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    text-align:left;*/
    /*width:auto;*/

    /*color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../Images/ojo.JPG');
    
    opacity:0;

    animation:aparecer 5s ease-in-out reverse;
}*/

.accountInfo{
margin: 5%;

}

/*#big_wrapper h2{
background:#991d20;
color: #FFF;
text-align:center;
height:30px;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
}*/


.divRow
{
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
	float:left;
}

.divCell
{	
	padding-left:1em;
	padding-right:1em;
	float:left;
	width:auto;
}



/*estilo de reportes*/
.header-style {	
	/*background-color: #d0d0d0;*/ /*COLOR ROJO OSCURO*/
	color: white;
	text-align:center;	
}

.header-style a{	
	color: White;
	text-align:center;
	 text-decoration: underline;
}

.Item-style {
	Color:#333333; /*casi negro*/
	background-color:#EEFBD6; /*verda clarito*/  
}
.footer-style a{
	background-color:#5c8a2d; /*verde DEL PIE DE TABLA*/
	font-weight:bold;
	color:#afff5e; /*verde agua*/
	font-size:8px;
}
/*fondo footer tabla*/
.pager-style {
	text-align:center;
}

.pager-style table{
    width: 10%;
    margin: 0;
}

.pager-style table tr{
	text-align: center;
}

.pager-style table tr td {
    cursor: auto;
    text-align: inherit;
    padding: 0.928571em 0.714286em;
    font-weight: bold;
}

.selectedrow-style 
{
	vertical-align:top;
	/*background-color: #0072a452;*/ /*#FFFF99;  amarillo*/
	/*color:#5c8a2d; verde*/ /*#465c71 azul*/ 
}
.selectedrow-style td {
    background-color: #0072a452;
}

.alternativerow-style /* FILAS ENTRELINEAS DE LAS TABLAS*/
{
	/*background-color: #dadada;*//*Very light gray*/
    /*background-color: #f2f2f2;*/
        /*opacity:0.8 ;*/
}

.alternativerow-style td /* FILAS ENTRELINEAS DE LAS TABLAS*/
{
	background-color: #dadada;/*Very light gray*/
    background-color: #f2f2f2;
        opacity:0.8 ;
}

.edit-style
{
	background-color:#dfcfa2;/*cafecito claro*/ /*#FFCC66; /* NARANJA*/
}
.edit-style input[type="text"]
{
	border:1px solid #888888; /* gris*/
	color: #333333; /*casi negro*/
}
a:link.Header-StyleGrid, a:visited.Header-StyleGrid, a:active.Header-StyleGrid, a:hover.Header-StyleGrid
{
	/*color: #FFFFFF;*/ /*blanco*/

	font-weight: bold;
}
    /*a:link.Item-StyleGrid, a:visited.Item-StyleGrid, a:active.Item-StyleGrid,a:link, a:active,a:visited
    {
	    text-decoration: none;
	    color: inherit;*/ /*#5b1a16;*/

	    /*font-weight: bold;
    }*/
/*a:hover.Item-StyleGrid, a:hover
{
	text-decoration: underline;*/
	/*color: red;*/ /*#008001;verde a mouse hover*/
	/*font-weight: bold;
}*/




























/*login*/
#MainContent_AddPanel fieldset 
{
	behavior: url(PIE.htc);
	border-radius:10px 10px 10px 10px;
	background: #f3ebd6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3ebd6 0%, #f3ebd6 50%, #dbd2b3 94%, #f3ebd6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3ebd6), color-stop(50%,#f3ebd6), color-stop(94%,#dbd2b3), color-stop(100%,#f3ebd6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* W3C */
	-pie-background: linear-gradient(#f3ebd6 0%, #dbd2b3 94%);
}
#MainContent_AddPanel fieldset legend {
	background-color:#f3ebd6; 
	border-radius:5px 5px 0px 0px;
	behavior: url(PIE.htc);

}

.divRow2
{
	padding-bottom:3em;
	width:100%;
	float:right;
}

/*estilo de tablas con colores alternados*/
table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:black;
	border-width: 1px;
	border-color: #a9c6c9;
    border-collapse: collapse;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: white}
.oddrowcolor{
	background-color:#006900;
}
.evenrowcolor{
	background-color:#008e01;
}




#MainContent_AddPanel fieldset 
{
	behavior: url(PIE.htc);
	border-radius:10px 10px 10px 10px;
	background: #f3ebd6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3ebd6 0%, #f3ebd6 50%, #dbd2b3 94%, #f3ebd6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3ebd6), color-stop(50%,#f3ebd6), color-stop(94%,#dbd2b3), color-stop(100%,#f3ebd6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3ebd6 0%,#f3ebd6 50%,#dbd2b3 94%,#f3ebd6 100%); /* W3C */
	-pie-background: linear-gradient(#f3ebd6 0%, #dbd2b3 94%);
}
#MainContent_AddPanel fieldset legend {
	background-color:#f3ebd6; 
	border-radius:5px 5px 0px 0px;
	behavior: url(PIE.htc);
}

.divRow2
{
	padding-bottom:3em;
	width:100%;
	float:right;
}

/*estilo de tablas con colores alternados*/
table.altrowstable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:black;
	border-width: 1px;
	border-color: #a9c6c9;
    border-collapse: collapse;
    width: 201px;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: white}
.oddrowcolor{
	background-color:#006900;
}
.evenrowcolor{
	background-color:#008e01;
}
/*estilo para objetos fieldset*/
fieldset {
    font-family: sans-serif;
    border: 3px solid #700b01;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.75);
    background: rgba(255,255,255,0.5);
    /*border-radius: 5px;
    padding: 15px;*/
    border-width: 3px;
    /*longitud*/
    text-align:center;
    margin:auto;
    width:500px;
}

fieldset legend {
    background: #AC2D27;
    color: #fff;
    padding: 5px 10px ;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 34%;
}
/* EFFECTO DE HREF QUE ESTEN CONTENIDOS EN CLASE LINK-EFECTO*/
.link-efecto a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.link-efecto a::before,
.link-efecto a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: red;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.link-efecto a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.link-efecto a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.link-efecto a:hover::before,
.link-efecto a:hover::after,
.link-efecto a:focus::before,
.link-efecto a:focus::after {
	opacity: 1;
}

.link-efecto a:hover::before,
.link-efecto a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.link-efecto a:hover::after,
.link-efecto a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}

.link-efecto a {
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: green;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

.link-efecto a:hover,
.link-efecto a:focus {
	outline: none;
}

/*ESTILO DE CAJAS SELECT*/
.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;

}

.cd-dropdown > span,
.cd-dropdown ul li {
/*COLOR DE SOMBRA DEL BORDE*/
	box-shadow: 0 1px 1px rgba(0,255,0,0.1);
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
	pointer-events: none;
}

.cd-active.cd-dropdown > span {
/*COLOR DE TITULO O ELEMENTO SELECCIONADO*/
	color: BLUE;
}

.cd-active.cd-dropdown ul li {
	/*pointer-events: auto;*/
}

.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
/*COLOR DE CURSOR*/
.cd-active.cd-dropdown ul li span:hover {
	background: #008001;
	color: #FFF;
}

.cd-dropdown,
.cd-select {
	position: relative;
	width: 300px;
	margin: 20px auto;
	display: block;
}

.cd-dropdown > span {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #999;
	font-weight: 700;
	font-size: 16px;
	/*FONDO DEL TITULO*/
	background: #fff;
	display: block;
	padding: 0 50px 0 30px;
	position: relative;
	cursor: pointer;
}

.cd-dropdown > span:after {
	content: '\25BC';
	position: absolute;
	right: 0px;
	top: 15%;
	width: 50px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	height: 70%;
	line-height: 24px;
	border-left: 1px solid #ddd;
}

.cd-dropdown.cd-active > span:after {
	content: '\25B2';
}

.cd-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.cd-dropdown ul li {
	display: block;
}

.cd-dropdown ul li span {
	width: 100%;
	/*COLOR DE FONDO DE LOS ELEMENTOS fff*/
	background: #ededed;
	line-height: 60px;
	padding: 0 30px 0 75px;
	display: block;
	/*COLOR DE LETRA*/
	color: GREEN;
	cursor: pointer;
	font-weight: 700;
}

.cd-dropdown > span,
.cd-dropdown ul li span {
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"]{
	padding: 0 30px 0 45px;
}

/*.login span {
    display: inline-block;*/
   /*float: left;*/
    /*clear: left;
    width: 90px;
    text-align: right;
}*/

/*
.loginDisplay {
    padding-top:120px;
    font-size: 1.1em;
    text-align: right;
    color: #696969;

}*/
.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    padding-top: 110px;
    
}
.title h1{
    display: block;
    
    text-align: center;
    padding-top:70px;
    width:120px;
    /*width: 40px;
    height:60px;*/
    background-image: url("/Archivos/Images/titulo.png");
    background-repeat: no-repeat;
}
/* Select fallback styling */
.cd-select {
	border: 1px solid #ddd;
}

footer p{
  color:#000000;
  max-width: 300px;
  margin: 0 auto 1em;
  text-align: justify;
  /*border:dashed;*/

 
}




h1{
   font-size: 96px;
  /*color:#006701;

  margin: 0 auto 1em;
  font-weight:bold;
  margin-bottom: 1em;
  text-shadow: 1px 2px 1px #C79292;*/
 font-family: freight-sans-pro, sans-serif;
/*background: -moz-linear-gradient(right,#ac2d27,#5b1a16);*/
  font-weight: 900;
  /*background-color: #fff;*/	
  color: #ac2d27;
  text-shadow:
    0 1px #808d93,
    -1px 0 #cdd2d5,
    -1px 2px #808d93,
    -2px 1px #cdd2d5,
    -2px 3px #808d93,
    -3px 2px #cdd2d5,
    -3px 4px #808d93,
    -4px 3px #cdd2d5,
    -4px 5px #808d93,
    -5px 4px #cdd2d5,
    -5px 6px #808d93,
    -6px 5px #cdd2d5,
    -6px 7px #808d93,
    -7px 6px #cdd2d5,
    -7px 8px #808d93,
    -8px 7px #cdd2d5;
}
.label_titulo {
    font-size:24px;
    color: #008001;

}
h2{
  font-size: 16px;
  color:black;
  font-weight:bold;
  max-width: 600px;
  margin: 0 auto 1em;
  font-weight:bold;

}

h3, h4, h5{
  /*color:green;*/
  font-weight:bold;
  max-width: 600px;
  /*background: #008000;*/
  margin: 1em auto;
}
header p{
  color:#000000;
  max-width: 300px;
  margin: 0 auto 1em;
  text-align: justify;

 
}
header h1{

 padding-top:120px;
 padding-left:5px;
 padding-right:60px;
 /*background: linear-gradient(to right,#003400, #00bf48);*/
 /*border:dashed;*/
}
.site-title {
    position: fixed;
    padding:-90px;
    font-size:96px;
    border:dashed;
  font-weight: 900;
  /*background-color: #fff;*/	
  /*color: #ac2d27;*/
  text-shadow:
    0 1px #808d93,
    -1px 0 #cdd2d5,
    -1px 2px #808d93,
    -2px 1px #cdd2d5,
    -2px 3px #808d93,
    -3px 2px #cdd2d5,
    -3px 4px #808d93,
    -4px 3px #cdd2d5,
    -4px 5px #808d93,
    -5px 4px #cdd2d5,
    -5px 6px #808d93,
    -6px 5px #cdd2d5,
    -6px 7px #808d93,
    -7px 6px #cdd2d5,
    -7px 8px #808d93,
    -8px 7px #cdd2d5;

}


ul
{
    list-style-type: none;
    padding:0;
}


/*.login input{ display:table-cell; }*/



.fondoPopups {
    width:100%;
    height:100%;
    /*width:100vw;
    height:100vh;*/
    position:fixed;
    background-color: rgba(1,1,1, 0.9);
    top:0;
    left:0;
    z-index:9999;
    overflow-y: auto;
    overflow-x: hidden;
    display: table-cell;
}


.ventanaPopup,.popups {
    margin:5% auto;
    /*min-height:50vh;*/
    padding:10px;

    max-width: calc(100% - 50px);

    width: -moz-fit-content;
    height: -moz-fit-content;

    width: fit-content;
    height: fit-content;

    border-radius: 8px/7px;
    background-color: #ebebeb;
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    box-shadow: 1px 2px 5px rgba(0,0,0,.31);
    border: solid 1px #cbc9c9;
    
}

/*.popups ul input[type="text"], .popups ul input[type="number"], .popups ul input[type="tel"], .popups ul input[type="password"], .popups ul input[type="email"] {
    border-radius: 10px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31) inset;
    padding: 5px 5px;
    border: none;
    margin: 5px auto;
}*/

/*.popups ul select {
    border-radius: 10px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31) inset;
    padding: 5px 5px;
    border: none;
    margin: 5px auto;
}*/

/*.popups ul input[type="time"] {
    border-radius: 10px;
    box-shadow: 1px 2px 5px rgba(0,0,0,.31) inset;
    padding: 5px 5px;
    border: none;
    margin: 5px auto;
    width:40%;
}*/

    .popups .fotoPerfil {
        display: block;
        float: left;
        width: 200px;
    }

    .popups .fotoPerfil img {
        width: 70px;
        height: 100px;
        margin: 10px auto;
        display: block;
        border: 1px solid gray;
        padding: 15px;
        box-shadow: inset gray 0 0 5px 2px;
    }

.tituloPopup {
  display: block;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
  margin: 0em;
  padding: 1.2rem 2rem;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
}

.popups #barraBotones, .popups .barraBotones  {
    width: 100%;
    text-align: center;
    clear:both;
}

.popups #barraBotones input, .popups .barraBotones input {
    cursor: pointer;
    height: 40px;
    outline: 0px none;
    border: medium none;
    margin: 0px 0.25em 0px 0px;
    padding: 2px 20px 2px 60px;
    font-weight: 700;
    border-radius: 0.285714rem;
    transition: background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;
    color: #0072a4;
    background-color: #d0d0d0;

    background-image:url("/Archivos/Images/AceptarCancelar.png");
    background-size: 36px 144px;
    background-repeat: no-repeat;
    background-position-x:2px;
}
.popups #barraBotones input:hover, .popups .barraBotones input:hover {
    color:#d0d0d0;
    background-color:#0072a4;
}
    .Aceptar {
        background-position-y:-70px;
    }
    .Aceptar {
        background-position-y:-106px;
    }
    .Cancelar {
        background-position-y:2px;
    }
    .Cancelar {
        background-position-y:-34px;
    }

    .Aceptar {
        background-position-y:-70px;
    }
    .Aceptar:hover {
        background-position-y:-106px;
    }
    .Cancelar {
        background-position-y:2px;
    }
    .Cancelar:hover {
        background-position-y:-34px;
    }

#MainContent_datosDC3, .popups #MainContent_Panel1 {
	display: block;
	height: -moz-fit-content;
	float: left;
}


.opcionesPopup {
  background: #efefef;
  padding: 1rem 2rem;
  border-top: 1px solid rgba(39, 41, 43, 0.15);
  text-align: right;
}

.opcionesPopup > .button {
  margin-left: 0.75em;
}



.divCell
{	
	padding-left:1em;
	padding-right:1em;
	float:left;
	width:auto;
}


.divDetalle{
    float:left;
	
    /*width:50%;
    max-width: 50%;*/

    *border:1px solid #ababab;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;

    box-shadow:0 5px 20px rgba(0,0,0,.5)!important;
    background-color: #1f9c7c;
    box-sizing: border-box;

    color: #ebebeb;

    border-radius: 35px 20px;
}

.divEvidencia{
	padding-left:1em;
	padding-right:1em;
	float:left;
    width:40%;
    max-width: 40%;
}

.divDetalle > div {
    background: #093950;
    border-radius: 35px 20px / 35px 20px;
    border: 3px white solid;
    margin: 10px auto;
}


.divRow
{
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
	float:left;
}


.contenedorSolicitud {
	height: calc(100% - 30px);
	overflow: auto;
	/* margin: 0 auto; */
	padding: 15px;
	border-radius: 15px;
	background: #d0d0d080;
	box-shadow: black 1px 1px 5px;
	float: left;
	width: 330px;
}

.listadoSolicitudes {
    float: left;
    margin-right: 20px;
    width: calc(100% - 410px);
}


/* =================== DETAILS-VIEW ======================== */
.validacion {
    background-image: url(csscheckbox.png);
    background-size: 2em;
    float:right;
    background-position-x: 100%;
    padding: 0 0 0 2.5em;
    height: 2em;
    display: inline-block;
    line-height: 2em;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.validacionNo{
    background-position-y: 0;
}

.validacionSi{
    background-position-y: -2em;
}

.detailslabel {
    display:inline-block;
    font-weight:600;
}

.detailsdato {
    text-shadow: #635509 1px 1px 1px;
}

.detailsEmpresa {
    display:block;
    font-weight:bold;
    font-size:1.5em;
    font-family:"BebasNeue",sans-serif;
}

.linkEvidencia::after {
	position: absolute;
	content: "";
	left: 0px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-right: 0px solid transparent;
	border-left: 8px solid transparent;
	border-top: 10px solid #818970;
}

.linkEvidencia {
	position: relative;
	/*margin-top: 1em;*/
	background-image: url(adjuntos.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 30px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	background-color: #1f9c7c;
	padding: 12px 15px 12px 35px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	left: -27px;
	bottom: -5px;
	cursor: pointer;
	transition: all .25s ease;
	box-shadow: -5px 6px 20px 0px rgba(51, 51, 51, 0.4);
	float: left;
}

.linkVoBo {
    bottom: 5px;
    right: -166px;
}

.linkEvidencia:hover {
    /*background-color: #e4d0a7;*/
    background-size: 18px;
    text-decoration:none;
    text-shadow:#635509 0 0 2px;
	box-shadow: -3px 9px 20px 0px rgba(51, 51, 51, 0.4);
}

.noheads {
    width:0px;
    padding:0px;
    margin:0px;
    display:none;
}

.panel-heading {
    border-bottom: 1px solid rgba(255,255,255,.8) !important;
    border-color: transparent;
    /*background-color: #093950;*/
    color: #ebebeb;
    padding: 10px 15px;
    box-sizing: border-box;
}

.panel-body {
    padding: 5px 10px !important;
    /*background-color: #093950;*/
    /*border-top: 1px solid #2e8a46;*/
}

.panel-body .detailslabel {
    font-weight:normal;
}

    .panel-body input, .panel-body textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        background: white;
        outline: none;
        resize: none;
        border: 0;
        font-family: 'Montserrat',sans-serif;
        transition: all .3s;
        border-bottom: 2px solid #cdd8c9;
        border-radius: 5px;
    }

        .panel-body input:focus, .panel-body textarea:focus {
            border-bottom: 2px solid #78788c;
            background-color: #cdd8c9;
        }


.reportePDF {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    box-shadow: #00000099 0px 0px 3px 1px;
}
.reportePDFhorizontal {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    box-shadow: black 0px 5px 10px 2px;
}

.reportesToolbar {
    /*position: fixed;*/
    width: calc(100% - 12px);
    z-index: 2;

    background-color: rgb(50, 54, 57);
    position: absolute;

    padding:6px;
    text-align:right;

    box-shadow: #00000099 0px 0px 3px 1px;
}

    .reportesToolbar input[type="submit"] {
        margin: 6px;
        width:40px;
        height:40px;
        
	    cursor: pointer;
	    outline: 0px none;
        border: medium none;
	    margin: 0px 0.25em 0px 0px;
	    padding: 2px 20px 2px 2px;
	    border-radius: 50%;
        
        background-color:rgba(0, 0, 0, 0.00);
        background-repeat:no-repeat;
        background-position-x: 11px;
        background-position-y: 11px;
        background-size: 18px;
    }

    .reportesToolbar input[type="submit"]:hover {
        background-color:rgba(255, 255, 255, 0.1);
    }

    .reportesToolbar input[type="submit"]:active {
        background-color:rgba(255, 255, 255, 0.25);
    }

#MainContent_btnDescargaPDF {
    background-image:url("/Archivos/Images/downpdfbtn.png");
}

#MainContent_btnImprimir {
    background-image:url("/Archivos/Images/printpdfbtn.png");
}

.paginadorPDF {
    color: white;
    width: 200px;
    position: absolute;
    top: 12px;
    left:10px;
}
/*VENTANAS DE POPUP*/
.rowAdd {
    background-color:#d0d0d0;
    display:flex;
}

#auxiliares {
    display:block;
    float:left;
}

.formDatosRol {
    float: none;
}

.divPermisos {
    /*padding: 0px 10px;
    margin-bottom: 10px;*/
    margin: 0px 10px 10px 0px;
    /*width: calc(100% - 20px);*/
    max-height:50vh;
    overflow-y:scroll;
}


.permisosSeccion {
    display: block;
    border: 1px solid #cccccc;
    padding: 1em 1em 0.75em;
    float: left;
    margin-left: 1em;
    border-radius: 1em;
    width: 250px;
}

.permisosSeccionTitulo h4 {
    margin: 0;
}

.permisosModulo {
    display: block;
    height: fit-content;
    padding: 0.25em;
    background: rgb(224, 224, 224);
    border-radius: 0.5em;
    margin: 0.5em 0;
    overflow: hidden;
}

.permisoModuloTitulo {
    text-align: center;
    background: rgb(216, 224, 228);
    padding: 0.25em;
    margin: -0.25em -0.25em 0.25em;
}

.permisoModuloTitulo h5{
    margin: 0;
}

.permiosAccion {
    display: block;
    height: 34px;
    margin: 0.25em 0;
}

#formDatosEdicion .permisoAccionNombre {
    display:inline-block;
    line-height:34px;
}

.fileUploadStyle {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.fileUploadStyle + label {
    /*font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;*/
    font-size: 14px;
    font-weight: 600;
    /*color: #fff;*/
    /*background-color: #106BA0;*/
    display: block;
    width:165px;
    margin: 0 auto;
    /*transition: all .5s;*/
    cursor: pointer;
    padding: 15px 40px !important;
    text-transform: uppercase;
    /*width: fit-content;*/
    text-align: center;

    border-radius: 0.285714rem;
    transition: background-color 0.1s ease 0s, color 0.1s ease 0s, box-shadow 0.1s ease 0s, background 0.1s ease 0s;
    color: #0072a4;
    background-color: #d0d0d0;
}

.fileUploadStyle:focus + label,
.fileUploadStyle + label:hover {
    /*background-color: red;*/
    color:#d0d0d0;
    background-color:#0072a4;
}

.fileUploadStyle + label {
	cursor: pointer; /* "hand" cursor */
}

.fileUploadStyle:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

#MainContent_divComprobante {
    display:block;
    height:60px;
}

/*.datosUsu {
    display:block;
    height:280px;
}

.adicional {
    height:250px;
}
*/
    .adicional span, .adicional input {

    }