@charset "utf-8";
/* CSS Document */

.web {
	max-width: 1200px;
	min-width: 320px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	resize: none;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
}

center {margin: 0px;}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

a img { border: 0px;}

p {margin: 0px; margin-bottom: 10px;}

h1 {margin-top: 0px;}

form {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.link {color: #10A;}

.hide {
	width: 0px;
	height: 0px;
	float: left;
	overflow: hidden;
}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.bold {font-weight: bold !important;}

.left {float: left !important;}
.right {float: right !important;}

.tleft {text-align: left !important;}
.tcenter {text-align: center !important;}
.tright {text-align: right !important;}

.bg-blanco {background-color: #FFF !important;}
.bg-negro {background-color: #000 !important;}
.bg-rojo {background-color: #B13 !important;}
.bg-naranja {background-color: #F90 !important;}
.bg-verde {background-color: #093 !important;}
/*.bg-azul {background-color: #07B !important;}*/
.bg-azul {background-color: #048 !important;}
.bg-gris {background-color: #444 !important;}
.bg-amarillo {background-color: #FF3 !important;}

.blanco {color: #FFF !important;}
.negro {color: #000 !important;}
.rojo {color: #B13 !important;}
.naranja {color: #F90 !important;}
.verde {color: #093 !important;}
.azul {color: #048 !important;}
.gris {color: #444 !important;}
.amarillo {color: #FF3 !important;}

.blur {box-shadow: 10px 10px 15px #999;}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.x-100 {width: 100% float: left;}
.inline {width: 100% !important; float: left;}
.diline {width: 50%; float: left;}
.padding-diline {padding-right: 10px; box-sizing: border-box;}
.triline {width: 33%; float: left;}
.ditriline {width: 66%; float: left;}
.tetraline {width: 25%; float: left;}

.sin-ancho {width: auto !important;}
.sin-alto {height: auto !important;}

.sin-bordes {
	border: none !important;
}

.display-block {
	display: block;
}

.display-none {
	display: none;
}

.bold {font-weight: bold !important;}

.font-14 {
	font-size: 14px;
}

.font-12 {
	font-size: 12px;
}

.font-10 {
	font-size: 10px;
}

.checkbox {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.deshabilitado {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
	background-color: #DCDCDC;
	color: #000;
/*	opacity: 0.35;*/
}

.txt-deshabilitado {
	color: #999;
}

.txt-overflow {
	text-overflow: ellipsis;
}

.bg-status-activo {
	background-color: #093 !important;
	color: #FFF !important;
}

.bg-status-pagado {
	background-color: #093 !important;
	color: #FFF !important;
}

.bg-status-aprobada {
	background-color: #093 !important;
	color: #FFF !important;
}

.bg-status-en-tramite {
	background-color: #63C !important;
	color: #FFF !important;
}

.bg-status-denegada {
	background-color: #093 !important;
	color: #FFF !important;
}

.bg-status-pendiente {
	background-color: #F60 !important;
	color: #FFF !important;
}

.bg-status-rechazada {
	background-color: #F00 !important;
	color: #FFF !important;
}

.bg-status-eliminada {
	background-color: #C00 !important;
	color: #FFF !important;
}

.bg-status-eliminado {
	background-color: #C00 !important;
	color: #FFF !important;
}

.bg-iniciar {
	background-color: #093 !important;
}

.bg-continuar {
	background-color: #09C !important;
}

.bg-completa {
	background-color: #F30 !important;
}

.bg-xls {
	background-color: #274 !important;
}

.bg-pdf {
	background-color: #F00 !important;
}

.status-activo {color: #093 !important; font-weight: bold;}
.status-pagado {color: #093 !important; font-weight: bold;}
.status-aprobada {color: #093 !important; font-weight: bold;}
.status-en-tramite {color: #63C !important; font-weight: bold;}
.status-denegada {color: #093 !important; font-weight: bold;}
.status-pendiente {color: #F60 !important; font-weight: bold;}
.status-rechazada {color: #F00 !important; font-weight: bold;}
.status-rechazado {color: #F00 !important; font-weight: bold;}
.status-eliminada {color: #C00 !important; font-weight: bold;}
.status-eliminado {color: #C00 !important; font-weight: bold;}

.bg-ico-informacion {
	background-color: #63F;
}

.bg-ico-editar {
	background-color: #F60;
}

.bg-ico-documentos {
	background-color: #39F;
}

.bg-ico-acta-nacimiento {
	background-color: #63F;
}

.bg-ico-pasaporte {
	background-color: #606;
}

.bg-ico-ine {
	background-color: #D08;
}

.bg-ico-medicamentos {
	background-color: #C00;
}

.bg-ico-gafete {
	background-color: #93C;
}

.bg-ico-sede-consular {
	background-color: #630;
}

.bg-ico-pagos {
	background-color: #060;
}

.bg-ico-pago-efectivo {
	background-color: #088;
}

.bg-ico-parcialidades {
	background-color: #333;
}

.bg-ico-validar {
	background-color: #093;
}

.bg-ico-abordaje {
	background-color: #D0F;
}

.bg-ico-accesos {
	background-color: #D2B;
}

.bg-ico-acciones {
	background-color: #36F;
}

.bg-ico-eliminar {
	background-color: #F00;
}

.sin-margin {
	margin: 0px !important;
}

.sin-top {
	margin-top: 0px !important;
}

.top-5 {
	margin-top: 5px;
}

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

.top-15 {
	margin-top: 15px;
}

.top-20 {
	margin-top: 20px;
}

.top-25 {
	margin-top: 25px;
}

.top-30 {
	margin-top: 30px;
}

.top-50 {
	margin-top: 50px;
}

.sin-left {
	margin-left: 0px !important;
}

.left-5 {
	margin-left: 5px;
}

.left-10 {
	margin-left: 10px !important;
}

.left-15 {
	margin-left: 15px;
}

.left-20 {
	margin-left: 20px;
}

.left-25 {
	margin-left: 25px;
}

.left-30 {
	margin-left: 30px;
}

.left-50 {
	margin-left: 50px;
}

.sin-bottom {
	margin-bottom: 0px !important;
}

.bottom-5 {
	margin-bottom: 5px;
}

.bottom-10 {
	margin-bottom: 10px;
}

.bottom-15 {
	margin-bottom: 15px;
}

.bottom-20 {
	margin-bottom: 20px;
}

.bottom-25 {
	margin-bottom: 25px;
}

.bottom-30 {
	margin-bottom: 30px;
}

.sin-right {
	margin-right: 0px !important;
}

.right-5 {
	margin-right: 5px;
}

.right-10 {
	margin-right: 10px;
}

.right-15 {
	margin-right: 15px;
}

.right-20 {
	margin-right: 20px;
}

.right-25 {
	margin-right: 25px;
}

.right-30 {
	margin-right: 30px;
}

.right-50 {
	margin-right: 50px;
}

.padding-5 {
	padding: 5px;
}

.ico {
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	padding: 5px;
	margin: 0px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}

.ico-solicitud-membresia {
	width: 50px;
	height: 50px;
	display: inline-block;
	float: left;
	padding: 5px;
	margin-top: -10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.ico-deshabilitado {
	background-color: #999 !important;
	cursor: default !important;
}

.acciones {
	width: auto;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ico-acciones {
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	margin: 0px 3px;
	padding: 5px;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}





/*		Tablas		*/
table {
	width:100%;
	float: left;
	border-collapse: collapse;
	box-sizing: border-box;
}

thead {
	background-color: #07B;
	width:100%;
	height: 40px;
/*	float: left;*/
/*	display: table;*/
	padding: 10px 0px;
	color: #FFF;
	font-weight: bolder;
	text-align: center;
	box-sizing: border-box;
}

tbody {
	background-color: #FFF;
	width:100%;
/*	float: left;*/
/*	display: table;*/
	font-weight: lighter;
	box-sizing: border-box;
}

tr {
	width:100%;
/*	float: left;*/
	padding: 5px 0px;
/*	display: inline-table;*/
}

.sin-datos {
	border: #999 1px solid;
	border-top: none;
	width:100%;
	float: left;
	text-align: center;
	padding: 100px 0px;
	color: #666;
	box-sizing: border-box;
}

.sin-float {
	float: none !important;
}

.btn-nuevo {
	content: '';
	background-image: url('imagenes/ico-nuevo.png');
	background-size: auto 70%;
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-color: #093;
	background-color: #39F;
	width: auto;
	float: right;
	margin-left: 15px;
	padding: 10px 15px;
	padding-left: 15px;
	padding-left: 40px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}