button {
  margin: 5px;
}

button.calculator {
  min-width: 70px;
  height: 70px;
  margin:1px;
}

button.calculator-cash {
  min-width: 70px;
  height: 70px;
  margin:1px;
  font-size: 20px;
  color: #d9534f !important;

}

button.calculator-clear {
  min-width: 70px;
  height: 70px;
  margin:1px;
  background-color: rgb(228, 228, 228) !important;
  font-size: small;

}

.cash {
  
  height: 50px;
  font-weight: bold;
}

button.calculator > span {
  font-size: 20px;
}

.md-button.md-small {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 0;
  margin: 0 5;
}

.product-button{
  width: 100px;
  height: 125px;
  margin: 2px;
  cursor:pointer;
}
.order {
  height: 500px;
}

.patatine {
  background-color: #f0ad4e;
  color: white;
}

.panini {
  background-color: #337ab7;
  color: white;
}

.bibite {
  background-color: #5bc0de;
  color: white;
}

.dessert {
  background-color: #d9534f;
  color: white;
}

span.label  {
  padding-top: 5px;
  padding-bottom: 5px;
}

.totale {
  background-color: #404040;
  color: #FFFFFF;
}

.contanti {
  background-color: #f6f6f6;
}

.resto {
  background-color: #f6f6f6;
}

#cashModal {
  margin-left: 50%;
  height: 80%;
}

.spacer {
  padding: 3px;
}

.footer {
  position: fixed;
  bottom: 0px;
  z-index: 100;
  
}

.small {
  margin: 3px 4px 3px 4px;
  min-width: 44px;
  border-radius: 3px;
  font-size: 26px;
}

.small-pos {
  margin: 0px;
  min-width: 45px;
  font-size: 16px;
  position: absolute;
  bottom: 2px;
  height: 80%;
  right: 0px;
  color: white;
  background-color: rgba(255,152,0,0.7) !important;
}

.scontrino {
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

.scontrino-subitem {
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
  padding-right: 5px;
  margin: 0px;
}

.big {
  
  font-size: 20px;
  font-weight: bold;
  padding-top: 5px;
  border-top: black solid 1px;
}

.item-total {
  text-align: right;
}

.item-image {
  border-radius: 0;
  width: 64px;
  height: 64px;
}
.list-item-compressed
{
	height: 68px;
	min-height: 68px;
	margin-top: 2px;
	margin-bottom: 2px;
	
}
/* In order to place the tracking correctly */
canvas.drawing, canvas.drawingBuffer {
  position: absolute;
  left: 0;
  top: 0;
  width:100%;
}

.rowDisabled {
  background-color: rgb(238, 238, 238);
}

.rowEdit {
  background-color: rgb(196, 250, 196);
}

.item-excluded {
  background-color: rgb(228, 225, 225);
  color: rgb(156, 156, 156);

}

.consol-window {
 
  padding: 15px;
  font-size:medium;
  
  min-width: 300px;
}

.buttons-window {
 
  padding: 15px;
  font-size:medium;
  min-width: 250px;
}

.icon-ok {
  color: green;
  background-color:rgba(255,255,255,0);
}

.icon-error {
  color: red;
  background-color: rgba(255,255,255,0);
}

div.sidebar-menu md-input-container{
  margin: 5px 0px;
}

h1.order-number {
  padding: 0px 5px 0px 0px;
}

div.print-result {
  padding: 0px 15px;
  vertical-align: middle;
  display: flex; 
  align-items: center; 
  align-content: flex-start;
}

h5.condensed {
  line-height: 2px;
}

.report-table, .report-table th, .report-table td {
  border-collapse: collapse; 
}

.report-table th, .report-table td {
  border: 1px solid;
  padding: 5px 10px;
}

table.inventario {
  border-collapse: collapse;
}

table.inventario th, table.inventario td {
  font-family: Roboto,Helvetica Neue,sans-serif;
  text-align: left;
  border: 1px solid lightgray;
  padding: 5px 10px;
}

table.inventario th {
  padding: 15px 10px;
}


table.stock-report-table {
  border-collapse: collapse;
  margin: 10px;
  width: 100%;
}

table.stock-report-table th, table.stock-report-table td {
  font-family: Roboto,Helvetica Neue,sans-serif;
 
  border: 1px solid lightgray;
  padding: 5px 10px;
}

table.stock-report-table th {
  padding: 15px 10px;
  text-align: left;
}

table.stock-report-table th.small-col {
  max-width: 30px;
}

span.chip-remaining {
  padding: 1px 15px;
  background-color: rgb(177, 174, 174);
  border-radius: 10px;
  border-color: white;
  color: white;

}

span.chip-number {
  padding: 1px 15px;
  background-color: white;
  border-radius: 10px;
  border-color: rgb(156, 156, 156);
  border-style: solid;
  border-width: 1px;
  color: black;

}

span.status-good, h3.status-good{
  background-color: rgb(28, 175, 28);
  color: white;
}

span.status-warning, h3.status-warning{
  background-color: rgb(240, 178, 10);
  color: white;
}

span.status-alert, h3.status-alert{
  background-color: rgb(240, 56, 10);
  color: white;
}

h3.status-good, h3.status-warning, h3.status-alert {
  padding: 1px 3px;
}