.bg-member-edit {
  font-size: 13px;
}

.num-point-delete-e {
  background-color: #ff1a1a;
  color: white;
}

.num-point-delete-p {
  background-color: #ff4d4d;
  color: white;
  text-align: center;
  padding: 0px;
}

.dtr-modal {
  z-index: 10000 !important;
}

.form-check.list-member-type label {
  padding-right: 20px;
}

.search-none [name=typemember-none] {
  visibility: hidden;
}

input[name=keys-txt]{
  visibility: hidden;
}

tr.member-no-member {
  text-align: center;
  color: red;
}

.modal-title.titlemember{
  font-size: 20px;
  font-weight: bold;
  display: initial;
}

span.booking-title {
  font-size: 20px;
  font-weight: bold;
}

.show-booking-list {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

label.member_point {
  color: green;
}

label.member_point_p {
  color: orange;
}

label.member_pointdelete {
  color: red;
}

tfoot td.add-point-foot {
  font-weight: bold;
  color: green;
}

tfoot td.reduction-point-foot {
  font-weight: bold;
  color: red;
}

td.text-point-add {
  font-weight: bold;
  color: green;
}

td.text-point-re {
  font-weight: bold;
  color: red;
}

tr.detail_member_list.bgtable-red {
  background-color: #ff7f7f;
}

tr.detail_member_list.bgtable-green {
  background-color: #99cc99;
}

tr.detail_member_list.bgtable-red td,
tr.detail_member_list.bgtable-green td {
  border-bottom: 0.1px solid white;
}

td.print_order_edit i {
  cursor: pointer;
}

.color-non{
  color: green;
}

.color-easy{
  color: orange;
}

.color-facebook{
  color: blue;
}

.color-google{
  color: red;
}

.member-bg-img{
  padding-bottom: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 20px;
}

tfoot td.total-pay,
tfoot td.total-point-foot{
  font-weight: bold;
  color: green;
}

tfoot td.total-no-pay,
tfoot td.total-point-pending{
  font-weight: bold;
  color: red;
}

tfoot td.text-total-pay,
tfoot td.text-total-point-foot,
tfoot td.text-total-no-pay,
tfoot td.text-total-point-pending {
  font-weight: bold;
}

.member-bg-img-edit{
  padding-bottom: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 20px;
}

.point-detail {
  margin-top: 10px;
}

.block-point-e {
  display: block;
  background-color: green;
  color: white;
}

.block-point-p-e {
  display: block;
  background-color: orange;
  color: white;
}

.border-left-m{
  border-left: 1px solid #e5e5e5;
}

.num-point-e {
  background-color: #4ca64c;
  color: white;
  text-align: center;
  padding: 0px;
}

.num-point-p-e {
  background-color: #ffc966;
  color: white;
  text-align: center;
  padding: 0px;
}

.edit-point-p-e {
  background-color: gray;
  padding: 10px;
}

.edit-point-e {
  font-size: 18px;
  margin-top: 10px;
}

[name=edit_point] {
  border-radius: 0px;
  color: red;
}

.btn-dis-m {
  border-radius: 0px;
}

.point-down{
  color: red;
}

.point-up{
  color: green;
}


[name="select-room-number"] {
  border: 2px solid gray;
  width: 100%;
  padding: 10px;
}
.table-book-member-edit tr.pending-apprrove{ 
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  pointer-events: none;
  background-color: rgb(255, 250, 100);
  filter: opacity(35%);
}
.pending-apprrove::after {
  font-size: large;
  font-weight: bold;
  color: rgb(255, 0, 0);
  content: "Waiting for Approve";
  position: absolute;
  right: 40%;
  top: 25%;
}

/*print report*/
@media print {
  div.print-ready {
    display:block !important;
  }
  .no-print {
    display:none !important;
  }

  #box-loading,
  #img-loading{
    display:none !important;
  }

  table.table.print_point_edit tbody {
    border: 0px solid;
  }

  .swal-overlay.swal-overlay--show-modal{
    display:none !important;
  }

  .footer-singature .singature-l {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
  }

  .footer-singature .singature-r {
    display: inline-block;
    width: 25%;
    float: right;
    text-align: center;
  }

  .footer-singature {
    margin-top: 20px;
  }

  .footer-singa {
    margin-top: 50px;
  }

  div#print-ready-edit-point {
    font-size: 18px;
  }
}

.table-book-member-edit {
  font-size: 12px;
}

td.print_order_edit {
  text-align: center;
  color: green;
  font-size: 20px;
}

#print-ready-edit-point{
  display: none;
}

tr.sum_table td:nth-child(5) {
  text-align: right;
}

.footer-singature {
  text-align: center;
}

.print-ready {
  width: 1024px;
}

tbody.header_edit_point_menu tr th {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.table.print_point_edit tbody {
  border: 0px solid;
}

tbody.header_name_edit_point tr th {
  text-align: center;
  border: 0px solid;
  font-size: 20px;
}

tbody.header_name_edit_datetime tr th {
  text-align: left;
}

tr.detail_table {
  border: 0px solid;
}

td.total-point-print {
  border-bottom: 3px double;
}

tr.detail_table td {
  font-weight: normal;
}

.footer-singature {
  margin-top: 20px;
}

table.table.print_point_edit tbody tr th {
  border: 0px solid;
}

tbody.header_edit_point_menu tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.table.print_point_edit>tbody>tr>td{
  border-top: 0px solid;
}

tbody.header_cashback_edit_point tr th {
  text-align: center;
  border: 0px solid;
  font-size: 20px;
}

tbody.header_name_edit_point tr th {
  text-align: center;
  border: 0px solid;
}

/*print report*/
@media (min-width: 320px) and (max-width: 1024px){
  .member-list {
    overflow-x: auto;
  }

  .member-bg-img-edit ,
  .member-bg-img{
    padding-bottom: 30%;
    width: 30%;
  }

  .list-booking-edit,
  .list-booking {
    overflow-x: auto;
  }


}


@media (min-width: 320px) and (max-width: 768px){

  .medit_point_member .modal-body {
    font-size: 12px;
  }

  .table-book-member-detail{
    overflow-x: auto;
  }

}