* { box-sizing: border-box; }
body {
  font: 16px Arial;
}
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
#evoCalendar{
  z-index: 0!important;
}
/* input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
} */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 15px;
  right: 15px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items a {
    display: block;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/* Invoice */

#invoice .input-group input{
  outline: none;
  caret-color: #7a2e92;
}

.invoice-platinum thead th{
  /* border-radius: 10px; */
  border: none;
  padding: 10px;
  background-color: #7a2e92;
  /* transform: scale(0.99); */
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-right: 1px solid #fff;
}
.invoice-platinum thead th:last-child{
  border-right: 1px solid #7a2e92;
}
.invoice-platinum tbody tr td{
  text-align: center
}
.invoice-platinum tbody tr td .tb-cell{
  border: 1px solid #7a2e92;
  padding: 6px 10px;
  border-right: none;
  border-top: none;
  /* height: 35px; */
}
.invoice-platinum tbody tr td:last-child .tb-cell{
  border-right: 1px solid #7a2e92;;
}

.invoice-platinum tbody tr:first-child .left.tb-cell:first-child{
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}
.invoice-platinum tbody tr:nth-child(12) .left.tb-cell:last-child{
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
}
.invoice-platinum tbody tr:first-child .right.tb-cell:first-child{
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}
.invoice-platinum tbody tr:last-child .right.tb-cell:last-child{
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
}

.invoice-gold thead th{
  /* border-radius: 10px; */
  border: none;
  padding: 10px;
  background-color: #da6363;
  /* transform: scale(0.99); */
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-right: 1px solid #fff;
}
.invoice-gold thead th:last-child {
  border-right: 1px solid #da6363;
}
.invoice-gold tbody tr td{
  text-align: center
}
.invoice-gold tbody tr td .tb-cell{
  border: 1px solid #da6363;
  padding: 6px 10px;
  border-right: none;
  border-top: none;
  /* height: 35px; */
}
.invoice-gold tbody tr td:last-child .tb-cell {
  border-right: 1px solid #da6363;
}
.invoice-gold tbody tr:first-child .left.tb-cell:first-child{
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}
.invoice-gold tbody tr:nth-child(12) .left.tb-cell:last-child{
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
}
.invoice-gold tbody tr:first-child .right.tb-cell:first-child{
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
}
.invoice-gold tbody tr:last-child .right.tb-cell:last-child{
  /* border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
}

.invoice-diamond .banner{
  background-color: #f5365c;
  padding: 15px;
}

.invoice-gold .banner{
  padding: 15px;
}
.invoice-diamond thead tr th:first-child{
  border-left: 1px solid #7a2e92;
}
.invoice-diamond thead tr th:last-child{
  border-right: 1px solid #7a2e92;
}
.invoice-diamond thead th{
  /*border-radius: 10px;*/
  /* border: none; */
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top: 1px solid #7a2e92;
  border-bottom: 1px solid #7a2e92;
  padding: 10px;
  background-color: #7a2e92;
  /* transform: scale(0.99); */
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.invoice-diamond tbody tr td{
  text-align: center;
  border: 1px solid #7a2e92;
}
.invoice-diamond tbody tr td.no-border{
  border: none;
}
.invoice-diamond tbody tr td .tb-cell{
  /*border: 1px solid #7a2e92;*/
  padding: 6px 10px;
  /* height: 35px; */
}
.item .tb-cell{
  height: 415px;
  vertical-align: middle;
  text-align: center;
}
.item-24k .tb-cell{
  height: 350px;
  vertical-align: middle;
  text-align: center;

}

.item-22k .tb-cell{
  height: 350px;
  vertical-align: middle;
  text-align: center;

}

.item-platinum .tb-cell{
  height: 300px;
  vertical-align: middle;
  text-align: center;

}

.item-gold .tb-cell{
  height: 300px;
  vertical-align: middle;
  text-align: center;

}


.invoice-diamond tbody tr:first-child .left.tb-cell:first-child{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.invoice-diamond tbody tr:nth-child(12) .left.tb-cell:last-child{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.invoice-diamond tbody tr:first-child .right.tb-cell:first-child{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.invoice-diamond tbody tr:last-child .right.tb-cell:last-child{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.pagi-btn-custom
    .relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.rounded-md.select-none {
    display: none !important;
}

.pagi-btn-custom .flex.justify-between {
    display: flex !important;
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
}