@charset "utf-8";
/**/
textarea {
  resize : none;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

  input[type="button"],
  input[type="submit"] {
    -webkit-appearance : none;

  }
}
.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}
.videoWrapper iframe {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}
input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}
input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatio164 {
  position : relative;
}
.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;

}
.aspectRatio1:before {
  padding-top : 100%;
}
.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}
.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}
.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}
.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

.mid-articulos .list a span.thumbnail {
  background-size     : cover;
  background-position : center;
  background-repeat   : no-repeat;
  display             : block;
}

.bodymask {
  background-color : #FFF;
  display          : none;
  position         : fixed;
  top              : 0;
  left             : 0;
  z-index          : 1000;
  opacity          : .7;

}
.bg-login-image {
  background-image : url(imagenes/shutterstock_294704132-web.jpg);

}
.order-detail {
  font-size : .7em;
}
.order-detail tr th {
  width            : 1px;
  background-color : #4E73DF;
  color            : #FFF
}
.order-files ul {
  list-style : none;
}
@media (max-width : 500px) {
  .order-detail table tr,
  .order-detail table tr th,
  .order-detail table tr td {
    display : block;
    width   : 100% !important;
  }
}
.progress {
  height : 1.1rem;
}
.progress-bar {
  position : relative;
}
.progress-bar::after {
  content     : "»";
  display     : block;
  position    : absolute;
  top         : 0;
  right       : 3px;
  font-size   : 24px;
  font-weight : bold;
  line-height : 1rem;
}
.progress i {
  position         : absolute;
  top              : -19px;
  right            : -3px;
  color            : #FFF;
  font-size        : 34px;
  background-color : #4E73DF;
  padding          : 8px 13px 11px 14px;
  border-radius    : 70px;
  text-align       : center;
}

.estados_numero > div > span {
  border-radius    : 20px;
  color            : #FFF;
  background-color : #4E73DF;
  padding          : 3px 7px;
  text-align       : center;
}
.estados_numero > div > span.disabled {
  background-color : #BBB;
  color            : #FFF;
}
.estados_labels {
  display : none;
}
.estados_labels .row .col-sm-6 {
  font-weight : bold;
  color       : #4E73DF
}
.estados_labels .row .col-sm-6.disabled {
  font-weight : normal;
  color       : #CCC
}
@media (max-width : 1348px) {
  .estados_numero {
    display : none;
  }

  .estados_labels {
    display : block;
  }
}

.pasteta1, .pasteta1 * {
  color :#999595 !important;
}

/* Estados de fila (órdenes por estado) */
tr.estado1 td {
  background-color : #C1E3C1 !important;
}
tr.estado2 td {
  background-color : #E8E89E !important;
}
tr:is(.estado3,.estado4) td {
  background-color : #E69797 !important;
}

/* Semáforo por días restantes hasta la ETA (opcional / configurable) */
tr.semaforo-verde td {
  background-color : #C1E3C1 !important;
}
tr.semaforo-amarillo td {
  background-color : #E8E89E !important;
}
tr.semaforo-rojo td {
  background-color : #E69797 !important;
}
#dataTable {
  color: #333;
}
 #dataTableMadre tr th{
   width: 130px;
   background-color: #757A8A;
   color: #FFF;
 }
#dataTableMadre  td,  #dataTableMadre  th {
  padding: 0.45rem;
}