.shopping-cart-wrapper{
  margin-top: 15px;
  padding: 20px;
}
.totals .totals-item{
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label{
  width: 79%;
  text-align: right;
}
.totals-value{
  width: 21%;
  text-align: right;
}
.totals-item-total{
  font-family: $font-bold;
}
.totals-item-total {
  font-family: $font-bold;
}

.ordercc, .orderaba {
padding:20px;
}

.ordercc input, .orderaba input {
padding:10px;
border-radius:8px;
}

.myinput {
  display:inline-block;
  margin-top:10px;
}

input.cart-item-check {
            width: 20px;
            height: 20px;
        }

.cart-item-title {
  margin: 0px;
}

.cart-item-qty, .req {
  font-size:16px;

}

.cart-item-qty {
  border-radius: 6px;
    border: 1px solid #dedede;
    padding: 6px 8px;
}

.cart-item-total {
display:none;
}

.table td {
    vertical-align: middle;
  }

  .checkout, .payment, .confirm{
    border: 0;
    margin-top: 20px;
    padding: 6px 25px;
    background-color: #000000;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
  }

  .swal2-styled.swal2-confirm, .swal2-styled.swal2-deny {

    border: 1px solid #000000!important;
    margin-top: 20px!important;
    padding: 6px 25px!important;
    background-color: #000000!important;
    color: #fff!important;
    font-size: 20px!important;
    border-radius: 3px!important;
  }

  .swal2-styled.swal2-confirm:hover {
    border-color: #000000!important;
    background-color: #000000!important;
  }


  .swal2-styled.swal2-confirm:focus {
    outline: 0;
    box-shadow: none !important;
  }


  .swal2-styled.swal2-confirm:active {
    border-color: #000000!important;
    background-color: #000000!important;
  }

  .swal2-title {
      position: relative;
      max-width: 100%;
      margin: 0;
      padding: 0.8em 1em 0;
      color: #000000!important;
      font-size: 18px!important;
      font-weight: 400!important;
    }

  .contactdetails {
    display:none;
  }

  #flowers {
  width:100%;
  max-width: 430px;
  margin: 0 auto;
  }

  .product {
  background-image: url("pattern.png");
  background-color: #000000;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #ffffff;
  padding:20px;
  max-width: 430px;
  border-radius: 16px;
  margin: 0 auto;
  }

  #radios {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  }

  #opencheckout {
    border: 0px;
    padding: 6px 14px;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    border-radius: 3px;
    float: right;
  }

  #openshop, #backtocontact, #backtodelivery, .next {
    margin-top:10px;
    border: 0px;
    padding: 6px 25px;
    background-color: #000;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
  }

  #messengerlink, .mapbutton{
    margin:10px;
    border: 0px;
    padding: 6px 25px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
  }

  .half {
    max-width: 140px;
    font-size: 16px;
  }

  #cartheader {
    display:none;
        text-align: center;
  }

  #opencheckout {
    display:none;
  }

.aba, .abanext {
background-color:#055e7c;
}

.rotate-image {
  animation: rotation 2s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#pac-input {
  background-color: #fff;
  font-size: 16px;
  font-weight: 300;
  margin: 10px;
  padding: 10px;
  text-overflow: ellipsis;
  width: 90%;
  max-width:400px;
  border: 1px solid #1a76d2 !important;
  border-radius: 4px;
}

#pac-input:focus {
  border-color: #4d90fe;
}


#catfilter {
  padding: 7px;
  font-size: 16px;
  color: #000000;
  width: 110px;
}

#deliverytime, #deliverydate {
  padding: 7px;
  font-size: 16px;
  color: #000000;
}

#maincheckout {
  display:none;
}




#fakemapmarker {
       z-index: 3;
       position: absolute;
       margin-top: -40px;
       margin-left: -15px;
       left: 50%;
       top: 50%;
       width:30px;
       height:40px;
}

#over_map {
  position: absolute; top: 10px; left: 10px; z-index: 99;width:100%;height:100%;
}

#move {
  margin:10px;
  border: 0px;
  padding: 4px 14px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
}


/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#mapcontainer {
  position: absolute;
  display:none;
  height:60%;
  max-height:400px;
  width: 94%;
  max-width: 720px;
}

#map {
  height:100%;
  width:100%;
}