﻿.content-input input,.content-select select{	appearance: none;	-webkit-appearance: none;	-moz-appearance: none;} .content-input input{	visibility: hidden;	position: relative;}.content-input{	position: relative;	margin-bottom: auto;	right: auto;	left: auto;	top: auto;	display: block;}thead{	position: sticky;	top: 0;}.zoom {    transition: transform .2s; } .zoom:hover {    transform: scale(1.5); } .zoom1 {    transition: transform .2s; } .zoom1:hover {    transform: scale(1.05); }/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/.content-input input + i{ background: #F0FFFF; border:2px solid rgba(0,0,0,0.5); position: absolute; }/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/.content-input input + i{ height: 35px; width: 35px; border-radius: 100%;}.content-input input[type=radio] + i:before{	content: '';	display: block;	height: 23px;	width: 23px;	border-radius: 100%;	position: absolute;	z-index: 1;	top: 4px;	left: 4px;	background:#28679F;	transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */	transform: scale(0) /* Lo reducimos a 0*/ ;	opacity: 0; /* Lo ocultamos*/}.content-input input[type=radio]:checked + i:before{	border:2px solid rgba(0,128,255,0.5);	transform: scale(1);	opacity: 1;}	#Aviso{width:auto;border: 1px solid #DD0000;padding: 2px;background-color:#EAB3C0;font-family:Arial;font-size:11px;}#Aviso1{width:auto;border: 1px solid #DD0000;padding: 2px;background-color:#EAB3C0;font-family:Arial;font-size:11px;}#AvisoExitoso{width:auto;border: 1px solid #009966;padding: 2px;background-color:#BFFFEB;font-family:Arial;font-size:11px;}.Aceptar {background-color:#CEECF5;border-width: 5;color: #000000;font-size: 10pt;font-family:Arial, Helvetica, sans-serif;cursor: hand;}.Aceptar1 {background-color:#CEECF5;border-width: 5;color: #000000;font-size: 10pt;font-family:Arial, Helvetica, sans-serif;cursor: default;}.Aceptar2 {background-color:#CEECF5;border-width: 5;color: #000000;font-size: 10pt;font-family:Arial, Helvetica, sans-serif;cursor: wait;}.Alerta {background-color:#000000;border-width: 2;color: #FF0000;font-size: 16pt;font-family:Arial, Helvetica, sans-serif;}.ph2{	text-align: center;	font-size:12px; 	font-family:Arial, Helvetica, sans-serif;  	color:#000000;}.encabezado {	color:#A4BED4; 	background-image:url(../images/tr_back.png);	background-repeat:repeat-x;	border:1pt solid #A4BED4; 	height:12px;	width:6px;}.fondo{	background-color:#E3EFFF;}.fondo1{	background-color:#F8F8F8;}#gridPrincipal{			margin-left: auto;  margin-right: auto;	vertical-align: middle;	border: #FFFFFF solid 2px;	background-color:#FFFFFF;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;}p {			font-size: 12pt;			font-weight: 400;			letter-spacing: 3px;			line-height: 1.45em;			text-align: justify;			margin-bottom: 1em;}/* Button */	input[type="button"],	input[type="submit"],	input[type="reset"],	button,	.button {		-moz-transition: all 0.25s ease-in-out;		-webkit-transition: all 0.25s ease-in-out;		-ms-transition: all 0.25s ease-in-out;		transition: all 0.25s ease-in-out;		-webkit-appearance: none;		position: relative;		display: inline-block;		background: #28679F;		color: #fff !important;		text-transform: uppercase;		border-radius: 4px;		border: 0;		outline: 0;		font-size: 1em;		box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);		font-weight: 600;		text-align: center;	}		input[type="button"].icon:before,		input[type="submit"].icon:before,		input[type="reset"].icon:before,		button.icon:before,		.button.icon:before {			position: relative;			padding-right: 0.75em;			opacity: 0.5;			top: 0.05em;		}		input[type="button"]:hover,		input[type="submit"]:hover,		input[type="reset"]:hover,		button:hover,		.button:hover {			background: #609ED7;		}		input[type="button"]:active,		input[type="submit"]:active,		input[type="reset"]:active,		button:active,		.button:active {			background: #8FD15C;		}		input[type="button"].alt,		input[type="submit"].alt,		input[type="reset"].alt,		button.alt,		.button.alt {			background: #878787;		}			input[type="button"].alt:hover,			input[type="submit"].alt:hover,			input[type="reset"].alt:hover,			button.alt:hover,			.button.alt:hover {				background: #979797;			}			input[type="button"].alt:active,			input[type="submit"].alt:active,			input[type="reset"].alt:active,			button.alt:active,			.button.alt:active {				background: #878787;			}.responsive {    max-width: 100%;    height: auto;}#caja4{ border-color:orange; float: left; overflow-x: auto;overflow-y: auto;}