/*
$smartphones: only screen and (max-width: 575px);
$minitablets: only screen and (min-width: 576px) and (max-width: 767px);
$tablets: only screen and (min-width: 768px) and (max-width: 991px);
$laptops: only screen and (min-width: 992px) and (max-width: 1199px);
$desktops: only screen and (min-width: 1200px);
$desktops-big: only screen and (min-width: 1450px);*/
.switch input {
  opacity: 0;
}
.switch input:checked + .pulsador {
  background-color: black;
}
.switch input:checked + .pulsador:before {
  transform: translateX(38px);
}
.switch .pulsador {
  cursor: pointer;
  background-color: lightgray;
  position: relative;
  width: 70px;
  height: 32px;
  display: inline-block;
  border-radius: 15px;
}
.switch .pulsador::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  bottom: 6px;
  left: 6px;
  background-color: white;
  border-radius: 50%;
  transition: 0.2s;
}

@keyframes pulso {
  0% {
    background-color: blue;
    opacity: 0.5;
    transform: scale(1);
    outline: 1px solid red;
    outline-offset: 1px;
  }
  50% {
    outline: 1px solid red;
    outline-offset: 10px;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    outline: 1px solid red;
    outline-offset: 1px;
    opacity: 0.5;
    transform: scale(1);
  }
}
@keyframes ef1 {
  from {
    height: 50px;
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ef2 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes ef3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
$smartphones: only screen and (max-width: 575px);
$minitablets: only screen and (min-width: 576px) and (max-width: 767px);
$tablets: only screen and (min-width: 768px) and (max-width: 991px);
$laptops: only screen and (min-width: 992px) and (max-width: 1199px);
$desktops: only screen and (min-width: 1200px);
$desktops-big: only screen and (min-width: 1450px);*/
.switch input {
  opacity: 0;
}
.switch input:checked + .pulsador {
  background-color: black;
}
.switch input:checked + .pulsador:before {
  transform: translateX(38px);
}
.switch .pulsador {
  cursor: pointer;
  background-color: lightgray;
  position: relative;
  width: 70px;
  height: 32px;
  display: inline-block;
  border-radius: 15px;
}
.switch .pulsador::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  bottom: 6px;
  left: 6px;
  background-color: white;
  border-radius: 50%;
  transition: 0.2s;
}

@keyframes pulso {
  0% {
    background-color: blue;
    opacity: 0.5;
    transform: scale(1);
    outline: 1px solid red;
    outline-offset: 1px;
  }
  50% {
    outline: 1px solid red;
    outline-offset: 10px;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    outline: 1px solid red;
    outline-offset: 1px;
    opacity: 0.5;
    transform: scale(1);
  }
}
@keyframes ef1 {
  from {
    height: 50px;
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ef2 {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes ef3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

ul[class],
ol[class] {
  list-style: none;
}

h1,
h2,
h3,
h4,
li,
dd {
  margin: 0;
}

h1,
h2 {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  line-height: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover, a:focus {
  color: black;
}

img {
  vertical-align: middle;
}

input,
button,
textarea,
select {
  font: inherit;
}

textarea {
  resize: vertical;
}

body {
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 1.5;
  margin: 0px;
  color: black;
  background-color: transparent;
  background-attachment: fixed;
}

#footer {
  font-size: 0.95em;
  padding: 3rem 0.5rem 85px 0.5rem;
  display: flex;
  flex-wrap: wrap;
  color: #706f6f;
  background-color: rgb(242, 242, 242);
  color: black;
  font-family: "Montserrat";
  /*

  #extra-pie {
      display: none;
      margin-top: 2em;
      margin-bottom: 2em;
      justify-content: center;

      @media only screen and (min-width: 768px) {
          display: flex;
      }

      .extra {
          padding-left: 1em;
          padding-right: 1em;
          display: inline-block;
          border-right: 1px solid;

          &:last-of-type {
              border-right: none;
          }
      }
  } */
}
#footer p {
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  #footer {
    font-size: unset;
    padding-left: 9rem;
    padding-right: 9rem;
    flex-wrap: nowrap;
  }
}
#footer a:hover {
  color: darkgray;
}
#footer h3 {
  margin-bottom: 1.5em;
}
#footer #footer-contacto {
  width: 50%;
}
@media only screen and (min-width: 1200px) {
  #footer #footer-contacto {
    width: 33%;
  }
}
#footer #footer-siganos {
  margin-top: 2rem;
  width: 100%;
  order: 1;
}
@media only screen and (min-width: 1200px) {
  #footer #footer-siganos {
    width: 33%;
    order: 0;
    margin-top: 0;
  }
}
#footer #footer-siganos h3 {
  margin-bottom: 2em;
}
#footer #footer-siganos #newsletter button {
  cursor: pointer;
  margin-top: 2.5rem;
  text-align: center;
  padding: 0.3em 2.5em;
  background-color: white;
  color: #706f6f;
  white-space: nowrap;
  border-radius: 40px;
  border: none !important;
}
#footer #footer-siganos .social a {
  margin-right: 5px;
}
#footer #footer-siganos .social a img {
  width: 40px;
  height: 40px;
}
#footer #footer-importante {
  width: 50%;
}
#footer #footer-importante p {
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) {
  #footer #footer-importante {
    margin-top: 0;
    width: 33%;
  }
  #footer #footer-importante p {
    margin: 0;
  }
  #footer #footer-importante p {
    margin: 0;
  }
}

.alberto {
  display: flex !important;
}

body .menu > li > ul.toggle-flex {
  display: flex !important;
}
body .menu > li > ul.alberto {
  display: flex !important;
}
body.toggle-flex .menu {
  display: flex !important;
}

.menu-general {
  width: 200px;
  position: absolute;
  left: 10px;
  top: 5px;
  bottom: 5px;
}

body.toggle-flex nav#menuPrincipal {
  position: fixed;
  height: 100vh;
  overflow-y: auto;
}

nav.menu-container {
  color: black;
  font-size: 19.2px;
  z-index: 25000;
  box-shadow: 0 0 5px rgba(30, 30, 30, 0.16);
  padding-top: 1px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  nav.menu-container {
    height: 70px;
  }
}
nav.menu-container a {
  color: black;
}
nav.menu-container #idioma-seleccionado {
  white-space: nowrap;
}
nav.menu-container .globo,
nav.menu-container > #logo,
nav.menu-container #icono-ac {
  filter: saturate(0%) brightness(0%) invert(0%) opacity(1);
  filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 0            0 0 0 0 0            0 0 0 0 0            0 0 0 1 0          "/>        </filter>      </svg>      #recolor');
}
nav.menu-container > #logo {
  position: absolute;
  top: 5px;
  left: 15px;
}
nav.menu-container > #logo img {
  height: 50px;
  width: auto;
}
@media only screen and (min-width: 992px) {
  nav.menu-container > #logo img {
    height: 60px;
  }
}
nav.menu-container > #icono-ac {
  position: absolute;
  top: 10px;
  left: 200px;
  width: 64px;
  height: 64px;
}
nav.menu-container > #icono-ac img {
  width: 75%;
  height: auto;
}
nav.menu-container .menu-movil {
  display: block;
  width: 100%;
  height: 60px;
}
@media only screen and (min-width: 992px) {
  nav.menu-container .menu-movil {
    display: none;
  }
}
nav.menu-container .menu-movil #hamburger {
  cursor: pointer;
  float: right;
  margin-top: 14px;
  margin-right: 10px;
}
nav.menu-container .menu-movil #hamburger .b1,
nav.menu-container .menu-movil #hamburger .b2,
nav.menu-container .menu-movil #hamburger .b3 {
  width: 35px;
  height: 3px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}
body.toggle-flex nav.menu-container .menu-movil #hamburger .b1 {
  transform: translateY(9px) rotate(-45deg);
}
body.toggle-flex nav.menu-container .menu-movil #hamburger .b2 {
  opacity: 0;
}
body.toggle-flex nav.menu-container .menu-movil #hamburger .b3 {
  transform: translateY(-9px) rotate(45deg);
}
nav.menu-container .menu > li > span:after {
  content: "";
  mask-size: cover;
  margin-left: 5px;
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  background-image: url(/resources/img/down-black.svg);
}
nav.menu-container.fijo-opaco {
  top: 0px;
  position: sticky;
  background-color: white;
  animation-name: ef1;
  animation-duration: 0.5s;
}
nav.menu-container.absoluto-transparente {
  color: black;
  top: 0px;
  position: absolute;
  background-color: transparent;
  box-shadow: none;
}
nav.menu-container.absoluto-transparente .menu > li > span:after {
  content: "";
  mask-size: cover;
  margin-left: 5px;
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  background-image: url(/resources/img/down-black.svg);
}
nav.menu-container.absoluto-transparente.menu-translucido ul.menu {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 5px;
  border: 2px solid darkgray;
}
nav.menu-container.absoluto-transparente.menu-blanco .globo,
nav.menu-container.absoluto-transparente.menu-blanco > #logo,
nav.menu-container.absoluto-transparente.menu-blanco #icono-ac, nav.menu-container.absoluto-transparente.menu-translucido .globo,
nav.menu-container.absoluto-transparente.menu-translucido > #logo,
nav.menu-container.absoluto-transparente.menu-translucido #icono-ac {
  filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
  filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 1            0 0 0 0 1            0 0 0 0 1            0 0 0 1 0          "/>        </filter>      </svg>      #recolor');
}
nav.menu-container.absoluto-transparente.menu-blanco .menu > li > span, nav.menu-container.absoluto-transparente.menu-translucido .menu > li > span {
  border-color: white;
  color: white;
}
nav.menu-container.absoluto-transparente.menu-blanco .menu > li > span:after, nav.menu-container.absoluto-transparente.menu-translucido .menu > li > span:after {
  content: "";
  mask-size: cover;
  margin-left: 5px;
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  background-image: url(/resources/img/down-white.svg);
}
nav.menu-container.absoluto-transparente.menu-blanco .menu > li > span + div, nav.menu-container.absoluto-transparente.menu-translucido .menu > li > span + div {
  color: white;
}
nav.menu-container.absoluto-transparente.menu-blanco .menu > li > a > span, nav.menu-container.absoluto-transparente.menu-translucido .menu > li > a > span {
  color: white;
}
nav.menu-container.absoluto-transparente.menu-blanco .menu > li > a > span + div, nav.menu-container.absoluto-transparente.menu-translucido .menu > li > a > span + div {
  color: white;
}
nav.menu-container.absoluto-transparente.menu-azul .globo,
nav.menu-container.absoluto-transparente.menu-azul > #logo {
  filter: saturate(0%) brightness(0%) invert(50%) opacity(1);
  filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 0            0 0 0 0 0            0 0 0 0 1            0 0 0 1 0          "/>        </filter>      </svg>      #recolor');
}
nav.menu-container.absoluto-transparente.menu-azul .menu > li > span {
  color: blue;
}
nav.menu-container.absoluto-transparente.menu-azul .menu > li > span:after {
  content: "";
  mask-size: cover;
  margin-left: 5px;
  height: 0.5em;
  width: 0.5em;
  display: inline-block;
  background-image: url(/resources/img/down-blue.svg);
}
nav.menu-container.absoluto-transparente.menu-azul .menu > li > span + div {
  border-color: blue;
}
nav.menu-container.absoluto-transparente.menu-azul a {
  color: blue;
}
nav.menu-container > ul.menu {
  margin-top: 18.6px;
  padding: 0px;
  display: none;
  flex-direction: column;
}
nav.menu-container > ul.menu li > span {
  white-space: nowrap;
}
nav.menu-container > ul.menu::before {
  content: "";
  width: 400px;
}
nav.menu-container > ul.menu > li > ul {
  position: relative;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  nav.menu-container > ul.menu {
    display: flex;
    flex-direction: row;
    position: relative;
    float: right;
    justify-content: flex-end;
    padding-inline-start: 0px;
    list-style: none;
  }
  nav.menu-container > ul.menu span.activo {
    font-weight: bold;
  }
  nav.menu-container > ul.menu span.activo + div {
    border-top: 2px solid;
    animation-name: ef2;
    animation-duration: 0.5s;
  }
  nav.menu-container > ul.menu > li > ul {
    position: absolute;
    flex-direction: row;
  }
}
nav.menu-container > ul.menu li,
nav.menu-container > ul.menu ul {
  list-style: none;
  padding-inline-start: 0px;
}
nav.menu-container > ul.menu > li {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  nav.menu-container > ul.menu > li > span + div,
  nav.menu-container > ul.menu > li > a > span + div {
    height: 3px;
  }
  nav.menu-container > ul.menu > li > span:hover + div,
  nav.menu-container > ul.menu > li > a > span:hover + div {
    border-top: 2px solid;
    animation-name: ef2;
    animation-duration: 0.5s;
  }
  nav.menu-container > ul.menu > li > span:hover:after,
  nav.menu-container > ul.menu > li > a > span:hover:after {
    transform: rotate(180deg);
  }
}
nav.menu-container > ul.menu > li > ul {
  background-color: white;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 8px;
  background-clip: padding-box;
  margin-top: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: none;
  z-index: 10000;
}
nav.menu-container > ul.menu > li > ul.megamenu {
  width: 100%;
  left: 0;
}
nav.menu-container > ul.menu > li > ul > li {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bolder;
  flex: 1;
}
nav.menu-container > ul.menu > li > ul > li .st {
  text-align: left;
  font-weight: 500;
  margin-top: 0.5em;
  border-bottom: 1px solid rgba(128, 128, 128, 0.6);
}
nav.menu-container > ul.menu > li > ul > li > ul {
  text-align: left;
}
nav.menu-container > ul.menu > li > ul > li > ul > li {
  white-space: nowrap;
  min-height: 48px;
  font-size: 18px;
}
nav.menu-container > ul.menu > li > ul > li > ul > li a {
  text-decoration: none;
  color: black;
  font-size: 0.9em;
  font-weight: normal;
}
nav.menu-container > ul.menu > li > ul > li > ul > li img {
  width: 58px;
  height: 58px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 6%;
  margin-top: -2px;
}
@keyframes crecer {
  from {
    color: lightgreen;
    height: 0;
  }
  to {
    height: 100%;
  }
}
.crecer {
  animation-name: crecer;
  animation-duration: 0.3s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.9s;
}

@keyframes doblar {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
.doblar {
  animation-name: doblar;
  animation-duration: 0.3s;
}

@keyframes izq {
  from {
    transform: traslateX(-100px);
  }
  to {
    transform: translateX(0%);
  }
}
.izq {
  animation-name: izq;
  animation-duration: 3s;
}

.panel-defecto {
  background-color: white;
  margin-bottom: 20px;
}
.panel-defecto .panel-cabecera {
  font-family: "Montserrat";
  padding: 10px 15px;
  border-bottom: 2px solid rgba(230, 230, 230, 0.1);
  background-color: #f5f5f5;
}
.panel-defecto .panel-cabecera .panel-titulo {
  font-family: "Montserrat";
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 28.8px;
  font-weight: 500;
  text-align: center;
}
.panel-defecto .panel-cuerpo {
  background-color: white;
  padding: 5px;
}

#html #html .botonSimple {
  cursor: pointer;
  background-color: transparent;
  border: 2px solid darkgray;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
#html #html .botonSimple:hover {
  background-color: gray;
}
#html #html .botonSimple.blanco {
  color: white;
}
#html #html .botonSimple.video:before {
  filter: saturate(0%) brightness(0%) invert(100%) opacity(1);
  filter: url('data:image/svg+xml;utf8,      <svg xmlns="http://www.w3.org/2000/svg">        <filter id="recolor" color-interpolation-filters="sRGB">          <feColorMatrix type="matrix" values="            0 0 0 0 1            0 0 0 0 1            0 0 0 0 1            0 0 0 1 0          "/>        </filter>      </svg>      #recolor');
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url(/recursos/archivos/etc/AmbientesWeb/play-icon.png);
  background-size: cover;
  margin-right: 4px;
  vertical-align: middle;
}

.login-especial {
  width: 80%;
  position: relative;
  margin: 0 auto;
  margin-top: 25px;
  border-radius: 10px;
  padding: 15px;
  background-color: rgba(128, 128, 128, 0.75);
}
@media only screen and (min-width: 992px) {
  .login-especial {
    width: 30%;
  }
}
.login-especial #area-reservada {
  font-size: 2rem;
  border-bottom: 1px solid white;
  color: white;
  text-align: center;
  margin-bottom: 0.4em;
}
.login-especial #login {
  margin-left: 2rem;
  font-size: 1.6rem;
  text-align: left;
  color: #fff;
  margin-bottom: 0.5em;
}
.login-especial input {
  margin-left: 2rem;
  width: 80%;
  width: calc(100% - 4rem);
  font-size: 1.3rem;
  padding: 0.55em;
  margin-bottom: 1em;
  border: none;
}
.login-especial #ok,
.login-especial button {
  margin-left: calc(100% - 4em);
  color: white;
  width: 3em;
  font-size: 1.75em;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background: transparent;
  border-radius: 10px;
}
.login-especial #ok:hover,
.login-especial button:hover {
  outline: 3px solid black;
  background: gray;
  color: white;
}

#html .play-video {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

p {
  margin: 0px;
}

#html body .ui-card .ui-card-title {
  font-family: Montserrat;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
}

#html .ui-column-title {
  font-family: Montserrat;
  font-size: 1.2rem;
  font-weight: normal;
}

#videoclientes {
  border: 6px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  position: relative;
  width: 100%;
  transition: all 1s ease-out;
  overflow: hidden;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) {
  #videoclientes {
    width: 38%;
    margin: 0 auto;
  }
}

.ajaxStatusNormal {
  border: 2px solid gray;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 400;
}

.ajaxStatusMensajes {
  color: white;
  padding: 10px;
  border: 1px solid gray;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -125px;
  z-index: 400;
  color: #d0a084;
}

.areacliente {
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) {
  .areacliente {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .areacliente.home {
    width: 100%;
  }
}
.areacliente .ui-datatable table {
  width: auto;
}
@media screen and (min-width: 900px) {
  .areacliente .ui-datatable table {
    width: 100%;
  }
}
.areacliente .ui-card {
  position: relative;
}
.areacliente span.fa.fa-file-pdf,
.areacliente i.fa.fa-file-pdf,
.areacliente div.fa.fa-file-pdf {
  color: red;
}
.areacliente span.fa.fa-file-excel,
.areacliente i.fa.fa-file-excel,
.areacliente div.fa.fa-file-excel {
  color: green;
}
.areacliente span.fa.fa-shopping-basket,
.areacliente i.fa.fa-shopping-basket,
.areacliente div.fa.fa-shopping-basket {
  color: black !important;
}
.areacliente .valdelia .ui-datatable-tablewrapper,
.areacliente .mensajes .ui-datatable-tablewrapper,
.areacliente .reservasOnLine .ui-datatable-tablewrapper,
.areacliente .gestionHO .ui-datatable-tablewrapper,
.areacliente .consultaPedidosParecidosA .ui-datatable-tablewrapper,
.areacliente .resumenPedidosRepresentante .ui-datatable-tablewrapper,
.areacliente .consultaPedidos .ui-datatable-tablewrapper,
.areacliente .consultaPedidosParecidosA .ui-datatable-tablewrapper,
.areacliente .consultaFacturas .ui-datatable-tablewrapper {
  height: 350px;
}
.areacliente .valdelia .ui-card,
.areacliente .mensajes .ui-card,
.areacliente .reservasOnLine .ui-card,
.areacliente .gestionHO .ui-card,
.areacliente .consultaPedidosParecidosA .ui-card,
.areacliente .resumenPedidosRepresentante .ui-card,
.areacliente .consultaPedidos .ui-card,
.areacliente .consultaPedidosParecidosA .ui-card,
.areacliente .consultaFacturas .ui-card {
  margin-top: 10px;
  position: relative;
  height: 100%;
  margin-bottom: 10px;
}
.areacliente .valdelia .anclado,
.areacliente .mensajes .anclado,
.areacliente .reservasOnLine .anclado,
.areacliente .gestionHO .anclado,
.areacliente .consultaPedidosParecidosA .anclado,
.areacliente .resumenPedidosRepresentante .anclado,
.areacliente .consultaPedidos .anclado,
.areacliente .consultaPedidosParecidosA .anclado,
.areacliente .consultaFacturas .anclado {
  position: absolute;
  right: 32px;
  bottom: 32px;
}
.areacliente .valdelia .ayuda {
  width: 2rem;
  padding-top: 3px;
  padding-bottom: 3px;
}
.areacliente .gestionHO .col-codigo {
  width: 19.7368421053%;
}
.areacliente .gestionHO .col-descripcion {
  width: 52.6315789474%;
}
.areacliente .gestionHO .col-cantidad {
  width: 9.2105263158%;
  text-align: right;
}
.areacliente .gestionHO .col-color1 {
  width: 9.2105263158%;
}
.areacliente .gestionHO .col-precio {
  width: 9.2105263158%;
  text-align: right;
}
.areacliente .gestionHO #dlg-cabecera .ui-dialog-content {
  background-color: rgb(250, 250, 250);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 15px;
}
.areacliente .gestionHO #dlg-cabecera .ui-dialog-content .p-field {
  margin: 0px;
}
.areacliente .gestionHO #dlg-cabecera .ui-dialog-content .p-field label {
  display: block;
}
.areacliente .gestionHO #dlg-cabecera .ui-dialog-content #botones-pie {
  background-color: rgb(250, 250, 250);
  border-radius: 10px;
  padding: 20px;
}
.areacliente .consultaFacturas .col-numero {
  text-align: center;
}
.areacliente .consultaFacturas .col-importe {
  text-align: right;
}
.areacliente .consultaFacturas .col-fecha {
  text-align: center;
}
.areacliente .consultaFacturas .col-importe {
  text-align: right;
}
.areacliente .consultaFacturas .col-pedido {
  text-align: center;
}
.areacliente .consultaFacturas .col-su-pedido {
  text-align: center;
}
.areacliente .mensajes .ui-datatable table {
  width: auto;
}
@media screen and (min-width: 900px) {
  .areacliente .mensajes .ui-datatable table {
    width: 100%;
  }
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-logo {
  min-width: 2rem;
  text-align: center;
  width: 11.7647058824%;
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-logo img {
  max-width: 100%;
  height: auto;
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-mensaje {
  width: 47.0588235294%;
  min-width: 30rem;
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-fecha {
  width: 11.7647058824%;
  text-align: center;
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-fichero {
  width: 17.6470588235%;
  text-align: center;
}
.areacliente .mensajes #tablaMensajesNoConfirmados .col-confirmar {
  width: 11.7647058824%;
  text-align: center;
}
.areacliente .mensajes #tablaMensajesGlobales .col-logo,
.areacliente .mensajes #tablaMensajesPrivados .col-logo {
  min-width: 2rem;
  text-align: center;
  width: 13.3333333333%;
}
.areacliente .mensajes #tablaMensajesGlobales .col-logo img,
.areacliente .mensajes #tablaMensajesPrivados .col-logo img {
  max-width: 100%;
  height: auto;
}
.areacliente .mensajes #tablaMensajesGlobales .col-mensaje,
.areacliente .mensajes #tablaMensajesPrivados .col-mensaje {
  width: 53.3333333333%;
  min-width: 30rem;
}
.areacliente .mensajes #tablaMensajesGlobales .col-fecha,
.areacliente .mensajes #tablaMensajesPrivados .col-fecha {
  width: 13.3333333333%;
  text-align: center;
}
.areacliente .mensajes #tablaMensajesGlobales .col-fichero,
.areacliente .mensajes #tablaMensajesPrivados .col-fichero {
  width: 20%;
  text-align: center;
}
.areacliente .reservasOnLine #tablaCesta .col-codigo {
  text-align: left;
  width: 14.8148148148%;
}
.areacliente .reservasOnLine #tablaCesta .col-cantidad {
  text-align: right;
  width: 7.3170731707%;
}
.areacliente .reservasOnLine #tablaCesta .col-descripcion {
  min-width: 20rem;
  text-align: left;
  width: 48.7804878049%;
}
.areacliente .reservasOnLine #tablaCesta .col-stock {
  width: 6.0975609756%;
  text-align: right;
}
.areacliente .reservasOnLine #tablaCesta .col-precio {
  width: 8.5365853659%;
  text-align: right;
}
.areacliente .reservasOnLine #tablaCesta .col-botones-1 {
  width: 7.3170731707%;
  text-align: right;
}
.areacliente .reservasOnLine #tablaCesta .col-botones-2 {
  width: 7.3170731707%;
  text-align: right;
}
.areacliente .reservasOnLine #tablaProducto .col_add1 {
  text-align: center;
  width: 9.8765432099%;
}
.areacliente .reservasOnLine #tablaProducto .col_codigo {
  text-align: center;
  width: 18.5185185185%;
}
.areacliente .reservasOnLine #tablaProducto .col_descripcion {
  width: 49.3827160494%;
}
.areacliente .reservasOnLine #tablaProducto .col_stock {
  width: 9.8765432099%;
  text-align: right;
}
.areacliente .reservasOnLine #tablaProducto .col_precio {
  width: 12.3456790123%;
  text-align: right;
}
.areacliente .reservasOnLine .total-pedido {
  margin-top: 15px;
  padding: 5px;
  border: 1px solid black;
  float: right;
}
.areacliente .reservasOnLine .botones-pie-cesta {
  margin-top: 15px;
}
.areacliente .reservasOnLine .botones-pie-cesta button {
  margin-right: 5px;
  margin-bottom: 5px;
}
.areacliente .reservasOnLine #su-referencia-pedido,
.areacliente .reservasOnLine #comentario-1,
.areacliente .reservasOnLine #comentario-2 {
  margin-bottom: 10px;
}
.areacliente .reservasOnLine #su-referencia-pedido input,
.areacliente .reservasOnLine #su-referencia-pedido button,
.areacliente .reservasOnLine #comentario-1 input,
.areacliente .reservasOnLine #comentario-1 button,
.areacliente .reservasOnLine #comentario-2 input,
.areacliente .reservasOnLine #comentario-2 button {
  margin-top: 5px;
  margin-left: 5px;
}
.areacliente .reservasOnLine #cesta .ui-datatable-tablewrapper {
  height: auto;
}
.areacliente .reservasOnLine .panel-cabecera {
  position: relative;
}
.areacliente .reservasOnLine .panel-cabecera #pnl-cesta-principal {
  position: absolute;
  top: 10px;
  left: 5px;
}
.areacliente .reservasOnLine .panel-cabecera .panel-titulo {
  font-size: 1rem;
}
@media screen and (min-width: 600px) {
  .areacliente .reservasOnLine .panel-cabecera .panel-titulo {
    font-size: 2rem;
  }
}
.areacliente .reservasOnLine a#lnk-cesta {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
  background-color: white;
}
.areacliente .reservasOnLine a#lnk-cesta:hover {
  background-color: lightblue;
}
.areacliente .reservasOnLine a#lnk-cesta .fa {
  font-size: 3rem;
  color: black;
}
@media screen and (min-width: 900px) {
  .areacliente .reservasOnLine a#lnk-cesta .fa {
    font-size: 4rem;
  }
}
.areacliente .reservasOnLine .naranja {
  color: orange;
  font-style: italic;
  background-color: transparent;
}

.ho .tenue {
  opacity: 0.3;
  pointer-events: none;
  cursor: initial !important;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #datos-distribuidor {
  margin-top: 15px;
  background-color: rgb(250, 250, 250);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 15px;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #datos-pedido-ho {
  background-color: rgb(250, 250, 250);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 15px;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #datos-pedido-ho .p-field {
  margin: 0px;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #datos-pedido-ho .p-field label {
  display: block;
  opacity: 1;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #botones-pie {
  background-color: rgb(250, 250, 250);
  border-radius: 10px;
  padding: 20px;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #botones-pie #chk-acepto {
  margin-left: 10px;
}
.ho #dlg-confirmar-pedido .ui-dialog-content #botones-pie #btn-confirmar-pedido {
  margin-right: 10px;
}
.ho #dlg-cesta .col-codigo {
  width: 16.1290322581%;
}
.ho #dlg-cesta .col-descripcion {
  width: 32.2580645161%;
}
.ho #dlg-cesta .col-cantidad {
  width: 8.6021505376%;
  text-align: right;
}
.ho #dlg-cesta .col-variacion {
  text-transform: capitalize;
  width: 10.2272727273%;
}
.ho #dlg-cesta .col-precio {
  width: 7.5268817204%;
  text-align: right;
}
.ho #dlg-cesta .col-ecotasa {
  text-transform: capitalize;
  width: 5.376344086%;
  text-align: right;
}
.ho #dlg-cesta .col-total {
  text-transform: capitalize;
  width: 7.5268817204%;
  text-align: right;
}
.ho #dlg-cesta .col-botones {
  width: 12.9032258065%;
}
.ho #dlg-cesta #btn-continuar-comprando {
  margin-top: 10px;
  margin-right: 10px;
}
.ho #dlg-cesta #btn-hacer-pedido {
  margin-top: 10px;
}
.ho .principal {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ho .principal .lado {
  width: 16.5%;
  background-color: white;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  flex-shrink: 5;
  flex-grow: 5;
  flex-basis: auto;
}
.ho .principal .lado #fi,
.ho .principal .lado #fd {
  z-index: 10;
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.ho .principal .lado #index {
  z-index: 10;
  position: absolute;
  top: 70%;
  cursor: pointer;
}
.ho .principal .lado #home {
  z-index: 10;
  position: absolute;
  top: 85%;
  cursor: pointer;
}
.ho .principal .lado #esp {
  z-index: 10;
  position: absolute;
  cursor: pointer;
}
.ho .principal .lado #cat {
  z-index: 10;
  position: absolute;
  cursor: pointer;
}
.ho .principal .lado #fr {
  z-index: 10;
  position: absolute;
  cursor: pointer;
}
.ho .principal .lado #fd,
.ho .principal .lado #home,
.ho .principal .lado #index {
  right: 50%;
}
.ho .principal .lado #fi {
  left: 50% px;
}
.ho .principal .lado .cesta {
  margin-top: 20%;
}
.ho .principal .centro {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: auto;
  width: 67%;
}

#cambioPwd {
  padding-top: 5em;
  margin-top: 5em;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) {
  #cambioPwd {
    width: 40%;
  }
}/*# sourceMappingURL=mobel.css.map */