 <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<?php

date_default_timezone_set("America/New_York");

?>





<script>



  window.addEventListener('popstate', function (event) {

  history.pushState(null, document.title, location.href);

});



</script>



<html lang="en">

<style type="text/css">



.barra_lateral{

  padding:12px;

  background:#F8F9F9 ;

  width:245px; 

  @border-top:solid 4px green;

  @border-bottom:solid 2px gray;

  

  @box-shadow:1px 2px 1px;

  @border-radius:5px 5px 5px;

  min-height:300px;

  margin-top:-20px;

  margin-left:-20px;

  height:1000px;

  float:left;

}


  .icon{

    width:20px;

    margin-bottom:0px;

  }

  

    .icon2{

    width:20px;

    margin-bottom:-5px;

    

  }

  

.isable{

  color: currentColor;

  cursor: not-allowed;

  opacity: 0.5;

  text-decoration: none;

}





.form-control{

  color:#6D6D6D;

  font-size: 18px;

}



.navbar a:hover{

  color:black;

}



.bold{

  font-weight: bolder;

}



th{

  text-align: center;



}

.ml-2{

  margin-left: 8px;

}



.mr-2{

  margin-right: : 8px;

}



.mt-2{

  margin-top: 8px;

}



.mb-2{

  margin-bottom: 8px;

}

td{

  @font-family: Arial;

  font-size: 18px;

  @color:gray;

}



.bold{

  font-weight:bolder;



  

}



.scroll-md{

  max-height: 300px;

  overflow-y: scroll;

}

.icono{

	width:30px;

}



<style>

    th{

        text-align: center;
        border-bottom: solid gray 1px;

    }



table,td{

    

    font-size: 14px;

    @font-weight: bolder;

}

.form-control{

    font-size: 16px;

    font-weight: bolder;

}



@thead th{

    background: #66bb6a;

    color:white;

	

}



</style>

<style>

    td{

        text-align: left;

		font-size:14px;

		

    }

    td{

       @font-weight:100;

    }

    

table,td,th{

   @ border:gray 1px solid;

    border-collapse: collapse;

	 

    @font-size: 12px;

}



th{

    @background: green;

    @color:white;

    font-weight:bolder;

    font-size: 16px;
    text-align: center;

}



  @thead th{

    background: #68A466;

    color:white;

  }

    td,.btn, th, a, button, label{

    font-family: "Arial";
    @font-weight: light;
    font-size:14px ;
    


  

       

    }
    thead th{
    @background: #68A466;
    @color:white;
    border:1px dotted gray;
    font-size:15px;
    background:white;
    text-align:center;
  }
  
  th{
	  @background:#2c78b0;
    @color: white;
  }
  a{
	  font-size:18px;
  }


</style>

<head>

  <meta charset="utf-8">



<meta name="viewport" content="width=device-width">

<meta name="mobile-web-app-capable" content="yes">

<link rel="icon" sizes="192x192" href="../img/cloud3.png">






  <meta name="theme-color" content="#563d7c">

  <title>SantanaSoft - POS</title>

  <link rel="icon" sizes="192x192" href="../imagenes/mon.png">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">


<!--link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"-->

<link rel="stylesheet" href="../vendor/fa/css/all.min.css">

<link rel="stylesheet" type="text/css" href="../src/bootstrap.min.css">





<link rel="stylesheet" type="text/css" href="../src/datatable.css">

<!--link rel="stylesheet" type="text/css" href="../src/bootstrap-theme.css"-->

 <link href="../vendor/toastr/toastr.css" rel="stylesheet"/>

<script src="../src/jquery.js"></script>

<script src="../src/bootstrap.min.js"></script>



<script src="../src/datatables.js"></script>

<script src="../src/bootstrap_datatable.js"></script>



<script type="text/javascript" src="../js/savy.js"></script>

  <script src="../js/numeral.js"></script>

        <script src="../js/moment.js"></script>

        <script src="../js/fechas.js"></script>

  <script src="../js/func.js"></script>

<script src="../vendor/alertify.min.js"></script>

  <script src="../vendor/toastr/toastr.min.js"></script>

<link rel="stylesheet" href="../vendor/alertify.min.css" />



<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;1,300&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">




<style>



.btn-orange{
  background: #ffc419;
  color:black;

}

.text-rojo{
  color:#fa4000;
}
.btn-rojo{
  background:#fa4000;
  color:white;
}

.btn-rojo2{
  background:#ffaa14;
}

.text-verde{
  color:#08ad00;
}
.btn-verde{
  background:#08ad00;
  color:white;
}

.btn-primary, .btn-success, .btn-orange, .btn-warning, .btn-danger, .btn-info, .btn-verde{
  background-color: #0096eb;
  border:1px solid #0096eb;
  color:white;
}


.text-primary , .text-success, .text-orange, .text-warning, .text-danger, .text-info, .text-verde{
  color: #0096eb;
}

*{
   font-family: "Ubuntu", sans-serif;
 
}


label,  input[type="text"], input[type="number"], input[type="search"], input[type="date"], select, .btn, strong, td, th, a, table,  input[type="textarea"], textAreainput[type="select"]{
   font-family: "Ubuntu", sans-serif;
  font-weight: 100;
  font-style: normal;
   font-size:14px;
}


.navbar a{
   font-weight: 100;
   font-size:18px;
}


 input[type="text"], input[type="number"], input[type="search"], input[type="date"], select, input[type="select"], input[type="textarea"], textArea{
  border:none;
  background: #ececec;
  border-radius: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  font-size: 18;
  font-weight: bolder;

}

input[type="text"], input[type="number"], input[type="search"], input[type="select"], input[type="textarea"], textArea, select:focus{
 outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}







  .navbar-default{
  background-color:#47b942;
  border-bottom:solid #47b942 6px;
  color:white;

  border-radius: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
   color:white;
}


.navbar-default .navbar-nav>li>a{
  color:white;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
   
   background-color:#47b942;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>a:focus{
  color:black;
   background-color:#47b942;
}

.navbar-default .navbar-text{
  color:black;
}


.navbar-default .navbar-toggle{
  background-color:#47b942;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{

  background-color:#47b942;
}

.navbar-default .navbar-toggle .icon-bar{

  background-color:black;
}


.btn-primary , .btn-default, .btn-rojo2, .btn-success, .btn-orange, .btn-warning, .btn-danger, .btn-info, .btn-verde{
  background:#47b942;;
  color:white;
   border:1px solid #47b942;
}


.text-primary , .text-success, .text-orange, .text-warning, .text-danger, .text-info{
  color: #47b942;
}
</head>


