.basket_table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
}

.basket_table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

.basket_table th, .basket_table td {
    padding: 10px;
    text-align: center;
    vertical-align: middle !important;
}

.basket_table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}

.basket_table .basket_total {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: right;
}

@media screen and (max-width: 600px) {
    .basket_table {
      border: 0;
    }

    .basket_table thead {
      display: none;
    }

    .basket_table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    .basket_table .basket_total {
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: bold;
      display: block;
      text-align: center;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    .basket_table .basket_total:last-child {
      border-bottom: 0;
    }

    .basket_table .merge-td {
      display: block;
      text-align: center;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    .basket_table .merge-td:last-child {
      border-bottom: 0;
    }

    .basket_table .basket-td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    .basket_table .basket-td:last-child {
      border-bottom: 0;
    }

    .basket_table .basket-td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

    .basket_table td a img {
        max-width: 100% !important;
    }
}

.order_table {
  border: 1px solid #ccc;
  width: 100%;
  margin:0;
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
}

.order_table tr {
  border: 1px solid #ddd;
  padding: 5px;
}

.order_table th, .order_table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle !important;
}

.order_table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  .order_table {
    border: 0;
  }

  .order_table thead {
    display: none;
  }

  .order_table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }

  .order_table .order_table {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
  }

  .order_table .order_table:last-child {
    border-bottom: 0;
  }


  .order_table .order-td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
  }

  .order_table .order-td:last-child {
    border-bottom: 0;
  }

  .order_table .order-td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

.bank_table {
  border: 1px solid #ccc;
  width: 100%;
  margin:0;
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
}

.bank_table tr {
  border: 1px solid #ddd;
  padding: 5px;
}

.bank_table th, .bank_table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle !important;
}

.bank_table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  .bank_table {
    border: 0;
  }

  .bank_table thead {
    display: none;
  }

  .bank_table tr {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
  }

  .bank_table .bank_table {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
  }

  .bank_table .bank_table:last-child {
    border-bottom: 0;
  }


  .bank_table .bank-td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
  }

  .bank_table .bank-td:last-child {
    border-bottom: 0;
  }

  .bank_table .bank-td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}
  .cat_item_control {
    top: 0;
    right: 0;
  }
  .cat_item_control div {
    display: inline-block;
  }
  .cat_item_control a {
    display: inline-block;
    white-space: nowrap;
    font-size: 1.25em;
    overflow: hidden;
    max-width: 30px;
    transition: max-width 500ms ease-out;
  }
  @media (max-width: 1024px) {
    .cat_item_control a {
      max-width: 30px !important;
      color: #1fc0a0 !important;
    }
  }
  .cat_item_control a span {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: text-top;
    padding: 0 10px;
    color: #1fc0a0;
  }
  .cat_item_control a:hover {
    max-width: 150px;
    color: #1fc0a0 !important;
    transition: max-width 500ms ease-out;
  }

  .cat_item_delete {
    margin: 0 0 0 0;
  }

  .cat_item_delete .icon {
    color: #1fc0a0;
  }

  .check-table{width: 100%; font-size: 14px; line-height: 28px; color: #2e2e2e; font-weight: 600;}
  .check-table .subtotal{font-size: 20px; line-height: 28px; font-weight: 600;}
  .check-table td{vertical-align: middle; padding: 5px 30px; border-bottom: 3px #e6e6e6 solid;}

.message-box{color: #8cbc09; border: 2px currentColor solid; margin-bottom: 25px; position: relative;}
.message-icon{position: absolute; width: 62px; height: 100%; background: currentColor; left: 0; top: 0;}
.message-icon .fa{font-size: 24px; line-height: 24px; text-align: center; color: #fff; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px;}
.message-text{font-size: 13px; color: #2e2e2e; font-weight: 500; line-height: 22px; padding: 20px 60px 20px 100px;}
.message-text h2{font-size: 16px; font-weight: 700; line-height: 22px;}
.message-text b{font-weight: 700;}
.message-close{width: 55px; height: 100%; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer;}
.message-close .fa{font-size: 12px; line-height: 12px; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -6px; color: #808080;}
.message-danger{color: #bc0909;}
.message-warning{color: #e7b60a;}
.message-info{color: #03b4ea;}