/* ------------------------------------------------------------------------------
	Empresa: DYS
	Author: Infoberri
	Author URI: http://www.infoberri.com
	Fecha: 2023
------------------------------------------------------------------------------	*/
@charset "utf-8";

/* ------------------------------------------------------------------------------
  VARIABLES
-------------------------------------------------------------------------------*/
:root {
  --white-color: #ffffff;
  --black-color: #000000;
  --darkgray-color: #2d3033;
  --mediumgray-color: #666666;
  --lightgray-color: #cacaca;
  --ultralightgray-color: #f5f5f5;
  --topbar-backgroud-color: #ffffff;
  --footer-darkgray-color: #6a6a6a;
  --footer-mediumgray-color: #969696;
  --footer-lightgray-color: #cacaca;
  --darkgreen-color: #006633;
  --mediumgreen-color: #3aaa35 ;
  --lightgreen-color: #95c11f;
  --menu-bgcolor: #ffffff;
  --green: #009900;
  --red: #ff0000;
  --neutral: #333333;
  --blue: #155aa0;

  --galeria-overlayColor: rgba(27, 18, 59, 0.75);
  --galeria-iconSize: 28px;
  --galeria-iconColor: #ffffff;
  --galeria-txtSize: 14px;
  --galeria-txtWeight: 400;
  --galeria-txtColor: #ffffff;
  --galeria-boxShawow: 0 0 0 1px #fff;
}

/* ------------------------------------------------------------------------------
	Typography
-------------------------------------------------------------------------------*/
/* Roboto -> font-family: 'Roboto', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/* Roboto Slab -> font-family: 'Roboto Slab', serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');

p {
	font-size: 16px;
	line-height: 24.4px;
	color: #464646;
	font-weight: 300;
}
a:focus, a:hover {
  color: #333;
}
.legalTxt ul {
	margin-left: 25px;
}
.legalTxt ul li.legal {
	font-size: 16px;
	line-height: 24.4px;
	color: #464646;
	font-weight: 300;
	text-align: left;
	padding-top: 0px;
  padding-bottom: 0px;
  text-transform: none;
  list-style-position: outside;
}
.legalTxt ul li.legal:before {
	content: "·";
  margin: 0 10px 0 -15px;
}
.legalTxt ul li.legal a {
  color: #565656;
  font-weight: 500;
  text-align: center;
  padding: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6{
  color:#2d3033;
  margin:0 0 15px 0;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}
h1{
  font-size:48px;
  line-height:52px;
}

h2{
  font-size:40px;
  line-height:47px;
}

h3{
  font-size:32px;
  line-height:39px;
}

h4{
  font-size:28px;
  line-height:36px;
}

h5{
  font-size:22px;
  line-height:29px;
}

h6{
  font-size:18px;
	line-height: 26px;
}
.uppercase {
	text-transform: uppercase;
}

/* ------------------------------------------------------------------------------
	Global Styles
-------------------------------------------------------------------------------*/
html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #464646;
}
a {
  color: #002868;
}
a:hover, a:focus {
	color: #ffc700; /* Eliminado en TALOSA */
	text-decoration: none;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
a.link-special {
	color: #000;
	font-weight: 700;
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
.section {
	padding: 100px 0;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.no-gutter [class*=col-] {
	padding-right: 0;
	padding-left: 0;
}
.space {
	margin-top: 60px;
}
.p-l-15 {
	padding-left: 15px;
}
.p-r-15 {
	padding-right: 15px;
}
.link {
	cursor: pointer;
}
.vertical-centered-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
  flex-flow: row wrap;
}
.vertical-top-text {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: top;
  flex-flow: row wrap;
}

/* ------------------------------------------------------------------------------
	 MARGIN
-------------------------------------------------------------------------------*/
.mt100 { margin-top: 100px;}

.mt90 { margin-top: 90px;}

.mt80 { margin-top: 80px;}

.mt70 { margin-top: 70px;}

.mt60 { margin-top: 60px;}

.mt50 { margin-top: 50px;}

.mt40 { margin-top: 40px;}

.mt30 { margin-top: 30px;}

.mt20 { margin-top: 20px;}

.mt15 { margin-top: 15px;}

.mt10 { margin-top: 10px;}

.mb100 { margin-bottom: 100px;}

.mb90 { margin-bottom: 90px;}

.mb80 { margin-bottom: 80px;}

.mb70 { margin-bottom: 70px;}

.mb60 { margin-bottom: 60px;}

.mb50 { margin-bottom: 50px;}

.mb40 { margin-bottom: 40px;}

.mb30 { margin-bottom: 30px;}

.mb20 { margin-bottom: 20px;}

.mb15 { margin-bottom: 15px;}

.mb10 { margin-bottom: 10px;}

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

.pt20 { padding-top: 20px;}

/* ------------------------------------------------------------------------------
	 Notificaciones
-------------------------------------------------------------------------------*/
#notification-cookies {
	display: none;
	position: fixed;
	cursor: pointer;
	width: 100%;
	background: #fff;
	text-align: left;
	border-top: 2px solid #3d3d3d;
	z-index: 9999;
	-moz-box-shadow:0 0em 0.5em rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0em 0.5em rgba(0, 0, 0, 0.3);
	box-shadow:0 0em 0.5em rgba(0, 0, 0, 0.3);
	font-size: 12px;
}
#notification-cookies p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	width: 85%;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 15px;
	color: #6c7279;
}
#notification-cookies p a {
	color: #000;
	text-decoration: underline;
}
#notification-cookies .inner {
	position: relative;
	width: 90%;
	margin: 16px auto;
}
#notification-cookies .close {
	font-size: 14px;
	position: absolute;
	color: #333;
	top: 0px;
	right: 0;
	opacity: 1;
	font-weight: normal;
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
}
#notification-cookies a.close:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------
	 Scroll up
-------------------------------------------------------------------------------*/
.scroll-top-wrapper {
  position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999;
  background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 15px;
	bottom: 15px;
	padding-top: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
  visibility:visible;
  cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* ------------------------------------------------------------------------------
	 Waypoints
-------------------------------------------------------------------------------*/
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12, .wp13, .wp14, .wp15 {
  visibility: hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
  visibility: visible
}
.delay-05s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.delay-15s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.delay-25s {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.delay-35s {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

/* ------------------------------------------------------------------------------
	 Header
-------------------------------------------------------------------------------*/
.languages {
	top: 30px;
	right: 15px;
	position: absolute;
	z-index: 10;
}
.topbar {
	text-align: right;
	padding-top: 8px;
	margin-bottom: 5px;
  /* display: none; OCULTAR IDIOMAS */
 }

.topbar .top-nav {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
 }
.topbar .top-nav {
  	margin-bottom: 0;
}
.topbar .btn-link {
	color: #FFFFFF;
	font-size:12px;
}
.topbar .btn, .topbar .btn:hover, .topbar .btn:focus {
  background-color: #fff;
  color: #666;
  font-weight: 500;
  letter-spacing: 1px;
}
.topbar a:hover,.topbar a:focus {
  color: #333;
}
.topbar .btn-link:hover,.topbar .btn-link:focus {
  text-decoration: none;
}
.topbar .dropdown-menu>li>a {
  padding: 8px 12px;
  font-size:12px
}
.topbar .dropdown-menu {
 	letter-spacing: 1px;
  min-width: 50px;
}
.logo {
  margin: 0 auto;
  padding-top: 15px;
  width: 308px;
  display:  block;
}
.logo img {
	width: 308px;
}
#menu-lateral-categorias {
	display: none;
}
.btn-menu, .btn-menu:visited {
	position:absolute;
	top: 30px;
	left: 30px;
	width: 72px;
	height:32px;
	color:#ffc700;
	background-color: #002868;
	cursor:pointer;
	padding: 10px;
	font-size: 14px;
	line-height: 14px;
	-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-radius: 4px;
	z-index: 50;
  font-weight: 500;
}
.menu-text {
	font-size: 12px;
  letter-spacing: 1px;
}
.btn-menu:hover, .btn-menu:focus, .btn-menu:active {
  color: #002868;
	background-color: #ffc700;
}
.sidr ul {
  border-bottom: 0px solid white;
}
.main-nav ul {
	list-style-type: none;
	font-size: 0;
	padding: 0;
	margin-top: 30px;
}
.sidr ul li a, .main-nav a {
	color: #565656;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 3px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 30px;
  border-bottom: 1px dotted #d0cbc7;
}
.main-nav a:hover, .main-nav a.active {
  	color: #ffc700;
}
nav.desktop {
	background: #333;
	width: 100%;
}
nav.desktop ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
nav.desktop a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 500;
	padding: 10px 20px;
	display: block;
}
nav.desktop a:hover {
	color: #ffc700;
}
nav.desktop a.logout {
  background-color: #969696;
}
nav.desktop a.logout:hover {
  color: #ffc700;
}
.ocultarDesktop {
  display: none;
}
/* ------------------------------------------------------------------------------
   Search
-------------------------------------------------------------------------------*/
.formulario{
	width: 100%;
	background-color: #ffc700; /* Comentado en TALOSA */
  /*background-color: #efefef;*/ /* Añadido este en TALOSA */
	padding:70px 30px 60px 30px;
}
label {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	letter-spacing: 1px;
	margin-top: 5px;
}
label.etiqueta-12 {
	font-size: 12px;
}
.btn {
	font-weight: 500;
}
.btncolor{
	background: #002868; /* Comentado en TALOSA */
	border: 3px solid  #002868; /* Comentado en TALOSA */
  /* background: #333333;*/ /* Añadido este en TALOSA */
	/* border: 3px solid  #333333; */ /* Añadido este en TALOSA */
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 8px 25px 8px 27px;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-shadow: none;
	box-shadow: none;
}

.btncolor:hover{
	background-color: #BCB8B8 ;
	border: 3px solid  #BCB8B8 ;
	color: #ffc700;
	font-weight: 400;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
.btnok{
	/*background: #6F706D;
	border: 3px solid  #6F706D;*/
	background: #333333;
	border: 3px solid  #333333;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 8px 25px 8px 27px;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-shadow: none;
	box-shadow: none;
}
.btnok:hover{
	/*background-color: #BCB8B8 ;
	border: 3px solid  #BCB8B8 ;*/
	background: #006633;
	border: 3px solid  #006633;
	color: #fff;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
.btnneutro{
	/*background: #6F706D;
	border: 3px solid  #6F706D;*/
	background: #666666;
	border: 3px solid  #666666;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 8px 25px 8px 27px;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-shadow: none;
	box-shadow: none;
}
.btnneutro:hover{
	/*background-color: #BCB8B8 ;
	border: 3px solid  #BCB8B8 ;*/
	background: #000;
	border: 3px solid  #000000;
	color: #fff;
	-moz-transition: background-color, color, 0.3s;
	-o-transition: background-color, color, 0.3s;
	-webkit-transition: background-color, color, 0.3s;
	transition: background-color, color, 0.3s;
}
.nom_pedido{
	color: #000000;
	margin-right: 10px;
}

/* ------------------------------------------------------------------------------
   Info
-------------------------------------------------------------------------------*/
.info {
	background: #FFF;
	position: relative;
	overflow: hidden;
}
#imagen-fondo img {
	width: 100%;
	margin: 0px auto;
}
.home-texto {
  width: 40%;
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 5%;
  padding: 15px 10px 0px 20px;
  background-color: rgba(0,0,0,.5);
}
.home-texto  h1 {
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
}
.home-banner {
  width: 50%;
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 50%;
}
.home-banner img {
  margin-left: 38px;
}
.home-banner2 {
  width: 50%;
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 50%;
}
.home-banner2 img {
  position:absolute;
  left:38px;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
@keyframes cf3FadeInOut {
  0% {
    opacity:1;
  }
  45% {
    opacity:1;
  }
  55% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

.home-banner2 img.top {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
  animation-direction: alternate;
}
.title {
	position: absolute;
	left: 38px;
	top: -30px;
	z-index: 2;
}
.title h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700px;
  font-size: 40px;
  color: #fff;
}
.info-txt {
	width: 50%;
	position: absolute;
	right: 0%;
	bottom: 8%;
	padding: 20px 0px 25px 40px;
	z-index: 2;
}
.info-logo {
	position: absolute;
	left: -4px;
	top: -120px;
}
.info-logo img {
 	width: 260px;
}
.info-txt ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.info-txt ul.main-list li {
	float: left;
	padding-left: 0px;
}
.info-txt ul.main-list li:last-child, .info-txt ul.second-list li:last-child {
	padding-left: 0px;
}
.info-txt ul.main-list {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color:#ffc700;
}
.info-txt ul.main-list li:after {
	content: '·';
	margin:0 15px 0 15px;
}
.info-txt ul.main-list li:last-child:after {
	content: '';
	margin:0 10px 0 -10px;
}
.info-txt ul.second-list li {
	float: left;
	padding-left: 0px;
}
.info-txt ul.second-list {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.info-txt ul.second-list li:after {
	content: '·';
	margin:0 15px 0 15px;
}
.info-txt ul.second-list li:last-child:after {
	content: '';
	margin:0 10px 0 -10px;
}

/* ------------------------------------------------------------------------------
   Footer
-------------------------------------------------------------------------------*/
footer {
  background-color: #ffc700 ;
  width: 100%;
}
.legal {
	padding-top: 20px;
	padding-bottom: 9px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
}
.legal p {
	color: #002868;
}
.legal a {
	color: #333;
	font-weight: 500;
	text-align: center;
  padding: 0px 20px 0px 20px;
}
.legal a:hover{
  text-decoration: none;
	color: #002868;
}

/* ------------------------------------------------------------------------------
	Resultados Búsquedas
-------------------------------------------------------------------------------*/
.mainTitle {
	background: #002868;
	margin-top: 15px;
	color: #fff;
	font-size: 30px;
  line-height: 36px;
  padding: 5px 15px;
  font-weight: 300;
}
.mainTitle span {
	color: #fff;
	font-size: 16px;
	padding-left: 15px;
}
.accordionListForm {
	float: right;
	width: 85%;
	margin-top: -10px;
}
.accordionListForm .col-xs-12, .accordionListForm .col-sm-5, .accordionListForm .col-sm-7, .accordionListForm .col-md-6 {
	text-align: right;
  padding-right: 0px;
  padding-left: 0px;
}
.accordionListForm .form-group:first-child {
	padding-right: 8px;
  margin-bottom: 0px;
}
.accordionListForm .form-group:last-child {
  margin-bottom: 0px;
	padding-left: 8px;
}
.accordionListForm label {
	color: #002868;
	display: inline-block;
	padding: 0px 5px 0px 0px;
}
.tableSummary {
	background: #002868;
	padding: 5px 15px;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
  font-size: 12px;
  text-transform: uppercase;
}
.item {
  flex: 0 0 auto;
  margin: 5px;
}
.tableSummary > #order1 { order: 1; }
.tableSummary > #order2 { order: 2; }
.tableSummary > #order3 { order: 3; }
.tableSummary > #order4 { order: 4; }
.tableSummary > #order5 { order: 5; }
.tableSummary > #order6 { order: 6; }
.tableSummary > #order7 { order: 7; }
.tableSummary > #order8 { order: 8; }
.tableSummary > #order9 { order: 9; }
.tableSummaryth, .tableSummarytd {
	color: #fff;
	text-align: center;
  padding: 5px;
}
.tableSummaryth {
	font-weight: 500;
	border-bottom: 1px dotted #ffc700;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.tableSummarytd {
	font-weight: 300;
}

/* ------------------------------------------------------------------------------
	Filtros - MixItUp + Multifilter (Controls)
-------------------------------------------------------------------------------*/
.controls {
  margin: 10px 15px 10px 15px;
  padding: 15px 0px 10px 0px;
  background: #fff;
  font-size: 10px;
  text-transform: uppercase;
  border-top: #ababab 1px solid;
  border-bottom: #ababab 1px solid;
  font-weight: 700;
}
.control-group {
  display: inline-block;
  margin-left: 0px;
  margin-right: 15px;
  padding-bottom: 5px;
  vertical-align: top;
}
.control-text {
  text-transform: uppercase;
  position: relative;
  padding: 5px 15px;
  margin-right: 2px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  transition: background 150ms;
  background: #6F706D;
  border: 0px;
  float: right;
}
.filtros{
  padding: 5px 15px 5px 0px;
  display: inline-block;
  color: #002868;
}
.control-button {
  text-transform: uppercase;
  position: relative;
  padding: 5px 15px;
  display: inline-block;
  cursor: pointer;
  color: #6F706D;
  transition: background 150ms;
  background: #efefef;
  border: 0px;
  margin-top: 0px;
}
.controls label {
	color: #666;
  padding: 6px 8px 5px 0px;
}
.control:not(.mixitup-control-active):hover {
  background: #002868;
  color: #fff;
  border: 0px;
}
.controls .btn-default {
  border-radius: 2px;
  text-transform: uppercase;
  position: relative;
  padding: 5px 15px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  transition: background 150ms;
  background: #d0c0a0;
  border: 0px;
  margin-top: 0px;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 0 0px 0 #fff;
}
.controls .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #ffffff;
}
.controls .dropdown-menu {
	font-size: 10px;
}
.controls .dropdown-menu>li>a {
    padding: 6px 15px;
    font-weight: 700;
}
.controls .btn-default {
    text-shadow: 0 -1px 0 rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,0);
}
.control {
  border-radius: 2px;
}
.mixitup-control-active {
  background: #002868;
  color: #fff;
}
.mixitup-control-active:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #fff;
  font-size: 10px;
  margin:0 8px 0 0px;
}

/* ------------------------------------------------------------------------------
		 Categorias - Listado productos
-------------------------------------------------------------------------------*/
#cat-products-list {
  padding-top: 15px;
  padding-bottom: 0px;
  text-align: center;
}
.product-flex-cat {
  display: -webkit-flex;
  display: flex;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.product-flex-cat-item {
	display: -webkit-flex;
	display: flex;
	width: 24%;
	margin: 0 0.5% 15px 0.5%;
}
.product-item-cat {
  padding: 10px;
  border: #dcdcdc 2px solid;
  padding-bottom: 0px;
}
.product-item-cat a {
	display: block;
	width: 100%;
	color: #333333;
}
.product-item-cat a #mostrar{
	display:none;
	opacity: 0;
	-webkit-transition: all 0.5s 0s ease-in-out;
	-moz-transition: all 0.5s 0s ease-in-out;
	-o-transition: all 0.5s 0s ease-in-out;
	-ms-transition: all 0.5s 0s ease-in-out;
	transition: all 0.5s 0s ease-in-out;
}
.product-item-cat a:hover #mostrar{
	display:block;
  opacity: 1;
}
#cat-products-list .product-item-cat p {
	font-size: 13px;
	display: block;
	text-align: center !important;
	color: #555;
}
#cat-products-list .product-item-cat p.name {
	font-size: 16px;
	border-top: #dcdcdc 2px solid;
	display: block;
	padding-top: 15px;
	font-weight: 600;
	color: #002868;
}
#cat-products-list .product-item-cat p.refTalosa {
	background-color: #002868;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 600;
}
#cat-products-list .product-item-cat p.price {
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	display: block;
	color: #333;
	position: absolute;
	bottom: 15px;
}
.view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask, .view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  display: block;
  position: relative;
  cursor: pointer;
}
.view span.info {
  background:url(../images_web/lupa-icon.png) center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:41px;
  height:41px;
}
.third-effect .mask {
  cursor: pointer;
  opacity: 1;
  overflow:visible;
  background: rgba(255,255,255,0.7);
  /*border:200px solid rgba(255,255,255,0.7);*/
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.third-effect span.info {
  position:absolute;
  top:50%;
  left:50%;
  margin-top: -20px;
  margin-left: -20px;
  opacity: 0.9;
  -webkit-transition: all 0.5s 0s ease-in-out;
  -moz-transition: all 0.5s 0s ease-in-out;
  -o-transition: all 0.5s 0s ease-in-out;
  -ms-transition: all 0.5s 0s ease-in-out;
  transition: all 0.5s 0s ease-in-out;
}

/* ------------------------------------------------------------------------------
  Alertas
-------------------------------------------------------------------------------*/
.block-alert-ok-item, .block-alert-ko-item, .block-alert-neutral-item {
  position: relative;
  padding: 60px 30px 58px;
  background-color: #efefef;
  text-align: center;
  margin: 70px auto 50px auto;
  width: 70%;
}
.block-alert-ok-item .title, .block-alert-ko-item .title, .block-alert-neutral-item .title {
  margin-bottom: 10px;
  text-transform: uppercase;
  top: 0px;
  margin-top: 30px;
  margin-bottom: 10px;
  position: relative;
  left: 0px;
}
.block-alert-ok-item .title {
  color: #009900;
}
.block-alert-ko-item .title {
  color: #ff0000;
}
.block-alert-neutral-item .title {
  color: #333333;
}
.block-alert-ok-item:before {
  font-family: 'FontAwesome';
  content: '\f00c';
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: #009900;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  line-height: 71px;
}
.block-alert-ok-item:after {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: #009900 solid 3px;
}
.block-alert-ko-item:before {
  font-family: 'FontAwesome';
  content: '\f00d';
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: #ff0000;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  line-height: 71px;
}
.block-alert-ko-item:after {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: #ff0000 solid 3px;
}
.block-alert-neutral-item:before {
  font-family: 'FontAwesome';
  content: '\f12a';
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: #333333;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  line-height: 71px;
}
.block-alert-neutral-item:after {
  content: '';
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: #333333 solid 3px;
}
.textoBig {
  font-size: 18px;
  font-weight: 700;
}

/* ------------------------------------------------------------------------------
  Empresa
-------------------------------------------------------------------------------*/
.titleh1 {
  font-size:22px;
  line-height:29px;
}
.titleh2 {
  font-size:18px;
  line-height:24px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 25px;
}
.fabrica {
	padding: 50px 15px 70px 15px;
}
.calidad {
	padding: 50px 15px 50px 15px;
}
.image-50-1, .image-50-2 {
	width: 50%;
	height: 300px;
	float: left;
}
.image-50-1 {
	background-image: url(../images_web/fabrica-zegen.jpg);
	background-position: center center;
	background-image: no-repeat;
	background-attachment: fixed
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.image-50-2 {
	border-left: 1px solid #fff;
	background: url(../images_web/almacen-zegen.jpg);
	background-position: center center;
	background-image: no-repeat;
	background-attachment: fixed
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.certificadoImg {
	float: right;
	border-radius: 8px;
	margin-left: 15px;
}
.calidad .vertical-centered-text > .order1 { order: 1; }
.calidad .vertical-centered-text > .order2 { order: 2; }
.calidad .vertical-centered-text > .order3 { order: 3; }

/* ------------------------------------------------------------------------------
  Contact
-------------------------------------------------------------------------------*/
.adresse i {
	float: left;
	text-align: center;
	font-size: 16px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 20px;
	color: #666;
	width: 30px;
}
.adresse i.last {
	padding-bottom: 40px;
}
.adresse p {
	margin: 0 0 15px;
}
.wrapper-map {
	width: 100%;
	height: 450px;
}
#map-canvas {
	width: 100%;
	height: 450px;
}

/* ------------------------------------------------------------------------------
  Catalogue
-------------------------------------------------------------------------------*/
.mainCatalogue {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}
.mainCatalogue .item {
	flex: 0 0 auto;
	margin: 1%;
	width: 23%;
}
.mainCatalogue .item h6 {
	padding: 10px;
  margin: 0 0 0px 0;
  letter-spacing: 0px;
  font-weight: 500;
  background: #f6f6f6;
  color: #464646;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.mainCatalogue .item img {
	margin-top: 1px;
	width: 100%;
}
.download {
	display: block;
	font-size: 12px;
	padding: 10px;
	color: #fff;
	margin-top: 1px;
	background: #002868;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.download:hover {
	color: #000;
	background: #BCB8B8;
}

/* ------------------------------------------------------------------------------
	News
-------------------------------------------------------------------------------*/
.grid {
	max-width: 1200px;
	list-style: none;
	margin: 10px auto 30px auto;
	padding: 0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}
.grid li {
	width: 48%;
	margin: 1%;
	opacity: 0;
	background: #f6f6f6;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
	padding-bottom: 5px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(209,209,209,0);
	-moz-box-shadow: 1px 1px 3px 0px rgba(209,209,209,0);
	box-shadow: 1px 1px 3px 0px rgba(209,209,209,0);
}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}
.grid li h1 {
	font-weight: 400;
  font-size:22px;
  line-height:29px;
	color: #002868;
	padding-bottom: 8px;
	margin: 10px 15px 8px 15px;
	border-bottom: 1px dotted #ccc;
}
.grid li div {
	margin: 0px 15px 8px 15px;
	font-size: 16px;
	line-height: 24.4px;
	color: #464646;
	font-weight: 300;
}
.grid li p.date {
	margin: 8px 15px 0px 15px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	color: #aaa;
}
.grid li div p:last-child {
  margin: 0 0 0px;
}
.grid li h2 {
	font-weight: 400;
  font-size: 18px;
	line-height: 24.4px;
	color: #464646;
	letter-spacing: 0;
	padding-bottom: 4px;
	margin: 20px 15px 4px 15px;
	border-bottom: 1px dotted #ccc;
	text-transform: uppercase;
}
.grid li a img.imgPrin {
	padding: 0px 45px;
	margin: 10px auto 20px auto;
	display: block;
}
.grid li a.link {
	font-weight: 300;
	display: block;
  font-size:16px;
	line-height: 24.4px;
	margin: 0px 15px 8px 15px;
	text-decoration: underline;
}
.grid li a:hover {
	color: #000;
}
.grid li div img {
	margin: 5px 5px 0px 0px;
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	0% { }
	100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

.pageTitle {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #464646;
    font-weight: 400;
    font-size: 45px;
    line-height: 55px;
    margin-top: 35px;
    margin-bottom: 5px;
}
.pageTitle:after {
    display: block;
    clear: both;
    content: '...';
    font-family: 'Roboto', sans-serif;
    font-size: 100px;
    font-weight: 700;
    color: #002868;
    text-align: center;
    line-height: 20px;
}

/* ------------------------------------------------------------------------------
	Ficha
-------------------------------------------------------------------------------*/
.column-left {
	float: left;
	display: inline-block;
	color: #999;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  width: 30%;
  margin-bottom: 8px;
}
.column-right {
	float: left;
	display: inline-block;
	color: #333;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 70%;
  margin-bottom: 8px;
}
.column-right li {
	float: left;
	display: inline-block;
	width: 40%;
}
.column-left2 {
	float: left;
	display: inline-block;
	color: #999;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  width: 15%;
  margin-bottom: 8px;
}
.column-right2 {
	float: left;
	display: inline-block;
	color: #333;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  width: 85%;
  margin-bottom: 8px;
}
.tab-pane img {
	display: block;
	margin: 10px auto;
}

/* ------------------------------------------------------------------------------
	Productos
-------------------------------------------------------------------------------*/
.segmento-flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}
.segmento-flex div:nth-child(1) {
	order: 1;
}
.segmento-flex div:nth-child(2) {
	order: 2;
}
.segmento-flex div:nth-child(3) {
	order: 3;
}
.segmento-flex div:nth-child(4) {
	order: 4;
}
.segmento-flex div:nth-child(5) {
	order: 5;
}
.segmento-flex div:nth-child(6) {
	order: 6;
}
.segmento-flex div:nth-child(7) {
	order: 7;
}
.segmento-flex div:nth-child(8) {
	order: 8;
}
.segmento-title {
	width: 33%;
	padding-left: 25px;
}
.segmento-title.izda, .segmento-title.dcha {
	margin-left: 12.5%;
	margin-right: 12.5%;
}
.segmento-title h3 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 400;
	color: #002868;
	display: inline-block;
	float: left;
}
.segmento-title h3:after {
	margin-top: 10px;
  content: "";
  width: 100px;
  height: 1px;
  display: block;
  position: absolute;
  background-color: #666;
}
.segmento {
	-moz-box-shadow: 0 0 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px #fff;
	box-shadow: 0 0 0 1px #fff;
	overflow: hidden;
	position: relative;
	visibility: hidden;
	width: 33%;
	display: inline-block;
	float: left;
}
.segmento.izda, .segmento.dcha {
	margin-left: 12.5%;
	margin-right: 12.5%;
}
.segmento img {
	width:90%;
	height:90%;
	max-width: 600px;
}
.segmento .overlay {
  background: rgba(255, 255, 255, 0.75);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -moz-transition: opacity, 0.3s;
  -o-transition: opacity, 0.3s;
  -webkit-transition: opacity, 0.3s;
  transition: opacity, 0.3s;
}
.segmento .overlay-caption {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.segmento .overlay-caption h5, .segmento .overlay-caption p, .segmento img {
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
.segmento .overlay-caption h5, .segmento .overlay-caption p {
  color: rgba(255, 255, 255, 1);
  color: #fff;
  margin: 0;
  opacity: 0;
}
.segmento .overlay-caption h5 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
  margin-bottom: 0px;
  -moz-transform: translate3d(0, -200%, 0);
  -ms-transform: translate3d(0, -200%, 0);
  -webkit-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
	text-shadow:0 0 5px #333, 0 0 10px #333, 0 0 15px #333, 0 0 20px #333, 0 0 30px #333, 0 0 40px #333, 0 0 55px #333, 0 0 75px #333;
}
.segmento .overlay-caption p {
  -moz-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.galeria-box:hover img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.galeria-box:hover .overlay {
 	opacity: 1;
}
.galeria-box:hover .overlay h5, .segmento-box:hover .overlay p {
  opacity: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.productos-flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
/* ------------------------------------------------------------------------------
	Segmentos animation
-------------------------------------------------------------------------------*/
.segmento:nth-child(1) {
	-moz-animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.segmento:nth-child(2) {
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.segmento:nth-child(3) {
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.segmento:nth-child(4) {
	-moz-animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.segmento:nth-child(5) {
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.segmento:nth-child(6) {
	-moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.segmento:nth-child(7) {
	-moz-animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.segmento:nth-child(8) {
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.animated {
	visibility: visible;
}
 i.circle-products {
	color: #fff;
	margin: 35px auto 15px auto;
	background: #002868;
	margin: 10px auto;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
}

#onetrust-policy-text {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px !important;
  line-height: 22px !important;
  color: #464646 !important;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
  color: #002868 !important;
  border: 1px solid #002868 !important;
  margin-bottom: 15px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
  color: #fff !important;
  background-color: #002868 !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  margin-top: 25px !important;
  color: #2d3033 !important;
  font-family: 'Roboto', sans-serif !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  font-size: 16px !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  margin-top: 20px;
  margin-bottom: 10px;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
  margin: 0 0 10px !important;
  text-rendering: optimizelegibility !important;
  font-weight: 300 !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  line-height: 24.4px !important;
}

/* ------------------------------------------------------------------------------
   Acceso clientes
-------------------------------------------------------------------------------*/
#mostrar {
	display: none;
}
.loginForm {
  position: absolute;
  width: 300px;
  text-align: center;
  top: 166px;
  left: 75%;
  margin-left: -150px;
  z-index: 9991;
}
.flogin {
  display: none;
  height: 235px;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 15px;
  background: #ffffff;
}
.flogin label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #333333;
}
.flogin .form-group {
  padding-bottom: 7px;
  margin: 0 0 18px 0;
}
.flogin .material-input:focus, .flogin .form-control#usuario:focus, .flogin .form-control#usuario.focus, .flogin .form-control#clave:focus, .flogin .form-control#clave.focus {
  background-image: linear-gradient(#efefef, #efefef), linear-gradient(#D2D2D2, #D2D2D2)!important;
}
.flogin .form-group.is-focused  label.control-label.blueLabel{
  color:#efefef !important;
}
.flogin .field-icon {
  float: right;
  margin-right: 5px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.flogin input {
  color: #243588;
  font-weight: 500;
}
.myBtn {
  display: inline-block;
  padding: 6px 14px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: #002868;
  color: #ffffff;
  transition: all 0.3s;
  z-index:10;
  position: relative;
}
.myBtn:hover {
  background-color: #565656;
  color: #ffffff;
}
.headerAcceso {
  margin-left: auto;
  margin-right: auto;
  background: #333;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
a.headerAcceso:hover {
  background: #666;
  color: #fff;
}
.headerLogout {
  margin-left: auto;
  margin-right: auto;
  background: #fc9f94;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 12px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}
a.headerLogout:hover {
  background: #002868;
  color: #fff;
}

/* ------------------------------------------------------------------------------
   Ver pedido
-------------------------------------------------------------------------------*/
.logo-mini{
  margin: 0 auto;
  padding-top: 15px;
  width: 180px;
  display:  block;
}
.logo-mini img {
  width: 180px;
}
.tacoSuperiorRojo {
  width: 100%;
  background-color: #ffc700; /* cambiado en TALOSA */
  /* background-color: #969696; */ /* Añadido este en TALOSA */
  padding: 15px;
}
.tacoSuperiorRojo5 {
  width: 100%;
  background-color: #ffc700; /* cambiado en TALOSA */
  /* background-color: #969696; */ /* Añadido este en TALOSA */
  padding: 5px;
}
.tacoSuperiorBlanco5 {
  width: 100%;
  background-color: #fff;
  padding: 5px;
}
.fechaClienteDireccionSup {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fechaClienteDireccionSup {
  color: #000000;
}
.fechaSup {
  width: 20%;
}
.clienteSup {
  width: 32%;
}
.direccionSup {
  width: 48%;
}
.direccionSup .visible {
  display: none;
}
.txtBlackbgWithe {
  background-color: #fff;
  color: #000;
  padding: 2px 8px;
  margin-left: 8px;
}
.tacoSuperiorGris {
  width: 100%;
  background-color: #666666;
  padding: 15px;
  text-transform: uppercase;
  font-size: 14px;
}
.tacoSuperiorGris .txtBlackbgWithe {
  font-size: 12px;
}
.tacoSuperiorRojo .txtBlackbgWithe {
	font-size: 20px;
}
.tacoSuperiorGris i {
  font-size: 10px;
}
.btntxtWhitebgRed {
  background-color: #002868;
  color: #fff;
  padding: 4px 6px;
}
.btntxtWhitebgRed:hover {
  color: #fff;
  background-color: #333;
}
.enlacenobg {
  padding: 4px 0px;
}
.btntxtWhitenobg {
  font-style: italic;
  color: #fff;
  padding: 0px 6px;
}
.btntxtWhitenobg:hover {
  color: #333;
}
.btntxtRedbgWhite {
  background-color: #fff;
  color: #002868;
  padding: 4px 6px;
}
.btntxtRedbgWhite:hover {
  color: #333;
  background-color: #fff;
}
.tacoSuperiorGrisContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  font-weight: 600;
}
.radios, .importar, .listaMenu, .seguir {
  display: flex;
}
.radios {
  order: 1;
  /*width: 50%;*/
  margin: 30px auto 50px auto;
}
.importar {
  order: 2;
  width: 20%;
}
.listaMenu {
  order: 3;
  width: 20%;
}
.seguir {
  order: 4;
  width: 20%;
}
.radios, .importar {
  justify-content: center;
}
.listaMenu, .seguir {
  justify-content: flex-end;
  align-items: center;
}
.listaMenu a {
  color: #fff;
  padding: 4px 0;
  display: block;
}
.listaMenu a:hover {
  color: #333;
}
.btnAdd {
  padding: 15px;
  color: #fff;
  text-align: center;
}
/*
.btnFichero {
  color: #fff;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
*/
.btnFichero {
  color: #fff;
  min-width: 130px;
  height: auto;
  min-height: 55px;
  padding: 5px 0px;
  text-align: center;
  border-radius: 0%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-flow: wrap row;
  justify-content: space-around;
}
/*
.flex-item {
  color: #669933;
  background-color: #fff;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
}
*/
.flex-item {
  color: #000000;
  background-color: #efefef;
  min-width: 182px;
  height: auto;
  min-height: 182px;
  text-align: center;
  border-radius: 8px !important;
  transition: .4s ease;
}
.flex-item label {
  color: #000000;
  font-weight: 600;
  font-size: 24px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 182px;
  margin: 0px;
  border-radius: 8px !important;
}
.flex-item:hover {
  color: #fff;
  background: #669933;
  box-shadow: 0 0 28px 5px #669933;
}
/*
.flex-item input:checked + label {
  color: #fff;
  background: #669933;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  margin-left: 5px;
}
*/
.flex-item input:checked + label {
  color: #fff;
  background: #669933;
  border-radius: 0%;
  min-width: 100%;
  height: auto;
  min-height: 182px;
  padding: 5px 15px;
}
.flex-item input {
  display: none;
}
.lineaPedido {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.lineaPedido:nth-child(1) {
  margin-top: 3px;
}
.lineaPedido:nth-child(odd) {
  background-color: #eef9e1;
}
.lineaPedido button {
  width: 32px;
  height: 32px;
  border: 1px solid #333;
  border-radius: 3px;
}
.lineaPedidoRef, .lineaPedidoDes, .lineaPedidoCan, .lineaPedidoDis, .lineaPedidoEli, .lineaPedidoPvp, .lineaPedidoPre {
	width: 14.5%;
	text-align: center;
	/*border-right: 1px solid #333;*/
	line-height: 36px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedidoDes {
	width: 54.5%;
	text-align: left;
	margin: 0 0.25%;
}
.lineaPedidoDis {
	width: 27.5%;
	line-height: 21px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedidoPre {
	border-right: 0px solid #333;
}
.lineaPedidoCab {
  text-align: center;
	background-color: #333;
	color: #fff;
	border-radius: 5px;
}
.lineaPedidoCab span {
	padding: 4px 10px;
}
.lineaPedidoCab.visible {
	display: none;
}
.lineaPedidoTxt {
  font-size: 16px;
  text-align: center;
	padding: 12px 0px;
	line-height: 26px;
}
.lineaPedidoDes .lineaPedidoTxt {
  padding: 16px 10px;
  line-height: 18px;
}
.lineaPedidoCan .lineaPedidoTxt, .lineaPedidoEli .lineaPedidoTxt {
  padding: 9px 0px;
}
.lineaPedidoTxt input[type=text] {
	text-align: center;
	width: 70%;
	height: 24px;
}
.lineaPedidoDis3 {
	display: flex;
	flex-direction: row;
}
.lineaPedidoDis3.bg-color {
	background-color: #333;
}
.lineaPedidoDis3 div {
	flex: 1;
	font-size: 12px;
	color: #fff;
	padding: 3px 0px;
}
.lineaPedidoDis3 div button {
  color: #464646;
}
.lineaPedidoDis3 div button.azul {
  background-color: #006699;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(#006699, #006699);
  border-radius: 2px;
}
.lineaPedidoDis3 div button.azul {
  background-color: #006699;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(#006699, #006699);
  border-radius: 2px;
}
.lineaPedidoDisInmTxtN {
  background-color: #669933;
  padding: 3px 10%;
}
.lineaPedidoDisInmTxtNNaranja {
  background-color: #f0b209;
  padding: 3px 10%;
}
.lineaPedidoDisInmTxtNRojo {
  background-color: #002868;
  padding: 3px 10%;
}
.lineaPedidoDisProTxtN {
  background-color: #006633;
  padding: 3px 6px;
  border-right: 1px solid #fff;
}
.lineaPedidoDisProTxtF {
  background-color: #002868;
  padding: 3px 6px;
}
.btnNuevo, .btnOtros {
  margin: 20px;
  display: flex;
  flex-direction: row;
}
.btnNuevo {
  justify-content: flex-end;
}
.btnOtros {
  justify-content: flex-end;
}
.btnPedido {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
}
.btnPedido:last-start {
  margin-left: 0px;
}
.btnVerde {
  background-color: #669933;
  /* border: 3px double #fff; */
  border-radius: 5px;
}
.btnVerde i {
  margin-right: 8px;
}
.btnAzul {
  background-color: #006699;
  border: 3px double #fff;
}
.btnRojo {
  background-color: #ff2108;
  border: 3px double #fff;
}
.btnGris {
  background-color: #666666;
  border: 3px double #fff;
}
.btnAdd:hover, .btnPedido:hover, .btnFichero:hover {
  color: #333;
}
.swal2-icon.swal2-info {
  font-size: 16px !important;
}
.swal2-popup .swal2-title {
  line-height: 1.2em !important;
  margin: 0 0 .8em !important;
}
.hora_cancelacion{
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #002868;
}

/* ========================================================================
   Alerts
 ========================================================================== */

.block-alert-ok-item,
.block-alert-ko-item,
.block-alert-neutral-item {
  position: relative;
  padding: 60px 30px 58px;
  color: var(--black-color);
  background-color: var(--ultralightgray-color);
  text-align: center;
  margin: 50px auto 35px auto;
  width: 70%;
}
.block-alert-ok-item .title,
.block-alert-ko-item .title,
.block-alert-neutral-item .title {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.block-alert-ok-item .title {
  color: var(--green);
}
.block-alert-ko-item .title {
  color: var(--red);
}
.block-alert-neutral-item .title {
  color: var(--neutral);
}
.block-alert-ok-item::before {
  content: "\f00c";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: var(--green);
  border-radius: 50%;
  color: var(--white-color);
  font-size: 1.875rem; /* 30px */
  line-height: 71px;
}
.block-alert-ok-item::after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: var(--green) solid 3px;
}
.block-alert-ko-item::before {
  content: "\f00d";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: var(--red);
  border-radius: 50%;
  color: var(--white-color);
  font-size: 1.875rem; /* 30px */
  line-height: 71px;
}
.block-alert-ko-item::after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: var(--red) solid 3px;
}
.block-alert-neutral-item::before {
  content: "\f12a";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 70px;
  height: 70px;
  padding-left: 2px;
  margin-left: -35px;
  background-color: var(--neutral);
  border-radius: 50%;
  color: var(--white-color);
  font-size: 1.875rem; /* 30px */
  line-height: 71px;
}
.block-alert-neutral-item::after {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70px;
  margin-left: -35px;
  border-bottom: var(--neutral) solid 3px;
}
.infoShow {
  display: block;
}
.infoHidden {
  display: none;
}
.infoShow2 {
  display: block;
}
.infoHidden2 {
  display: none;
}
.nuevalineaForm, .cargarpedidoForm {
  border: 1px solid #333;
  border-radius: 2px;
  overflow: hidden;
  padding: 0 30px 20px 30px;
}
.cargarpedidoForm {
  margin-top: 30px;
}
.capasPedido label {
  color: #333;
}
.capasPedido input[type=text], .capasPedido input[type=file] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #002868;
  background-color: #fff;
  background-image: none;
  border: 1px solid #333;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.capasPedido button {
  border: 1px solid #333;
  border-radius: 2px;
  height: 34px;
  padding: 6px 12px;
  margin-top: 32px;
}
.capasPedido .checkbox, .capasPedido .radio {
  position: relative;
  display: block;
  margin-top: 22px;
  margin-bottom: 0px;
  height: 34px;
  padding: 6px 12px;
}
.capasPedido .btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top,#e0e0e0 0,#e0e0e0 100%);
  background-image: -o-linear-gradient(top,#e0e0e0 0,#e0e0e0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));
  background-image: linear-gradient(to bottom,#e0e0e0 0,#e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e0', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-repeat: repeat-x;
  border-color: #333;
  border-radius: 2px;
}
.capasPedido .btn-default.active, .capasPedido .btn-default:active {
  border-color: #002868;
  color: #002868;
}
.capasPedido .btn-danger, .capasPedido .btn-default, .capasPedido .btn-info, .capasPedido .btn-primary, .capasPedido .btn-success, .capasPedido .btn-warning {
  text-shadow: 0 -1px 0 rgba(0,0,0,.0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.0);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.0);
}
.btn span.glyphicon {
  opacity: 0;
}
.bootstrap-filestyle .btn span.glyphicon {
  opacity: 1;
}
.btn.active span.glyphicon {
  opacity: 1;
}
.fv-plugins-icon {
  right: -13px;
  margin-top: 19px;
}
.nuevalineaForm  input[type=text] {
  color: #2d3033;
}
.nuevalineaForm .fv-plugins-icon {
  right: 13px;
  margin-top: 15px;
}
.flatpickr-input {
  background-color: #fff;
  color: #000;
  font-weight: 700;
  padding: 2px 8px;
  width: 90px;
  height: 20px;
  border: 0px;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*=col-] {
  margin-left: -15px;
}

/* ------------------------------------------------------------------------------
   Login
-------------------------------------------------------------------------------*/
#flogin .has-feedback label~.form-control-feedback {
  top: 10px;
  right: 15px;
}

/* ------------------------------------------------------------------------------
   Pedido detalle
-------------------------------------------------------------------------------*/
.pedido-detalle h1 {
  text-align: center;
  background-color: #000;
  color: #fff;
  font-weight: 500;
  padding: 8px;
  font-size: 30px;
  margin-bottom: 20px;
}
#tipoPedido h1 {
  text-align: center;
  color: #000;
  font-weight: 500;
  padding: 8px;
  font-size: 30px;
  margin-bottom: 30px;
}
.numero_fecha_pedido {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-weight: 600;
  color: #000;
  margin-bottom: 20px;
}
.pedido_cabecera {
  display: flex;
  flex-direction: row;
  background-color: #333;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.pedido_cabecera div {
  width: 25%;
  padding: 8px 0px 8px 15px;
}
.pedido_linea {
  display: flex;
  flex-direction: row;
  font-weight: 400;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}
.pedido_linea:nth-child(even) { background: #efefef }
.pedido_linea:nth-child(odd) { background: #fff}
.pedido_linea div {
  width: 25%;
  padding: 8px 0px 8px 15px;
}

/* ------------------------------------------------------------------------------
   PopUp Calidad
-------------------------------------------------------------------------------*/
.btn-red, .btn-red:visited {
  color:#f1f1f1;
  background-color: #ff2108;
  cursor:pointer;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  -webkit-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px;
  z-index: 50;
  border: 1px solid #ff2108;
  margin-top: 20px;
  display: inline-block;
}
.btn-red:hover, .btn-menu:focus, .btn-menu:active {
    color: #ff2108;
  background-color: #efefef;
  border: 1px solid #ff2108;
}
.overlayPopUp {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlayPopUp:target{
  visibility: visible;
  opacity: 1;
}
#bodyPopUp {
  width: 70%;
  padding: 2%;
  border-radius: 15px;
  box-shadow: 0 0 5px #CCC;
  background: #FFF;
  position: relative;
  margin: 20% auto;
  transition: all 5s ease-in-out;
}
#bodyPopUp img {
  width: 100%;
}
#cerrarPopUp {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #ff2108;
  transition: all 200ms;
}

/* ------------------------------------------------------------------------------
   Nueva ficha 2023
-------------------------------------------------------------------------------*/
.btnVolver {
  margin-bottom: 15px;
}
.myBtn.add {
  display: block;
  margin-bottom: 15px;
}
.hiddenmobile {
  display: block;
}
.showmobile {
  display: none;
}
.containerFlex {
  display:flex;
  flex-direction: row;
}
div.w50flex {
  display: flex;
  flex-direction: row;
}
div.w50flex div {
  width: 50% !important;
}
div.w50flex div div {
  width: 100% !important;
}
div.cajaTitulo {
  border: #efefef 1px solid;
  background: #efefef;
  padding: 10px 15px;
}
.noBorderLeft {
  border-left: 0px !important;
}
.noBorderRight {
  border-right: 0px !important;
}
h4.ficha2023 {
  color: #333;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0px !important;
}
div.caja {
  border: #efefef 1px solid;
  overflow: hidden;
  margin-bottom: 15px;
  padding: 5px 15px 5px 15px;
  font-weight: 400;
}
h4.ficha2023.w50, div.caja p.w50 {
  width: 49%;
  display: inline-block;
}
div.caja p.w50 {
  margin-bottom: 0px;
}
div.cajaTitulo h4.ficha2023.w50:nth-child(even), div.caja p.w50:nth-child(even) {
  padding-left: 15px;
}
div.caja strong {
  font-weight: 400;
}
ul.eom li {
  float: left;
  display: inline-block;
  width: 40%;
  padding: 5px 0px;
}

div.cajaTituloComponentes {
  border: #efefef 1px solid;
  border-top: #fff 1px solid;
  background: #efefef;
  padding: 5px 0px;
}
div.cajaComponentes {
  border: #efefef 1px solid;
  border-bottom: 0px;
  overflow: hidden;
  margin-bottom: 15px;
  font-weight: 400;
}
.componentesFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.componenteRefFlex {
  width: 33.3%;
  padding: 5px 15px 5px 15px;
  border-bottom: #efefef 1px solid;
  display: flex;
  align-items: center;
}
.componenteImgFlex {
  width: 33.3%;
  padding: 5px 15px 5px 15px;
  border-bottom: #efefef 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
}
.componenteImgFlex img {
	margin: 0px auto;
}
.componenteUniFlex {
  width: 33.3%;
  padding: 5px 15px 5px 15px;
  border-bottom: #efefef 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.componenteFlex:hover {
  color: #333;
}
.componenteBg {
	background-color: #efefef;
}
.piezaFlex {
  width: 15%;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 5px 0 5px 0;
}
.piezaFlex img {
  width: 100%;
  max-width: 99px;
  display: block;
  margin: 0 auto;
}
.piezaFlex:hover {
  color: #333;
}

#tacoSuperiorFixed {
	z-index: 999;
	width: 100%;
	background: #fff;
	padding: 15px 0;
}
.navPedidos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 600;
}
.importar23 {
  display: flex;
}
.importar23 {
  justify-content: center;
}
.btnFichero23 {
  color: #fff;
  padding: 6px 20px;
  text-align: center;
  border-radius: 0%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btnFichero23 i {
	padding-right: 5px;
}
.btnAdd23 {
  padding: 6px 20px;
  color: #fff;
  text-align: center;
}
.mostrarMobile23 {
	display: none;
}
.ml5 {
	margin-left: 5px;
}
button {
	border: 0px;
}
.infoShow23 {
  display: inline-block;
}
.infoHidden23 {
  display: none;
}
.infoShow223 {
  display: inline-block;
}
.infoHidden223 {
  display: none;
}

/* Linea pedido urgente */

.lineaPedido2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.lineaPedido2:nth-child(1) {
	margin-top: 3px;
}
.lineaPedido2:nth-child(even) {
  background-color: #efefef;
}
.lineaPedido2 button {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #333;
}
.lineaPedido2Ref, .lineaPedido2Des, .lineaPedido2Can, .lineaPedido2Dis, .lineaPedido2Eli, .lineaPedido2Pvp, .lineaPedido2Pre {
	width: 11.5%;
	text-align: center;
	/*border-right: 1px solid #333;*/
	line-height: 48px;
	margin: 0 0.25%;
}
.lineaPedido2Des {
	width: 23.5%;
	text-align: left;
	margin: 0 0.25%;
}
.lineaPedido2Dis {
	width: 27.5%;
	line-height: 21px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedido2Pre {
	border-right: 0px solid #333;
}
.lineaPedido2Cab {
  text-align: center;
	background-color: #333;
	color: #fff;
	border-radius: 5px;
}
.lineaPedido2Cab span {
	padding: 4px 10px;
}
.lineaPedido2Cab.visible {
	display: none;
}
.lineaPedido2Txt {
  font-size: 16px;
  text-align: center;
	padding: 8px 0px;
	line-height: 26px;
}
.lineaPedido2Des .lineaPedido2Txt {
  padding: 12px 10px;
  line-height: 18px;
}
.lineaPedido2Can .lineaPedido2Txt, .lineaPedido2Eli .lineaPedido2Txt {
  padding: 9px 0px;
}
.lineaPedido2Txt input[type=text] {
	text-align: center;
	width: 70%;
	height: 24px;
}
.lineaPedido2Dis3 {
	display: flex;
	flex-direction: row;
}
.lineaPedido2Dis3.bg-color {
	background-color: #666;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.lineaPedido2Dis3 div {
	flex: 1;
	font-size: 12px;
	color: #fff;
	padding: 3px 0px;
}
.lineaPedido2Dis3 div button {
  color: #464646;
}
.lineaPedido2Dis3 div button.azul {
  background-color: #006699;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: -internal-light-dark(#006699, #006699);
  border-radius: 2px;
}
.lineaPedido2DisInmTxtN {
	background-color: #669933;
	padding: 3px 10%;
	border-radius: 3px;
}
.lineaPedido2DisInmTxtNNaranja {
	background-color: #f0b209;
	padding: 3px 10%;
	border-radius: 3px;
}
.lineaPedido2DisInmTxtNRojo {
	background-color: #ff2108;
	padding: 3px 10%;
	border-radius: 3px;
}
.lineaPedido2DisProTxtN {
	background-color: #006633;
	padding: 3px 6px;
	border-radius: 3px;
}
.lineaPedido2DisProTxtF {
	background-color: #ff2108;
	padding: 3px 6px;
	border-radius: 3px;
}

/* ------------------------------------------------------------------------------
   Nuevos formularios pedidos 2023
-------------------------------------------------------------------------------*/
.btnPedidoNew {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  min-width: 170px;
  border-radius: 5px;
  cursor: pointer;
}
.btnPedidoNew:last-start {
  margin-left: 0px;
}
.btnFicheroNew {
  color: #fff;
  padding: 8px 20px;
  text-align: center;
  border-radius: 0%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.btnFicheroNew i {
	padding-right: 5px;
}
.btnAddNew {
  padding: 8px 20px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
.btnHistorialNew {
  font-weight: 600;
  color: #ff2108;
  background-color: #ffffff;
  font-size: 14px;
  padding: 8px 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  min-width: 100px;
  border-radius: 5px;
}
.btnAddNew:hover, .btnPedidoNew:hover, .btnFicheroNew:hover {
  color: #333;
}
.btnVerdeNew {
  background-color: #669933;
}
.btnVerdeNew i {
  margin-left: 0px;
}
.btnAzulNew {
  background-color: #006699;
}
.btnRojoNew {
  background-color: #ff2108;
}
.btnGrisNew {
  background-color: #666666;
}
.lineaForm, .excelForm, .pedidoForm, .entregaForm {
  max-width: 700px;
  width: 100%;
  margin: 30px auto 40px;
  border: 0px;
  border-radius: 20px;
  box-shadow: 10px 10px 60px 1px #d9d7d7;
  padding: 10px 30px 20px;
  background-color: #faf8f8;
}
.formPedidoTitle {
  text-align: center;
  border-bottom: 1px solid #ff2108;
  padding-bottom: 10px;
  font-size: 28px;
  font-weight: 800;
  margin-top: 10px;
}
.formPedidoLabel {
  margin-top: 5px;
}
.lineaForm input[type=text], .entregaForm input[type=text] {
  height: 50px;
  border: 1px solid #d2cece;
  margin-bottom: 15px;
}
.lineaForm .fv-plugins-icon, .entregaForm .fv-plugins-icon {
  right: 25px;
  margin-top: 25px;
}
.formCheckbox {
  position: absolute;
  opacity: 0;
}
.formCheckbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.formCheckbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #000000;
}
.formCheckbox:hover + label:before {
  background: #ff2108;
}
.formCheckbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.formCheckbox:checked + label:before {
  background: #ff2108;
}
.formCheckbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.formCheckbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.formCheckbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}
.fechaEntrega {
  text-align: center;
  width: 160px;
}
/* ------------------------------------------------------------------------------
   Nuevos cambios abril 2025
-------------------------------------------------------------------------------*/
.carrito {
	font-size: 24px;
    margin-top: -12px;
    padding-top: 4px;
    margin-bottom: -6px;
    overflow: hidden;
}
.numero-carrito {
	font-size: 10px;
	font-weight: 600 !important;
    border: 1px solid var(--white-color);
    border-radius: 10px;
    padding: 3px 6px;
    position: relative;
    top: -8px;
}
nav.desktop a:hover .numero-carrito {
	font-weight: 800 !important;
    border: 1px solid var(--red);
}
.headerCarrito {
	margin-left: auto;
	margin-right: auto;
	background: var(--red);
	padding-left: 20px;
	padding-right: 20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
 	font-size: 12px;
 	display: inline-block;
	color: #fff;
	font-weight: 500;
 	text-transform: uppercase;
 	cursor: pointer;
 	height: 30px;
 	paddin-top: 2px;
}
.headerCarrito i {
 	font-size: 22px;
 	line-height: 22px;
}
.headerCarrito span.numero-carrito {
    top: -3px;
    margin-left: 4px;
}
a.headerCarrito:hover {
	background: #666;
	color: #fff;
}
.headerAcceso, .headerLogout {
	margin-top: -2px;
}
.input-unidades {
	margin-right: 5px;
	width: 100px;
	height: 32px;
}
.input-unidades-linea {
	margin-right: 5px;
	width: 113px;
	height: 32px;
}
input.input-unidades[type=number]::-webkit-inner-spin-button,
input.input-unidades[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}
.circulo {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline-block;
	float: right;
	margin: 5px 8px 0px 0px;
}
.circulo-linea {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline-block;
}
.circulo-verde {
  background-color: var(--green);
}
.circulo-rojo {
  background-color: var(--red);
}
.circulo-gris {
  background-color: var(--neutral);
}
.btn-blue {
	background-color: var(--blue);
	margin-left: 5px;
}
.add-linea {
	padding: 7px 20px;
	border-radius: 5px;
	display: inline-block !important;
	width: auto;
	margin-bottom: 1px !important;
	font-size: 14px;
	font-weight: 600;
}
.add-linea-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.col-add-linea-botones {
	width: 100%;
	text-align: center;
}
.col-add-linea-ref {
	width: 200px;
	margin-right: 10px;
}
.col-add-linea-unit {
	width: 148px;
	margin-right: 0px;
}
.circulo-add-linea {
	margin: 6px 6px 0px 0px;
}
.lineaPedido2025 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.lineaPedido2025:nth-child(odd) {
  background-color: #efefef;
}
.lineaPedido2025Ref, .lineaPedido2025Can, .lineaPedido2025Dis {
	width: 11.5%;
	text-align: center;
	line-height: 36px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedido2025Eli {
	width: 9.5%;
	text-align: center;
	line-height: 36px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedido2025Dis .lineaPedido2025Txt {
	text-align: center;
}
.lineaPedido2025PVP, .lineaPedido2025Foto {
	width: 7.5%;
	text-align: center;
	/*border-right: 1px solid #333;*/
	line-height: 36px;
	border-radius: 5px;
	margin: 0 0.25%;
}
.lineaPedido2025Des {
	width: 37.5%;
	line-height: 36px;
	text-align: left;
	margin: 0 0.25%;
}
.lineaPedido2025Pre {
	border-right: 0px solid #333;
}
.lineaPedido2025Cab {
  	text-align: center;
	background-color: #333;
	color: #fff;
	border-radius: 5px;
}
.lineaPedido2025Cab span {
	padding: 4px 10px;
}
.lineaPedido2025Cab.visible {
	display: none;
}
.lineaPedido2025Txt {
  font-size: 16px;
  text-align: center;
	padding: 12px 0px;
	line-height: 26px;
}
.lineaPedido2025Des .lineaPedido2025Txt {
  padding: 16px 10px;
  line-height: 18px;
}
.lineaPedido2025Can .lineaPedido2025Txt, .lineaPedido2025Eli .lineaPedido2025Txt {
  padding: 9px 0px;
}
.lineaPedido2025Txt input[type=text] {
	text-align: center;
	width: 70%;
	height: 24px;
}
.lineaPedido2025Foto img{
	height: 30px;
    margin: -5px auto;
}
.lineaPedido2025Txt button {
    width: 32px;
    height: 32px;
    border: 1px solid #333;
    border-radius: 3px;
}
.btnHistoria2025lNew {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  min-width: 100px;
  border-radius: 5px;
  cursor: pointer;
}
.lineaForm2025 {
	padding-top: 30px;
}
.lineaForm2025 input[type=text], .entregaForm2025 input[type=text] {
  height: 35px;
  border: 1px solid #d2cece;
  margin-bottom: 15px;
}
.formPedidoLabel2025 {
	text-align: center;
    background-color: #666;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
}
.formPedidoLabel2025ref {
	width: 200px;
	margin-right: 34px;
}

.formPedidoLabel2025uni {
	width: 106px;
	display: block;
	margin-right: 34px;
}
.bordeDispon {
	height: 35px;
	width: 35px;
    border: 1px solid #d2cece;
    border-radius: 4px;
    float: right;
}
.input-unidades-linea {
	width: 106px;
	float: left;
}
.has-success .control-label.formPedidoLabel2025, .has-error .control-label.formPedidoLabel2025 {
	color: #fff;
}
.elim-aling {
	margin-top: 33px;
    margin-bottom: 29px;
}
.formPedidoTitle2025 {
	background-color: #666;
	text-align: center;
	margin: 2px auto;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 26px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.alto2025entrega {
  height: 35px !important;
  margin-bottom: 0px !important;
}