.tab-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}

.tab-link {
  padding: 14px 32px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: #4d6e99;
  background: #f2f7fc;
}

.tab-active {
  background: #ffffff;
  color: #24c4a4;

  border-radius: 8px 8px 0px 0px;
}

.report-cell {
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  line-height: 20px;
  white-space: break-spaces;
}

@media (min-width: 1367px) {
  .report-cell {
    /* line-height: 64px; */
  }
}

.tabs {
  height: 100%;
}

.tabs .MuiGrid-spacing-xs-2 {
  width: auto;
  margin: unset;
}

.upos-grid-pagination .report-input-pag {
  max-width: 24px;
  margin-right: 5px;
}

.report-tab {
  display: flex;
  justify-content: space-between;
  background-image: url(/svg/border2px.svg);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: 16px;
}

.tabs .empty-order-wrapper {
  border-radius: unset;
}

.report-tab .tabview-wrapper {
  background-image: unset;
}

.report-tab-right {
  display: flex;
}

.report-tab-right > div:not(:last-child) {
  margin-right: 16px;
}

.report-tab-right > div {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #223e62;
}

.report-tab-right > div span {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-left: 5px;
}

.report-filter-h {
  display: flex;
  background: #fff;
  padding: 24px 32px 50px 32px;
}

.report-filter-h .ag-header-viewport {
  background: #fff !important;
}

.report-filter-h.stock {
  display: flex;
  background: #fff;
  padding: 24px 32px 12px 32px;
}
.report-grid-wrapper .ag-header-cell {
  background-color: #fff;
}

.custom-report-input {
  background-color: #f2f7fc !important;
  width: 280px !important;
}

.report-filter-h .date-selected {
  width: 160px !important;
}

.report-filter-h .dropdown-selected {
  width: 160px !important;
}

.custom-report-border {
  border-radius: 18px;
}

.report-list-search-input {
  margin-right: 6px;
}

.report-custom-header {
  font-weight: 600;
  font-size: 14px;
  line-height: 48px;
  color: #7d9ac0;
  text-transform: uppercase;
}

.report-filter-h .icon-search-order {
  margin-right: 6px !important;
}

.report-filter-h .datepicker {
  margin-right: 6px;
}
.report-filter-h .dropdown-wrapper {
  margin-right: 6px;
  min-width: unset !important;
}

.custom-report-input.dropdown-selected {
  height: 34px !important;
  line-height: 34px !important;
}

.two-val-cell {
  display: flex;
  justify-content: space-between;
}

.report-warehouse {
  background-color: #fff;
  padding: 0 28px;
  padding-bottom: 20px !important;
}

.stock-inventory-box {
}

.stock-inventory-box-wrap {
  display: flex;
}

.stock-inventory-content {
  display: flex;
  flex-direction: column;
  width: 77%;
}

.stock-inventory-line {
  display: flex;
  justify-content: space-between;
}

.stock-inventory-box-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  background: #ffffff;
  box-shadow: 1px 2px 8px rgba(22, 73, 138, 0.15);
  border-radius: 8px;
}

.stock-inventory-box > .title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 6px 15px;
}

.stock-inventory-box .title.import {
  color: #4b89dc;
  font-size: 16px;
}

.stock-inventory-box .title.export {
  color: #8f75d1;
  font-size: 16px;
}

.stock-inventory-box .title.inventory {
  color: #ef6ed3;
  font-size: 16px;
}

.stock-inventory-line .line-font {
  line-height: 20px;
  text-align: right;
  letter-spacing: -0.004em;
}

.stock-inventory-line .line-font.title {
  font-size: 14px;
  color: #7d9ac0;
}

.stock-inventory-line .line-font.price {
  font-weight: 500;
  font-size: 16px;
  color: #223e62;
}

.text-right {
  text-align: right;
}

/* @media (min-width: 1367px) {
  .text-right {
    text-align: right;
  }
} */

.sale_config_wrapper {
}

.sale_config {
  width: 50%;
  margin: 0 !important;
}

.input_employee {
  min-height: 34px !important;
  width: 240px !important;
  border-radius: 18px !important;
  outline: none;
  border: none;
  line-height: 28px !important;
  padding-left: 36px !important;
  padding: 0 !important;
  background-color: #f2f7fc !important;
  font-family: 'Roboto' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  letter-spacing: -0.004em !important;
  padding-left: 12px !important;
  padding-right: 20px !important;
  position: relative;
  color: #223e62 !important;
}

#sale-employee .input_employee {
  width: 280px !important;
}

.none {
  min-height: 34px !important;
  width: 0 !important;
  min-width: 24px !important;
  border-radius: 18px !important;
  outline: none;
  border: none;
  line-height: 34px !important;
  padding-left: 36px !important;
  padding: 0 !important;
  padding-left: 1px !important;
}

.endAdornment {
  top: unset !important;
}

.employee_root {
  margin-right: 6px;
}

.report-list-search-input.partner-input .custom-report-input {
  width: 200px !important;
}

#tags-outlined::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black !important;
  font-family: 'Roboto' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  letter-spacing: -0.004em !important;
}
#tags-outlined::-moz-placeholder {
  /* Firefox 19+ */
  color: black !important;
  font-family: 'Roboto' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  letter-spacing: -0.004em !important;
}
#tags-outlined:-moz-placeholder {
  /* Firefox 18- */
  color: black !important;
  font-family: 'Roboto' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 13px !important;
  letter-spacing: -0.004em !important;
}

.ag-floating-bottom-viewport,
.ag-floating-bottom-container .ag-row-pinned {
  background-color: #f2f7fc !important;
}

.ag-theme-alpine .ag-root-wrapper,
.ag-theme-alpine .ag-floating-bottom {
  border: none !important;
}

.employee_root [class*='MuiChip-root'] {
  height: 24px !important;
}

#date_picker_by_order .rdrDateRangePickerWrapper {
  right: -345px !important;
}

.import-filter {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.import-filter-wrap {
  display: flex;
  justify-content: space-between;
}

.import-filter-wrap .date-selected {
  width: 160px !important;
  margin-right: 6px;
}

.import-report .ag-header-cell {
  background: #eaf0f9 !important;
}

.info-wrap {
  padding: 10px;
}

.info-wrap .header {
  font-family: Roboto-b;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.004em;
  color: #223e62;
  margin-bottom: 24px;
  margin-top: 0;
}

.info-wrap > div {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.004em;
  color: #223e62;
}

.info-wrap > div span {
  font-family: Roboto-b;
}

.info-wrap > div:last-child {
  margin-bottom: 24px !important;
}

.import-modal-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 36px;
  background: #f2f7fc;
  border-radius: 24px;
  font-weight: 500;
  font-size: 16px;
  color: #223e62;
}

.import-box-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 24px;
  background: #ffffff;
  box-shadow: 1px 2px 8px rgba(34, 62, 98, 0.15);
  border-radius: 8px;
}

.import-line {
  display: flex;
  flex-direction: column;
}

.import-line .title {
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #7d9ac0;
}

.import-line .price {
  font-family: Roboto-b;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.004em;
  color: #223e62;
}

#sale-employee .custom-report-input {
  width: 169px !important;
}

.sale_staff_header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: break-spaces;
  line-height: 20px;
  text-align: center !important;
  font-size: 12px;
  text-align: center;
}

.sale_product_header {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
  line-height: 20px;
  text-align: center !important;
  font-size: 12px;
  text-align: center;
}

@media (min-width: 1367px) {
  .sale_product_header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-align: center !important;
    line-height: 20px;
  }
}

.oneline {
  line-height: 64px !important;
}

/* .ag-react-container {
  display: flex;
} */

#import-grid .ag-center-cols-viewport,
#lowQuanGrid .ag-center-cols-viewport,
#employee-grid .ag-center-cols-viewport,
#order-grid .ag-center-cols-viewport,
#transferGrid .ag-center-cols-viewport,
#product-grid .ag-center-cols-viewport,
#inventoryGrid .ag-center-cols-viewport,
#stockInventoryGrid .ag-center-cols-viewport,
#time-grid .ag-center-cols-viewport {
  overflow-x: hidden !important;
  /* overflow: unset !important; */
}

.full-menu + #content-wrap #sale-employee .input_employee {
  width: 195px !important;
}

.full-menu + #content-wrap #time-report .input_employee {
  width: 188px !important;
}