}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Black.ttf') format('truetype');
  font-weight: 900;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-ExtraBold.ttf') format('truetype');
  font-weight: 800;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-ExtraLight.ttf') format('truetype');
  font-weight: 200;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Italic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-Thin.ttf') format('truetype');
  font-weight: 100;
}
@font-face {
  font-family: 'Barlow';
  src: url('fonts/Barlow-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

body {
	margin: 0;
    
}

html, body {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility !important;
	font-family: Barlow !important;

}

.banner {
	max-width: 100%;
    text-align: center;
    display: block;
}

.banner img {
    max-width: 100%;
    margin-bottom: -4px;
}

.loginContainer{
    padding-top:50px;
}

.loginContainer > .banner {
    background-color: #fbdf74;
}

.passwordContainer .banner {
    background-color: #ad465f;
}

.scannerContainer .banner {
    background-color: #f1f1f2;
}

.registroContainer .banner {
    background-color: #b5975b;
}

.detalleContainer .banner {
    background-color: #86cac8;
}

.detalleContainer {
   padding-top:50px;
}

h1{
    font-family: 'Barlow';
    font-weight: 100;
    color: #333;
}

.input {
    font-family: 'Barlow';
    color: rgba(0, 0, 0, .80);
    background-color: rgba(245, 245, 245, .5);
    border: solid 1px rgba(116, 118, 120, .30);
    font-size: 16px;
    padding: 15px;
    min-height: 20px;
    width: calc(100% - 30px);
    margin-top: 10px;
    margin-bottom: 10px;
}


.error {
    font-family: 'Barlow';
    color: rgba(255, 0, 0,1);
    font-size: 16px;
    padding: 15px;
    min-height: 20px;
    width: calc(100% - 30px);
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

main {
    max-width: 400px;
    margin: 25px auto;
}

.label-code {
    font-size: 16px;
    color: rgba(116, 118, 120, .85);
    font-family: 'Barlow';
    display: block;
}

.boton-trazabilidad, .stop, .start {
    background-color: #000000;
    color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 15px 0;
    font-family: 'Barlow';
    margin-top: 15px;
    font-size: 16px;
    cursor: pointer;
    max-width: 300px;
    margin: 0 auto;
}
.boton-trazabilidad-contenido {
    background-color: #000000;
    color: #fff;
    text-align: left;
    width: 50px;
    display: inline-block;
    text-decoration: none;
    padding: 10px 0 15px 40px;
    font-family: 'Barlow';
  
    font-size: 16px;
    cursor: pointer;
    max-width: 300px;
    /*margin: 0 auto;*/
    float: right;

}
nav {
    background-color: #000000;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #ffffff;
}

.menu-superior {
    float: right;
    font-family: 'Barlow';
    color: #fff;
    padding-right: 50px;
    padding-top: 8px;
}

.logo {
    float: left;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-top: 10px;
    width: 126px;
    height: 30px;
}

.logo img {
    height: 30px;
}

.idioma {
    float: left;
}

.menu-toggle {
    float: right;
    padding-top: 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
    cursor: pointer;
}

.idioma > ul {
    margin: 0;
    padding-top: 8px;
    padding-left: 0;
}

.idioma > ul > li {
    list-style-type: none;
    display: inline-block;
    font-size: 16px;
    font-family: 'Barlow';
    padding-right: 10px;
    margin-right: 10px;
}

.idioma > ul > li a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.idioma > ul > li:first-child {
    border-right: solid 1px #fff;
}

.info-menu {
    clear: both;
    width: 100%;
    display: none;
}

.info-menu ul {
    display: table-cell;
    padding-left: 25px;
}

.info-menu ul li {
    letter-spacing: 0;
    font-family: 'Barlow';
    color: #fff;
    list-style-type: none;
    font-size: 16px;
    padding-bottom: 10px;
    text-align: left;
}

.info-menu ul li img {
    vertical-align: middle;
    margin-right: 10px;
}

nav.open .info-menu {
    display: block;
}

nav.open .menu-toggle {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}

.contenedor-menu {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-bottom: 25px;
    padding-top: 20px;
}

.contenedor-menu a {
    color: #fff;
    text-decoration: none;
}

.login form, .login {
    max-width: 400px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .info-menu ul {
        width: 100%;
        display: block;
        border-right: 0px;
        padding-bottom: 10px;
    }

    .info-menu ul {
        border-bottom: 1px dashed white;
    }

    .info-menu ul:last-child {
        border-bottom: none;
    }

    .descripcion {
        margin-top: 10px;
    }

    .detalle .boton-trazabilidad {
        margin: 0 auto;
    }

}

@media screen and (min-width: 1240px) {

    .detalle {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .login fieldset {
        margin-top: 20px;
    }

    .detalle_listado > ul > li {
        display: table;
    }

    .termino, .descripcion {
        display: table-cell;
    }

    .termino {
        width: 300px;
    }

    .detalle .boton-trazabilidad {
        float: right;
        margin-left: 25px;
    }

    .contenedor-menu ul {
        padding-right: 25px;
        border-right: 1px dashed white;
    }
    .contenedor-menu ul:last-child {
        border-right: none;
    }

}

.enlace {
    text-decoration: none;
    color: #555;
    font-family: 'Barlow';
    font-size: 16px;
    margin-top: 15px;
    padding-bottom: 25px;
    width: 100%;
    background: #fff;
    cursor: pointer;
    letter-spacing: 0;
}

button.enlace.borde {
    background: #fff;
    border-bottom: solid 1px rgba(170, 170, 170, .20);
    cursor: pointer;
    letter-spacing: 0;
}

.label_checkbox {
    color: rgba(116, 118, 120, .85);
}

.borde {
    border-bottom: solid 1px #f5f5f5;
}

.login button, .popup button, .popup-error button {
    border: none;
}


fieldset {
    border: 0;
}

.detalle {
    max-width: 1024px;
}

.detalle_listado > ul {
    padding-left: 50px;
}

.detalle_listado > ul > li {
    list-style-type: none;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px rgba(170, 170, 170, .20);
    width: 100%;
}


.detalle_listado h2, .detalle h2, h2 {
    font-family: 'Barlow';
    font-size: 24px;
    font-weight: 100;
}

.detalle_listado h2 {
    margin:0;
    padding:0;
}

.detalle_layout {
    padding-bottom: 80px;
	max-width: 1024px;
	margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.termino {
    font-size: 16px;
    color: rgba(116, 118, 120, .85);
    font-family: 'Barlow';
}

.descripcion {
    font-size: 16px;
    color: rgba(0, 0, 0, .85);
    font-family: 'Barlow';
}

.descripcion > ul {
    padding-left: 0;
}

.descripcion > ul > li {
    margin-bottom: 25px;
    margin-top: 25px;
    list-style-type: none;
}

.detalle_listado > ul > .especificaciones {
    border: 0;
}

.detalle_listado {
    margin-top: 25px;
}

.detalle_listado > h2 {
    display: inline-block;
}

.detalle_listado > img {
    vertical-align: middle;
	width:50px;
}

.detalle .boton-escaneo {
    width: 100%;
}

.detalle .boton-trazabilidad {
    max-width: 300px;
    margin-bottom:25px;
}

.detalle .descripcion .boton-trazabilidad-contenido {
    max-width: 300px;
    margin-bottom:2px;
}

.boton-trazabilidad.mail,
.boton-trazabilidad.escaneo,
.boton-trazabilidad.login,
.boton-trazabilidad.registro,
.boton-trazabilidad.play,
 .boton-trazabilidad.imprimir{
    max-width: 300px;
    margin-bottom: 15px;
    background-size: 36px!important;
	font-family: 'barlow';
	
}

.boton-trazabilidad-contenido.fds,
.boton-trazabilidad-contenido.certif1,
.boton-trazabilidad-contenido.certif2 {
    cursor: pointer;
    max-width: 300px;
    margin-bottom: 2px;
    background-size: 24px!important;
	font-family: 'barlow';
}
.boton-trazabilidad-contenido.fds {
    background: #000000 url('../images/trazabilidad/icono-ver-fds.png')  15% no-repeat;
    
}
.boton-trazabilidad-contenido.certif1 {
    background: #000000 url('../images/trazabilidad/icono-ver-fds.png')  15% no-repeat;
    
}
.boton-trazabilidad-contenido.certif2 {
    background: #000000 url('../images/trazabilidad/icono-ver-fds.png')  15% no-repeat;
    
}
.boton-trazabilidad.imprimir {
    background: #000000 url('../images/trazabilidad/icono-web-impresora.png')  15% no-repeat;
}

.boton-trazabilidad.mail {
    background: #000000 url('../images/trazabilidad/icono-enviar-por-email.png') 15% no-repeat;
}

.boton-trazabilidad.escaneo {
    background: #000000 url('../images/trazabilidad/icono-obtener-info-nuevo-escaneo.png') 15% no-repeat;
}

.boton-trazabilidad.login {
    background: #000000 url('../images/trazabilidad/icono-iniciar-sesion.png') 15% no-repeat;
    margin-top:15px;
	font-family: 'barlow';
}

.boton-trazabilidad.registro {
    background: #000000 url('../images/trazabilidad/icono-registrate.png') 15% no-repeat;
}

.login input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #979797;
    border-radius: 1px;
    margin: 0 8px 0 0;
    outline: none;
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: #D8D8D8;
}

.login input[type="checkbox"]:checked {
    background: #00B760 url('../images/trazabilidad/cerrar-icono.png');
}

/*Estilos barcode*/

#barcodevideo, #barcodecanvas, #barcodecanvasg {
    width: 100%;
    height: auto;
}

#barcodecanvasg {
    position: absolute;
    top: 0;
    left: 0;
}

.barcode {
    position: relative;
    margin-bottom: 25px;
}

#barcodecanvas {
    display: none;
}

/*Estilos quagga*/
#interactive.viewport {
    width: 100%;
    max-width: 400px;
    height: 300px;
    max-height: 400px;
    margin-bottom: 25px;
    position: relative;
}

#interactive.viewport canvas, video {
    position: absolute;
    width: 100%;
    height: 300px
}

.controls fieldset {
    border: none;
    padding: 0;
}

.controls .input-group input, .controls .input-group button {
    display: block;
    border: 0;
}

.controls .reader-config-group {
    margin-top: 20px;
}

.controls .reader-config-group label {
    display: block;
}

.controls .reader-config-group label span {
    width: 100%;
}

.controls:after {
    content: '';
    display: block;
    clear: both;
}

#result_strip {
    margin: 10px 0;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 10px 0;
}

#result_strip > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

#result_strip > ul > li {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
}

#result_strip > ul > li .thumbnail {
    padding: 5px;
    margin: 4px;
    border: 1px dashed #CCC;
}

#result_strip > ul > li .thumbnail img {
    max-width: 140px;
}

#result_strip > ul > li .thumbnail .caption {
    white-space: normal;
}

#result_strip > ul > li .thumbnail .caption h4 {
    text-align: center;
    word-wrap: break-word;
    height: 40px;
    margin: 0;
}

#result_strip > ul:after {
    content: "";
    display: table;
    clear: both;
}

.scanner-overlay {
    display: none;
    width: 640px;
    height: 510px;
    position: absolute;
    padding: 20px;
    top: 50%;
    margin-top: -275px;
    left: 50%;
    margin-left: -340px;
    background-color: #FFF;
    -moz-box-shadow: #333333 0 4px 10px;
    -webkit-box-shadow: #333333 0 4px 10px;
    box-shadow: #333333 0 4px 10px;
}

.scanner-overlay > .header {
    position: relative;
    margin-bottom: 14px;
}

.scanner-overlay > .header h4, .scanner-overlay > .header .close {
    line-height: 16px;
}

.scanner-overlay > .header h4 {
    margin: 0;
    padding: 0;
}

.scanner-overlay > .header .close {
    position: absolute;
    right: 0;
    top: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

i.icon-24-scan {
    width: 24px;
    height: 24px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzFFMjMzNTBFNjcwMTFFMkIzMERGOUMzMzEzM0E1QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzFFMjMzNTFFNjcwMTFFMkIzMERGOUMzMzEzM0E1QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMUUyMzM0RUU2NzAxMUUyQjMwREY5QzMzMTMzQTVBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMUUyMzM0RkU2NzAxMUUyQjMwREY5QzMzMTMzQTVBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtQr90wAAAUuSURBVHjanFVLbFRVGP7ua97T9DGPthbamAYYBNSMVbBpjCliWWGIEBMWsnDJxkh8RDeEDW5MDGticMmGBWnSlRSCwgLFNkqmmrRIqzjTznTazkxn5s7c6/efzm0G0Jhwkj/nP+d/nv91tIWFBTQaDQWapkGW67p4ltUub5qmAi0UCqF/a/U2m81tpmddotwwDGSz2dzi4uKSaOucnJycGhsbe1XXdQiIIcdxEAgEtgXq9brySHCht79UXi/8QheawN27d385fPjwuEl6XyKR6LdtW7t06RLK5TKOHj2K/fv3Q87Dw8OYn5/HiRMnMDs7i5mZGQwODiqlPp8PuVwO6XRaOXb16lXl1OnTp5FMJvtosF8M+MWLarWqGJaWlpBKpRRcu3YN4+PjmJ6exsTEhDJw5coVjI6OKgPhcBiZTAbxeBx+vx+XL19Gd3c3Tp48Ka9zqDYgBlTQxYNgMIhIJKLCILkQb+TZsgvdsiyFi+feWRR7oRNZyanQtvW2V4DEUUBiK2eJpeDirSyhCe7F2QPh8fiEp72i9PbsC5G52DbiKZA771yr1dTuGfJ4PQNPFoAyQNR1aNEmsS5eyB3PgjeooMZd2AWvNmzYci/Gea7TeFOcI93jV/K67noGmi4vdRI9gPSDeMLSdKUBZZczlWm1rTtHjLZ24d+WER2tc8N1m+Y+ID74wx0zGYvhg9UNrJdtHJyZRdQfwPsrq9g99xsGlgsYmr6BNzO/IVwsYfjBQ6XYz6JI/72MV366B5/lw0elOkJWGUM3bmKtWjXSLuLaBWhnPnnp0FfoiFi4+TMfVAb2poBkDLjO845uYLEAjL4ALGWBP5YAOsP4AJYBFDaB1HOSVWD2PuV95H2RdV93Lv74/cf6p6Zxq/h6OofeOPJBC39JtONdwOAAViOs4p4OFGTf0Uc8iiyrr9YdQrUnDLsngrVOC0jQib44HlF2RafRZBz1Qy+vfhgK3NJZBlrm+LEm9qWwzFgLU7Ozg0JxZP06jQSRpQ7EerAWDSt6PuhHPmChEAog56fCLvJT5hHTm3OZkz3DyLx7XNWTGEA1GkV14gjWgwbW0ESVjYRwCOuai03L5E7OUBAV4kXSS4auoGIaKOma4m8EA5R1sMEGLh95C+XuLph0WJWpxepYYLtfT0RRgY1KgNODY6BoaChRuEhDCIZQYseuki5KN6hcQHiq7OZNv4/Zq2O6P4Lfkwn46vZjjaYZrIpvWbpzjLErrc4xUGE4avRedpYJalRcIl5hQius/SrPm9xrNOQYJhao6BvNUeWqtY8KaWuNjHOFAr7mM9f4NA4UbKysoUJ8PV9UzVOx6wxDDWUOxnK1pmCD07fOMAvtIsM3l89Dl3HRGhVma9AZMqjOnz2LQqWCxs6dqr3T7x1DTzKJaG8SekcHhg4cgI/56uKdlKnBV/WndqN3YAB/7tyBd3oT6GBIOzs7kc/nDfFdDFT5bS73cp06dQoaPa/Rw/rtO/resTHxxE2m9rCrbSR27UJCcMf1BpiA5rAAGgdfc868fUR1sMwj0cm9Iu9IctweisViB3hhKTHDcHc5jv/LspbyaZrR1OD82/fIlOkuB9LnEWRmDX2TsddUPg3D5gvuc0je0rZaD5EW6G3yjS+A3eeBEWq3XW/Abw1HhUspXADufQb86oW7tZytkYCN//3hHwBvDALPi8EnSOYK8DAOfCc2h4aGcO7cuafkzampqf9UripH12/DtOZbx8ciVGzYy5OO40o25ascGRl5Ssc/AgwAjW3JwqIUjSYAAAAASUVORK5CYII=");
    display: inline-block;
    background-repeat: no-repeat;
    line-height: 24px;
    margin-top: 1px;
    vertical-align: text-top;
}

@media (max-width: 603px) {
    #container {
        width: 300px;
        margin: 10px auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #container form.voucher-form input.voucher-code {
        width: 180px;
    }

    #result_strip {
        margin-top: 5px;
        padding-top: 5px;
    }

    #result_strip ul.thumbnails > li {
        width: 150px;
    }

    #result_strip ul.thumbnails > li .thumbnail .imgWrapper {
        width: 130px;
        height: 130px;
        overflow: hidden;
    }

    #result_strip ul.thumbnails > li .thumbnail .imgWrapper img {
        margin-top: -25px;
        width: 130px;
        height: 180px;
    }

    .overlay.scanner {
        width: 640px;
        height: 510px;
        padding: 20px;
        margin-top: -275px;
        margin-left: -340px;
        background-color: #FFF;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .overlay.scanner > .header {
        margin-bottom: 14px;
    }

    .overlay.scanner > .header h4, .overlay.scanner > .header .close {
        line-height: 16px;
    }

    .overlay.scanner > .header .close {
        height: 16px;
        width: 16px;
    }

    .banner img {
        padding-top: 10vw;
    }

}

@media screen and (min-width: 604px) and (max-width: 991px) {
    .banner img {
        padding-top: 6vw;
    }
}

.reader-config-group span {
    font-size: 16px;
    color: rgba(116, 118, 120, .85);
    font-family: 'Barlow';
}

.reader-config-group label {
    margin-bottom: 15px;
}

.stop {
    margin-bottom: 25px;
}

.popup, .popup-error {
    background: rgba(100, 100, 100, 0.6);
    position: fixed;
    display: none;
    z-index: 5000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 16px;
    color: rgba(116, 118, 120, .85);
    font-family: 'Barlow';
}

.popup > div, .popup-error > div {
    position: fixed;
    background: #FFFFFF;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    padding: 30px 15px;
    width: 70%;
    max-width: 600px;
    z-index: 5001;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 25%;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.popup button, .popup-error button {
    max-width: 400px;
    margin: 0 auto;
}

select {
    border-radius: 0;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-top: 15px;
    background-color: rgba(245, 245, 245, .5);
    border: solid 1px rgba(116, 118, 120, .30);
    padding: 15px;
    height: 52px;
}

select::-ms-expand {
    display: none;
}

.label_select {
    position: relative;
}

.label_select:after {
    pointer-events: none;
    position: absolute;
    content: url("../images/trazabilidad/caret.png");
    font-family: 'Barlow';
    top: 53%;
    right: 3%;
    font-size: 16px;
    opacity: .5;
}

select, option {
    font-family: 'Barlow';
    font-size: 16px;
    color: rgba(116, 118, 120, .85);
}
.scanner {
    max-width: 400px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:50px;
}
.consentimiento {
    font-family: 'Barlow';
    font-size: 13px;
    color: rgba(116, 118, 120, .85);
    line-height: 1.7em;
    margin-top: 15px;
    margin-bottom: 20px;
}
.consentimiento a {
    color: #00B760;
    text-decoration: none;
}
.confirm {
    font-size: 16px;
    color: rgba(116, 118, 120, 1);
    font-family: 'Barlow';
    line-height: 1.6em;
    padding-top: 25px;
    margin: 0 auto;
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
}

.elementClicked{
  background-color: #48B8E7;
  border-radius: 50px;
  padding: 6px;
}

.elementUnClicked{
  background-color: transparent;
}
.wrapper .boton-trazabilidad, .wrapper-error .boton-trazabilidad {
    float: none;
    margin-left: auto;
    margin-top: 30px;
}
@media screen and (max-width: 991px) {
    .registroContainer .banner {
        padding-top: .8vw;
    }
}
@media screen and (min-width: 992px) {
    .registroContainer .banner {
        padding-top: 52px;
    }
    .scannerContainer .banner {
        padding-top: 15px;
    }
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.aviso {
	padding: 5px 15px;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	max-width: 100%;
    display: block;
	background-color: #fbdf74
}