*
   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
*/

.statusbar-overlay {
    background: #000000;
}

/** BACKLINK **/
[data-page="index"] #backlink {
    
}

.page-title {
    background: #fff;
    /**border-bottom: 1px solid #efefef;**/
    min-height: 40px;
    line-height: 40px;
    color:#000;
    font-weight:bold;
    padding: 4px 15px;
    text-transform:uppercase;
    border-bottom:1px solid #ccc;
    border-top: 1px solid #ccc;
}

/** ICONS **/
[class*="bg-ios-"] {
  padding:5px !important;
  border-radius:5px;
}

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

.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.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.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.shopmanagement{
    background:url('../img/icons/shopmanagement.png');
}
.powershop-icon.barcode{
    background:url('../img/icons/barcode.png');
}
.powershop-icon.configuracion{
    background:url('../img/icons/configuracion_light.png');
}
.powershop-icon.logout{
    background:url('../img/icons/logout_light.png');
}
.powershop-icon.search{
    background:url('../img/icons/search.png');
}
.powershop-icon.online-shop-b2b{
    background:url('../img/icons/online-shop.png');
}
.powershop-icon.online-shop-b2c{
    background:url('../img/icons/online-shop.png');
}
.powershop-icon.central{
    background:url('../img/icons/shop_light.png');
}


.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;
}

.item-button {
  background-color:#007aff;
  color:#fff;
}
.list .f7-icons.link-icon {
  font-size:30px;
}

.list .item-divider {
    border-bottom: 1px solid #efefef;
    min-height: 40px;
    line-height: 40px;
    list-style: none;
}

.data-table {
  font-size:14px;
}
.data-table tr th:nth-child(1) {
  text-align:left;
}
.text-right{
  text-align:right;
}
.text-left{
  text-align:left;
}
.data-table tr td:nth-child(1){
  font-weight:bold;
  text-align:left;
}
.data-table td.selected {
  background:#29B6F6;
  color:#000;
  font-weight:bold;
}

.demo-card-header-pic .card-header {
  overflow: hidden;
}
.demo-card-header-pic .card-header img{
  min-width:100%;
  position:top;
}
.demo-card-header-pic .card-header .code{
  position:absolute;
  top: 25px;
  left: 25px;
  color:#000;
  font-weight:bold;
}
.demo-card-header-pic .card-content-padding .date{
  color: #8e8e93;
}
.data-table {
  white-space:nowrap;
}
.mandatory.alert {
  background: rgba(255, 0, 0, 0.1);
}
.font-normal {
  font-weight:normal;
  font-size: 10px;
}
.page-title {
 line-height: inherit;
}

.mb-0 {
  margin-bottom:0;
}
/** DATATABLES **/

.full-height-modal .toolbar-inner{
  background:#CFD5DA;
}
.full-height-modal .sheet-close i.f7-icons{
  font-size: 30px;
  font-weight: bold;
  color: #333; 
}
.data-table {
  overflow-y:scroll;
}
.data-table td, .data-table th {
  padding:0 5px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color:inherit;
  background:none;
  border:none;
}
#data-table_paginate a {
  border:none !important;
  background:none !important;
  height: auto !important;
}
#data-table_paginate a:after {
  background:none !important;
}
.full-height-modal {
  height:100%;
}
.data-table thead th {
  color:#000 !important;
}
.data-table tfoot, .data-table thead{
  background:#fff;
}
#data-table_info {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background:  #CFD5DA;
  z-index: 900;
  padding-top: 0;
  font-size: 18px;
  margin: 0;
}
#data-table_paginate {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #CFD5DA;
  z-index: 901;
  padding-top: 0;
  font-size:18px;
  margin:0;
}
.dataTables_wrapper .dataTables_filter {
    text-align: left;
    padding: 0 0 0 10px;
}
.dataTables_wrapper .dataTables_filter input {
  background:#fff;
  width:150px;
  padding:3px 0;
  margin-bottom:5px;
}

.sheet-modal .sheet-modal-inner {
  overflow-y:auto !important;
}
/*
.full-height-modal .sheet-close i.f7-icons{
  font-size:51px !important;
  font-weight:bold !important;
}
*/

@media only screen and (min-width: 600px) {
  #data-table_info {
    position: fixed;
    top: 12px;
    left: 20px;
    transform: none;
    background:#CFD5DA;
    z-index: 900;
    padding-top: 0;
    font-size: 14px;
    height:20px;
    margin: 0;
  }
  #data-table_paginate {
  position: fixed;
  top: 0;
  right: 35px;
  transform: none;
  background: #CFD5DA;
  z-index: 901;
  padding-top: 0;
  font-size:18px;
  margin:0;
}
  
}

.w-100 {
  width:100% !important;
}
#qr-reader{
  
  border: none !important;
}

/** FICHA ARTÍCULO **/
#articulo-wrapper #img-wrapper img {
  max-width: 100%;
}
#articulo-wrapper #precio-wrapper{
  position: absolute;
  top:10px;
  right: 10px;
}
#articulo-wrapper #precio-wrapper .valor{
  font-weight: bold;
  font-size: 16px;
}