.list_customer li,
.list_batch li,
.list_supplier li,
.list_category li {
  padding: 5px;
  cursor: pointer;
  transition: 0.2s all ease-in-out;
}

.list_customer li a:hover {
  color: #ff407b;
}

.list_customer_head,
.list_batch_head,
.list_supplier_head,
.list_category_head,
.list_payment_head {
  display: flex;
  justify-content: space-between;
}

.batch_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.batch_info .heading {
  font-size: 16px;
}

.product_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product_name {
  font-weight: 600;
  color: #000000;
  transition: 0.2s all ease-in-out;
}

.product_info :nth-child(1) {
  margin: 0px;
}

.text_small {
  font-size: 13px;
}

.big_input {
  font-size: 24px;
  color: #cd0059 !important;
  font-weight: 700;
}

.product_info_to_shop span {
  color: #000000;
  font-size: 16px;
}

.product_info_to_shop p {
  margin: 0px;
  margin-top: 10px;
}

.batch_info p:first-child {
  margin: 0px;
}

.product_info_container {
  border: 2px solid darkgray;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 10px;
  transition: 0.2s all ease-in-out;
}

.product_info_container:hover {
  border: 2px solid #ef175b;
}

.product_info_container:hover .product_name {
  color: #ef175b;
}

.customer_information p {
  margin: 0px;
}

.customer_information {
  display: flex;
  justify-content: space-between;
  width: 90%;
  height: 100%;
  align-items: center;
}

.product_table h3 {
  margin: 0px;
}

.product_table {
  margin-bottom: 10px;
}

.gst_container {
  flex-direction: column;
  margin-bottom: 10px;
}

.gst_input_field_wrapper {
  display: flex;
}

.gst_input_field {
  margin-left: 10px;
  width: 300px;
}

.gst_input_field input {
  font-size: 17px;
  font-weight: 600;
  color: black;
}

.input-group-append:hover {
  cursor: pointer;
}

.v_btn_sm {
  padding: 3px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid lightgray;
}

.v_menu_list {
  height: 90%;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Hides scrollbar in Firefox */
}

.v_menu_list::-webkit-scrollbar {
  width: 0;
  /* Removes scrollbar in Chrome/Safari */
}


.editable {
  /* display: inline-block; */
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 5px;
  border: 2px dashed #63636300;
  transition: all 0.1s ease;
  /* margin: 5px; */
  color: #cd0059;
}
.editable:hover {
  background-color: #e0e0e0;
  border: 2px dashed #636363;
}
.editable:focus {
  border: 1px solid #007BFF;
  outline: none;
}
input.editable {
  border: 1px solid #007BFF;
  border-radius: 5px;
  width: 50px;
}



#qty:hover b {
  width: 100px;
  cursor: pointer;
}
