#carrello {
  width: 350px;
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

/* DETTAGLIO CARRELLO */

#carrello-container p {
  /*font-family: "Playfair Display", serif;*/
  font-size: calc(0.7rem + 0.6vw);
  font-weight: bold;
  color: black;
  text-align: left;
  margin: 0px;
  line-height: 25px;
}

#carrello-container .elemento {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

#carrello-container .linea-dettaglio {
  display: flex;
  flex-direction: row;
  color: black;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
}

#carrello-container .linea-quantita {
  width: 15%;
  text-align: right;
}

#carrello-container .linea-segno {
  width: 15%;
  text-align: center;
}

#carrello-container .linea-prezzo {
  width: 25%;
  text-align: right;
}

#carrello-container .linea-totale {
  width: 30%;
  text-align: right;
}

#carrello-container .totale-ordine {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  color:black;
}

#carrello-container .linea-gusti-label {
  text-align: left;
  margin-top: 10px;
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
}

#carrello-container .linea-gusti {
  text-align: left;
  font-size: 20px;
  color: black;
  font-weight: bold;
}

#carrello-container span.data-ordine {
  font-size: calc(0.7rem + 0.8vw);
  font-style: normal;
}

#carrello-container p.linea-titolo {
  font-size: 20px;
  margin-top: 10px;
  color: blue;
}

#carrello-container p.linea-da-quantita {
  font-size: 20px;
  color: blue;
  text-align: center;
}

#carrello-container p.titolo-portata {
  font-size: calc(0.7rem + 1.1vw);
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 50px;
  color: blue;
  background-color: #b9b4cc;
}
#carrello-container p.sottotitolo {
  font-size: calc(0.7rem + 0.9vw);
  font-weight: 900px;
  margin-top: 25px;
  text-align: center;
}
#carrello-container p.titolo-piatti {
  font-size: calc(0.7rem + 0.8vw);
  font-weight: 900px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#carrello-container p.totale {
  font-size: 2rem;
  margin-bottom: 10px;
}
#carrello-container p.progressivo {
  font-size: 1.9rem;
  margin-bottom: 10px;
}
#carrello-container span.piatto-scelto {
  font-size: calc(0.5rem + 0.8vw);
  margin-bottom: 10px;
  line-height: 30px;
}
#carrello-container p.piatto-quantita {
  font-size: calc(0.9rem + 1vw);
  margin-bottom: 10px;
  line-height: 30px;
}
#carrello-container p.piatto-prezzo {
  font-size: calc(0.7rem + 0.8vw);
  margin-bottom: 10px;
  line-height: 30px;
  text-align: right;
}

#carrello-container p.linea-tratteggiata {
  overflow: hidden;
  -moz-overflow: hidden;
  white-space: nowrap;
}
#carrello-container span.numero-piatto-scelto {
  font-size: calc(0.7rem + 1.2vw);
  margin-left: 10px;
}

/***********************************/
/*             TOP CART            */
/***********************************/
  .top-cart-row .dropdown-cart {
    float: right;
  }
  
  .b-cancella {
    margin-top: 10px;
    margin-right: 10px;
  }

  .b-lista {
    margin-top: 10px;
  }

  .top-cart-row .dropdown-cart .lnk-cart {
    padding: 0px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    color: white;
  }
  .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner {
    position: relative;
  }
  .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .total-price-basket {
    padding: 13px 15px;
    text-transform: uppercase;
    float: left;
  }
  .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket {
    float: right;
    background: #075720;
    padding: 12px;
    border-left: 1px solid #e1e1e1;
    padding: 13px 15px;
  }
  .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 21px;
    position: absolute;
    right: 40px;
    top: -13px;
    width: 21px;
    background: #f1c40f;
    color: black;
    font-size: 16px;
    text-align: center;
    padding-top: 3px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    left: auto;
    min-width: 0;
    padding: 24px 22px;
    right: 0;
    width: 230px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .name p {
    color: black;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary span.quantita {
    color: black;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary span.price {
    font-weight: 700;
    font-size: 20px;
    margin-left: 20px;
  }

  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action {
    padding: 0;
    position: relative;
    font-size: 15px;
    right: 8px;
    top: 8px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-item.product-summary .action a {
    color: #898989;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-total .text {
    font-size: 18px;
    font-family: 'FjallaOneRegular';
    color: #666666;
    margin-right: 10px;
  }
  .top-cart-row .dropdown-cart .dropdown-menu .cart-total .price {
    font-weight: 700;
    font-size: 20px;
    margin-left: 20px;
  }