.product-item,
.shopping-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.product-item input,
.shopping-item input {
  margin: 0.3rem;
}
.product-item .UpDownArrow,
.shopping-item .UpDownArrow {
  margin: 0.5rem 0.2rem;
}
.product-item select,
.shopping-item select {
  margin: 0.3rem;
}

#product-ctn .datetime {
  color: white;
  margin: 0 0.5rem;
}

.UpDownArrow {
  color: white;
  display: flex;
}

.UpDownArrow span:hover {
  background-color: rgb(7, 0, 205);
}

.UpDownArrow span {
  background-color: rgb(3, 0, 94);
  padding: 1px 1rem;
  font-weight: bold;
  font-size: 1.7rem;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin: 0 3px;
}

.alreadyExist {
  background-color: rgb(255, 115, 0);
  color: white;
}
.alreadyExist:focus {
  background-color: rgb(255, 115, 0);
  color: white;
}

.datetime {
  flex-direction: row;
  display: flex;
}

.deleteP {
  display: flex;
  justify-content: center;
}

.lastImport {
  color: black;
  background-color: yellow;
  padding: 0 0 0 1rem;
  margin: 0.5rem;
  border-radius: 3px;
}
.lastImport .last-count {
  border-radius: 3px;
  background-color: red;
  display: inline-block;
  padding: 0.5rem 0.7rem;
  margin: 0 0 0 0.3rem;
  color: white;
}

.form-check-input {
  width: 25px;
  height: 25px;
}

.add-or-edit-report {
  text-align: center;
  color: white;
}
.add-or-edit-report table {
  min-width: 50rem;
  margin: auto;
}
.add-or-edit-report table thead th {
  height: 5rem;
  background-color: rgb(117, 118, 87);
  border: 2px solid rgba(0, 0, 0, 0.211);
}
.add-or-edit-report table tbody tr input {
  text-align: center;
  padding: 6px;
  width: 100%;
  border: 0.2px solid rgba(0, 0, 0, 0.211);
}
.add-or-edit-report table tbody tr input:focus {
  outline: none;
}
.add-or-edit-report table tbody tr input.count {
  direction: ltr;
}
.add-or-edit-report table tbody tr td i {
  color: red !important;
  cursor: pointer;
  font-weight: bold;
}
.add-or-edit-report table tbody tr:nth-child(even) {
  background-color: rgb(211, 207, 179);
}
.add-or-edit-report table tbody tr:nth-child(even) input {
  background-color: rgb(211, 207, 179);
}
.add-or-edit-report table tbody tr:nth-child(odd) {
  background-color: white;
}

.btn-add-exist {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 8rem;
}

.btn-submit-existing-product {
  position: absolute;
  bottom: 1rem;
  right: 10rem;
  width: 8rem;
}

#frmReportStatusProduct {
  display: flex;
  flex-direction: column;
  color: white;
  width: 20rem;
  justify-content: center;
  margin-right: 1rem;
}
#frmReportStatusProduct #submit {
  width: 20px;
  height: 20px;
  background-color: red !important;
}
#frmReportStatusProduct #submit:checked {
  background-color: red !important;
}

#product-list-ctn form {
  margin: 1rem;
  display: flex;
}
#product-list-ctn form input {
  width: 11rem;
  margin: 0.6rem;
}

.main-report-table {
  background-color: rgb(246, 246, 246);
  margin-bottom: 4rem;
}
.main-report-table thead tr {
  position: sticky;
  z-index: 100;
  top: 0;
}
.main-report-table thead tr th:first-child {
  position: sticky;
  right: 0;
  min-width: 7rem;
  z-index: 90;
}
.main-report-table thead tr th:nth-child(2) {
  position: sticky;
  right: 7rem;
  min-width: 7rem;
  z-index: 90;
}
.main-report-table thead tr th {
  height: 12rem;
  position: relative;
  min-width: 5rem !important;
  color: rgb(42, 42, 42);
}
.main-report-table thead tr th a {
  text-decoration: none;
  color: rgb(35, 35, 35);
  transform: rotate(180deg);
  border: 1px solid rgb(172, 172, 172);
  vertical-align: middle;
  line-height: 5rem;
  writing-mode: vertical-lr;
  background-color: rgb(246, 246, 246);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.main-report-table thead tr th a:hover {
  background-color: rgb(198, 198, 198);
}
.main-report-table tbody tr td:first-child {
  position: sticky;
  right: 0;
  z-index: 90;
  min-width: 7rem;
  background-color: rgb(75, 75, 75);
  color: rgb(237, 237, 237);
}
.main-report-table tbody tr td:first-child span {
  border: 1px solid black;
}
.main-report-table tbody tr td:nth-child(2) {
  position: sticky;
  right: 7rem;
  z-index: 90;
  background-color: rgb(160, 160, 160);
  color: rgb(255, 255, 0);
}
.main-report-table tbody tr .date {
  color: black;
  border: 1px solid rgb(172, 172, 172);
}
.main-report-table tbody tr .date.hover {
  background-color: rgb(75, 75, 75) !important;
}
.main-report-table tbody tr .p-count.hover {
  color: rgb(0, 0, 0);
}
.main-report-table tbody tr .p-count {
  border: 1px solid rgb(172, 172, 172);
  color: black;
}
.main-report-table tbody tr td {
  height: 5rem;
  position: relative;
  border: 1px solid rgb(61, 61, 61);
}
.main-report-table tbody tr td div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
}
.main-report-table tbody tr td div span.exist {
  flex-direction: row;
  display: flex;
  height: 50%;
}
.main-report-table tbody tr td div span.exist span {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-report-table tbody tr td div span.exist span:first-child {
  border-left: 1px solid rgb(179, 179, 179);
}
.main-report-table tbody tr td div span.import {
  border-top: 1px solid rgb(179, 179, 179);
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-report-table tbody tr td div span {
  color: black;
}

.hover {
  background-color: rgb(213, 213, 213) !important;
}

#frm-mainReportTable {
  margin: 3rem;
}

.importedProduct-table {
  margin: 1rem;
}
.importedProduct-table thead {
  background-color: rgba(255, 249, 182, 0.925);
}
.importedProduct-table thead th {
  padding: 8px;
}
.importedProduct-table tbody {
  margin: auto;
}
.importedProduct-table tbody tr td {
  padding: 8px;
}
.importedProduct-table tbody tr:nth-child(even) {
  background-color: rgb(235, 235, 235);
}
.importedProduct-table tbody tr:nth-child(odd) {
  background-color: rgb(188, 188, 188);
}

.print-shopping-list {
  text-align: center;
  margin-top: 2rem;
  direction: rtl;
  font-family: iranyekan;
}
.print-shopping-list table {
  display: inline-block;
  border-collapse: collapse;
}
.print-shopping-list table thead tr th {
  border: 0.5px solid black;
  font-size: 12px !important;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  padding: 8px 3px;
}
.print-shopping-list table tr td {
  border: 0.5px solid black;
  font-size: 12px !important;
  padding: 4px;
}/*# sourceMappingURL=product.css.map */