@import 'bootstrap.css';
@import 'bootstrap-theme.css';
@import 'font-awesome.min.css';

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/* Colores generales
ETIQUETAS DE PRECIOS: cantidad de créditos, precios, etc => #99d014
*/
.clear{
	clear: both;
}
*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #EDEDED;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16px !important;
}
#contenedor{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 50px;
}
#sombra{
	background-color: #000000;
	display: none;
	opacity: 0.9;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 97;
}
.clickable{
	cursor: pointer;
}
.alineado{
	vertical-align: middle;
}
.oculto{
	display: none;
}
.sombreado{
	box-shadow: 0 1px 1px #888888;
	-webkit-box-shadow: 0 1px 1px #888888;
	-moz-box-shadow: 0 1px 1px #888888;
}
.alerta{
	background-color: #222222;
	color: #FFFFFF;
    font-size: 14px;
    position: absolute;
    padding: 6px;
    white-space: nowrap;
    z-index: 2;
}
.alerta:after 
{
	border-style: solid;
	border-width: 8px 8px 0;
	border-color: #222222 transparent;
	bottom: -8px;
	left: 15px;
	content: '';
	display: block;
	position: absolute;
	width: 0;
	z-index: 1;
}
a{
	color: #444444;
	text-decoration: none;
}
label{
	cursor: pointer;
}
.link-detalle{
	font-size: 12px;
}
.link-detalle:hover{
	color: #52a3e8;
	text-decoration: underline;
}
.solo-responsive{ /* Sólo se verá en dispositivos móviles */
	display: none;
}
.carga{
	background-image: url("../imagenes/cargando.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 20px auto;
	position: relative;
	height: 60px;
	width: 60px;
}
.con-padding{
	padding: 16px;
}
.detalle{
	margin-left: -2px;
}
/* Interruptor */
.interruptor{
	background-image: url("../imagenes/switch_inactivo.png");
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 0 center;
	display: inline-block;
	height: 26px;
	padding-left: 55px;
	line-height: 26px;
}
.interruptor.activo{
	background-image: url("../imagenes/switch_activo.png");
}
/* Ayuda */
.ayuda{
	position: relative;
}
.ayuda-cuadro{
	background-color: #888888;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: normal;
	top: 0;
	left: 24px;
	padding: 8px;
	position: absolute;
	min-width: 300px;
	white-space: normal;
	z-index: 100;
}
table .ayuda-cuadro{
	min-width: 180px;
}
/* Columnas */
.col-izq{
	float: left;
	vertical-align: top;
}
.col-dcha{
	float: right;
	vertical-align: top;
}
/* Icono principal */
.icono-principal{
	position: absolute;
	top: 16px;
	right: 16px;
}
/* Botones */
button{
	border: none;
	border-radius: 4px;
	cursor: pointer;
	padding: 8px 10px;
}
.boton-accion{
	background-color: #BDBDBD;
	color: #FFFFFF;
	font-size: 18px;
	margin: 12px 0;
	min-width: 180px;
}
.boton-accion:hover{
	background-color: #CDCDCD;
}
a.boton-accion{	
	border-radius: 4px;
	cursor: pointer;
	padding: 8px 10px;
}
.boton-panel, .boton-filtrar{
	background-color: #DEDEDE;
	color: #000000;
	font-size: 16px;
}
.boton-panel:hover, .boton-filtrar:hover{
	background-color: #DADADA;
}
.boton-cancelar{
	font-size: 18px;
	margin: 12px 0;
	min-width: 180px;
}
.boton-cancelar:hover{
	background-color: #BDBDBD;
}
.boton-extra{
	background-color: #444444;
	color: #AAAAAA;
	font-size: 16px;
	padding: 6px 8px;
}
.boton-extra:hover{
	background-color: #4F4F4F;
}
.btn.boton-extra{
	font-size: 14px;
	padding: 6px 12px !important;
}
.boton-mini{
	font-size: 12px;
	padding: 4px;	
}
.boton-bandeja{
	background-color: #f85746;
	border-radius: 4px;
	color: #FFFFFF;
	padding: 4px 6px;
}
/* Cuadros Flotantes */
.cuadro-flotante{	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: none;
	top: 45%;
	left: 50%;
	position: fixed;
	text-align: center;
	z-index: 99;
}
.cuadro-flotante.cuadro-form{
	background-color: #FFFFFF;	
	max-width: 800px;
	width: 100%;
}
.cuadro-flotante.simulador{
	background-image: url("../imagenes/movil_flotante.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 600px;
	width: 350px;
	margin-top: -300px;
	margin-left: -175px;
}
.cuadro-flotante h2{
	background-color: #BDBDBD;
	color: #222222;
	font-size: 18px;
	padding: 10px;
}
.cuadro-flotante .panel{
	border-radius: 0;
	border: none;
	max-height: 375px;
	overflow: auto;
	padding: 0 10px;
}
.cuadro-flotante .menu-filtros{
	padding: 0;
}
.icono-cuadro{
	opacity: 0.5;
	position: absolute;
	top: 4px;
	right: 4px;
}
.etiqueta-id{
	background-color: #DEDEDE;
	border-radius: 4px;
	margin: 10px 0;
	padding: 6px;
}
.pantalla-simulador{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	position: absolute;
    top: 50px;
    left: 40px;
    height: 478px;
    width: 270px;
}
.pantalla-simulador iframe {
    border: 0px;
/*  height: 100%; */
    height:700px;
    width: 380px; 
    zoom: 0.71;
    -moz-transform: scale(0.71);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.71);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.71);
    -webkit-transform-origin: 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.pantalla-simulador iframe{ 
		zoom: 1;  
	}
}
.simulador-sms{
	background-color: #DFDFDF;
	border-radius: 4px;
	color: #444444;
	margin: 6px 8px;
	padding: 6px;
	position: relative;
	text-align: left;
	height: 100%;
	overflow: auto;
}
.simulador-sms-remite{
	border-radius: 4px;
	color: #444444;
	margin: 6px 8px;
	padding: 6px;
	text-align: center;
}
.pie-diapositiva{
	height: 200px;
}
.pie-simulador{
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 8px;
	width: 100%;
}
/* Cómputo Resumen */
.computo-resumen{
	background-color: #CECECE;
	padding: 12px;
	margin-bottom: 10px;
}
.computo-resumen a{
	color: #FFFFFF;
	text-decoration: underline;
}
.computo-resumen .contador{
	margin: 0;
}
/* Diálogos */
.dialogo{	
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 12px 24px 12px 12px;
	position: fixed;
	bottom: -100px;
	left: 5%;
	z-index: 98;
}
.dialogo-error{
	background-color: #ff7a7a;
	color: #9c2727;
}
.dialogo-exito{
	background-color: #b1df76;
	color: #6d9834;
}
.dialogo-alerta{
	background-color: #ffa67a;
	color: #c45119;
}
.dialogo .contador{
	margin: 0;
}
.dialogo-visible{
	bottom: 10px;
}
/* Aviso Cookies */
#aviso-cookies{
	background-color: #000000;
	bottom: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 -1px 4px #888888;
	-webkit-box-shadow: 0 -1px 4px #888888;
	-moz-box-shadow: 0 -1px 4px #888888;
	color: #FFFFFF;
	font-size: 14px;
	opacity: 0.8;
	padding: 8px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 102;
}
#aviso-cookies h2{
	font-size: 16px;
}
/* Menú Desplegable */
.contenedor-desplegable{
	position: relative;
}
.desplegable{
	background-color: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 4px;
	max-height: 300px;
	overflow: auto;
	padding: 4px 6px;
	position: absolute;
	right: 0;
	z-index: 12;
}
.desplegable > article{
	border-bottom: 1px solid #DCDCDC;
	font-size: 14px;
	padding: 4px;
	white-space: nowrap;
}
.desplegable > article:last-child{
	border: none;
}
/* Lista Alineada */
.lista-alineada{
	margin: 12px 0;
	text-align: center;
}
.lista-alineada > article{
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
}
.lista-plantillas{
	overflow-x: scroll;
	overflow-y: auto;
	position: relative;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
.lista-plantillas > article{
	display: inline-block;
	margin: 0 10px 10px 0;
	text-align: center;
}
.lista-ejemplos{
	margin: 0 auto;
	text-align: left;
	width: 400px;
}
.lista-ejemplos > article{
	margin: 8px 0;
}
.lista-ejemplos a{
	color: #52a3e8;
	font-size: 14px;
	text-decoration: underline;
}
/* Menú Tabs */
.tabs-contenedor{
	margin: 20px 0;
}
.tabs-contenedor > menu{
	text-align: left;
}
.tabs-contenedor > menu > article{
	background-color: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	padding: 8px;
}
.tabs-contenedor > menu > article.actual{
	background-color: #BDBDBD;
}
.tabs > article{
	padding: 16px;
}
/* Principal */
#principal{
	padding: 20px;
	position: relative;
	margin-left: 260px;
}
/* Formularios */
.form-campo{
	clear: both;
	margin: 14px 0;
	position: relative;
}
.form-campo h3{
	font-size: 16px;
	margin: 0 0 8px 0;
}
.form-campo input[type="text"], .form-campo input[type="number"], .form-campo input[type="password"], .form-campo input[type="tel"]{
	border: none;
	border-bottom: 1px solid #DCDCDC;
	font-size: 1em;
	padding: 6px;
}
.form-campo input[type="number"]{
	width: 3em;
}
.form-campo select{
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	font-size: 1em;
	padding: 4px;
}
.form-campo textarea{
	border: 1px solid #DCDCDC;
	font-family: "Source Sans Pro", serif;
	font-size: 16px;
	max-width: 600px;
	padding: 8px;
	width: 100%;
}
.form-campo input.input-usuario, .form-campo input.input-password, .form-campo input.input-email, 
.form-campo input.input-telefono, .form-campo input.input-fecha, .form-campo input.input-empresa, .menu-filtros input[type="text"].input-buscar{
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 24px 24px;
	padding-left: 30px;
}
.form-campo input.input-usuario{
	background-image: url("../imagenes/icono_usuario.png");	
}
.form-campo input.input-password{
	background-image: url("../imagenes/icono_password.png");
}
.form-campo input.input-email{
	background-image: url("../imagenes/icono_email.png");
}
.form-campo input.input-telefono{
	background-image: url("../imagenes/icono_telefono.png");
}
.form-campo input.input-fecha{
	background-image: url("../imagenes/icono_fecha.png");
}
.form-campo input.input-empresa{
	background-image: url("../imagenes/icono_empresa.png");
}
.menu-filtros input.input-buscar{
	background-image: url("../imagenes/icono_buscar.png");
}
.form-campo input.input-invisible{
	background-color: transparent;
	border: none;
	font-weight: bold;
	padding: 0;
	width: 30px;
}
input:read-only, textarea:read-only{ 
    background-color: #E4E4E4;
}
input:-moz-read-only, textarea:-moz-read-only{ /* For Firefox */
    background-color: #E4E4E4;
}
.form-error{
	background-color: #000000;
	border-radius: 4px;
	color: #AAAAAA;
	font-size: 12px;
	margin: 12px;
	opacity: 0.8;
	padding: 10px;
}
.form-detalle{
	color: #555555;
	font-size: 14px;
}
.form-columna{
	display: inline-block;
	/*margin: 0 10px;*/
	text-align: left;
	vertical-align: top;
}
.form-linea{
	border: 1px solid #DEDEDE;
	margin: 12px 0;
	width: 50%;
	max-width: 500px;
}
.form-pasos{

}
.paso{
	display: none;
}
.paso.activo{
	display: block;
}
.leyenda-pasos{
	margin-bottom: 20px;
}
.leyenda-pasos > article{
	background-image: url("../imagenes/fondo_leyenda.png");
	background-repeat: repeat-x;
	background-position: center;
	color: #555555;
	display: inline-block;
}
.leyenda-pasos > article:first-child{
	background-repeat: no-repeat;
	background-position: 100% center;
}
.leyenda-pasos > article:last-child{
	background-repeat: no-repeat;
	background-position: 0 center;
}
.leyenda-pasos > article.activo{
	background-image: url("../imagenes/fondo_leyenda_activo.png");
}
.leyenda-pasos > article > div{
	background-color: #DEDEDE;
	border-radius: 50%;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	padding: 8px;
	text-align: center;
	height: 20px;
	width: 20px;
	box-sizing: content-box;
}
.leyenda-pasos > article.activo > div{
	background-color: #8dd367;
	color: #FFFFFF;
}
/* Campo-Drop */
.subir-archivo{
	background-image: url("../imagenes/subir_archivo.png");
	background-position: center;
	background-repeat: no-repeat;
	background-color: #DEDEDE;
	background-size: auto 90%;
	border-radius: 10px;
	cursor: pointer;
	height: 80px;
	width: 80px;
	padding: 16px;
}
.subir-archivo.cargando{
	background-image: url("../imagenes/archivo_cargando.gif");
}
.subir-archivo.completado{
	background-image: url("../imagenes/archivo_subido.png");
}
.subir-archivo.fallido{
	background-image: url("../imagenes/archivo_fallido.png");
}
/* Menú filtros */
.menu-filtros{
	color: #555555;
	font-size: 14px;
	padding: 12px 0 20px 0;
}
.menu-filtros > article{
	display: inline-block;
	margin: 0 10px 10px 0;
}
.menu-filtros input[type="text"], .menu-filtros input[type="number"], .menu-filtros input[type="tel"]{
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	font-size: 14px;
	padding: 4px;
}
.menu-filtros input[type="number"]{
	width: 4em;
}
.menu-filtros select{
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	font-size: 14px;
	padding: 4px;
}
.datepicker{
	font-size: 14px;
	width: 100px;
}
/* Accesos Directos */
.links-home .btn{
	font-size: 23px;
	min-width: 50px;
	box-shadow: 0 1px 1px #888888;
	-webkit-box-shadow: 0 1px 1px #888888;
	-moz-box-shadow: 0 1px 1px #888888;
}
.links-home a:hover{
	color: #FFF;
	text-decoration: none;
}
.links-home .more.green .btn{
	background: #7cd74e;
	border: none;
}
.links-home .more .btn .fa{
	color: #FFF;
}
.links-home .more.pink .btn{
	background: #f394bc;
	border: none;
}
.links-home .more{
	visibility: hidden;
}
.links-home .col-md-3:hover > .more{
	visibility: visible;
}
.accesos-directos{
	overflow: auto;
	margin-bottom: 0px !important;
}
.accesos-directos span.fa{
	font-size: 40px;
	margin: 0 auto;
	display: block;
}
.accesos-directos > article{
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 18px;
	margin: 0 12px 12px 0;
	padding: 10px;
	min-width: 120px;
	text-align: center;
	width: 100%;
}
.accesos-directos a{
	color: #FFFFFF;
}
.accesos-directos > article.acceso-sms{
	background-color: #6bce38;
}
.accesos-directos > article.acceso-vms{
	background-color: #5cccff;
}
.accesos-directos > article.acceso-mms{
	background-color: #5482df;
}
.accesos-directos > article.acceso-agenda{
	background-color: #ef6ea5;
}
.accesos-directos > article.acceso-config{
	background-color: #ff5c74;
}
.accesos-directos > article.acceso-recarga{
	background-color: #fbba3c;
}
/* Paquetes de Compra */
.paquetes{
	overflow: auto;
}
.paquetes > article{
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-width: 300px;
	min-width: 200px;
	width: 24%;
}
.paquete-cabecera{
	background-color: #99d014;
	color: #FFFFFF;
	font-size: 18px;
	padding: 16px;
}
.paquete-cuerpo{
	color: #444444;
	font-size: 14px;
	padding: 16px;
}
.paquete-precio{
	color: #99d014;
	font-size: 50px;
	font-weight: bold;
}
/* Compra de Créditos */
#conteo-creditos{
	color: #666666;
	font-size: 14px;
	font-style: italic;
}
/* Lista Dinámica */
.lista-dinamica{
	background-color: #efefef;
	clear: both;
	height: 300px;
	overflow: auto;
}
.lista-dinamica > article{
	background-color: #a9fdaf;
	border-radius: 2px;
	overflow: auto;
	padding: 6px;
	margin: 0 0 8px 0;
}
.lista-dinamica > article.lista-envio-grupo{
	background-color: #c8e3f4;
}
.lista-dinamica > article.lista-envio-contacto{
	background-color: #f5d373;
}
.lista-dinamica > article.lista-envio-archivo{
	background-color: #fdc8fd;
}
.lista-dinamica > article.lista-envio-clonados{
	background-color: #fdb8b8;
}
.lista-dinamica-vacia{
	padding: 16px;
	text-align: center;
}
/* Campos Personalizados */
.campos-personalizados{
	margin: 16px 0;
}
.campos-personalizados > article{
	background-color: #444444;
	border-radius: 4px;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 6px;
	vertical-align: top;
}
/* Cabecera */
#cabecera{
	background-color: #FFFFFF;
	font-size: 18px;
	line-height: 50px;
	position: fixed;
	width: 100%;
	z-index: 96;
}
#cabecera span{
	margin: 0 12px 0 0;
	vertical-align: middle;
}
#menu-boton{
	background-image: url("../imagenes/menu_abrir.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 15px;
	height: 20px;
	width: 20px;
}
#menu-boton.abierto{
	background-image: url("../imagenes/menu_volver.png");
}
/* Menú */
#menu{
	background-color: #FFFFFF;
	box-shadow: 1px 0px 1px #AAAAAA;
	-webkit-box-shadow: 1px 0px 1px #AAAAAA;
	-moz-box-shadow: 1px 0px 1px #AAAAAA;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	width: 260px;
	overflow: auto;
	position: fixed;
	padding-bottom: 50px;
}
#menu.abierto{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	z-index: 99;
}
#menu > article{
	cursor: pointer;
	padding: 16px;
}
#menu > article.actual{
	background-color: #EAEAEA;
}
/* Bandeja de Entrada - Alertas */
#bandeja-entrada .desplegable{
	font-size: 14px;
	line-height: 1em;
	max-height: 650px;
	padding: 0;
	text-align: justify;
}
#bandeja-entrada .desplegable > article{
	max-width: 400px;
	min-width: 200px;
	overflow: auto;
	padding: 16px 6px 10px 6px;
	position: relative;
	white-space: normal;
}
#bandeja-entrada .desplegable > article.prioridad0{
	background-color: #e8f3d2;
}
#bandeja-entrada .desplegable > article.prioridad1{
	background-color: #f3e5d2;
}
#bandeja-entrada .desplegable > article.prioridad2{
	background-color: #f3d2d2;
}
#bandeja-entrada .desplegable h3{
	color: #e7583c;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}
/* Perfil Lateral */
#perfil{
	background-color: #BDBDBD;
	background-image: url("../imagenes/fondo_perfil.png");
	background-size: cover;
	background-position: center;
	color: #FFFFFF;
	text-align: center;
	overflow: auto;
	padding: 12px;
}
#perfil h2{
	font-size: 18px;
}
.etiqueta-creditos{
	color: #99d014;
	font-size: 22px;
	font-weight: bold;
}
#acciones-perfil{
	margin: 16px 0;
	text-align: center;
}
#acciones-perfil > span{
	border-right: 1px solid #888888;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	width: 30%;
}
#acciones-perfil > span:last-child{
	border: none;
}
#acciones-perfil > span a{
	color: #FFFFFF;
}
/* Panel */
.panel-contenedor{
}
.panel-cabecera{
	background-color: #FEFEFE;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #DCDCDC;
	margin: 16px 0 0 0;
	overflow: auto;
	padding: 16px;
}
.panel-cabecera h2{
	color: #444444;
}
.panel-botones{
	float: left;
	padding-left: 20px;
}
.panel-instrucciones{
	background-color: #EFEFEF;
	border-left: 4px solid #BDBDBD;
	color: #555555;
	clear: both;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding: 4px 8px 4px 8px;
}
#principal .panel{
	background-color: #FEFEFE;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border: 1px solid #DCDCDC;
	margin: 0 0 16px 0;
	padding: 16px 20px;
	position: relative;
}
.panel-seccion{
	display: inline-block;
	margin: 0 16px 16px 0;
	vertical-align: top;
	width: 45%;
}
#principal .panel > .form-columna{
	min-width: 300px;
}
.panel-tabla{
	display: block;
	font-size: 14px !important;
	overflow-x: auto;
	padding-bottom: 35px;
	position: relative;
	width: 100%;
}
.panel-tabla table{
	width: 100%;
}
.panel-tabla table, .panel-tabla tr, .panel-tabla td, .panel-tabla th{
	border-collapse: collapse;
	/*text-align: left;*/
}
.panel-tabla th{
	text-align: left;
}

.cuadro-flotante .panel-tabla th{
	text-align: center;
}

.panel-tabla tr:nth-child(even){
	background-color: #FAFAFA;
}
.panel-tabla tr{
	border-bottom: 1px solid #DEDEDE;
}
.panel-tabla th, .panel-tabla tfoot tr:last-child{
	border-bottom: 1px solid #444444;
}
.panel-tabla th, .panel-tabla td{
	max-width: 400px;
	padding: 10px 5px;
	vertical-align: top;
}
.panel-tabla th{
	white-space: nowrap;
}
.panel-tabla tr td:last-child{
	white-space: nowrap;
}
.panel-tabla a{
	color: #52a3e8;
}
.campo-vacio{
	color: #999999;
}
/* Contadores */
.contador{
	background-color: #BDBDBD;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    margin: 0 0 0 12px;
    line-height: 20px;
    text-align: center;
    padding: 4px;
}
.contador-num{
	background-color: #666666;
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	min-height: 16px;
	min-width: 16px;
	text-align: center;
	padding: 2px 5px;
}
.contador-num img{
	vertical-align: top;
}
.contador-redondo{
	background-color: #BDBDBD;
    border-radius: 50%;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    height: 10;
    line-height: 1em;
    min-width: 1em;
    min-height: 1em;
    padding: 3px;
    text-align: center;
}
/* Navegación */
.navegacion{
	display: block;
	margin: 8px 0;
	text-align: left;
}
.numeracion{
	float: right;
}
.numeracion > article{
	border: 1px solid #DEDEDE;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	margin: 0 8px 8px 0;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
.numeracion > article.pag-actual{
	background-color: #BDBDBD;
	color: #FFFFFF;
}
.numeracion > article.puntos-suspensivos{
	border: none;
	margin: 0;
}
/* Importación */ 
#tabla-mapeo{
	overflow: auto;
}
.tabla-resumen{
	width: 100%;
}
.tabla-resumen, .tabla-resumen tr, .tabla-resumen td, .tabla-resumen th{
	border-collapse: collapse;
}
.tabla-resumen tr{
	border-bottom: 1px solid #CDCDCD;
}
.tabla-resumen tr:first-child{
	border-bottom: 1px solid #444444;
}
.tabla-resumen th, .tabla-resumen td{
	padding: 4px 0;
}
.columna-excel{
	border-radius: 4px;
	border: 1px solid #CDCDCD;
	padding: 4px;
	width: 100%;
}
.fila-cabecera{
	background-color: #DCDCDC;
	color: #888888;
}
/* MÉTODOS DE PAGO */
.metodos-pago{
	text-align: left;
}
.metodos-pago > article{	
	margin: 12px 0;
}
.metodos-pago > article img{
	border: 2px solid #FFFFFF;
	vertical-align: middle;
}
.metodos-pago > article.seleccionado img{
	border: 2px solid #BDBDBD;
	border-radius: 4px;
}
/* CANVAS */
canvas{
	position: relative;
	height: 95%;
	width: 95%;
}
/* ESTADÍSTICAS */
.estat-cuadro{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	margin: 16px 16px 0 0;
	max-width: 500px;
	overflow: auto;
	position: relative;
	text-align: right;	
	width: 48%;
}
.estat-grafico{
	padding: 10px;
}
/* ESTILO MÓVIL - TABLET */
@media only screen and (max-width: 768px){
	.solo-responsive{
		display: block;
	}
	#principal{
		margin-left: 0;
	}
}
/* MÓDULOS MMS */
#previo-mms{
	background-color: #444444;
	color: #DEDEDE;
	margin: 10px 0px 0px 0px;
	max-width: 400px;
	min-height: 200px;
	padding: 10px;
	text-align: center;
	width: 100%;
}
#diapositivas menu > article{
	margin-right: 6px;
}
.diapositiva{
	background-color: #CECECE;
	border-radius: 6px;
	color: #444444;
	margin: 10px 0px 0px 0px;
	max-width: 400px;
	min-height: 140px;
	padding: 16px 10px;
	width: 100%;
}
#diapositivas .form-error{
	margin: 0;
}
.modulo-mms{
	background: #DEDEDE;
	color: #000000;
	display: block;
	margin-bottom: 6px;
	padding: 8px;
	position: relative;
	text-align: center;
}
.modulo-mms img{
	max-width: 100%;
}
.icono-modulo{
	position: absolute;
	top: 4px;
	right: 4px;
}
/* CONTACTO AFILIADOS */
#email-cabecera{
	min-width: 420px;
	padding: 10px;
	text-align: center;
}
#email-cabecera img{
	display: inline-block;
}
#email-boton{
	border-radius: 4px;
	color: #FFFFFF;
	font-size: 22px;
	display: inline-block;
	padding: 10px 18px;
}
/* TABLA COMPARATIVA */
.tabla-comparativa{
	width: 100%;
}
.tabla-comparativa, .tabla-comparativa th, .tabla-comparativa tr, .tabla-comparativa td{
	border-collapse: collapse;
}
.tabla-comparativa th, .tabla-comparativa td{
	padding: 6px 8px;
	text-align: center;
}
.tabla-comparativa th{
	border: 1px solid #444444;
}
.tabla-comparativa td{
	border-bottom: 1px solid #AAAAAA;
	width: 50%;
}
.barra-progreso{
	height: 18px;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: 14px;
	padding: 0 3px;
	display: none;
	text-align: center;
}

.right{
	float: right;
}

#vertgraph {
	width: 100%;
	height: 207px;
	position: relative;
}
#vertgraph ul {
	width: 100%;
	height: 207px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#vertgraph ul li {
	position: absolute;
	width: 86px;
	height: 160px;
	bottom: 0px;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	font-weight: bold;
	color: white;
	line-height: 2.5em;
}
#vertgraph li.enviados { left: 24px; background: #c5e0a2; }
#vertgraph li.entregados { right: 24px; background: #ef9590; }
#vertgraph .description-col{
	
}

#menu .table{
	margin-bottom: 0px;
}

#menu .panel-body{
	border-top: none;
	padding: 0 0 0 25px;
}

#menu #accordion .panel-title a{
	color: #428bca;
	text-decoration: none;
	padding: 10px 0px 10px 15px;
	display: block;
}

#menu #accordion .panel-title a .fa-angle-down{
	float: right;
	margin-top: 3px;
}

#menu #accordion a{
	color: #4c4c4c;
	text-decoration: none;
}

#menu #accordion .glyphicon, #menu #accordion .fa{
	color: #4c4c4c;
	width: 1em;
	margin-right: 10px;
}

.panel-heading{
	padding: 0px !important;
}

menu .glyphicon, menu .fa{
	font-size: 18px;
	margin-bottom: 5px;
	vertical-align: -1px;
}
.dataTables_wrapper{
	width: 98%;
}
h1, h2, h3, h4{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-weight: 700 !important;
}
h2.titulo-contador{
	font-size: 24px !important;
}
.computo-resumen h3{
	font-size: 16px !important;
}
.panel-cabecera .panel-botones .boton-panel{
	margin-top: -5px !important;
}

#cabecera .btn-group .btn-default{
	background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important;
	background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important;
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important;
}