/* ESTILOS DE PRUEBA*/
@media print {}
/* FIN ESTILOS DE PRUEBA*/


/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v43-latin-300.woff2') format('woff2'); 
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v43-latin-300italic.woff2') format('woff2'); 
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v43-latin-regular.woff2') format('woff2'); 
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v43-latin-italic.woff2') format('woff2'); 
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v43-latin-500.woff2') format('woff2'); 
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v43-latin-500italic.woff2') format('woff2'); 
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v43-latin-600.woff2') format('woff2'); 
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v43-latin-600italic.woff2') format('woff2'); 
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v43-latin-700.woff2') format('woff2'); 
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v43-latin-700italic.woff2') format('woff2'); 
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v43-latin-800.woff2') format('woff2'); 
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v43-latin-800italic.woff2') format('woff2'); 
}

@page {
    size: A4;
    margin: 0mm;
}

@media print {
    
    .page-break {
        page-break-before: always;
        /* Hace que el contenido siguiente comience en una nueva página */

        margin-bottom: 200px;
    }

    .page-break-after {
        page-break-after: always;
        /* Hace que el contenido anterior termine y el siguiente inicie en nueva página */
        margin-top: 200px !important;
    }
}

@media print {

    .cb-3,
    .cb-2,
    .cb-0 {
        width: 17px !important;
    }

    .cb-2 {
        margin-bottom: 13px !important;
    }

    .header-info {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 2.64mm;
        text-align: center;
        z-index:9999;
        height: 40mm;
    }

    .header-info .page-nb {
        position: absolute;
        left: 17mm !important;
        font-size: 8.2pt !important;
        color: #777;
        top: 15.87mm;
        height: 40mm;
    }

    .request-info {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 8.2pt !important;
        top: 16.67mm;
    }

    .request-info span:nth-child(2) {
        color: #151515 !important;
    }


    .request-info span:first-child {
        color: #777 !important;
        font-weight: 600 !important;
    }

    .footer-info .page-nb {
        position: absolute;
        left: 28.8mm !important;
        font-size: 10pt;
        color: #777;
        bottom: 0;
    }

    .footer-info .request-info {
        position: absolute;
        left: 48% !important;
        transform: translateX(-50%);
        font-size: 8.2pt !important;
        color: #555;
        bottom: 0;
    }

    .footer-info .request-info span:nth-child(2) {
        color: #151515 !important;
    }


    .footer-info .request-info span:first-child {
        color: #777 !important;
        font-weight: 600 !important;
    }

    .logo-cfs {
        position: absolute;
        right: 8.5mm;
        top: 12.7mm !important;
    }

    .footer-info .text-verify {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .logo-cfs img {
        max-width: 64mm;
        width: 64mm;
        height: 16mm;
        min-height: 16mm;
    }

    body {
        margin-top: 13.23mm;
        /* Evitar que el contenido se solape */
    }

    .lateral {
        position: absolute;
        left: 1.32mm;
    }

    #container {
        position: relative;
    }

    .cb-4 {
        position: absolute;
        top: -8mm;
        left: 0mm;
    }

    .lateral .fixed-height .tiny {
        font-size: 8px !important;
    }

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

    .loureiro {
        position: absolute;
        bottom: 10.58mm;
    }

    .qr-code {
        position: absolute;
        top: 10.58mm;
        left: -2mm !important;
    }

    .qr-code-text {
        position: absolute;
        left: 0;
    }

    .lateral .grey {
        color: #808080 !important;
        font-size: 11.5px !important;
    }

    .lateral #cfsDate {
        margin-bottom: 15px !important;
    }

}

body {
    font-family: 'Open Sans';
    color: #000;
    font-size: .8em;
    line-height: 1.4em;
}

.container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.fixed-height {
    max-height: 1320px;
}

p {
    margin: 0 0 .2em;
}

.text-size2 {
    font-size: 1.2em;
}

h1 {
    font-size: 1.8em;
    font-weight: 300;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
    font-weight: 700;
}

h4 {
    font-size: 10px;
    font-weight: 600;
}

h5 {
    font-size: 8px;
    font-weight: 300;
    text-transform: uppercase;
}

.little {
    font-size: 12.8px;
}

.tiny {
    font-size: .74em;
}

.ultra-bold {
    font-weight: 800;
}

.grey {
    color: #6D6D6D;
}

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

.todo-ancho {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.ancho-90 {
    width: 94%;
    height: auto;
    max-width: 94%;
    margin: 0 auto;
}

.border-rounded {
    border-radius: 5px;
    border: 1px solid #000;
    padding: 2px 10px;
    line-height: 1.3em;
}

.border-rounded.opciones {
    border-radius: 10px;
    width: 79%;
    display: inline-block;
    padding: 8px 10px;
}

.radius-5 {
    border-radius: 5px !important;
}

.radius-10 {
    border-radius: 10px !important;
}

.botones .button {
    margin-top: 39px;
    padding: 5px 10px;
}

.botones .long-background2 .button {
    margin-top: 20px;
}

.botones .button.grey-rounded-empty {
    background: #fff;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.result {
    margin: 40px 0;
}

.result .black-rounded {
    padding: 5px;
}

.cfs-data {
    writing-mode: vertical-rl;
    text-orientation: sideways;
    line-height: 1.3em;
    transform: rotate(180deg);
    position: relative;
    /* Añadir posicionamiento relativo */
    z-index: 1;
    /* Asegurar que está por encima */
}

.cfs-data.pdf-mode {
    writing-mode: initial !important;
    text-orientation: initial !important;
    line-height: 0.7em !important;
    font-size: 0.7em !important;
    transform: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}

.cfs-data.pdf-mode svg {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100%;
    height: auto;
    margin-top: -15%;
    /* Ajustar posición vertical */
    margin-bottom: -400% !important;
    /* Compensar el espacio extra */
}

.cfs-data.pdf-mode img {
    max-width: 80% !important;
    height: auto !important;
    margin: 2px 0 !important;
}

/* Ajustes específicos para contenido dinámico en PDF */
.cfs-data.pdf-mode [id^="cfs"],
.cfs-data.pdf-mode [id^="qr"] {
    font-size: 0.7em !important;
    line-height: 0.7em !important;
}

/* Añadir esta regla para rotar el contenido SVG */
.cfs-data.pdf-mode svg g {
    transform: translate(0, 100%) rotate(-90deg);
    transform-origin: left top;
}

.grey-rounded {
    border-radius: 10px;
    background: #777;
    padding: 10px;
    color: #fff;
}

.grey-rounded-empty {
    border-radius: 10px;
    padding: 10px;
    color: #777;
    border: 1px solid #777;
}

.black-rounded {
    border-radius: 15px;
    color: #fff;
    background: #000;
    padding: 10px;
}

.valoration .black-rounded {
    border-radius: 5px;
}

.state .button {
    padding: 4px 0;
    margin: 2px 40px 0;
}

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

.valoration {
    margin: 20px 0;
}

.valoration .col-8 {
    padding-top: 9px;
}

.white-rounded {
    border-radius: 10px;
    color: #000;
    padding: 10px;
    background: #fff;
    border: 1px solid #000;
}

.valoration .white-rounded {
    padding: 2px;
    border: transparent;
}

.grey-border-rounded {
    border-radius: 10px;
    border: 1px solid #777;
    padding: 10px;
    color: #777;
    width: 150px;
}

.thegem .grey-border-rounded {
    width: 210px;
    margin: 26px auto 10px;
    padding: 6px;
}

.border-rounded.double {
    padding: 0;
    margin-bottom: 5px;
}

.border-top-1 {
    border-top: 1px solid #000;
    padding-top: 7px;
}

.border-bottom-1,
.package-content-info p {
    border-bottom: 1px solid #000;
}

.package-content-info p {
    padding-bottom: 3px;
    margin-bottom: 3px;
}

/*.package-header.border-bottom-1 {
    margin-bottom: 10px;
    padding-bottom: 10px;
}*/

.border-bottom-2 {
    border-bottom: 2px solid #000;
}

.border-top-2 {
    border-top: 2px solid #000;
}

.div-border .border-bottom-2 {
    padding-top: 2px;
    border: 2px solid #000;
}

.more-width {
    flex: 0 0 80% !important;

    padding-left: 10px !important;
}

.less-width {
    padding: 0;
    max-width: 20% !important;
}

.margin-0 {
    margin: 0 1px;
}

.ultrabold {
    font-weight: 800;
}

.padding-left-18 {
    padding-left: 18%;
}

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

.header-info {
    padding-bottom: 60px;
}

.logo-cfs img {
    height: 60px;
}

.background-lines p {
    margin: 0;
}


.result .background-lines {
    padding: 9px 60px;
    min-height: 58px;
}

.valoration .background-lines {
    padding: 10px 30px;
    margin-top: 30px;
    min-height: 20px;
}

.long-background {
    background-image: url("../img/long-background-alternativo.png");
    background-size: 91%;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 125px;
}

.long-background2 {
    background-image: url("../img/long-background2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 65px;
}

.thegem {
    border: 1px solid #000;
    padding: 26px;
    margin: 10px 0;
}

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

img.thegem-logo {
    width: 220px;
}

.thegem .thegem-footer-info {
    font-weight: 600;
    margin-top: 50px;
}

.consent .title {
    font-size: 1.3em;
    padding-bottom: 3px;
    border-bottom: 2px solid #CFD5E3;
}

.consent .resume .col-1 {
    padding: 0 0 0 17px;
    flex: 0 0 5% !important;
    max-width: 5% !important;
}

.consent .resume .col-11 {
    padding: 0;
}

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

.tabla-tipo,
.tabla-tipo th,
.tabla-tipo td {
    border: 1px solid #000;
}

.tabla-tipo {
    width: 100%;
}

.line-height5 {
    line-height: 1em;
}

.pie {
    margin-top: 40px;
}

.consent .border-rounded {
    padding: 5px;
}

.consent .border-rounded b, .consent .border-rounded i{
    font-size:12px;
}

.dni .background-grey {
    padding: 9px;
    background: #F1F4F4;
}

.dni .col-4 {
    padding: 0;
}

.dni .col-8 {
    padding-right: 0;
}

.dni .col-3 {
    padding: 0;
}

/*
.dni img {
    width: 100%;
    min-height: 280px;
}*/

.dni .info {
    margin: 12px 12px 0 12px;
}

.dni .line {
    margin-top: 5px;
    border-bottom: 1px solid #000;
}

.validation-layers {
    padding-top: 10px;
}

.consent {
    margin-bottom: 15px;
    margin-top:-30px;
}

.formulario .etiqueta {
    width: 21%;
    display: inline-block;
}

.formulario .input {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    width: 79%;
}

.select-tag {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 0 28%;
    width: 60%;
}

.distincion,
.crema {
    border: 1px solid #a0a0a0;
    background: #f2f2f2;
    border-radius: 5px;
    padding: 0 35px 20px 35px;
}

.distincion {
    padding: 5px 10px;
    margin: 15px 5px;
    font-size: .9em;
    line-height: 1.3em;
}

.documento-emitido.crema .titulo {
    /*margin: 0 15px 10px 15px;*/
    /*padding-left: 156px;*/
    margin: 10px 0;
    padding-left: 113px;

}

.documento-emitido.crema.no-qr .titulo {
    padding-left: 217px;
}

.crema .border-rounded {
    background: #fff;
}

.margin-10 {
    margin: 10px 5%;
    width: 90%;
}

.background-white {
    background: #fff;
}

.distincion .background-white {
    border-radius: 3px;
    padding: 5px 100px 5px 10px;
}

.explicacion {
    margin-bottom: 15px;
}

.documento-emitido .titulo {
    /* padding-left: 200px;*/
    padding-left: 194px;
    border-bottom: 1px solid #000;
    /* margin: 0 10px 10px 10px;*/
    margin: 20px 0;
    padding-bottom: 5px;
}

.documento-emitido {
    margin: 15px 0;
}

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

.input-radio img {
    margin-right: 3px;
}

.consent .input-radio {
    margin-left: 12px;
}

.input-radio.sonido {
    margin-left: 0;
}

.input-radio img,
.opciones img {
    width: 20px;
}

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

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

.validation-layers .border-rounded {
    margin-bottom: 8px;
}

input::placeholder {
    color: #000 !important;
    font-weight: bold;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:-moz-placeholder {
    color: transparent;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder {
    opacity: 0;
}

input:-moz-placeholder {
    opacity: 0;
}

.image_wrapper {
    position: relative;
}

.dni img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.overlay {
    position: absolute;
    top: -2px;
    right: 3px;
    left: -1px;
    bottom: 146px;
    background-image: url(../img/fondo-punto.png);
    height: 182px;
}

.image-wrapper{
    width: 282px;
    height: 182px;
    overflow: hidden;
    position: relative;
}


/*--------------------------------------------------------------------SLIDER INPUT RANGE------------------------------------------------------------------*/
.range-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slider {
    -webkit-appearance: none;
    height: 8px;
    background: linear-gradient(to right, #000 0%, #b1b1b1 0%);
    outline: none;
    border-radius: 10px;
    margin: 25px 0 11px 0;
    width: 100%;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 19px;
    height: 19px;
    background: #fff;
    cursor: pointer;
    border: 6px solid #000;
    border-radius: 50px;
}

.slider::-moz-range-thumb {
    width: 19px;
    height: 19px;
    background: #fff;
    cursor: pointer;
    border: 6px solid #000;
    border-radius: 50px;
}

.rayas {
    width: 100%;
    height: 35px;
    padding: 0 0 0 0px;
}

.raya {
    width: 9.96%;
    height: 12px;
    border-right: 2px solid #b1b1b1;
    border-left: 2px solid #b1b1b1;
    float: left;
    margin-bottom: 25px;
}

.raya.primera {
    border-left: 4px solid #b1b1b1 !important;
}

.raya.ultima {
    border-right: 4px solid #b1b1b1 !important;
}

.range-value {
    position: absolute;
    left: 50%;
    /* Lo centramos sobre el thumb */
    transform: translateX(-50%);
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
}

.slider {
    background: linear-gradient(to right, #000 50%, #b1b1b1 50%);
}

/* Chrome, Safari, Edge */
.slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #000 var(--slider-fill, 0%), #b1b1b1 var(--slider-fill, 0%));
    border-radius: 10px;
    height: 8px;
}

/* Firefox */
.slider::-moz-range-track {
    background: #b1b1b1;
    /* Asegurar fondo gris en Firefox */
    border-radius: 10px;
    height: 8px;
}

.slider::-moz-range-progress {
    background: #000;
    /* La parte negra que avanza en Firefox */
    height: 8px;
    border-radius: 10px;
}

.slider::-webkit-slider-thumb {
    transform: translateX(0);
    margin-top: -6px;
    /* Centrar el thumb con el track */
}

.slider::-moz-range-thumb {
    margin-top: -6px;
    /* Ajuste similar para Firefox */
}

.slider::-moz-range-progress {
    background: #000;
}


.loureiro img {
    margin-left: -21px;
    width: 100px !important;
    max-width: 100px !important;
}

#qr {
    width: 100px !important;
    max-width: 100px !important;
    margin-top: -10px;
}

.cb-1 {
    margin-left: 15px;
    margin-top: 10px;
}

.m-left-8 {
    margin-left: 40px;
}

.menos-ancho {
    width: 86% !important;
    margin-left: 50px !important;
}

.documento-emitido .todo-ancho {
    width: 74% !important;
    height: auto;
    max-width: 100%;
    margin-left: 33px !important;
}

.qr-code-text {
    margin-left: 11px;
    width: 150px;
    font-size: 15px;
    font-weight: bolder;
    margin-top: -10px;
    text-align: left !important;
}

.qr-code-text .tiny {
    color: #6D6D6D;
    text-transform: uppercase;
}

#qr_key {
    color: #000;
    font-size: 10px;
}

#acepto_rechazo {
    margin-left: 25mm;
    width: 210mm;
}

.documento-emitido #acepto_rechazo {
    margin: auto !important;
    width: auto !important;
}

.caja-respuesta {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.slider-6 .explicacion {
    margin-left: 54px;
    width: 100%;
}

.listado-historico-tickets .col-4 {
    width: 41%;
    max-width: 41%;
}

.listado-historico-tickets p {
    margin: 0;
}

.listado-historico-tickets .col-10>p {
    margin-bottom: 14px;
}


.thegem .explicacion {
    width: 123%;
    margin-left: -48px;
}



.thegem .border-rounded {
    margin-left: 16.666667%;
    max-width: 66.666667%;
    margin-bottom: 20px;
}

/* SLIDER INPUT RANGE */

.ui-slider {
    height: 4px !important;
    background: #b1b1b1 !important;
    border: none !important;
    margin: 20px 0 !important;
}

.ui-slider .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    background: #000 !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    top: -6px !important;
}

.ui-slider .ui-slider-range {
    background: #000 !important;
}

.ui-slider.ui-state-disabled {
    opacity: 1 !important;
}

.header-info .grey {
    margin-left: 20px;
}


#contenido_principal {
    margin-top: 120px;
    width: 236mm !important;
    max-width: 236mm !important;
}

.page-break {
    margin-bottom: 200px;
}

.page-break-after {
    margin-top: 200px;
    margin-bottom: 200px;
}

/* ESTILOS PROVISIONALES */
@media print {

    .quitar-paddings {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #contenido_principal {
        position: absolute;
        right: -5mm;
        width: 240mm;
    }

    .cfs-data {
        margin-left: -3mm;
    }

    .alinear-con-qr {
        top: 16mm;
    }

    .cb-4 {
        display: block;
        top: -3mm;
        left: 6mm;
    }

    .qr-code {
        top: 13.5mm;
    }

    .qr-code img {
        width: 98px !important;
        height: 98px !important;
    }

    .lateral {
        left: 13.5mm;
    }

    .loureiro {
        bottom: 15mm;
        left: 1.5mm;
    }

    .cb-1 {
        margin-left: -6mm;
        position: relative;
        top: -20mm;
    }

    .fixed-height {
        max-height: 1448px;
        height: 1448px;
    }

    .lateral .fixed-height .tiny {
        font-size: 8.5px;
    }

    .footer-info {
        position: fixed;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 20mm;
        z-index: 1000;
        background-color: #fff;
    }

    .footer-info .page-nb {
        display: block;
        top: 6mm;
        font-size: 8.2pt !important;
    }

    .footer-info .request-info {
        display: block;
        top: 6mm;
    }

    .footer-info .text-verify {
        display: block;
        top: 6mm;
        right: 9.1mm;
        font-style: italic;
        font-size: 9.7px !important;
        text-align: right !important;
    }

    .footer-info .text-verify a {
        font-style: italic;
        color: #31AAE2;
    }
   
    .verify-clone{
        z-index:999999;
        background-color: #fff;
        width: auto;
        position: absolute;
        right: 14mm;
        top: -42mm !important;
        max-width: 80mm;
        width: 80mm !important;
        height: 30mm;
        padding-top: 5mm;

    }

    /*.verify-clone{
        z-index:999999;
        background-color: #fff;
        width: auto;
        position: fixed;
        right: 9.5mm;
        top: 12mm !important;
        max-width: 100mm;
        width: 100mm !important;
        height: 30mm;
        padding-top: 5mm;

    }*/


     .verify-clone p{
        font-weight: 100 !important;
        display: block;
        top: 6mm;
        right: 9.1mm;
        font-style: italic;
        font-size: 9.7px !important;
        text-align: right !important;
    }

    .verify-clone a {
        font-style: italic;
        color: #31AAE2;
    }
}
 

.content-footer {
    /* position:absolute;*/
    bottom: -150mm;
    left: 4mm;
    width: 200mm;
    font-size: 12.8px !important;
}

/*.content-footer div {
    font-size: 12.8px !important;
    line-height: 30px;
}*/

.col-10 {
    width: 220mm !important;
    max-width: 220mm !important;
    padding-right: 20mm !important;
}

.paquete-canal {
    margin: 9px 0 3px 0;
}

#asunto .package-content-titulo {
    font-size: 12px;
}

.cada-ticket .col-4 {
    font-size: 12px !important;
    padding-right: 0 !important;
}

.cada-ticket .col-8 {
    font-size: 11.5px !important;
    padding-left: 0 !important;
}

.fixed-height-content .col-9.more-width {
    width: 170mm !important;
    max-width: 170mm !important;
}

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

/*.contenido-mensaje {
    overflow: hidden;
}*/

.status .row:first-child .col-9 p {
    margin: 9px 0 3px 0;
}

.fixed-height-content .col-9.more-width {
    margin-left: 5px;
}

.fixed-height-content .col-9.more-width p {
    margin-left: -5px;
    margin-bottom: 5px;
}

#ultimo_paso p {
    margin-bottom: 8px !important;
}

.package-header p {
    margin: 2px 0;
}

.pdf-info{
    width: 225mm;
    position:relative;
    z-index: 99999999;
    bottom: -22mm !important;
    left: -9mm !important;
}

.pdf-info div{
    font-size: 12px;
    font-weight: 700;
}

.doc-name-pdf-info{
    width: 30%;
}

.pagina-pdf-info{
    width: 20%;
    text-align: right;
}

.crc-pdf-info{
    text-align: right;
    width: 33%;
}
.size-pdf-info{
    text-align: right;
    width: 10%;
}



.informacion-servicios-contenido{
    position: relative;
    height: 300mm;
    max-height: 300mm;
}

.informacion-servicios-contenido p{
    font-size: 8.2pt;
    line-height: 4mm;
    margin: 2mm 0;
}

.informacion-servicios-contenido h2{
    font-size: 10pt !important;
}

.informacion-servicios-contenido span{
    font-size: 8.4pt;
    font-weight: 700;
}

.sello-textos-legales{
    position: absolute;
    bottom: -5mm;
    right: 10mm;
    width: 94.5mm;
}

.texto-dentro-1{
    position: absolute;
    top: 5mm;
    left:3mm;
}

.texto-dentro-2{
    position: absolute;
    top: 11mm;
    left:3mm;
}

.texto-dentro-3{
    position: absolute;
    top: 17mm;
    left:3mm;
}

.texto-dentro-4{
    position: absolute;
    top: 17mm;
    left:35mm;
}

.texto-dentro-5{
    position: absolute;
    top:23mm;
    left:3mm;
}

.col-10-menos-ancho {
    width: 203mm !important;
    max-width: 203mm !important;
    padding-right: 20mm !important;
}

/*footer que se cortaba hacia la derecha */
.contenido-mensaje .content-footer img, .contenido-mensaje .content-header img{
    width: 220mm;
}


.formulario {
    /*margin: 15px 0 0 0;*/
    margin: 15px 90px 0 -20px !important;
}



.row.dni{
    width: 250mm !important;
    max-width: 250mm !important;
    padding-right: 15mm !important;
}

 .validation-layers{
    width: 250mm !important;
    max-width: 250mm !important;
    padding-right: 18mm !important;
}

.linea_{
    width: 98.3%;
    height: 1px;
    background-color: #0f0f0f;
    margin-bottom: 11px;
}


.texto-b{
    float: left;
    width: 93%;
    margin-left: 10px;
}

.imagen-punto{
    height: 20px;
}

.float-left{
    float: left;
}

.div-id{
    height:33px;
}

.black-rounded{
    padding: 5px 10px 0 10px;
}

.div-id .col-7 p{
    margin-top:5px !important;
}

.border-rounded.data{
    margin-left:34px;
}

.border-rounded p{
    font-size:12px;
}

.validation-layers .col-4{
    width:73mm;
}

.validation-layers .col-4>.border-rounded{
    width:73mm;
    margin-left: -3px;
}

.validation-layers .col-8>.border-rounded{
    width: 150mm;
    margin-left: 1px;
}

.border-rounded.data{
    width: 114mm;
}