/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: 'Lato', sans-serif;
    background-color: #ecf0f1;
}

body {
    margin: 0;
    color: #444;
}

var,
code {
    font-family: "Lucida Console", Monaco, monospace;
    font-style: normal;
}

var {
    border-bottom: 1px dotted #34495E;
}

abbr {
    cursor: help;
}

.obsoleto {
    margin: 0;
    background: #CCCCCC;
    color: #c0392b;
    padding: 1em;
    text-align: center;
}

.obsoleto a {
    color: #0033FF !important;
}

a,
.vinculo {
    display: inline-block;
    color: #2980b9;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover,
.vinculo:hover {
    color: #3498db;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #34495E;
}

h1 {
    margin-top: 0;
    text-align: center;
}

h2 {
    margin: 0 0 0.5em;
    padding-left: 1.5em;
}

h3,
h4 {
    margin: 0 0 0.5em;
}

b {
    color: #222;
}

.mensaje,
.error {
    position: relative;
    width: 60%;
    margin: 1em auto 0 auto;
    padding: 1em;
    text-align: center;
    border-radius: 0.25em;
}

.mensaje .icono-aviso,
.mensaje .icono-correcto,
.mensaje .icono-error {
    float: left;
    margin-top: -0.3em;
    font-size: 1.6em;
}

.mensaje .icono-cerrar {
    position: absolute;
    top: 1em;
    right: 1em;
    /*float: right;*/
    width: 1.4em;
    height: 1.4em;
    padding-left: 0.16em;
    background-color: #FFF;
    text-align: center;
    border-radius: 50%;
}

.mensaje pre {
    white-space: normal;
    text-align: left;
}

.error {
    background-color: #E74B3C;
    color: #FFF;
    margin-bottom: 1em;
}

.error h1 {
     color: #FFF !important;
}

.aviso {
    background-color: #E77E22;
    color: #FFF;
}

.correcto {
    background-color: #27AE61;
    color: #FFF;
}

#contenedor {
    width: 64em;
    margin: 1em auto;
    padding: 1em;
    background-color: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 0.5em;
}

header img {
    display: block;
    margin: 0 auto;
}

section {
    margin-top: 1em;
}

label {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

label:hover {
    color: #2980b9;
}

input[type="file"],
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"] {
    display: block;
    max-width: 96%;
    margin-top: 0.5em;
    font-family: "Lucida Console", Monaco, monospace;
}

.calendario {
    width: 7.6em;
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="url"] {
    border: solid 2px #bdc3c7;
    padding: 0.5em;
    border-radius: 0.25em;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus {
    border: solid 2px #2980b9;
}

#configuracion h4 {
    margin-top: 1em;
    margin-bottom: 0;
    border-top: 1px solid #34495e;
    padding-top: 1em;
}

#configuracion h4 b {
    display: inline-block;
    width: 2em;
    margin-right: 0.5em;
    padding: 0.25em;
    background-color: #34495e;
    color: #FFF;
    /*font-size: 120%;*/
    text-align: center;
    border-radius: 50%;
}

#configuracion .indicaciones {
    /*margin-bottom: 1em;*/
    padding-left: 2.7em;
}

#configuracion-maximo {
    width: 4em;
}

#sesion {
    width: 18em;
    margin: 1em auto 0 auto;
}

#sesion input {
    display: inline-block !important;
    margin-left: 1em;
}

#sesion label {
    display: inline-block !important;
    width: 6em;
    text-align: right;
}

#sesion .botonera {
    padding-left: 7em;
}

#sesion .recuperar {
    text-align: center;
}

.solicitud {
    margin-bottom: 0;
    color: #7f8c8d;
}

header p {
    margin: 1rem 0 0 0;
    font-size: 1.4em;
    text-align: center;
}

p #salir {
    margin-left: 0.5em;
}

header p [class^="icono-"]:before {
    margin-right: 0 !important;
}

header nav {
    position: relative;
}

nav ul {
    margin: 1rem 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
}

nav li {
    display: inline-block;
    font-size: 1rem !important;
}

nav li:first-child>span,
nav li:first-child>a {
    border-radius: 0.25rem 0 0 0.25rem;
}

nav li:last-child>span,
nav li:last-child>a {
    border-radius: 0 0.25rem 0.25rem 0;
}

nav a,
nav b,
nav span {
    display: block;
    padding: 0.5em 2em;
}

nav a {
    background-color: #2980b9;
    color: #FFF;
}

nav a:hover,
nav span {
    background-color: #3498db;
    color: #FFF;
}

nav span {
    /*color: #34495e;*/
}

h1 small,
h3 small,
p small {
    margin: 0;
    color: #7f8c8d;
}

.indicaciones {
    margin: 0;
    color: #7f8c8d;
}

.indicaciones i {
    margin-right: 0.5em;
    padding: 0.25em;
    background-color: #7f8c8d;
    color: #FFF;
    opacity: .5;
    border-radius: 50%;
}

.campo,
.casillas {
    padding: 0.5em 0;
}

.campo:first-child {
    padding-top: 0;
}

.casillas p {
    margin: 0 0 0 0.5em;
    padding: 0 0 0.5em 0;
}

.casillas label {
    margin-left: 2em;
}

.casillas input {
    margin-right: 0.5em;
}

.casillas label:first-child {
    /*margin-left: 2em;*/
}

.texto label {
    margin-left: 0.5em;
}

.botonera {
    padding-top: 1em;
}

button,
.botonera a {
    display: inline-block;
    border: 0;
    padding: 0.5em 1em;
    background-color: #2980b9;
    color: #FFF;
    font-size: 1.2em;
    border-radius: 0.25em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

button:hover,
.botonera a:hover {
    background-color: #3498db;
}

.botonera .restablecer {
    margin-left: 1.5em;
    padding: 0;
    background-color: transparent;
    color: #2980b9;
    font-size: 1em;
}

.botonera .restablecer:hover {
    background-color: inherit !important;
}

#buscar .casillas label {
    font-weight: 700;
}

#buscar fieldset {
    display: block;
    position: relative;
}

#buscar fieldset .campo {
    float: left;
    margin-right: 1em;
}

.error a {
    border: 2px solid #FFF !important;
}

.alerta {
    color: #E74B3C;
}

p.alerta {
    margin: 0;
    font-size: 1.2em;
}

caption span {
    white-space: nowrap;
}

caption a {
    display: inline-block;
    margin-left: 0.5em;
}

th {
    padding: 0.25em 0.5em;
    white-space: nowrap;
}

td {
    padding: 0.25em;
}

.ordenada {
    border-bottom: 2px solid #2980b9;
}

td.alerta {
    padding: 0.5em;
    font-size: 1.2em;
    text-align: center;
}

.centro {
    text-align: center;
}

td.centro {
    white-space: nowrap;
}

.derecha {
    text-align: right;
}

.cancelado,
.bloqueado {
    background-color: #FFB3A7;
}

.vinculo span {
    display: none; /*usar jQuery */
}

.paginacion strong,
.paginacion a,
.paginacion span {
    display: inline-block;
    margin: 0 0.25em;
}

#cliente h1,
#cliente h3,
#cliente p {
    margin: 0;
    padding: 0;
    text-align: left !important;
    line-height: 1em !important;
}

#cliente ol {
    margin: 0;
    list-style-position: inside;
    /*padding: 0;*/
}

.valor {
    clear: both;
    display: block;
    position: relative;
    padding: 0.5em 0;
}

.rotulo {
    float: left;
    width: 5em;
    margin-right: 1em;
    text-align: right;
}

.contenido {
    padding-left: 6em;
}

.contenido > * {
    margin: 0;
    padding: 0;
    line-height: 1em !important;
}

.contenido ul {
    list-style: none;
}

.contenido li {
    line-height: 2em;
}

/*CFDI*/

.cancelada {
    margin-bottom: 5mm;
    padding: 0.5em 0;
    background-color: #E74B3C;
    color: #FFF;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 0.0625em;
    text-transform: uppercase !important;
}

#cfdi table {
    width: 100%;
    margin-bottom: 5mm;
    vertical-align: top !important;
}

#cfdi th {
    border-bottom: 1px solid #222;
}

#cfdi td {
    vertical-align: top !important;
}

#cfdi .emisor h1,
#cfdi .emisor h2,
#cfdi .emisor .cancelada {
    margin: 0;
}

#cfdi .emisor h4,
#cfdi .emisor p {
    margin: 0;
}

#cfdi .emisor h4 {
    text-align: center;
}

#cfdi .botonera form,
#cfdi .botonera input {
    display: inline-block !important;
}

#modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index:100000;
}

footer {
    font-size: 0.8em;
    text-align: right;
}

#modal section {
    width: 40em;
    margin: 0 !important;
    padding: 1em;
    background-color: #FFF;
    text-align: center;
    border-radius: 0.5em;
}

#modal p {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'fontello';
    src: url('fontello.eot?43148816');
    src: url('fontello.eot?43148816#iefix') format('embedded-opentype'), url('fontello.woff?43148816') format('woff'), url('fontello.ttf?43148816') format('truetype'), url('fontello.svg?43148816#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icono-"]:before,
[class*=" icono-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    font-size: 120%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Error */
.icono-falla:before { content: '\e82f'; }
.icono-regresar:before { content: '\e820'; }

/* Menú */
/*.icono-menu:before { content: '\e832'; }*/
.icono-identidad:before { content: '\e82b'; }
/*.icono-facturas:before { content: '\e829'; }*/
.icono-facturas:before { content: '\e815'; }
.icono-clientes:before { content: '\e812'; }
.icono-usuarios:before { content: '\e813'; }
.icono-salir:before { content: '\e80b'; }
.icono-inicio:before { content: '\e804'; }

/* Mensajes */
.icono-correcto:before { content: '\e803'; }
.icono-error:before { content: '\e801'; }
.icono-aviso:before { content: '\e801'; }
.icono-cerrar:before { content: '\e809'; }

/* Licencia */
.icono-licencia:before { content: '\e810'; }
.icono-ayuda:before { content: '\e806'; }
.icono-licencia-b:before { content: '\e803'; }

/* Configuración */
.icono-configuracion:before { content: '\e80a'; }
.icono-configuracion-b:before { content: '\e803'; }

/* Sesión */
.icono-recuperar:before { content: '\e805'; }
.icono-recuperar-b:before { content: '\e803'; }
.icono-sesion:before { content: '\e80c'; }
.icono-sesion-b:before { content: '\e803'; }
.icono-solicitud:before { content: '\e800'; }

/* Buscar */
.icono-buscar:before { content: '\e811'; }
.icono-buscar-b:before { content: '\e811'; }

/* Facturas */
.icono-factura:before { content: '\e815'; }
.icono-factura-b:before { content: '\e815'; }

/* CFDI */
.icono-imprimir:before { content: '\e808'; }
.icono-xml:before { content: '\e817'; }
.icono-pdf:before { content: '\e818'; }

/* Clientes */
.icono-a-usuario-b:before { content: '\e82b'; }
.icono-a-correoe:before { content: '\e800'; }
.icono-m-correoe:before { content: '\e800'; }
.icono-a-correoe-b:before { content: '\e800'; }
.icono-m-correoe-b:before { content: '\e800'; }

/* Archivos */
.icono-archivos:before { content: '\e80e'; }
.icono-archivos-b:before { content: '\e80e'; }

/* Cancelar */
.icono-cancelar:before { content: '\e809'; }
.icono-cancelarb:before { content: '\e809'; }

/* Eliminar */
.icono-eliminar:before { content: '\e819'; }
.icono-eliminar-b:before { content: '\e819'; }

/* Registros */
.icono-todos:before { content: '\e80f'; }
.icono-descendente:before { content: '\e81a'; }
.icono-ascendente:before { content: '\e81b'; }

.icono-cfdis-v:before { content: '\e809'; }
.icono-cfdis:before { content: '\e812'; }

.icono-acceso-v:before { content: '\e809'; }
.icono-acceso:before { content: '\e82b'; }

.icono-archivo-v:before { content: '\e809'; }
.icono-archivo:before { content: '\e815'; }

.icono-primera:before { content: '\e820'; }
.icono-ultima:before { content: '\e821'; }

/* Notificaciones */
.icono-notificaciones:before { content: '\e800'; }
.icono-notificaciones-b:before { content: '\e800'; }

/* Usuarios */
.icono-m-usuario:before { content: '\e82b'; }
.icono-m-usuario-b:before { content: '\e82b'; }
.icono-a-usuario:before { content: '\e82b'; }
.icono-a-usuarios-b:before { content: '\e802'; }
.icono-restablecer:before { content: '\e809'; }

/* jQuery */
.icono-confirmar:before { content: '\e803'; }

/*.icono-descargar:before { content: '\e807'; }*/
/*.icono-correo:before { content: '\e800'; }*/
/*.icono-modificar:before { content: '\e814'; }*/

.representacion {
	display: none;
	max-width: 100%;
	line-height: 1em !important;
	word-break: break-all;
}

.representacion var {
	font-size: 70% !important;
	border: 0;
}

.representacion .qr {
	min-width: 167px;
}

.impresion {
    display: none;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    html {
        background-color: #FFF !important;
    }

    body {
        background-color: #FFF !important;
        color: #000 !important;
        font-family: Arial, sans-serif;
        font-size: 9pt !important;
    }

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    html,
    body,
    #contenedor {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: #FFF !important;
    }

    h1,
    h2,
    h4,
    p {
        margin: 0 !important;
        padding: 0 !important;;
    }

    table {
        width: 100%;
        margin: 0;
    }

    .generales td,
    .partidas th {
        padding: 2mm;
    }

    .importes td {
        padding: 0 !important;
    }

    #cfdi {
        width: 100%;
        margin: 0;
    }

    #cabecera,
    #buscar,
    #facturas,
    #agregar,
    .mensaje,
    #archivos,
    #cancelar,
    #eliminar,
    .botonera,
    footer {
        display: none;
    }

    .cancelada {
        margin: 0 !important;
        padding: 0 !important;
        color: #999 !important;
        font-size: 2em;
        font-weight: 700;
    }

    .pantalla {
        display: none !important;
    }

	.representacion {
		display: table;
	}

    tr.impresion {
        display: table-row;
    }

    span.impresion {
        display: inline;
    }

}