<meta charset="utf-8">
<title>Vicpos</title>
<link rel="shortcut icon" href="img\logos_vicpos/vic_logo.ico" type="image/x-icon">

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">    

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">


<link href="css\font-awesome.css" rel="stylesheet">        

<link href="css\bootstrap.css" rel="stylesheet">
<link href="css\ui-lightness\jquery-ui-1.10.0.custom.css" rel="stylesheet">
<link href="css\base-admin-4.css" rel="stylesheet">
<link href="css\base-admin-3-responsive.css" rel="stylesheet">
<link href="css\pages\dashboard.css" rel="stylesheet">   
<link href="css/pages/plans.css" rel="stylesheet" media="all"> 

<link href="css/botones_reportes.css" rel="stylesheet" type="text/css" /> 
<link href="css/checkbox.css" rel="stylesheet" id="bootstrap-css">
<link href="css\mesas.css" rel="stylesheet">
<link href="css/panel.css" rel="stylesheet" id="bootstrap-css">
<link href="css\select.css" rel="stylesheet"> 

<link href="css/hover.css" rel="stylesheet" media="all"> 

<script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<link href="js\plugins\lightbox\themes\evolution-dark\jquery.css" rel="stylesheet"> 

<link href="css/botones_factura.css" rel="stylesheet" media="all"> 


<link href="css/fontawesome6/css/all.css" rel="stylesheet">


<script type="text/javascript">
function miFuncion() {
    load(1);
}

$(setup)
function setup() {
    $('#intro select').zelect({ placeholder:'' })
}
</script>
<style type="text/css">

body{ color:#838383; font: 13px/1.7em 'Open Sans';}

#global {
  height: 650px;
  width: auto;
  border: 1px solid #ddd;
  background: #f1f1f1;
  overflow-y: scroll;
  overflow-x:auto;
}
#mensajes {
  height: auto;
}
.texto {
  padding:4px;
  background:#fff;
}
.logo{margin:0;float:left;position:relative;line-height:50px}.logo img{max-width:100px;margin:0px 0 0; padding-left:8px;}


body {overflow-x:hidden;}
::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    background-color: #F90; 
    background-image: -webkit-linear-gradient(90deg,rgba(255, 255, 255, .2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)
}

fieldset.scheduler-border 
{
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border 
{
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}


input[type="file"]#imagen {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }

label[for="imagen"] {
 font-size: 14px;
 font-weight: 600;
 color: #fff;
 background-color: #106BA0;
 display: inline-block;
 cursor: pointer;
 padding: 5px 40px ;
 width: fit-content;
 text-align: center;
 }

 input[type="file"]#imagen2 {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }

 label[for="imagen2"] {
 font-size: 14px;
 font-weight: 600;
 color: #fff;
 background-color: #106BA0;
 display: inline-block;
 cursor: pointer;
 padding: 5px 40px ;
 width: fit-content;
 text-align: center;
 }


 input[type="file"]#imagen_marca {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }

 label[for="imagen_marca"] {
 font-size: 14px;
 font-weight: 600;
 color: #fff;
 background-color: #106BA0;
 display: inline-block;
 cursor: pointer;
 padding: 5px 40px ;
 width: fit-content;
 text-align: center;
 }

input[type="file"]#imagen_cate {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
 }

 label[for="imagen_cate"] {
 font-size: 14px;
 font-weight: 600;
 color: #fff;
 background-color: #106BA0;
 display: inline-block;
 cursor: pointer;
 padding: 5px 40px ;
 width: fit-content;
 text-align: center;
 }




#notification_count {
padding: 8px 8px 8px 8px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: 0px;
border-radius: 20px;
position: absolute;
margin-top: -11px;
font-size: 11px;
}










#precio_mesa {
padding: 2px 4px 2px 4px;
background: #0088ED;
color: #ffffff;
font-weight: bold;
border-radius: 5px;
position: relative;
font-size: 11px;
}

#mesa_libre {
padding: 2px 4px 2px 4px;
background: #ffffff;
color: #ffffff;
font-weight: bold;
border-radius: 5px;
position: relative;
font-size: 11px;
}





/*BOTONES DEL BUSCADOR*/


:root {
    --white: #ffffff;
    --light: #f0eff3;
    --black: #000000;
    --dark-blue: #1f2029;
    --dark-light: #353746;
    --red: #da2c4d;
    --yellow: #f8ab37;
    --grey: #ecedf3;
}

.section {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.z-bigger {
    z-index: 100 !important;
}

.sty_radio{
     position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;
}

.checkbox-tools:checked + label,
.checkbox-tools:not(:checked) + label{
    position: relative;
    display: inline-block;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--white);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.checkbox-tools:not(:checked) + label{
    background-color:#AEAEAE;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-tools:not(:checked) + label:hover{
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
}
.checkbox-tools:checked + label::before,
.checkbox-tools:not(:checked) + label::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-image: linear-gradient(298deg, #098BCB, #098BCB);
    z-index: -1;
}


</style>

<style type="text/css">

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] { -moz-appearance:textfield; }
</style>