/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 12-mag-2017, 12.37.15
    Author     : claudio
*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }
.primary{
  background-color:#304ffe !important;
}
app-header + *{
  margin-top:60px !important;
}
html{
  width:100%;
}
body{
  width:100%;
  min-width: 310px;
  font-family: 'Montserrat', sans-serif;
  background-color: whitesmoke;
  overscroll-behavior: contain;
}

li.list-group-item.row{
  width:100%;
  margin-left:0px;
  border-left:0px;
  border-right:0px;
}
.modal-content{
  /* min-width:310px; */
}
.list-group-item:last-child{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.list-group-item:first-child {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.fa-plus{
  color:#999;
}
.fa-minus{
  color:#999;
}
.material-icons{
  color:#999;
}

li.list-group-item.row.header {
  border-top:0px;
}
.bill-client-panel .mat-expansion-panel-body {
  padding:5px
}
.client-orders-panel .mat-expansion-panel-body{
  padding: 0 24px 16px;
}

.noPaddingTop .mat-dialog-container
{
  padding-top:0
}

.noMaxWidth
{
  max-width: 100vw !important;
}

body, html {
  height: 100%;
}
.blueLogo
{
  background: url('../../assets/img/webview_sprite.png') no-repeat -161px -5px;
  width: 50px;
  height: 50px;
}
.passbot
{
  background: url('../../assets/img/webview_sprite.png') no-repeat -91px -83px;
  width: 151px;
  height: 28px;
  transform-origin: center center;
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.logo
{
  background: url('../../assets/img/webview_sprite.png') no-repeat -217px -7px;
  width: 40px;
  height: 40px;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.app-loading {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #3f51b5;
  top: 0;
  left: 0;
  right: 0;
}
.app-loading .spinner {
  height: 90px;
  width: 90px;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.app-loading .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  /* stroke: #3f51b5; */
  stroke: white;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.plusButton
{
  transform: rotate(45deg);
  font-size: 16px !important;
  border-radius: 16px;
}

/* location css */
.location-modal-short
{
  max-width: 90vw !important;
  width: 90vw;
}

.pac-container {
  z-index: 10000 !important;
}
.form-control{
  box-shadow:none
}
.form-control:focus{
  box-shadow: none;
}
/* location css */

/* add item css */
@media (max-width:768px){
  .modal-dialog{
    margin:0px;
    /*margin-right:16px;*/
  }
}
.modal-body{
  padding:0px;
}
.menu-li.list-group-item{
  padding:0px;
}
.add-item-dialog{
  width:100vw;
  height:100vh;
  margin:0px;
  padding:0px;
  max-width: 100vw !important;
}
.add-item-dialog .mat-dialog-container{
  height:auto;
  min-height:100%;
  border-radius:0px;
  border:0px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.kart-modal .modal-dialog{
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
}
.kart-modal .modal-content{
  height:auto;
  min-height:100%;
  border-radius:0px;
  border:0px;
}
.add-to-cart-body
{
  width: 100vw;
}
.mat-dialog-content
{
  margin: 0 !important;
  padding: 0 !important;
  overflow: unset !important;
  max-height: none !important;
}
.modal-title
{
  font-size: x-large;
}
/* add item css */

/* order css */
.cdk-overlay-container {
  z-index:9999 !important;
}
/* order css */

/* item-related css */
li.list-group-item.row.related-item-row {
    padding: 0px;
}
.mat-radio-label-content {
    font-weight: 300;
}
li.list-group-item.row.categoria {
    padding: 0px;
}
/* item-related css */
.phoneInput
{
  width: 80vw;
}
.country-dropdown
{
  width: 80vw !important;
}
.pac-container
{
  width: 90vw !important;
  left: -40% !important;
  transform: translateX( 50%);
}
.custom-allergen {
  height: 25px;
  width: 25px;
  background: #ce5700;
  border-radius: 73px;
}

.custom-allergen p {
  color: white;
  font-size: 8px;
  font-weight: bold;
  position: relative;
  left: 3px;
  top: 6px;
}

.localfood {
  height: 25px;
  width: 25px;
  background: #6f6;
  border-radius: 73px;
}

.localfood .mat-icon {
  font-size: 20px;
  top: 2px;
  position: relative;
  left: 2px;
  color: white;
}