 /* mostrar el calendario al hacer click */
    input[type="date"]::-webkit-calendar-picker-indicator {
        display: block;
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
   
    /* mostrar la fecha seleccionada al estar en hover */
    input[type="date"]:hover::-webkit-datetime-edit {
        display: block;
    }

.botonFoto {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0 !important;
	background-color:#fc8d83 !important;
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border-radius:6px !important;
	border:1px solid #d83526 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:arial !important;
	font-size:15px !important;
	font-weight:bold !important;
	padding:0px 3px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #b23e35 !important;
}
.botonFoto:hover {
	background-color:#e4685d !important;
}
.botonFoto:active {
	position:relative !important;
	top:1px !important;
}
.botonDatos {
	display: block !important;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7 !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7 !important;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7 !important;
	background-color:#79bbff !important;
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
	border-radius:5px !important;
	border:1px solid #84bbf3 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:arial !important;
	font-size:15px !important;
	font-weight:bold !important;
	padding:0px 3px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #528ecc !important;
}
.botonDatos:hover {
	background-color:#378de5 !important;
}
.botonDatos:active {
	position:relative !important;
	top:1px !important;
}
/*------------------------------------------------------------  PARA D O ----------------------------------------------------------*/
.mostrar{ visibility: visible; } 
.ocultar{ visibility: hidden;  } 

#fondo{ 
margin:0px !important;
height:100% !important;
position:fixed;;
width: 100%; 
height: 100%; 
top: 0%; 
left: 0%; 
background-color: #000;
opacity: .50; 
z-index: 1; 
} 

#cont{ 
position:fixed; 
width: 800px; 
height: 500px; 
margin-top: -125px; 
margin-left: -350px; 
top: 36%; 
left: 50%; 
/*background: #0cf;*/
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 
z-index: 2; 
/*text-align: center;*/ 
vertical-align: middle; 
} 

a:hover{ cursor: pointer;}
/*-------------------------------------------------------- FIN  PARA D O ----------------------------------------------------------*/
/*-------------------------------------------------------------- DIV DE CARGA ---------------------------------------------------*/
div.uploadpdf {
    width: 150px;
    height: 170px;
    background: url(imagenes/pdf_20.png);
	background-repeat:no-repeat;
	    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
	background-size: auto;
    overflow: hidden;
}
div.uploadpdf input {
    display: block !important;
    width: 379px !important;
    height: 324px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
/*----------------------------------------------------------FIN  DIV DE CARGA ---------------------------------------------------*/
.verPdfa {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.verPdfa:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.verPdfa:active {
	position:relative;
	top:1px;
}
/*_____________________________________________________________________________________________________________*/
/*-------------------------------------------------------------- DIV DE CARGA ---------------------------------------------------*/
div.verPdf {
    width: 150px;
    height: 170px;
    background: url(imagenes/pdf_ok_20.png);
	background-repeat:no-repeat;
	    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
	background-size: auto;
    overflow: hidden;
}
div.verPdf input {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
/*----------------------------------------------------------FIN  DIV DE CARGA ---------------------------------------------------*/
.verInscriRegistro {
    width: 150px;
    height: 170px;
    overflow: hidden !important;
}
.actualizar {
	-moz-box-shadow:inset 0px 1px 0px 0px #FCE3E3 !important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FCE3E3 !important;
	box-shadow:inset 0px 1px 0px 0px #FCE3E3 !important;
	background-color:#F78181 !important;
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
	border-radius:5px !important;
	border:1px solid #F5A9A9 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-family:arial !important;
	font-size:15px !important;
	font-weight:bold !important;
	padding:0px 3px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #FE2E2E !important;
	width:70px;
}
.actualizar:hover {
	background-color:#FE2E2E !important;
	width:70px;
}
.actualizar:active {
	position:relative !important;
	top:1px !important;
}
/*-------------------------------------------------------------------------------- tabla de registros ------------------------------------------------- */
.datagrid table { 
	border-collapse: collapse;
	text-align: left; width: 100%;
} 
.datagrid { 
	font: normal 12px/150% Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid #ABABAB;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.datagrid table td, .datagrid table th { 
	 padding: 1px 6px;
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ADADAD), color-stop(1, #C9C9C9) );
	background:-moz-linear-gradient( center top, #ADADAD 5%, #C9C9C9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADADAD', endColorstr='#C9C9C9');
	background-color:#ADADAD; color:#FFFFFF;
	font-size: 13px; font-weight: normal; border-left: 1px solid #A3A3A3;
}
.datagrid table thead th:first-child { 
	border: none;
}
.datagrid table tbody td {
	color: #7D7D7D;
	border-left: 1px solid #DBDBDB;
	font-size: 13px;font-weight: normal;
}
.datagrid table tbody .alt td {
	background: #EBEBEB;
	color: #7D7D7D;
}
.datagrid table tbody td:first-child { 
	border-left: none; 
}
.datagrid table tbody tr:last-child td { 
	border-bottom: none;
}
.datagrid table tfoot td div { 
	border-top: 1px solid #ABABAB;
	background: #EBEBEB;
}
.datagrid table tfoot td {
	padding: 0;
	font-size: 12px
}
.datagrid table tfoot td div {
	padding: 2px; 
}
.datagrid table tfoot td ul {
	margin: 0; 
	padding:0; 
	list-style: none; text-align: right; 
}
.datagrid table tfoot  li { 
	display: inline; 
}
.datagrid table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #F5F5F5;
	border: 1px solid #8C8C8C;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #ADADAD) );
	background:-moz-linear-gradient( center top, #8C8C8C 5%, #ADADAD 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#ADADAD');
	background-color:#8C8C8C; 
}
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #7D7D7D; 
	color: #F5F5F5; 
	background: none; 
	background-color:#8C8C8C;
}
div.dhtmlx_window_active,
div.dhx_modal_cover_dv { 
	position: fixed !important; 
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- INPUT CHECKBOX CUMPLE SI O NO --------------------------------------------------------------------------------*/ 
input[type=checkbox] {
    visibility: hidden;
}

.slideOfiSol,.slideLicTra,.slideSOAT,.slideRTM,.copActAdmRelVeh, .copActAdmOtoPer, .camaraComercio, .cerExpAutCom, .cerVehEnSDS, .solEmpSerPub, .cerEmpSerPub, 
.copiaContrato, .regFotografico, .cerEmpresa, .renova, .resoSupIntVig, .licAutNacMedCom, .solAutJud, .docIdentidad, .actoConsAuJu, .cerEPSoIPS, .copiaCarneEPS{
    width: 80px;
    height: 23px;
    background: #DFDDDD;
    margin: 1px auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideOfiSol:after, .slideLicTra:after, .slideSOAT:after, .slideRTM:after, .copActAdmRelVeh:after,.copActAdmOtoPer:after, .camaraComercio:after, .cerExpAutCom:after,
.cerVehEnSDS:after, .solEmpSerPub:after, .cerEmpSerPub:after, .copiaContrato:after, .regFotografico:after, .cerEmpresa:after, .renova:after, .resoSupIntVig:after,
.licAutNacMedCom:after, .solAutJud:after, .docIdentidad:after, .actoConsAuJu:after, .cerEPSoIPS:after, .copiaCarneEPS:after{
    content: 'No';
    font: 12px/23px Arial, sans-serif;
    color: #FF0000;
    position: absolute;
    right: 10px;
    z-index: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideOfiSol:before, .slideLicTra:before, .slideSOAT:before, .slideRTM:before, .copActAdmRelVeh:before, .copActAdmOtoPer:before, .camaraComercio:before, .cerExpAutCom:before,
.cerVehEnSDS:before, .solEmpSerPub:before, .cerEmpSerPub:before, .copiaContrato:before, .regFotografico:before, .cerEmpresa:before, .renova:before, .resoSupIntVig:before, 
.licAutNacMedCom:before, .solAutJud:before, .docIdentidad:before, .actoConsAuJu:before, .cerEPSoIPS:before, .copiaCarneEPS:before{
    content: 'Si';
    font: 12px/23px Arial, sans-serif;
    color: #00bf00;
    position: absolute;
    left: 10px;
    z-index: 0;
    font-weight: bold;
}

.slideOfiSol label, .slideLicTra label, .slideSOAT label, .slideRTM label, .copActAdmRelVeh label, .copActAdmOtoPer label, .camaraComercio label, .cerExpAutCom label,
.cerVehEnSDS label, .solEmpSerPub label, .cerEmpSerPub label, .copiaContrato label, .regFotografico label, .cerEmpresa label, .renova label, .resoSupIntVig label, 
.licAutNacMedCom label, .solAutJud label, .docIdentidad label, .actoConsAuJu label, .cerEPSoIPS label, .copiaCarneEPS label{
    display: block;
    width: 34px;
    height: 18px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 1;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    background: #fcfff4;

    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.slideOfiSol input[type=checkbox]:checked + label, .slideLicTra input[type=checkbox]:checked + label, .slideSOAT input[type=checkbox]:checked + label,
.slideRTM input[type=checkbox]:checked + label, .copActAdmRelVeh input[type=checkbox]:checked + label, .copActAdmOtoPer input[type=checkbox]:checked + label,
.camaraComercio input[type=checkbox]:checked + label, .cerExpAutCom input[type=checkbox]:checked + label, .cerVehEnSDS input[type=checkbox]:checked + label,
.solEmpSerPub input[type=checkbox]:checked + label, .cerEmpSerPub input[type=checkbox]:checked + label, .copiaContrato input[type=checkbox]:checked + label,
.regFotografico input[type=checkbox]:checked + label, .cerEmpresa input[type=checkbox]:checked + label, .renova input[type=checkbox]:checked + label, 
.resoSupIntVig input[type=checkbox]:checked + label, .licAutNacMedCom input[type=checkbox]:checked + label, .solAutJud input[type=checkbox]:checked + label,
.docIdentidad input[type=checkbox]:checked + label, .actoConsAuJu input[type=checkbox]:checked + label, .cerEPSoIPS input[type=checkbox]:checked + label, 
.copiaCarneEPS input[type=checkbox]:checked + label{
    left: 43px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
   
        