/** Overflow visible fixes Johku calendar getting cut issue if it's the last element on a page. **/

.container.main {
  overflow: visible;
}

/** Copy the CSS below to Johku admin widget CSS field **/

/**

.product-order-wrap {
  background-color: #eeecec;
  font-family: 'Circular Book', 'Helvetica','Arial';
  margin-bottom: 60px;
  border-radius: 0;
}

.form-control {
  border-radius: 0px;
  box-shadow: unset;
}

.input-group.time > span {
  display: flex;
  align-items: center;
}

.product-order-price {
  color: red;
}

.table-condensed {
  font-size: 12px;
}

td.active.day.selectable {
  background-color: #000000 !important;
}

.datepicker .selectable, .datepicker .partial {
  background-color: #49b252 !important;
}

.btn {
  border-radius: 0px;
}

.btn-success, .btn-primary {
  background-color: #000000;
  border-color: #000000;
}

.btn-success:active, .btn-primary:active {
  background-color: #cf0000 !important;
}

.btn-success.focus, .btn-success:focus, .btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 3px rgb(0 0 0);
}

.btn-success:hover, .btn-primary:hover {
    color: #fff;
    background-color: red;
    border-color: red;
}

.btn-success.disabled, .btn-success:disabled, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #757575;
    border-color: #757575;
}

.kiosk-basket {
  border-radius: 0px;
  font-family: 'Circular Book', 'Helvetica','Arial';
}

.kiosk-basket .basket-button {
  border-radius: 0px;
  background: red;
}

.kiosk-basket.open .basket-button {
  background: #000000;
}

.js-cart-product-image {
  border-radius: 0px;
}

.js-cart-product-content .productpopup-button {
  border-radius: 0px;  
}

.js-cart-product-actions {
  margin-top: 10px;
}

.js-cart-product-remove, .js-cart-product-modify {
  color: red;
}

.js-cart-product-remove:hover, .js-cart-product-modify:hover {
  color: red;
}

**/