* {
  font-family: 'Open Sans', sans-serif;
}

h1,h2,h3 { font-family:'Source Sans Pro',sans-serif;background-color:#555555;font-weight: 700; color:#FFF;padding:10px; border-radius: 4px; }
h3{ font-size:1.1rem; }

body {
  	color:#212121;
	background-color:#E6E6E6;
}

.container-fluid {
	padding:15px;
	padding-left:130px;
	height: 100vh;
	max-height: 100vh;
}
.box{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 10px; background-color: #FFF; color:#212121;
  padding:20px;margin-left:10px; margin-bottom: 30px;
}
.box2{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  border-radius: 10px; background-color: #FFF; color:#212121;
  padding:10px;padding-right:0;
}

.icon-bar {
	position:fixed; left:0;
  	width: 120px;
  	height: 100vh;
  	background-color: #555;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 34px;
  transition: all 0.3s ease;
  color: white;
  font-size: 36px;
}

.icon-bar a:hover {
  background-color: #000;
}

.active {
  background-color: #4CAF50;
}
.lrg-alert { font-family:'Source Sans Pro', sans-serif;font-size:26px; text-align: center; font-weight: 700; }
.green-alert { font-family:'Source Sans Pro', sans-serif;font-size:26px; background-color:#50C878; text-align: center; font-weight: 700; padding:5px; color:#FFF; }


.custom-scrollbar::-webkit-scrollbar {
  width: 20px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
.load-order { cursor: pointer; }
.alert { margin-left:auto;font-size:14px;max-width: 300px;text-align: center; }
.counter {font-size: 68px;font-weight: 700; font-family: 'Source Sans Pro',sans-serif;line-height: 50px;}

.opening-times{
   font-weight:700;background-color:#e8f5e9;padding:5px;font-size:22px;width:200px;margin-right: auto;margin-left: auto;
}
.opening_day{
  font-weight: 700;margin-bottom:8px;
}
.float-info {position: absolute;bottom:10;right:20;font-size:22px;color:#555;}
/*RECEIPT*/
.receipt_total {
  font-size:18px;font-weight:700;width:200px;margin-top:10px;margin-left:auto;margin-right:auto;background-color:#FF4136;padding:5px; color:#FFF; border-radius: 10px;
}
.receipt_total_row {
  font-weight: 600; font-size:12px;
}

/*RECEIPT*/



@media only screen and (max-width: 600px) {
  .container-fluid {
    padding:15px;
    margin-top:70px;
  }
  .icon-bar {
      position:fixed; top:0;
      width: 100%;
      height: 60px;
      line-height: 60px;
      background-color: #555;
      z-index: 999999;
  }

  .icon-bar a {
    display: inline-block;
    float:left;
    height: 60px;
    text-align: center;
    padding:18px;
    width:20%;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }

  .icon-bar a:hover {
    background-color: #000;
  }

}