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

.material-symbols-sharp {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24v;
}

.debug {
  background-color: rgba(74, 190, 107, 0.6431372549);
  border: 1px solid black;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

nav {
  height: 135px;
}

main {
  height: calc(100svh - 135px - 75px);
  margin-top: 135px;
}

footer {
  position: fixed;
  height: 75px;
  bottom: 0;
  left: 0;
  right: 0;
}
footer nav {
  height: 100%;
}

ul {
  padding: 0;
}
ul li {
  list-style: none;
  cursor: pointer;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}

.no-active {
  background-color: #efefef;
}

.logo-wrapper {
  height: 100px;
}

.logo img {
  height: 78px;
}

.cta {
  color: #fff;
}
.cta .cta-number {
  background-color: #4ABE6A;
  padding: 12px 10px;
}

.info-driver, .menu {
  height: 35px;
  color: #fff;
  font-size: 16px;
  background-color: #00A6EA;
}
.info-driver .user-info span, .menu .user-info span {
  color: #fff;
}
.info-driver .infoStyle, .menu .infoStyle {
  font-size: 24px;
}
.info-driver span, .menu span {
  font-size: 15px;
}
.info-driver a, .menu a {
  color: #fff;
}
.info-driver a.active, .menu a.active {
  font-weight: bold;
}

.map-wrapper {
  height: 72%;
}
.map-wrapper .maps {
  height: 100%;
}
.map-wrapper .maps img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.address-wrapper {
  overflow: auto;
  height: 60.5vh;
}

.main-title {
  letter-spacing: 2px;
}

.cta-navigation button {
  letter-spacing: 2px;
  background-color: #333333;
  color: #fff;
  box-shadow: none;
  border: none;
  padding: 12px 0px;
  width: 100%;
}

.detail {
  height: 45px;
}
.detail .number, .detail .arrow {
  width: 45px;
}
.detail .number {
  background-color: #00a6ea;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
}
.detail .info {
  background-color: #efefef;
}
.detail .info a {
  color: #093482;
}
.detail .arrow {
  color: #00a6ea;
}
.detail .arrow span {
  font-size: 1.8rem;
}
.detail .right-box {
  width: calc(100% - 45px);
}
.detail .order {
  width: 130px;
  background-color: #00a6ea;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
}
.detail .order span {
  font-size: 20px;
}

/*
.modal-dialog {
    position: fixed;
    margin: auto;
    width: 100vw;
    height: 100vh;
    right: 0px;
    left: 0;
    bottom: 0;
    top:auto;
    border-radius: 0;
    border: none;
}
.modal-content {
    height: 100%;
    border-radius: 0;
    border: none;
}
*/
.btn-close {
  color: #00A6EA;
  font-size: 34px;
}

.button-call {
  text-transform: uppercase;
  border: none;
  align-items: start;
  display: flex;
  font-size: 12px;
}

.main-number {
  background-color: #00A6EA;
}
.main-number a {
  color: #efefef;
}

.second-number {
  background-color: #efefef;
}
.second-number a {
  color: #00A6EA;
}

.left-section span, .save span {
  font-size: 34px;
  color: #00A6EA;
}

.save {
  background-color: transparent;
  border: none;
}

.lid-form, .negozio-form, .login-form {
  overflow: auto;
}
.lid-form .form-row, .negozio-form .form-row, .login-form .form-row {
  margin-bottom: 15px;
}
.lid-form .form-row .select-wrapper, .negozio-form .form-row .select-wrapper, .login-form .form-row .select-wrapper {
  background-color: #333333;
  color: #fff;
}
.lid-form .form-row label, .negozio-form .form-row label, .login-form .form-row label {
  width: 100%;
  color: #00A6EA;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  margin: 0px;
}
.lid-form .form-row input, .lid-form .form-row textarea, .lid-form .form-row option, .negozio-form .form-row input, .negozio-form .form-row textarea, .negozio-form .form-row option, .login-form .form-row input, .login-form .form-row textarea, .login-form .form-row option {
  width: 100%;
  border: 0;
  padding: 0px;
  color: #333333;
  font-size: 18px;
}
.lid-form .form-row input:focus-visible, .lid-form .form-row textarea:focus-visible, .lid-form .form-row option:focus-visible, .negozio-form .form-row input:focus-visible, .negozio-form .form-row textarea:focus-visible, .negozio-form .form-row option:focus-visible, .login-form .form-row input:focus-visible, .login-form .form-row textarea:focus-visible, .login-form .form-row option:focus-visible {
  outline: none;
}
.lid-form .form-row select, .negozio-form .form-row select, .login-form .form-row select {
  background-color: #333333;
  color: #fff;
  border: 1px solid #333333;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 18px;
  background: none;
  box-shadow: none;
}
.lid-form .form-row select:focus-visible, .negozio-form .form-row select:focus-visible, .login-form .form-row select:focus-visible {
  outline: none;
}
.lid-form .form-row .button-form, .negozio-form .form-row .button-form, .login-form .form-row .button-form {
  font-size: 16px;
  letter-spacing: 2px;
  background-color: #333333;
  color: #fff;
  box-shadow: none;
  border: none;
  padding: 12px 0px;
  max-width: 270px;
  text-transform: uppercase;
}
.lid-form #signature-pad, .negozio-form #signature-pad, .login-form #signature-pad {
  width: 100%;
  height: 16vh;
  background-color: #f9f9f9;
}

.negozio-form .form-row label, .login-form .form-row label {
  font-size: 12px;
}
.negozio-form .form-row input, .negozio-form .form-row textarea, .login-form .form-row input, .login-form .form-row textarea {
  border-bottom: solid 1px #00A6EA;
  font-size: 12px;
}
.negozio-form .form-row input:-moz-placeholder-shown, .login-form .form-row input:-moz-placeholder-shown {
  font-size: 12px;
}
.negozio-form .form-row input:placeholder-shown, .login-form .form-row input:placeholder-shown {
  font-size: 12px;
}
.negozio-form .form-row textarea:-moz-placeholder-shown, .login-form .form-row textarea:-moz-placeholder-shown {
  font-size: 12px;
}
.negozio-form .form-row textarea:placeholder-shown, .login-form .form-row textarea:placeholder-shown {
  font-size: 12px;
}
.negozio-form button, .login-form button {
  background-color: #093482;
  color: #fff;
  border: none;
}

.footer-negozio {
  height: 30px;
  color: #fff;
  background-color: #093482;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.main-negozio, .main-ordine {
  height: calc(100svh - 135px - 30px);
  margin-top: 135px;
}

.address-detail {
  height: 100svh;
}

.main-ordine div span {
  letter-spacing: 2px;
}
.main-ordine div button {
  font-size: 14px;
}
.main-ordine div .delivered {
  background-color: #4abe6a;
  border: none;
  color: #fff;
  letter-spacing: 2px;
}
.main-ordine div .not-delivered {
  background-color: #CB4A49;
  border: none;
  color: #fff;
  letter-spacing: 2px;
}
.main-ordine div .delivered-with-reservation {
  background-color: #f16d23;
  border: none;
  color: #fff;
  letter-spacing: 2px;
}

.buttonStyle {
  background-color: #093482;
  color: #ffffff;
  border: none;
  letter-spacing: 2px;
  width: 100%;
  margin-top: 1rem;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .footer-negozio div span {
    font-size: 12px;
  }
}
.logout {
  display: flex;
  position: fixed;
  right: 5px;
  align-items: center;
}
.logout span {
  font-size: 24px;
}

@media only screen and (min-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1) {
  .main-negozio {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .main-negozio container {
    text-align: center;
  }
  .negozio-form {
    display: flex;
    margin-bottom: 1.5rem;
  }
  .negozio-form div {
    width: 25%;
  }
  .negozio-form .note {
    width: 50%;
  }
  .negozio-form button {
    width: 25% !important;
  }
}
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Sfondo semi-trasparente */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Assicurati che sia sopra tutto il resto */
}

/* HTML: <div class="loader"></div> */
.loader-order {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid lightblue;
  border-right-color: #00A6EA;
  animation: l2 1s infinite linear;
}

@keyframes l2 {
  to {
    transform: rotate(1turn);
  }
}
.custom-zindex {
  z-index: 999999 !important;
}/*# sourceMappingURL=style.css.map */