html.ios body, .card, .ios .list, input{
  font-size: 14px;
}

.ios .list input[type="date"], 
.ios .list input[type="datetime-local"], 
.ios .list input[type="email"], 
.ios .list input[type="number"], 
.ios .list input[type="password"], 
.ios .list input[type="search"], 
.ios .list input[type="tel"], 
.ios .list input[type="text"], 
.ios .list input[type="time"], 
.ios .list input[type="url"], 
.ios .list select {
    font-size: 14px;
}
.banner-submenu li {
    font-size: 13px;
}
.data-table thead {
  font-size: 12px;
}
.toolbar a span {
    font-size: 12px;
}

.toolbar .powershop-icon {
    width: 18px;
    height: 18px;
}
#articulo-wrapper .stock-table tbody tr td:not(:first-child) {
  height: 30x;
  margin-top:2px 0;
  margin-bottom:2px 0;
}

#albaran-activo-picking-num .item-after {
  font-size: 40px;
  line-height: 28px;
}

.list-img-wrapper { 
  /** height: 300px; **/
}

.search-label {
   font-size: 12px;
}

#articulos-wrapper .descripcion, #enlazados-wrapper .descripcion {
  font-size: 12px;
}
.ios .toolbar, 
.toolbar {
    font-size: 17px;
}
.navbar-tablet {
  display:none;
}
#ordenes-add-product-wrapper a,
#inventario-add-product-wrapper a,
#order-add-product-wrapper a,
.add-product-wrapper a,
#entrada-add-product-wrapper a, 
#imprimir-lista-salidas-ordenes a {
  margin: 0 15px !important;
}
#ver-inventario {
  margin-left:0 !important;
}
a#lectura-codigos-ordenes,
a#lectura-codigos-inventario,
a#lectura-codigos-albaran,
a.lectura-codigos {
  margin-right:0 !important;
}
#ordenes-add-product-wrapper a#imprimir-lista-salidas-ordenes {
    width: 40px;
    height: 42px;
    margin-left: 0 !important;
}
@media screen and (min-width: 320px) {
  html.ios body, .card, .ios .list, input{
    font-size: calc(14px + 4 * ((100vw - 320px) / 680));
  }
  .ios .list input[type="date"], 
  .ios .list input[type="datetime-local"], 
  .ios .list input[type="email"], 
  .ios .list input[type="number"], 
  .ios .list input[type="password"], 
  .ios .list input[type="search"], 
  .ios .list input[type="tel"], 
  .ios .list input[type="text"], 
  .ios .list input[type="time"], 
  .ios .list input[type="url"], 
  .ios .list select {
      font-size: calc(14px + 4 * ((100vw - 320px) / 680));
  }
  .banner-submenu li {
    font-size: calc(13px + 4 * ((100vw - 320px) / 680));
  }
  .data-table thead {
    font-size: calc(12px + 4 * ((100vw - 320px) / 680));
  }
  .toolbar a span {
    font-size: calc(12px + 4 * ((100vw - 320px) / 680));
  }
  #articulos-wrapper .descripcion, #enlazados-wrapper .descripcion {
      font-size: calc(12px + 6 * ((100vw - 320px) / 680));
  }
  .toolbar .powershop-icon {
    width: calc(18px + 4 * ((100vw - 320px) / 680));
    height: calc(18px + 4 * ((100vw - 320px) / 680));
  }
  #articulo-wrapper .stock-table tbody tr td:not(:first-child) {
    height: calc(30px + 10 * ((100vw - 320px) / 680));
    margin-top: calc(2px + 4 * ((100vw - 320px) / 680));
    margin-bottom: calc(2px + 4 * ((100vw - 320px) / 680));
  }
  .ios .item-floating-label, .ios .item-label {
    font-size: calc(12px + 6 * ((100vw - 320px) / 680));
  }
  .list-img-wrapper { 
    /** height: calc(120px + 180 * ((100vw - 320px) / 680)); **/
  }
  .page-content {
    padding-top: calc(54px + 26 * ((100vw - 320px) / 680)) !important;
    padding-bottom: calc(112px + 28 * ((100vw - 320px) / 680)) !important;
  }
  .ios .toolbar, 
  .toolbar {
    font-size: calc(17px + 7 * ((100vw - 320px) / 680));
  }
  .search-label {
    font-size: calc(12px + 4 * ((100vw - 320px) / 680));
  }
  #ordenes-add-product-wrapper a,
  #inventario-add-product-wrapper a,
  #order-add-product-wrapper a,
  .add-product-wrapper a,
  #entrada-add-product-wrapper a, 
  #imprimir-lista-salidas-ordenes a {
    margin: 0 15px !important;
  }
}

@media screen and (max-width: 460px) {
#ordenes-add-product-wrapper a,
  #inventario-add-product-wrapper a,
  #order-add-product-wrapper a,
  .add-product-wrapper a,
  #entrada-add-product-wrapper a, 
  #imprimir-lista-salidas-ordenes a,
  a.add-order-client ,
  a#buscar-cliente,
  a.clear-order-client  {
    margin: 0 !important;
  }
}
@media screen and (max-width: 999px) {
  .hide-on-phone {
    display:none !important;
  }
}
@media screen and (min-width: 1000px) {
  html.ios body, .card, .ios .list, input{
    font-size: 18px;
  }
  
  .ios .list input[type="date"], 
  .ios .list input[type="datetime-local"], 
  .ios .list input[type="email"], 
  .ios .list input[type="number"], 
  .ios .list input[type="password"], 
  .ios .list input[type="search"], 
  .ios .list input[type="tel"], 
  .ios .list input[type="text"], 
  .ios .list input[type="time"], 
  .ios .list input[type="url"], 
  .ios .list select {
      font-size: 18px;
  }
  .banner-submenu li {
    font-size: 17px;
  }
  .data-table thead {
    font-size: 16px;
  }
  .toolbar a span {
    font-size: 16px;
  }
  .ios .item-floating-label, .ios .item-label {
    font-size: 18px;
  }
  .toolbar .powershop-icon {
    width: 22px;
    height: 22px;
  }
  .page-title {
    margin-top:40
  }
  #articulo-wrapper .stock-table tbody tr td:not(:first-child) {
    height: 40px;
    margin-top:6px;
    margin-bottom:6px;
  }
  #articulos-wrapper .descripcion, #enlazados-wrapper .descripcion {
      font-size: 18px;
  }
  #articulo-wrapper #add-wrapper{
    float:left;
    width:50%;
  }
  #articulo-wrapper .img-wrapper{
    float:left;
    width:50%;
  }
  .page-content {
    padding-top: 80px !important;
    padding-bottom: 140px !important;
  }
  .ios .toolbar, 
  .toolbar {
    font-size: 24px;
    flex-wrap: wrap;
  }
  .toolbar a {
    line-height: 1;
    width: 75px;
    text-align: center;
  }
  .search-label {
    font-size: 16px;
  }
  /** Cambio de orientación **/
  #order-summary-panel, 
  #order-action-panel,
  #charge-summary-panel,
  #charge-action-panel,
  #devolucion-summary-panel,
  #devolucion-action-panel  {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 100%;
    float:left;
  }
  #order-summary-panel,
  #charge-summary-panel,
  #devolucion-summary-panel {
    width:60%;
  }
  #order-action-panel, 
  #charge-action-panel,
  #devolucion-action-panel {
    width:40%;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
  }
  #order-tpv-total,
  #devolucion-tpv-total {
    height:120px;
  }
  
  #order-tpv-total #order-total table td.total,
  #devolucion-tpv-total #devolucion-total table td.total,
  #order-tpv-total .order-total table td.total,
  [data-name="charge"] #header table td#charge-total {
    font-size: 70px;
    color: #2196F3;
    text-align: right;
    border-top:none;
    font-weight: bold;
  }
  
  .ios #order-tpv-total .data-table tbody td::before,
  .ios #devolucion-tpv-total .data-table tbody td::before  {
    display:none;
  }
  /** PAGE CHARGE **/
  #check-email-help-text {
    padding:0 15px;
  }
  /** FOOTER **/

  .footer.toolbar,
  .ios .footer.toolbar {
    height: 100% !important;
    width: 75px;
  }
  
  .footer.toolbar .toolbar-inner {
    width: 75px;
    padding: 20px 0 !important;
    display: grid;
    height: 100%;
    align-content: space-around;
  }
  
  .page-content.fab-opened {
    padding-left: 75px;
  }
  
  .header .navbar-inner{
    /**padding-left: 75px !important;**/
  }
  #tabla-tpv tr th, #tabla-tpv tr td{
    width:50%;
  }
  [data-name="charge"] #header table td#charge-done, [data-name="charge"] #header table td#charge-remains, [data-name="offline-charge"] #header table td#charge-done, [data-name="offline-charge"] #header table td#charge-remains {
    font-size: 40px;
  }
  /**
  .banner img {
    width: 100%;
    height: 100%;
  }
  **/
  .navbar.order-nav{
    width:60%;
  }
  /**
  .search-bar-wrapper {
    width:60%;
  } **/
  [data-name="order"] .navbar-tablet,
  [data-name="pre-charge"] .navbar-tablet,
  [data-name="charge"] .navbar-tablet  {
    display: block;
    width:40%;
    box-sizing: border-box;
    z-index:10;
    float: right;
    margin-top: -95px;
  }
  .navbar-tablet img {
    min-width:100%;
  }
  
  
  [data-name="charge"] #email-cliente {
    margin-right:15px;
  }
  #charge-summary-panel {
    display:block;
  }
  #charge-total {
    border-bottom:1px solid #ccc;
  }
  #ordenes-add-product-wrapper a{
    margin: 0 15px !important;
  }
  a#lectura-codigos-ordenes {
    margin-right:0 !important;
  }
  .hide-on-tablet {
    display:none !important;
  }
  .calendar-month-selector span, .calendar-year-selector span {
    overflow: unset;
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .toolbar .powershop-icon {
      width: 36px;
      height: 36px;
      display: block;
      background-size: cover !important;
      margin-bottom: 5px;
    }
    .toolbar .powershop-icon[class*="fast-cart-"] {
      width: 36px;
      height: 34px;
    }
    .navbar, .toolbar {
      height: 80px !important;
    }
    .toolbar a span {
      font-size: 16px;
      color: #595959;
    }
    .power-slide {
      height: 540px;
      overflow: hidden;
    }
    .banner img {
      max-height:50px;
      overflow:hidden;
    }
    [data-name="index"] .page-content {
      padding-top: 100px !important;
    }
    .ios .list {
      font-size: 18px;
    }
    .ios .list .item-content {
      min-height: 66px;
      padding-left: 25px;
    }
    .powershop-icon {
      width: 36px;
      height: 36px;
    }
    #logo img {
      width: 360px; 
    }
    
    .ios .dialog-input {
      height: 42px;
      font-size: 18px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}