/*
   statusbar-overlay sets the background color for the overlay. Black text is the default when the statusbar plugin is not added. When the
   statusbar plugin is added, it also adds default setting to make the content white via:

       <preference name="StatusBarStyle" value="lightcontent"/>

   Setting the background color to black will allow the default light content (white text/icons) to show on it. The statusbar plugin is included
   in the config.xml file and will be added by the CLI when you build locally.

   See https://github.com/apache/cordova-plugin-statusbar
*/
/* 
Colores IOS
rojo : ;
naranja: ff9500;

/* Theme */
@font-face {
  font-family: "Motor";
  src: url("https://dev.powershop.es/css/motoroil.ttf");

}

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

li{
  list-style: none;
}
.powerfont {
  font-family: 'Motor';
  font-size: 40px;
  text-align: right;
}

.barcode {
  font-family: 'Libre Barcode 39', cursive;
  font-size: 40px;
  text-align: right;
}

.barcode128 {}

.ean13font {
  font-family: 'Libre Barcode EAN13 Text', cursive;
  font-size: 90px;
  text-align: right;
}

#tabla-albaran-picking .numeric-cell {
  width:58px;
}

body {
 padding-top: constant(safe-area-inset-top); 
 padding-top: env(safe-area-inset-top);
}
.toolbar {
 margin-bottom: constant(safe-area-inset-bottom);
 margin-bottom: env(safe-area-inset-bottom); 
 min-height: 70px;
}
.text-right{
  text-align:right !important;
}
#albaran-activo-top{
  margin-top: 62px;
}

#albaran-activo-top.extra-padding{
  margin-top: 113px;
}

.extra-margin{
  margin-top: 68px;
}
.extra-margin-xl{
  margin-top: 100px !important;
}
.extra-margin-xxl{
  margin-top: 150px !important;
}

#ubicar-wrapper.extra-padding {
  margin-top: 61px;
}

.tabla-albaran-picking-box {
  overflow-y:scroll !important;
  height:80%;
}

.margin-top-20 {
  margin-top:20px !important;
}
.big-list-btn {
  background: #007aff;
  color: #fff !important;
  height: 55px;
  font-size: 18px;
}
#articulo-wrapper .no-padding {
  padding: 0 !important;
}
#articulo-wrapper  #tab-1 .block{
  margin:0;
  padding:0;
}
#splash{
  position: absolute;
  background: #000;
  width: 100%;
  min-height: 100%;
  z-index: 5001;
}
#splash img{
  margin:0 auto;
  padding:50px 0;
  display:block;
}
.popup-login {
  background:#000;
}
.popup-login button.button-big{
  color: #000 !important;
}
.hidden{
    display:none !important;
}
.line-through {
    text-decoration:line-through;
}
.no-margin {
    margin:0 !important;
}
.nowrap {
  white-space: nowrap;
}
/** NAVBAR **/
.navbar{
  height: 54px;
  box-shadow: 0 0 0 0;
} 
/** 
.toolbar{
  height: 54px;
  box-shadow: 0 0 0 0;
}
**/

#powershop-cloud .navbar-inner, #powershop-cloud .navbar, #powershop-cloud .subnavbar{
  background: #fff;
}
#powershop-cloud .toolbar {
    background: rgba(220,220,220, 1);
}
.navbar-fixed .page-content, .navbar-through .page-content {
    padding-top: 54px;
}

.size-30 {
    font-size:30px;
}
.size-60 {
    font-size:60px;
}
body{
    background:#fff;
}
body, 
a, 
.button,
.ios body,
body.ios,
body.ios a,
body.ios .button,
.ios .list .item-link, 
.ios .list .list-button {
    color: #595959;
    font-family: Arial;
}
.pages, .page-content{
    background:#fff;
}
.panel{
    background:#fff;
}
.content-block {
    background:#fff;
}
.navbar .center, .subnavbar .center {
    left: 0 !important;
    margin: 0 auto;
    display: block !important;
    width: 100%;
    text-align: center;
}
.navbar .left {
    margin-right: 10px;
    min-width: 37px;
}
.list-block ul, 
.list-block ul:before {
    background: #fff;
    padding: 0;
    margin: 0;
}
.list-block .item-content {
    padding-left: 10px;
}
.list-group-title {
    /*background:#444551 !important;
    color:rgba(160,150,172,1) !important;*/
    text-transform: uppercase;
}

.list-block li.bg-blue {
    background:#2196F3;
    color: #fff;
}
#powershop-cloud .list-block {
    margin-bottom:0;
    margin-top:0;
}
.navbar.theme-power-black, .searchbar.theme-power-black, .subnavbar.theme-power-black, .theme-power-black .navbar, .theme-power-black .searchbar, .theme-power-black .subnavbar, .theme-power-black .toolbar, .toolbar.theme-power-black {
    background-color: #444551;
}
#powershop-cloud .navbar::after, #powershop-cloud .toolbar::before {
    background-color: transparent;
}
.toolbar-inner i {
    margin: 5px 0;
}
.navbar .center, .subnavbar .center {
    font-size: 18px;
}
.theme-power-black .button:not(.button-fill) {
    color: #fff;
    background:#444551;
}
.hidden {
    display:none;
}
.list-block{
    font-size:14px;
}
.list-block li {
    box-sizing: border-box;
    position: relative;
    border-bottom:1px solid #ccc;
}
.list-block li:last-child {
    border:none;
}

.theme-power-black i.icon,
.theme-power-black .f7-icons{
    color:#fff;
}
.page-content > .list-block,
.page-content > .list-block > .content-block,
.page-content > .content-block,
.list  > .content-block {
    margin-top:0;
    padding: 0;
    margin: 0 20px;
}



.list-block .floating-label, .list-block .label {
    vertical-align: top;
    
}
.list-block input,
.list-block select, 
.list-block textarea {
    margin:0;
    /*background: #fff !important;*/
    padding-left: 10px !important;
    font-size: 15px;
    display: inline;
    margin: 10px 0;
}
form .item-input{
    margin:0 !important;
}
.color-red {
    color:#bf360c !important;
}
.color-grey {
    color:#bababa;
}
.color-green {
    color:#2ece0e;
}
.statusbar-overlay {
    background: #000000;
}

.page-content {
    background-repeat:no-repeat;
    background-size:cover;
    background-position: 0 54px;
}

.background-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -280px;
    height: 280px;
    width: auto;
}

/** POR PÁGINA **/
.page-content {
    padding-top: 54px !important;
    padding-bottom: 112px !important;
}

[data-name="index"] .navbar .backlink {
    display:none;
}
[data-name="index"] .page-content {
    padding-top:54px;
}
[data-name="order"] .page-content {
}
[data-name="detail-stock"] .page-content {
    padding-top: 95px;
}
[data-name="control-stock"] .page-content .background-container {
    background-image:url(../img/fondos/background_4.jpg);
}
[data-name="caja"] .page-content .background-container{
    background-image:url(../img/fondos/background_5.jpg);
}
[data-name="perfil-cliente"] .page-content {
    /** background-image:url(../img/fondos/background_6.jpg); **/
}
[data-name="recursos-humanos"] .page-content .background-container{
    background-image:url(../img/fondos/background_7.jpg);
}
[data-name="sales-assistant"] .page-content .background-container{
    background-image:url(../img/fondos/background_8.jpg);
}
[data-name="control-tienda"] .page-content .background-container{
    background-image:url(../img/fondos/background_9.jpg);
}
[data-name="estadisticas"] .page-content .background-container{
    background-image:url(../img/fondos/background_10.jpg);
}
[data-name="comunicacion"] .page-content .background-container{
    background-image:url(../img/fondos/background_11.jpg);
}

#logo{
    display: inherit;
}

#logo img{
    max-width:180px;
    text-align:left;
    display:block;
}

#logo-powershop-wrapper {
    width:20%;
    float:left;
    display:block;    
}
#logo-empresa-wrapper {
    width:80%;
    float:left;
    display:block;    
}
#logo-powershop-wrapper img{
  max-width:100%;
}
#datos-venta-cliente ul:after, #datos-venta-cliente ul:before {
  background:none;
}

#header, .list-block .list-group-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.theme-lightblue .button:not(.button-fill) {
    background: rgba(255,255,255,0.8);
}
.block-doble-margin {
    margin:64px 0;
}
.product-image {
    margin:0 auto;
    display: block;
}

.list-block .item-inner:after {
    background-color:#fff !important;
}
[data-name="perfil-cliente"].list-block .item-content .item-media {
  width: 20%;
  float: left;  
}
#stocklist .item-content {
    padding-left:0 !important;
}
#stocklist .item-title{
    margin-left:15px;
}
#stocklist .swipeout-content .item-inner,
.swipeout-content .item-inner,
.detail.detail-view  .item-inner {
    padding-left:0;
    margin:0;
}
.detail.detail-view .item-inner {
    padding-top: 0;
    padding-bottom: 0;
}
[data-name="perfil-cliente"] .detail.detail-view  .item-inner {
    margin-left:0;
    padding-left:10px;
}
[data-name="perfil-cliente"] .page-title,
[data-name="perfil-cliente"] .list-group-title {
    border-bottom:1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    list-style: none;
}

#detalles-ventas, #client-data,
#detalles-ventas, #datos-cliente {
    margin:0;
}
li.select-all {
    border-bottom: 1px solid #efefef;
}
.list-block .swipeout {
    border-bottom: 1px solid #efefef;
}
.list-block .swipeout .swipeout-content .item-title,
.detail-view .item-title{
    width:100%;
}
.list-block .swipeout .swipeout-content table,
.detail-view  table{
    width:100%;
}

#ventas-activas .swipeout-content{
    padding-left:0;
}

#ventas-activas .swipeout-content .item-inner{
    background: #fff;
}

/* Finalizar venta */
[data-name="finalizar-venta"] .asociar-venta-cliente-btn,
[data-name="finalizar-venta"] .enviar-venta-btn {
    display:none;
}

i.f7-icons.color-green {
    color:#2ca311;
}
i.f7-icons.color-red {
    color:#aa1103;
}

.button-wrapper {
    margin: 20px 0px 0px;
}

.button {
    border-radius:0;
    background:#fff !important;
    border-color:#696969;
    border: 1px solid #696969;
    text-transform:uppercase;
}
input.button {
    max-width:100%;
}
.button i{
    margin-right:20px;
}
#detail-image{
    width:auto;
    min-width: 100%;
    max-width: 100%;
    position:absolute;
    top:100px;
    z-index:-1;
}
#stocklist{
}
#stocklist ul {
    background: rgba(255,255,255,0.5);
}
.detail-image-view  {
  /*max-width: 100px;*/
  height: 75px;
  margin-right: 20px;
}

[data-name="order"] .page-content{
}

/** ORDER LIST **/
#delete-empty-orders-wrapper, #delete-all-orders-wrapper {
    display: none;
}

/** ORDER/DETAILS TABLES **/
.detail-item {
  max-height:120px;
  height:120px;
}
#order-info .table-top-header{
  padding: 0 15px;
  max-width: 100%;
  width: auto;
  height: 40px;
}
#order-info .data-table tbody td::before {
    height: 0;
}
#order-info #order-details > table > thead > tr,
#order-info #order-details > table > tbody > tr {
  border-bottom: 1px solid #efefef;  
}
#order-info #order-details .detail-item  .data-table-header{
  margin-bottom:10px;
}

#order-info #order-details .detail-item  th:before{
  height:0;
}

#order-info #order-details .detail-item.devolucion {
  background:#FFEBEE;
}
.detail-view.devolucion {
  background:#FFEBEE;
}
#order-info #order-details .detail-item th.editable {
  text-decoration:underline;
}
#order-info #order-details .detail-item  tr.origenes-detalle td{
  padding: 5px 0 0 0;
  font-weight:bold;
}
#order-info #order-details .detail-item .data-table-title {
    margin-bottom: 5px;
    max-width: 90%;
    overflow: hidden;
}

#order-info  .data-table.data-table-has-checked  #order-details .data-table-header {
    display: flex;
}
#order-info > .data-table > .data-table-header  > .data-table-title {
  font-size: 14px;
  font-weight:normal;
}
#order-info .data-table-header-selected {
  background: #fff;
}
#order-info .detail-item.devolucion .data-table-header-selected {
  background:#FFEBEE;
}
.devolucion-label,
#order-info .data-table td .devolucion-label, 
#order-info .detail-item .data-table td.devolucion-label {
  color:#ff3b30;
  text-align:left;
  font-weight:bold;
  text-transform:uppercase;
}
#order-info #order-total table td.total.devolucion,
[data-name="pre-charge"] .order-total td.total.devolucion,
[data-name="charge"] #header table td#charge-total.devolucion,
.total.devolucion {
  color:#ff3b30 !important;
}
.ios a.devolucion-switch{
  color:#dedede;
}
.ios .devolucion a.devolucion-switch {
  color:#ff3b30;
}
#order-info .data-table-title-selected{
    color: inherit;
}
#order-info  tr.data-table-row-selected,
#order-info  tr:hover,
#devolucion-details  tr.data-table-row-selected,
#devolucion-details  tr:hover  {
    background: #fff;
}
[data-name="online-charge"] #charge{
  background: #007aff;
  color: #fff;
}
#n-ticket {
  text-align:right;
}
#devolucion-actions{
  display:none;
}
#order-info  .detail-item.devolucion  tr.data-table-row-selected,
#order-info  .detail-item.devolucion  tr:hover  {
    background:#FFEBEE;
}

#order-info td.checkbox-cell,
#order-info th.checkbox-cell {
  padding: 10px 10px 0 10px;
  height:auto;
}

i.delete-detail{
  padding-top: 2px;
  font-size: 30px;
}
#order-info .detail-item .data-table th,
#order-info .detail-item .data-table td {
  text-align:right;
  padding: 0 5px;
  height:20px;
}
span.en-tienda {
  color:#8BC34A;
  font-weight:bold;
}
span.reserva {
  color:#B71C1C;
}
span.online {
  color:#FFB300;
}
#order-info .data-table td {
  color: #03a9f4;
}

#order-info .data-table .checkbox-cell .icon-checkbox{
  width: 25px;
  height: 25px;
  margin-bottom:10px;
}

[data-name="order"] td.total,
[data-name="pre-charge"] td.total {
  font-weight:bold;
}
[data-name="order"] .order-total  td.total,
[data-name="pre-charge"] .order-total td.total {
  min-width: 60px;
  font-size: 40px;
  color: #2196F3;
  padding: 0 4px;
  text-align: right;
  width: 100%;
}

.detail-item .data-table-title{
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}
#order-total {
  padding:0 15px;
}
#order-total.devolucion {
  background:#FFEBEE;
}
#order-info #order-total table td.total,
#order-total table td.total,
.total-ticket {
    min-width: 60px;
    font-size: 40px;
    color: #2196F3;
    padding: 0 4px;
    text-align: right;
    width: 100%;

}
.links-list ul{
  background:none;
}
/******************************/
.list.charge-details {
  padding-top:110px;
}
.list.charge-details p {
  margin:0;
}
#stockbox  .f7-icons,
#charge-details .f7-icons{
    font-size:18px;
    width: 18px;
    height: 18px;
}
.origen-icon {
    text-align: center;
    display: block;
    width: 22px;
}

[data-name="charge"] #header,
[data-name="offline-charge"] #header {
    margin:0 !important;
}
[data-name="charge"] #header table td#charge-total,
[data-name="offline-charge"] #header table td#charge-total {
    font-size: 40px;
    color: #2196F3;
}
[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:32px;
    white-space: nowrap;
}

[data-name="charge"] #header #charge-total,
[data-name="offline-charge"] #header #charge-total {
    border-top:1px solid #fff;
}
[data-name="charge"] #header #charge-remains,
[data-name="offline-charge"] #header #charge-remains {
    
}
[data-name="charge"] #header .data-table thead,
[data-name="offline-charge"] #header .data-table thead {
    font-size:14px;
}

.rendered-select {
    border: none;
    width: 232px;
    height: 36px;
    font-size: 16px;
}
.rendered-select option {
    border:none;
}
.theme-power-black .remove-charge-btn  i.f7-icons {
    
}
#pagos {
    display:none;
    margin:0;
}
#pagos .data-table-title{
    border-bottom: 1px solid #fff;
    color:rgba(160,150,172,1);
    text-transform:uppercase;
    text-align: center;
    padding: 16px 0px;
}
#pagos thead th{
    
    text-transform:uppercase;
    color:rgba(160,150,172,1);
}
#pagos tbody td{
    
    color:#555;
    font-size:16px;
}

.charge-page #header table td,
.charge-page #header table th{
    text-align:center;
}
.charge-page #header table thead {
    
}
.charge-page #header table thead th {
    
    text-transform:uppercase;
}
.charge-page #header table tbody tr,
.charge-page #header table tbody tr:hover{
    
}

#formas-pago{
    margin:0;
}
#formas-pago .item-title{
    font-size:14px;
    
}

/** BTN BOX CONTAINER */
.btn-box-content-block {
    padding:0;
    margin: 10px 0 0 0;
}
.btn-box-content-block .btn-box {
    width:50%;
    list-style:none;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    padding: 0 5px 10px;
    float:left;
}
.btn-box-content-block .btn-box a {
    color:#000;
}
.btn-box-content-block .btn-box  .item-inner{
    text-align: center;
    border-radius: 10px;
    /**background: rgba(68,69,81,0.4);**/
    padding: 5px 0;
}

.btn-box-content-block .btn-box.color-lightgreen  .item-inner{
    background: #8bc34a;
}
.btn-box-content-block .btn-box.color-orange  .item-inner{
    background: #ff9800;
}
.btn-box-content-block .btn-box.color-teal  .item-inner{
    background: #009688;
}
.btn-box-content-block .btn-box.color-indigo  .item-inner{
    background: #3f51b5;
}
.btn-box-content-block .btn-box.color-lime  .item-inner{
    background: #cddc39;
}
.btn-box-content-block .btn-box.color-pink  .item-inner{
    background: #e91e63;
}
.btn-box-content-block .btn-box.color-purple  .item-inner{
    background: #9c27b0;
}
.btn-box-content-block .btn-box.color-brown  .item-inner{
    background: #795548;
}
.btn-box-content-block .btn-box.color-bluegray  .item-inner{
    background: #607d8b;
}

.btn-box-content-block .btn-box  .item-inner i{
    display:block;
    margin: 3px auto;
    font-size:40px;
}
.list .item-divider {
    border-bottom: 1px solid #efefef;
    min-height: 40px;
    line-height: 40px;
    list-style: none;
}
.label-checkbox .item-media {
    display:block;
}
.label-switch .checkbox::before {
    left: inherit;
    top: inherit;
    width: 0;
}
li.separator {
    width: 100%;
    display: inline-block;
    min-height: 165px;
}
div.separator {
    width: 100%;
    display: inline-block;
    min-height: 40px;
}

/** ICONS **/
[class*="bg-ios-"] {
  padding:5px !important;
  border-radius:5px;
}
.toolbar .powershop-icon[class*="fast-cart-"] {
  width: 20px;
  height: 18px;
}

.powershop-icon {
    width: 20px;
    height: 20px;
    display:block;
    margin:0 auto;
    background-size:cover !important;
}
.powershop-icon.rfid {
  width: 27px;
}

.powershop-icon.generar-salidas-transito{
     background:url('../img/icons/salidas_transito.png');
}
.powershop-icon.generar-salidas-ordenes{
     background:url('../img/icons/salidas_ordenes.png');
}
.powershop-icon.consultar-salidas-transito{
     background:url('../img/icons/consultarstock.png');
}
.powershop-icon.dev{
     background:url('../img/icons/dev.png');
}
.powershop-icon.home{
     background:url('../img/icons/home.png');
}
.powershop-icon.sales{
    background:url('../img/icons/sales.png');
}
.powershop-icon.sales-assistant{
    background:url('../img/icons/salesassistant.png');
}
.powershop-icon.active-sales{
    background:url('../img/icons/activesales.png');
}
.powershop-icon.fast-cart-dark{
    background:url('../img/icons/fast_cart_dark.png');
}

.powershop-icon.active-sales-dark{
    background:url('../img/icons/activesales_dark.png');
}
.powershop-icon.customer{
    background:url('../img/icons/customer.png');
}
.powershop-icon.shop-assistant{
    background:url('../img/icons/shopassistant.png');
}
.powershop-icon.store-stock{
    background:url('../img/icons/storestock.png');
}
.powershop-icon.inventario{
    background:url('../img/icons/inventario.png');
}
.powershop-icon.consultarstock{
    background:url('../img/icons/consultarstock.png');
}
.powershop-icon.reponertienda{
    background:url('../img/icons/reponertienda.png');
}
.powershop-icon.imprimiretiquetas{
    background:url('../img/icons/imprimiretiquetas.png');
}
.powershop-icon.objetivos{
    background:url('../img/icons/objetivos.png');
}
.powershop-icon.vacaciones{
    background:url('../img/icons/vacaciones.png');
}
.powershop-icon.controlpresencia{
    background:url('../img/icons/ControlPresencia.png');
}
.powershop-icon.horasextra{
    background:url('../img/icons/HorasExtra.png');
}
.powershop-icon.definirturnos{
    background:url('../img/icons/DefinirTurnos.png');
}
.powershop-icon.ticket{
    background:url('../img/icons/ticket.png');
}
.powershop-icon.toparticulos{
    background:url('../img/icons/toparticulos.png');
}
.powershop-icon.estadisticas{
    background:url('../img/icons/Estadisticas.png');
}
.powershop-icon.rankingtiendas{
    background:url('../img/icons/RankingTiendas.png');
}
.powershop-icon.comportamiento{
    background:url('../img/icons/comportamiento.png');
}
.powershop-icon.incidencias{
    background:url('../img/icons/incidencias.png');
}
.powershop-icon.newsempresa{
    background:url('../img/icons/newsempresa.png');
}
.powershop-icon.tareas{
    background:url('../img/icons/tareas.png');
}
.powershop-icon.comunicacion{
    background:url('../img/icons/Comunicacion.png');
}
.powershop-icon.rrhh{
    background:url('../img/icons/RRHH.png');
}
.powershop-icon.caja{
    background:url('../img/icons/caja.png');
}
.powershop-icon.arqueo{
    background:url('../img/icons/Arqueo.png');
}
.powershop-icon.cierrecaja{
    background:url('../img/icons/CierreCaja.png');
}
.powershop-icon.aperturacaja{
    background:url('../img/icons/AperturaCaja.png');
}
.powershop-icon.consultapagos{
    background:url('../img/icons/consulta_pagos.png');
}
.powershop-icon.solicitudcentral{
    background:url('../img/icons/solicitudcentral.png');
}
.powershop-icon.entradassalidas{
    background:url('../img/icons/EntradasSalidas.png');
}
.powershop-icon.realizarsalida{
    background:url('../img/icons/RealizarSalida.png');
}
.powershop-icon.realizarentrada{
    background:url('../img/icons/RealizarEntrada.png');
}
.powershop-icon.traspasostransito{
    background:url('../img/icons/traspasostransito.png');
}
.powershop-icon.incidenciasrecepcion{
    background:url('../img/icons/incidenciasrecepcion.png');
}
.powershop-icon.recibirproveedor{
    background:url('../img/icons/RecibirProveedor.png');
}
.powershop-icon.recibircentral{
    background:url('../img/icons/recibircentral.png');
}
.powershop-icon.stockmanagement{
    background:url('../img/icons/stockmanagement.png');
}
.powershop-icon.privacidad{
    background:url('../img/icons/privacidad.png');
}
.powershop-icon.trash{
    background:url('../img/icons/trash.png');
}
.powershop-icon.trash-red{
    background:url('../img/icons/trash_red.png');
}
.powershop-icon.devolucion{
    background:url('../img/icons/devolucion.png');
}
.powershop-icon.reload{
    background:url('../img/icons/reload.png');
}
.powershop-icon.shopmanagement{
  /*
    background:url('../img/icons/shopmanagement.png');
  */
  background:url('../img/icons/configuracion.png');
  
}
.powershop-icon.barcode{
    background:url('../img/icons/barcode.png');
}
.powershop-icon.configuracion{
    background:url('../img/icons/configuracion_light.png');
}
.powershop-icon.configuracion-dark{
    background:url('../img/icons/configuracion.png');
}
.powershop-icon.search{
    background:url('../img/icons/search.png');
}
.powershop-icon.central{
    background:url('../img/icons/shop_light.png');
}
.powershop-icon.rfid{
    background:url('../img/icons/rfid.png');
}

.navbar {
  height: 50px !important;
}

.toolbar{
  height: 50px !important;  
}


.toolbar a {
    line-height:1;
}


.toolbar a span {
    font-size:12px;
    color:#595959;
}

.toolbar .powershop-icon {
    width: 18px;
    height: 18px;
    display:block;
    margin:0 auto;
    background-size:cover !important;
}
.toolbar .powershop-icon.sales{
    background:url('../img/icons/sales_light.png');
}
.toolbar .powershop-icon.sales-assistant{
    background:url('../img/icons/salesassistant_dark.png');
}
.toolbar .powershop-icon.shop-assistant{
    background:url('../img/icons/shopassistant_light.png');
}
.toolbar .powershop-icon.active-sales{
    background:url('../img/icons/activesales_light.png');
}
.toolbar .powershop-icon.stockmanagement{  
  background:url('../img/icons/stockmanagement_dark.png');
}
.toolbar .powershop-icon.shopmanagement{
  background:url('../img/icons/configuracion.png');
  width:30px;
  height:30px;
  /*
    background:url('../img/icons/shopmanagement_dark.png');
  */
}

.tabbar-fixed .page-content, .tabbar-through .page-content, .toolbar-fixed .page-content, .toolbar-through .page-content {
    padding-bottom: 54px;
}



.swiper-slide {
  background:#fff;
}
.swiper-slide span {
  text-align:center;
  display:block;
  /*margin:20px;*/
  /*font-size:21px;*/
}
#swiper img{
    min-width:100%;
}

.banner-list{
    padding:0;
}
.banner-title {
    text-align:left;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    margin-bottom: 0;
    color:#000;
    padding:10px 20px 10px 10px;
    background:#fff;
}
.banner {
    list-style:none;
    display:block;
    margin:0 auto 20px 0;
    position:relative;
    min-height:95px;
}
.banner img {
    /**
    max-width:100%;
    min-width: 100%;
    **/
    width:100%;
    
}
.banner-submenu{
    display:none;
    padding-left: 20px;
    padding-top: 20px;

}
.banner-submenu li {
    list-style:none;
    text-transform:uppercase;
    font-size:13px;
    margin-bottom:10px;
}
.links-list .banner-submenu li  a{
  padding-left:0;
}
.links-list .banner-submenu li  a::after {
  left:0;
}
.banner-submenu2 {
  display:none;
}

/** SEARCH BAR **/
.consulta-codigo.list-block ul:after, .consulta-codigo.list-block ul:before{
    background:#fff;
}
.search-bar-wrapper{
    width: 100%;
    background: #fff;
    z-index: 1000;
}
.search-bar{
    height: 25px;
    padding-bottom: 15px;
}
.search-icon i {
    margin-right:5px;
}
.search-bar-inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.search-input, .search-label, .search-icon {
    display: inline-block;
    margin-bottom: 0;
}

.search-label {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin:0;
}
input[type=text].search-input {
    margin-top: 0;
    padding: 0;
    width: 100%;
    height: 20px;
    background-color: transparent;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-radius: 0;
    border-bottom: 1px solid black;
    -webkit-appearance: none;
    cursor: pointer;
}
.scroll-y {
  overflow-y:scroll !important;
}
.validar-row, .delete-row {
  cursor:pointer;
}
#articulos-wrapper .row{
    margin: 0 20px 10px;
}
#articulos-wrapper .page-title {
  padding:10px 15px;
}
#articulos-wrapper .view-articulo {
    
    z-index:0;
} 
.articulo-wrapper {
  position:relative;
}
#articulos-wrapper .view-articulo img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  /**
  position: absolute;
  top: 0;
  left: 0;
  **/
}
#articulo-wrapper img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
#articulos-wrapper .view-articulo .title {
    text-align:center;
    color:#000;
}
#articulos-wrapper .view-articulo.title .codigo,
#enlazados-wrapper .view-articulo.title .codigo{
    font-weight:bold;
}
#articulos-wrapper .descripcion,
#enlazados-wrapper .descripcion {
    font-size:12px;
    margin: 0;
    width:100%;
}
#articulos-wrapper .list-desc-wrapper, 
#enlazados-wrapper .list-desc-wrapper {
    /*
    position:absolute;
    bottom:0;
    */
    width:100%;
}
#articulos-wrapper .descripcion .card-content-padding,
#enlazados-wrapper .descripcion .card-content-padding  {
    padding: 5px;
}
.list-img-wrapper { 
  position:relative;
  box-shadow: 0 2px 5px #888;
  /**
  padding-bottom: 30px;
  overflow:hidden;
  **/
}
.page-title {
    background: #fff;
    /**border-bottom: 1px solid #efefef;**/
    min-height: 40px;
    line-height: 40px;
    color:#000;
    font-weight:bold;
    padding: 0 15px;
    text-transform: capitalize;
    font-size: 18px;
}
.page-content .page-title:first-child  {
  border-top: 1px solid #ccc;
}

#articulo-wrapper {
    height:100%;
}
#articulo-wrapper .img-wrapper {
    position:relative;
    height: 65%;
}
#articulo-wrapper #articulo-acciones{
    position:relative;
    height: 25%;
    margin: 0 20px;
}
#articulo-wrapper .tallas{
    padding: 30px 10px;
    width:100%;
    margin-bottom: 0;
    position:absolute;
    bottom:0;
    background:rgba(255,255,255,0.8);
}
#articulo-wrapper .tallas li {
    list-style: none;
    display: inline;
    border: 1px solid #555;
    padding: 5px 10px;
    margin: 0 10px 0 0;
}
#articulo-wrapper .stock-table-wrapper,
#articulo-wrapper .detalles-wrapper {
    width:100%;
    margin-bottom: 0;
    position:absolute;
    bottom:0;
    background:rgba(255,255,255,0.9);
    display:none;
    z-index: 1500;
}

#articulo-wrapper .stock-table tbody tr td:before{
  font-size:18px;
  position: absolute;
  left: 20px;
  top: 10px;
}
#articulo-wrapper .stock-table tbody tr td p {
  text-align: right;
  line-height: 0;
}
/*
#articulo-wrapper .stock-table tbody tr:nth-child(even) {
  background:#efefef;
}*/

#articulo-wrapper .stock-table tbody tr:nth-child(odd) td:nth-child(even) {
  background:#efefef;
}

#articulo-wrapper .stock-table tbody tr:nth-child(even) td:nth-child(odd) {
  background:#efefef;
}

#articulo-wrapper .stock-table tbody tr td:first-child:before {
  font-size:16px;
  font-weight:normal;
}

#articulo-wrapper .stock-table tbody tr td:before:not(:first-child){
  font-size:18px;
}

#articulo-wrapper .stock-table tbody tr td:not(:first-child) {
  height:24px;
}
#articulo-wrapper .stock-table tbody tr:not(.almacen-activo) td:not(:first-child) {
  display:none;
}
almacen-active

#articulo-wrapper .stock-table-wrapper {
    width: 100%;
    margin-bottom: 0;
    position: absolute;
    padding:0;
}
#articulo-wrapper .stock-table-nav {
    overflow-x: scroll;
    margin: 0 5%;
    width: 90%;
    max-height:280px;
    overflow-y:scroll;
    background: white;
}
#articulo-wrapper .detalles-table td{
    border:none;
}
#articulo-wrapper .stock-table-wrapper .table.stock-table{
    margin: 0;
    padding:0;
}
#articulo-wrapper .detalles-wrapper .detalles-table{
    margin: 0;
    padding:10px;
    width:65%;
    float:left;
}
#articulo-wrapper .detalles-wrapper .precio-wrapper {
    width:25%;
    float:left;
    font-size:22px;
    color:#2196F3;
    margin: 10px 0;
    text-align:right;
}
#precio-wrapper {
  position:absolute;
  top:15px;
  right:5px;
}
#add-wrapper .item-input-wrap {
  margin:0;
}
#picker-talla {
  width: 50%;
  float: right;
  font-size: 28px;
  line-height: 48px;
  height: 48px;
  color: #000;
  border: 1px solid #ddd;
  padding: 5px;
  text-align: right;
}

#label-talla {
  width: 50%;
  float: left;
  color: #000;
  line-height: 54px;
  height: 44px;
  font-size: 26px;
  color: #888;
}

#articulo-wrapper .stock-table-wrapper .table.stock-table td,
#articulo-wrapper .detalles-wrapper .detalles-table td{
    min-width: 20px;
    width: 20px;
    padding-right: 2px;
}
#articulo-wrapper .stock-table-wrapper .table.stock-table td:first-child, 
#articulo-wrapper .detalles-wrapper .detalles-table td:first-child{
    max-width:85px;
    min-width:85px;
    overflow:hidden;
    padding-left: 2px;
    padding-right: 0;
    text-align:left;
}
#articulo-wrapper .out-of-stock {
    z-index:1000;
    width:100%;
    margin-bottom: 0;
    position:absolute;
    padding: 10px 0;
    top: 50%;
    background:rgba(255,255,255,0.9);
}
#articulo-wrapper .img-wrapper img {
    min-width:100%;
}
#articulo-wrapper input.button{
    min-width:100%;
}
.stock-table td.current-tienda {
    color:#2196F3;
}
.picker-item {
    height: 36px !important;
    line-height: 36px;
}
.picker-item span i {
    margin:0 10px;
}
.picker-item span{
    height: 36px !important;
    line-height: 36px;
    align-items: center;
    display:flex;
}
#client-charts {
    max-width:100%;
    overflow:hidden;
}
.table {
    width:100%;
}
.table td {
    border:1px solid #ddd;
}
.text-right {
    text-align:right;
}
.text-left {
    text-align:left !important;
}
.text-bold {
    font-weight:bold;
}
.text-center {
    text-align:center;
}
.toggle-detalles {
    position:absolute;
    display:block;
    top:20px;
    right:20px;
}
#cliente-wrapper {
    margin:0;
}

#cliente  .item-title.label{
    width:auto;
    margin-left: 10px;
}
#cliente  .item-after {
    width:auto;
    margin-left:0;
}
a.buscar-cliente{
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 10px;
  display: inline-block;
  background: #efefef;
}
a.square-icon { 
  padding: 5px;
  display: inline-block;
}
a.square-icon i { 
  font-size:45px !important;
  width: 49px !important;
}
a.square-bars-icon { 
  padding: 5px;
  display: inline-block;
}
a.square-bars-icon i { 
  font-size:42px !important;
  width: 44px !important;
}
a.buscar-cliente i{
  font-size:45px;
}

#send-order-to-power-wrapper {
    display:none;
}
#send-order-to-power-wrapper.reserva {
    display:block;
}
#send-order-to-power-wrapper li{
    border:none;
}
a#continue-charge {
    background:#2196F3;
    color:#fff !important;
    height:55px;
    font-size:18px;
}
.special-button {
  background:#2196F3;
  color:#fff !important;
  height:55px;
  font-size:18px;
}
#datos-cliente {
    display:none;
}
.promo {
    width:100%;
    text-align:right;
}
#client-order-data{
    margin:0;
    margin:0;
}
.green-btn {
    background:#4cd964;
    color:#fff !important;
}
form li.alert {
    background:rgba(255, 0, 0, 0.1) !important;
}
.total-ventas-perfil, .search-ultimas-ventas {
    float:right;
}
.search-ultimas-ventas {
  margin-left:10px;
}
#origenes-reserva .card ul{
    padding:0;
}
#client-charts, #client-charts svg, #client-charts g{
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
#check-factura{
    margin:0;

}
.advanced-search {
    float:right;
}
.advanced-search i {
    font-size:21px;
}

.ios .list {
  margin:0;
  font-size:14px;
}
.item-checkbox {}
.dialog {
  z-index:25000;
}
.dialog select {
    height: 35px;
    margin: 20px 0;
    background: #fff;
    padding: 0 5px;
    border: 1px solid rgba(0,0,0,.3);
    font-size: 14px;
    width:100%;
    background-position: calc(100% - 15px) center;
    background-size: 8px 13px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
}
[data-name="busqueda-avanzada"] .search-icon {
    display: inline-block;
    margin-top: 6px;
    float: left;
}
[data-name="busqueda-avanzada"] input[name="codigo"] {
  float:left;
  width:auto;
}
.ptr-preloader {
    height: 58px !important;
    margin-top: -58px;
}
.form-title{
  padding: 4px 15px;
  color: #555;
  font-weight: bold;
}
.numeric-cell input{
  text-align:right;
}
#desblose-monedas-billetes td.numeric-cell{
  max-width:20%;
}
#desblose-monedas-billetes td.numeric-cell input{
  width:100%;
  text-align: right;
}

/** GESTIÓN NO VENTA **/
.no-venta-form {
  display:none;
}
.no-venta-form.active {
  display:block;
}
.page-title + .block-title{
  margin: 10px 0 10px 15px;
}
.bg-ios-rojo {
  background-color:#ff3b30;
}
.bg-ios-naranja {
  background-color:#ff9500;
}
.bg-ios-amarillo {
  background-color:#ffcc00;
}
.bg-ios-verde {
  background-color:#4cd964;
}
.bg-ios-azulclaro {
  background-color:#5ac8fa;
}
.bg-ios-azul {
  background-color:#007aff;
}
.bg-ios-morado {
  background-color:#5856d6;
}
.bg-ios-rosa {
  background-color:#ff2d55;
}
tr.amarillo {
  background:#fdd835;
}
.yellow-s {
  color:#fdd835;
}
.bg-material-orange, 
a.bg-material-orange,
.ios .list .item-link.bg-material-orange{
  color:#fff;
  background:#FFA726 !important;
}
.bg-material-red, 
a.bg-material-red,
.ios .list .item-link.bg-material-red{
  color:#fff;
  background:#BF360C !important;
}
.bg-material-green, 
a.bg-material-green,
.ios .list .item-link.bg-material-green{
  color:#fff;
  background:#8BC34A !important;
}

.bg-material-blue, 
a.bg-material-blue,
.ios .list .item-link.bg-material-blue{
  color:#fff;
  background:#1976D2 !important;
}

.bg-material-grey, 
a.bg-material-grey,
.ios .list .item-link.bg-material-grey{
  color:#fff;
  background:#aaa !important;
}

/** POWER SWIPER */
.power-swiper {
  height:auto;
  overflow: hidden;
}
.power-swiper-slides{
  display: flex;
  left:0;
  transition: 3s;
}
.power-slide{
  -webkit-transition: margin-left 1s; /* Safari */
  transition: margin-left 0.6s;
  min-width:100%;
}
.power-slide img{
  width:100%;
}

/** ICONOS AZULES **/
.active .powershop-icon.home {
  background: url('../img/icons/home_blue.png');
}
.active .powershop-icon.search {
  background: url('../img/icons/search_blue.png');
}
.active .powershop-icon.active-sales-dark {
  background: url('../img/icons/activesales_blue.png');
}
.active .powershop-icon.sales-assistant {
  background: url('../img/icons/salesassistant_blue.png');
}
.active .powershop-icon.stockmanagement {
  background: url('../img/icons/stockmanagement_blue.png');
}
.active .powershop-icon.shopmanagement {
  /*
  background: url('../img/icons/shopmanagement_blue.png');
  */
}
.active .powershop-icon.fast-cart-dark {
  background: url('../img/icons/fast_cart_blue.png');
}

.toolbar a.active span {
  color:#007aff;
}
.consulta-codigo-btn {
  margin-left: 8px;
}
.navbar .backlink{
  padding: 20px 20px 20px 5px;
}
#turnos-asignados p{
  padding-left:10px;
}
#detalles-ventas .block-title {
  margin-top:10px;
  font-weight:bold;
}
#detalles-ventas .detail-view .item-media {
  float:left;
  margin:0 5px 5px 0;
}
#detalles-ventas .detail-view  .item-title p{
  margin:5px 0;
}
.search-ultimas-ventas-input .button{
  position: absolute;
  width: auto;
  top: 8px;
  right: 0;
}



/* INVENTARIOS */
#inventario-enviar {
  color: #fff;
  height: 55px;
  font-size: 18px;
}

#inventario-item-count, #inventario-code-count {
  padding:0 15px 0px;
  position: relative;
}
#inventario-item-count .value,
#inventario-code-count .count {
  font-size:20px;
  font-family: 'Arial', sans-serif;
  color:#1976D2;
}

#inventario-count-wrapper {
  margin: 5px 0;
  padding-top:25px;
}
#inventario-item-count a#escanear-codigos-inventario {
  position: absolute;
  top: 5px;
  right: 15px;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
}
.font-xs {
  font-size:8px;
}

#order-add-client-wrapper {
  display:flex;
  margin-bottom:10px;
}
a#buscar-cliente {
  padding: 5px;
  display: inline-block;
}
a#buscar-cliente i{
  font-size:45px;
}
a.clear-order-client, a.add-order-client {
  padding: 5px;
  display: inline-block;
}

a.clear-order-client i, a.add-order-client i {
  font-size:45px;
}
#email-cliente {
  font-size:18px;
  width: 120px;
  padding:0 15px;
  flex-grow:1;
  border:1px solid #ccc;
}

#order-add-product-wrapper, 
#ordenes-add-product-wrapper,
#entrada-add-product-wrapper,
#inventario-add-product-wrapper,
#albaran-add-product-wrapper,
.add-product-wrapper {
  display:flex;
  padding:10px 0;
}

a#lectura-codigos-ordenes img,
a#lectura-codigos-entradas img,
a#lectura-codigos-inventario img,
a#lectura-codigos-inventario-pendiente img,
a#lectura-codigos-albaran img,
a.lectura-codigos img {
  height:38px;
  display:block;
  padding: 3px 3px;
}
a#escanear-codigos-order, 
a#escanear-ticket,
a#escanear-codigos-ordenes {
  padding: 4px;
  display: inline-block;
}
a#escanear-codigos-order i,
#escanear-ticket i,
#escanear-codigos-ordenes i {
  font-size:42px;
  width: 49px;
}
#codigo-talla,
#codigo-talla-ordenes,
#codigo-talla-entradas,
#codigo-talla-salidas-trasito,
#codigo-talla-inventario,
#codigo-talla-albaran,
.codigo-talla {
  width: 120px;
  font-size:18px;
  flex-grow:1;
  padding:0 15px;
  border:1px solid #ccc;
}
a#add-to-current-order,
a#add-detail-salida-transito,
a#add-to-current-ordenes,
a#add-to-current-entradas {
  display:inline-block;
  padding: 4px 3px;
  display: inline-block;
}
a#add-to-current-order i,
a#add-detail-salida-transito i,
a#add-to-current-ordenes i,
a#add-to-current-entradas i{
  font-size:45px;
   width: 49px;
}
#inventario-code-count a#introducir-codigo-inventario {
    position: absolute;
    top: 5px;
    right: 15px;
    padding: 15px 16px 15px 23px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
#inventario-item-count a#escanear-codigos-inventario  i,
#inventario-code-count a#introducir-codigo-inventario  i{
  font-size:50px;
}
#inventario-item-count .legend{
  font-size:12px;
  color:#000;
}

#inventario-progressbar {
  height: 40px;
  background:#BBDEFB;
}
#inventario-progressbar .completed{
  height: 40px;
  position:relative;
  width:10%;
  transition: 3s all;
  background: #1565C0;
}
#inventario-progressbar .completed  .percentage{
  color: #fff;
  position: absolute;
  top: 12px;
  right: 3px;
  font-size: 13px;
}
#tabla-inventario thead th {
  color:#1976D2;
}
#tabla-inventario thead tr th.row-count{
  width: 35px;
}
#tabla-inventario thead tr th.icon-cell, 
#tabla-inventario tbody tr td.icon-cell {
  width: 30px;
}
#tabla-inventario tbody tr {
  background:#E3F2FD;
}
#tabla-inventario tbody tr td {
  color:#42A5F5;
}
#tabla-inventario tbody tr td.row-count{
  color:#fff;
  background:#42A5F5;
}

.delete_inventario_row{
  display:block;
}


.orange-s {
  color:#ef6c00;
}
.green-s {
  color:#558b2f;
}
.red-s {
  color:#b71c1c;
}
#tabla-inventario tbody tr.orange,
#tabla-albaran tbody tr.orange,
#tabla-albaran-picking tbody tr.orange,
#tabla-albaran-picking-box tbody tr.orange {
  background:#ef6c00;
  color:#fff !important;
}

#tabla-inventario tbody tr.orange td.row-count, 
#tabla-albaran tbody tr.orange td.row-count,
#tabla-albaran-picking tbody tr.orange td.row-count,
#tabla-albaran-picking-box tbody tr.orange td.row-count  {
  background:#ef6c00;
  color:#fff !important;
}

#tabla-inventario tbody tr.orange td,
#tabla-albaran tbody tr.orange td,
#tabla-albaran tbody tr.orange td input,
#tabla-albaran-picking tbody tr.orange td,
#tabla-albaran-picking-box tbody tr.orange td {
  color:#fff !important;
  background:#ef6c00;
}

#tabla-inventario tbody tr.red.orange td,
#tabla-albaran tbody tr.red.orange td,
#tabla-albaran tbody tr.red.orange td input,
#tabla-albaran-picking tbody tr.red.orange td,
#tabla-albaran-picking-box tbody tr.red.orange td {
  background: #b71c1c;
  color: #fff !important;
}

tr.orange input {
  color:#fff !important;
}
#tabla-albaran tbody tr.green {
  background:#E8F5E9;
}

#tabla-albaran tbody tr.green td,
#tabla-albaran tbody tr.green td input,
#tabla-albaran-picking tbody tr.green td,
#tabla-albaran-picking-box tbody tr.green td {
  color:#EF5350 !important;
  background:#66BB6A;
  color:#fff;
}

#tabla-albaran tbody tr.red td,
#tabla-albaran tbody tr.red td input,
#tabla-albaran-picking tbody tr.red td,
#tabla-albaran-picking-box tbody tr.red td {
  color:#fff !important;
}

#tabla-albaran tbody tr.red,
#tabla-albaran-picking tbody tr.red,
#tabla-albaran-picking-box tbody tr.red,
#tabla-albaran-picking tr.red input {
    background: #b71c1c;
    color: #fff !important;
}

#tabla-albaran tbody tr.red.orange,
#tabla-albaran-picking tbody tr.red.orange,
#tabla-albaran-picking-box tbody tr.red.orange,
#tabla-albaran-picking tr.red.orange input {
    background: #b71c1c;
    color: #fff !important;
}

#tabla-albaran tbody tr.red td.row-count,
#tabla-albaran-picking tbody tr.red td.row-count,
#tabla-albaran-picking-box tbody tr.red td.row-count {
    background:#EF5350;
    color:#fff;
}

#tabla-albaran tbody tr.green td,
#tabla-albaran tbody tr.green td input,
#tabla-albaran-picking tr.green td input,
#tabla-albaran-picking tbody tr.green td,
#tabla-albaran-picking-box tbody tr.green td {
  color:#fff !important;
  background: #558b2f !important;
}

#tabla-inventario tr.green td {
  color:#fff !important;
  background: #66BB6A; 
}
#tabla-inventario tr.green td.items{
  background: #558b2f !important; 
}

#inventarios-historicos {
  
}



.bg-material-rojo {
  background:#E53935;
}
.bg-material-morado {
  background:#8E24AA;
}

#estadisticas-inventario-historico .estadisticas-totales  {
  background:#E53935;
  font-family: Arial;
  font-size:20px;
  color:#fff;
}
#estadisticas-inventario-historico .estadisticas-grabado-real  {
  background:#8E24AA;
  font-family: Arial;
  font-size:20px;
  color:#fff;
}
.estadisticas-bar table{
  width:100%;
}
.estadisticas-bar  tr td:first-child{
  width:50%;
}
.estadisticas-bar tr td:last-child{
  width:50%;
  text-align:right;
}

#estadisticas-inventario-historico .estadisticas-bar .value,
#estadisticas-inventario-historico-diferencias  .estadisticas-bar .value{
  color: #fff;
  font-size: 40px;
  font-family: Arial;
}

#estadisticas-inventario-historico .estadisticas-bar,
#estadisticas-inventario-historico-diferencias  .estadisticas-bar {
  color: #fff;
  font-size: 20px;
  font-family: Arial;
  padding: 0 15px;
}
#logout {
  margin-top:40px;
}
#logout button{
  background:#B71C1C !important;
}
.custom-dialog-title {
  text-align: center;
  padding: 0 20px;
  margin-bottom: 20px;
  font-weight: normal;
}
.dialog-input.custom-quantity-input {
  margin:0 auto 5px auto;
  text-align:center;
  width:50px;
}
.dialog-origenes {
  margin-top:20px;
}
.custom-dialog-title .f7-icons {
  font-size:20px;
}
#apply-promo .item-after {
  font-size:20px;
  font-weight:bold;
}
.pinpadcfg {
  display:block;
}
#email-cliente-input {
  display:none;
}
.offline #email-cliente-input {
  display:block;
}
#check-email-help-text{
  color:red;
}

.charge-actions #charge {
  background:#007aff;
  color:#fff;
  height:55px;
  font-size:18px;
}

#set-charge {
  background: #007aff;
  color: #fff;
  height: 55px;
  font-size: 18px;
}
.item-input input {
  padding-left:15px;
}
form#login .item-input {
  margin: 0 !important;
  width: 70%;
  background: #f2f2f2;
  padding: 0 20px;
}
form#login .item-title {
    min-width: 90px;
}
.popup-login .block.offline {
  position:fixed;
  bottom:20px;
  right:15px;
}
.popup-login .block.offline a {
  color:#000;
}

/* Offline */
.offline .search-bar-wrapper{
  display:none;
}
.toolbar-offline{
  display:none;
}
.offline .toolbar-online {
  display:none;
}
.offline .toolbar-offline{
  display:block;
}
.offline .navbar .backlink{
  display:none;
}
.offline #logo:after{
  position: absolute;
  content: "OFFLINE";
  top: 15px;
  right: 15px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding: 2px 5px;
  border: 1px solid red;
  border-radius: 5px;
  background: red;
}
.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 {
    height: 44px;
    color: #000;
    font-size: 14px;
}
.card-subheader {
  font-size:14px;
}
.ticket-card .card-content .card-content-inner {
  align-items: center;
  display:flex;
}
.ticket-card .card-content .card-content-inner div{
  flex-grow:1;
}
.ticket-card .importe{
  font-size:14px;
  text-align:right;
}
.link-icon {
  border: 1px solid #ccc;
  border-radius: 10px;
  display: inline-block;
  padding: 6px 8px;
}
.link-icon img {
  width:36px;
}
.link-disabled {
  pointer-events: none;
  cursor: default;
}
#imprimir-ticket-regalo{
  background: #007aff;
  color: #fff;
  height: 55px;
  font-size: 18px;
}

.dialog-text textarea {
  width: 100%;
  background: #efefef;
  padding: 15px;
  min-height: 200px;
}

.caja-modal, .tunel-modal {
  height:100%;
}

.caja-modal.sheet-partida {
  height: 60%;
}

.sheet-caja:after {
  display:block;
  background:#000;
  width:20px;
  height:20px;
  position:absolute;
  bottom:0;
  right:0;
}

.caja-modal .sheet-modal-inner{
  background:#f1f1f1;
}

#precio-wrapper .card-content{
  text-align:right;
  font-size:20px;
  padding: 10px;
}

.ios .tabbar-scrollable .toolbar-inner {
  
}
.tabbar-scrollable a.link, .tabbar-scrollable a.tab-link {
  flex-grow:1;
}

/** STOCK TABLE **/
.data-table.data-table-collapsible.stock-data-table thead {
  display:none;
}
.data-table.data-table-collapsible.stock-data-table tbody, .data-table.data-table-collapsible td, .data-table.data-table-collapsible tr {
  display: block;
}
.data-table.data-table-collapsible.stock-data-table tr {
  position: relative;
}
.ios .data-table-collapsible.stock-data-table tr::before {
  content: '';
  position: absolute;
  background-color: #c8c7cc;
  display: block;
  z-index: 15;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  height: 1px;
  width: 100%;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.data-table.stock-data-table table {
  border-collapse: collapse;
  text-align: left;
}
.ios .data-table.data-table-collapsible.stock-data-table td:not(.checkbox-cell) {
  font-size: 17px;
  line-height: 17px;
  text-align:left!important;
}
.ios .data-table.data-table-collapsible.stock-data-table td:not(.checkbox-cell)::before {
  color: #8e8e93;
  font-weight: 600;
}
.data-table.data-table-collapsible.stock-data-table td::before {
  display: none !important;
}
.data-table.data-table-collapsible.stock-data-table td:not(.checkbox-cell)::before {
  width: 40%;
  display: block !important;
  content: attr(data-collapsible-title);
  position: relative;
  height: auto;
  background: 0 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  font-size: 12px;
  margin-right: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ios #tabla-albaran-picking.data-table td, .ios .data-table th {
    /*padding-left: 5px;
    padding-right: 5px;*/
    margin-top:0 !important;
}
.ios #tabla-albaran-picking.data-table .numeric-cell {
  
}
.stock-table td:before{
   margin-bottom:5px;
}
.stock-table td{
  padding-top:5px;
  padding-bottom:5px;
}
.resolucion {
  font-size:12px;
}
.detail-item .img-cell{
  width: 100px;
  padding-right: 0 !important;
}
.detail-item .img-cell img{
  max-width:100px;
  max-height:100px;
}
.view, .views, #powershop-cloud {
  margin: 0 !important;
  padding: 0 !important;
}
#version {
  font-size:12px;
  color:#888;
}
.turnos-edit-cell input {
  float: left;
  width: 26px;
  font-size: 20px;
}
#tab-relacionados,
#tab-sustitutivos,
#tab-complementarios{
  display:none;
}
.sheet-modal-inner .page-content {
  padding:0 !important;
}
#charge-summary-panel {
  display:none;
}
a.clear-order-client, 
a.add-order-client , 
a#add-to-current-order, 
a#escanear-codigos-order, 
a#buscar-cliente, 
a#add-detail-salida-transito, 
a.square-icon{
  margin: 0 15px !important;
}
#imprimir-lista-salidas-ordenes,
#imprimir-lista-entradas {
  width: 40px;
  height: 42px;
  margin-right: 10px;
}
#imprimir-lista-salidas-ordenes img {
  display:block;
  margin:4px 2px;
}
#detalles-salida-transito input,
#detalles-solicitudes-central input {
  border:none;
}  
#desglose-monedas-billetes input{
  width: 100%;
  background: #efefef;
  height: 90%;
  padding: 0 15px;
}
#desglose-arqueo table tbody tr:nth-child(odd) {
  background:#efefef;
}
#listas-salidas-ordenes td, 
#listas-salidas-ordenes th,
#lista-entradas-traspaso td,
#lista-entradas-traspaso th {
  padding-left: 5px !important;
  padding-right: 5px !important;
  height: 44px;
}

#listas-salidas-ordenes input,
#lista-entradas-traspaso input {
  border: none;
  width: 100%;
  background: #efefef;
  height: 90%;
  box-sizing: unset;
  padding: 0 10px;
}
#listas-salidas-ordenes input[type="numeric"],
#lista-entradas-traspaso input[type="numeric"] {
  padding-right:15px;
}
#listas-salidas-ordenes i.icon-checkbox,
#lista-entradas-traspaso i.icon-checkbox {
  margin:0 auto;
}

#listas-salidas-ordenes .icon-cell,
#lista-entradas-traspaso .icon-cell {
  text-align:center;
}
a.separator{
  height: 5px;
  background: #fff;
}
.item-input input {
  text-align:right;
}
.total-value {
  font-size:24px;
  color:#007aff;
  font-weight:bold;
}
#listas-salidas-ordenes .validar,
#lista-entradas-traspaso .validar {
  color:#007aff;
}
.logo-empresa {
  height: 273px;
  max-width: 375px;
  border-left: 1px solid #ccc;
  display: block;
}
#order-action-panel .list .item-divider {
  min-height:33px;
  height:33px;
}
/*.ios .list .item-content {
    min-height: 44px;
    height: 44px;
    padding-left: 15px;
    max-height: 44px;
}*/
#client-data {
  margin-bottom: 10px;
}
#client-data input {
  font-size: 18px;
/*  width: 120px; */
  padding: 0 15px;
  padding-left: 15px;
  flex-grow: 1;
  border: 1px solid #ccc;
  height: 57px;
  margin: 10px 15px;
}
#client-data a {
  padding: 5px;
/*  display: inline-block;*/
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 0;
  height: 45px;
}
#client-data a i {
  font-size: 45px;  
}


/*color palette*/
#tools{
  float:left;
  width:80px;
  padding:15px;
}
#colorPalette div{
  width:50px;
  height:50px;
  margin-bottom:4px;
}
#red{
  background-color:red;
}
#green{
  background-color:green;
}
#blue{
  background-color:blue;
}
#paintArea{
  width:900px;
  height:600px;
  background-color:#fff;
  float:left;
  position:relative;
}
#paintArea canvas{
  position:absolute;
  top:0px;
  left:0px;
  cursor:crosshair;
}
.cabecera-unidades-salida-reales,
.cabecera-unidades-salida-previstas {
  width: 50px;
}

.unidades-salida-reales,
.unidades-salida-previstas {
  max-width: 50px;
  padding: 0 10px;
}

.traspasos-resumen {
  border-top:1px solid #ccc;
  padding: 10px 15px;
  background-color: white;
}
.traspasos-resumen .col .col-33 {
  border-right:#ccc;
  background: #efefef;
  padding: 5px 10px;
}
.traspasos-resumen .col .col {
  text-align:right;
  padding: 5px 10px;
}

.traspasos-select-all {
  padding: 10px 0;
  background: #efefef;
  border-bottom:1px solid #ccc;
}
.traspasos-resumen .valor {
  font-size: 18px;
  font-weight: bold;
  margin-top:4px;
  margin-left: 10px;
}
.popover-from-code ul {
  list-style:none;
  padding:0;
  margin:0;
}
.popover-from-code img {
  display:block;
  max-width:100%;
}
.ios .popover-from-code .block {
    margin: 15px 0;
    padding: 0 15px;
    color: #6d6d72;
    font-size:14px;
}
.popover-code {
  text-decoration:underline;
}
.readed-codes {
  font-size:16px;
}
.charge-type, .charge-amount {
  white-space:nowrap;
}
table.striped tbody tr:nth-child(odd) {
  
}
table.striped tbody tr:nth-child(even) {
  background:#efefef;
}
.add-to-sale-wrapper {
  position: absolute;
  z-index: 1000;
  bottom: 50px;
  left: 0;
  width: 100%;
}
.precio-wrapper {
  width: 100%;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  background: rgba(255, 255, 255, 0.8);
  padding:10px 0;
}
.articulo-tallas {
  display: flex;
  overflow: auto;
  background: rgba(255, 255, 255, 0.8);
  min-width: 100%;
  justify-content: center;
  border-bottom:1px solid #ccc;
  height: 42px;
}
.articulo-tallas  .talla{
  padding: 10px;
  box-sizing: border-box;
  z-index:1500;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.articulo-tallas  .talla.active {
  border: 2px solid #888;
}
.id-cajero {
  font-size: 30px;
  font-weight: bold;
}
#toggle-tallas-wrapper {
  font-size: 14px;
  font-weight: normal;
  background: rgba(255,255,255,0.8);
  z-index: 9999;
  float:right;
}
#toggle-tallas {
  margin-left:20px;
}
#desglose-monedas-billetes-apertura input,
#desglose-monedas-billetes-cierre input{
  width:100%;
  height: 100%;
  padding:0 10px;
  background:#efefef;
}

.cloud-flex-wrapper {
  display:flex;
  flex-direction:row-reverse;
  margin: 10px;
}
.cloud-flex-wrapper .flex-item {
  
}
#comentarios li {
  display:block;
}
.imprimir-ticket {
  margin-right:15px;
}
#consulta-stock-img-wrapper img{
  max-width:100%;
}
#info-tarjeta-regalo .card-header{
  flex-direction: row-reverse;
  font-size:24px;
  color: #2196F3;
  font-weight:bold;
}

#codigo-talla-historico {
  margin-right:15px;
}
.sheet-inventario {
  height:100%;
}
.sheet-inventario .sheet-modal-inner {
  overflow-y:scroll;
}
.sheet-inventario .sheet-modal-inner .data-table{
  margin-bottom:40px;
}
.row-movimiento {
  background:#efefef;
}
.consultar-tallas.active, .consultar-tallas.active:hover, .consultar-tallas.active:focus, .consultar-tallas.active:active {
  background:#90CAF9 !important;
  color:#fff;
}
.sheet-albaran {
  height:100%;
}
.sheet-albaran .sheet-modal-inner{
  overflow-y:scroll;  
}
.sheet-albaran .sheet-modal-inner{
  background:#fff;
}
.sheet-albaran .card-footer .list{
  width:100%;
}
.sheet-albaran .leidas input,
.linea-albaran-proveedores .unidades input{
  width: 40px;
  text-align: center;
  -moz-appearance: textfield;
  color: #555;
  margin: 0 auto;
}
.linea-albaran-proveedores .unidades input{
  height: 44px;
}
/** FACEBOOK CARD **/
.facebook-card .card-header {
  display: block;
  padding: 10px;
}
.facebook-card .facebook-avatar {
  float: left;
}
.facebook-card .facebook-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}
.facebook-card .facebook-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}
.facebook-card .card-footer {
  background: #fafafa;
}
.facebook-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}
.facebook-card .card-content img {
  display: block;
}
.facebook-card .card-content-padding {
  padding: 15px 10px;
}
.facebook-card .card-content-padding .likes {
  color: #8e8e93;
}
#ver-inventario {
    margin-left: 0 !important;
}
.date-cell {
  white-space:nowrap;
}
.smart-select-sheet ul{
  margin-bottom:20px;
}

.numeric-cell.unidades input{
  max-width:40px;
}
[class^="billetes-"] {
  padding:0;
}
.fixed-reader {
  position:fixed;
  width:100%;
  z-index:500;
  top:55px;
}
.fixed-reader-title {
  padding-top:160px;
}

.links-list a::before, .list .item-link .item-inner::before, .media-list .chevron-center .item-link .item-inner::before, .media-list .item-link .item-title-row::before, .media-list .item-link.chevron-center .item-inner::before, .media-list.chevron-center .item-link .item-inner::before, li.media-item .chevron-center .item-link .item-inner::before, li.media-item .item-link .item-title-row::before, li.media-item .item-link.chevron-center .item-inner::before, li.media-item.chevron-center .item-link .item-inner::before {
  color:#fff;
}
.item-inner::before {
  display:none !important;
}

#lectura-ubicar-wrapper .item-input-info {
  margin-bottom:20px;
}

#lectura-ubicar {
  min-height: 200px;
  background: #f1f1f1;
  padding: 15px;
  margin-left: -15px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.navbar .right {
  margin-right: 10px;
  min-width: 100px;
}

#cfg-info{
  margin-top:10px;
}
#cfg-info i{
  position:relative;
}
#cfg-info .color-red {
  color:#fff !important;
}
.nowrap-cell{
  white-space: nowrap;
}
#client-order-data .block-title{
  margin-left:10px !important;
}
.lectura-codigos {
  margin-right:10px;
}
#order-add-client-wrapper,
#add-product-wrapper{
  margin: 0 15px;
}
#order-add-product-wrapper{
  margin: 10px 15px 0 15px;
}
#order-add-client-wrapper input,
#order-add-product-wrapper input,
input.codigo-talla,
#codigo-talla-ordenes,
#codigo-talla-albaran
 {
  border: none;
  border-bottom:1px solid #ccc;
  padding:0;
  margin: 0 15px;
}
.banner-list ul {
  background:#fff;
}
.banner-list ul a::before {
  color:#ccc;
}
input::disabled {
  background:#fff !important;
}
.input-with-value {
  padding-right:20px !important;
  color:#595959 !important;
}
.view-caja .label-cell {
  white-space:nowrap;
}
.list .item-inner {
  padding-top:0;
  padding-bottom:0;
  
}

#cliente-albaran-wrapper .item-inner {
  margin-left: 0 !important; 
  padding-right: 20px;
}

#uuid{
  border-top:none;
}
#login input[name="user"] {
  border-bottom:1px solid #ccc;
}
#client-data input {
  border:none;
  border-bottom: 1px solid #ccc;
}
#canvas-wrapper {
  position:relative;
  height:350px;
}
#signature {
  margin-left:20px;
  border: 1px solid #ccc;
  position:absolute;
  width:400px;
  height:350px;
  z-index:10000;
  /*touch-action:none;*/
}

.ready-to-read {
  background:#dd2c00 !important;
  color:#fff !important;
}

.desde-central-franquicia-incidencia .card-header {
  background:#b71c1c;
  color:#fff;
}
.leidos-cell input{
  float: right;
  width: 25px;
  padding: 0 !important;
}
input.cliente-albaran {
  width: 290px !important;
}
.cliente-albaran-icon {
  color:#ff0000;
}
.cliente-albaran-icon.valido {
  color:#7cb342;
}
li.danger {
  background: #ef9a9a;
}
.sheet-100 {
  height:100%;
}
.font-size-xl {
  font-size:20px;
  font-weight:bold;
}
.item-link .item-inner {
  margin:0;
}
.fab-morph {
  background: rgba(0, 0, 0, 0.5) !important;
  color:#000 !important;
}
.input-with-value {
  padding: 0 !important;
}
.mb-20 {
  margin-bottom:20px;
}
.omnia-swiper .img-title {
  background: #1976d2;
  color: #fff !important;
  padding: 5px 5px;
  font-weight:bold;
  
}
.omnia-swiper .icon-checkbox{
  float:right;
  margin:0;
}
#omnia-footer {
  background: #1976d2;
  color: #fff !important;
  padding: 5px 20px;
}
.omnia-swiper .item-title-row {
  background: #1976d2;
  color: #fff !important;
  padding: 5px 5px;
}
.omnia-swiper .item-title-row  .item-after {
  color:#fff;
}
.omnia-swiper .media-list li {
  margin-bottom:20px;
}
.omnia-swiper .media-list li .item-inner{
  padding:0;
}
#open-omnia-panel {
  background: #1976d2;
  color: #fff !important;
  padding: 5px 20px;
}
#open-omnia-panel .panel-open{
  display:block;
}
.inv-parcial-input{
  text-align: right;
  width: 100%;
}
.inv-parcial-table-tallas{
  
}
.inv-parcial-table-tallas th, .inv-parcial-table-tallas td {
  max-width: 40px;
}

.totales {
    display: flex;
    column-gap: 50px;
}

.totales div {
    font-weight: normal;
}

#total-ventas {
    text-decoration: underline;
}

.scrollable-dialog {
  height: auto;
  max-height: 90vh;
}

.scrollable-dialog .dialog-text {
  height: auto;
  max-height: 60vh;
  overflow-y: auto;
}

#consulta-stock-talla-wrapper .card-header {
    display: block;
    padding: 10px;
}

#consulta-stock-talla-wrapper .card-header-descripcion {
    margin-left: 44px;
    font-size: 14px;
    font-weight: 500;
}

#consulta-stock-talla-wrapper .card-header-info {
    margin-left: 44px;
    font-size: 13px;
    color: #8e8e93;
}

#consulta-stock-talla-wrapper .card-header-imagen {
    float: left;
}

.inventario-item input{
  width: 40px;
  text-align: center;
  -moz-appearance: textfield;
  color: #555;
  margin: 0 auto;
}
/*
#tabla-inventario tbody tr td.row-count input{
  width:40px;
}*/

#tabla-inventario tr.green td input {
  color: #fff !important;
}

#albaran-fixed-wrapper {
  position: fixed;
    top: 60px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
}

.add-product-wrapper {
  background-color: white;
}

#politica-privacidad {
    text-decoration-line: underline;
    color: #1d76d2;
}

.tabla-albaran-picking-box .input-with-value {
    color: #595959 !important;
}

li:has(#etiquetas-sendcloud) {
    display: none;
}

#no-leidas {
    display: none;
}

.lecturas-dipole {
    color: var(--f7-dialog-button-text-color);
}

#tabla-inventario td.numeric-cell {
    text-align: left;
}

#tabla-inventario .inv-parcial-input {
    text-align: left;
}

#albaran-fixed-wrapper-margin {
    margin-top: 375px;
}

.oculto {
    display: none;
}

.leidos-cell input {
    color: #595959 !important;
    font-size: var(--f7-table-body-font-size) !important;
    font-weight: 400 !important;
}

.list .item-title {
    padding-top: 10px;
}

.searchbar input[type=search], .searchbar input[type=text] {
    padding-left: 30px !important;
}

label.item-radio input[type=radio]~.icon-radio {
    top: 60% !important;
}

.smart-select-page .list {
    padding-top: 32px;
}

#info-cliente {
    padding-left: 35px;
    display: inline-flex;
    margin-top: 5px;
}

#info-cliente p {
    margin: 0px;
    border: 2px solid #f1f1f1;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}

#info-cliente p:first-child {
    border-right: 0px;
}

#firma-cliente {
    display: none;
}

.hide-row i {
  font-size: 20px;
}

#albaran-activo-num .item-after {
  text-align: right;
  flex-shrink: unset;
  white-space: unset;
}

#albaran-activo-num .item-title {
  min-width: 90px;
}

.inv-parcial-table-tallas .input-with-value {
  color: #ffffff !important;
}

a.square-icon.read-documento {
  margin-left: 0px !important;
}

.omnia-services {
  margin-right: 50px;
}

.no-stock {
  font-weight: bold;
}

#email-cliente-activo {
  font-size: 18px;
  width: 120px;
  padding: 0 15px;
  flex-grow: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 15px;
  padding-top: 15px;
  background: #00000008;
  display: none;
}