.warehouse-wrapper {
  /* padding: 24px 0; */
  padding-bottom: 16px;
  background: #eaf0f9;
}
.warehouse-grid-wrapper {
  /* padding: 0 12px; */
  background: #eaf0f9;
  height: calc(100% - 32px);
}
.upos-line-height-64 {
  line-height: 64px !important;
}
.upos-line-height-56 {
  line-height: 56px !important;
}
.popup-edit-warehouse-wrapper {
  width: 560px;
  min-height: 500px;
  padding-bottom: 24px;
}
.warehouse-grid-wrapper .expand-dropdown {
  right: 16px;
}
.edit-warehouse-content {
  padding: 0 16px;
  padding-top: 16px;
}
.adress-row .dropdown-selected {
  width: calc(100% - 16px);
}
.adress-row .dropdown-wrapper {
  width: calc(100% - 0px);
}
.adress-row {
  margin-top: 8px;
}
.edit-warehouse-button-row {
  justify-content: flex-end;
}

.upos-cancel-button {
  background: #f2f7fc;
  font-size: 16px;
  color: #223e62;
  height: 36px;
  line-height: 36px;
  border-radius: 16px;
  width: 148px;
}

.upos-update-button {

  font-size: 16px;
  color: #ffffff;
  background: #223e62;
  height: 36px;
  line-height: 36px;
  border-radius: 16px;
  margin-left: 16px;
  width: 148px;
}
.dropdown-full-width {
  width: 100%;
}
.dropdown-full-width .dropdown-selected {
  width: calc(100% - 16px);
}
.warehouse-tranfer-info-content {
  margin-top: 8px;
}
.warehouse-tranfer-info-wrapper .upos-calendar-selected {
  margin-top: 2px;
}
.bg-main {
  background-color: #eaf0f9;
}
.inventory-control-info-wrapper,
/* .inventory-control-grid-wrapper, */
/* .warehouse-grid-tranfer-info, */
.warehouse-grid-tranfer-product-info {
  padding-left: 24px;
}
.warehouse-tranfer-product-title {
  display: flex;
  justify-content: space-between;
}
.search-product-tranfer .upos-input-search {
  background-color: #f2f7fc;
}
.search-product-tranfer .suggest-wrapper {
  width: calc(100% - 32px);
}
.search-product-tranfer {
  position: absolute;
  right: 16px;
  top: 8px;
}
.inventory-control-info-wrapper {
}

.warehouse-tranfer-product-wrapper {
  position: relative;
}
#product-tranfer-grid {
  width: 100%;
  height: calc(100% - 37px);
}
/* #product-tranfer-grid > div {
  height: calc(100% - 37px);
} */
.warehouse-tranfer-product-wrapper {
  height: calc(100vh - 255px);
  min-height: 413px;

}
.warehouse-tranfer-product-wrapper .upos-name-suggest {
  /* margin-top: 16px; */
}
#product-tranfer-grid .ag-header-viewport {
  background-color: #ffffff;
}
.warehouse-tranfer-cell {
  height: 64px;
  line-height: 64px;
}
.warehouse-tranfer-footer {
  height: 64px;
  display: flex;
  justify-content: flex-end;
}

.upos-gray-button {
  width: 160px;
  height: 36px;
  background: #223e62;
  border-radius: 24px;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
}
/* .quantity_tranfer {
  background: red;
}

.quantity_tranfer .ag-react-container {
  background: blue;
} */

.quantity_tranfer.ag-cell-inline-editing {
  margin-top: 15px;
  margin-left: 10px;
}
.upos-input-cell-edit-wrapper input {
  text-indent: 8px;
}
.warehouse-wrapper .right-unit-bar.button-create {
  top: 8px;
  right: 20px;
}
/* .quantity_tranfer .ag-react-container,
.upos-input-cell-edit-wrapper {
 
} */
.inventory-control-filter {
  display: flex;
  justify-content: space-between;
  background: #eaf0f9;
  padding-bottom: 16px;
}

.inventory-control-filter-left {
  display: flex;
}

.inventory-control-filter-right {
  display: flex;
}
.upos-search-icon {
  background: #3cd6b7;
}
.upos-refresh-icon {
  background-color: rgba(34, 62, 98, 0.08);
}
.upos-icon-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.inventory_ticket_create_unit {
  width: 174px;
  height: 34px;
  background: #223e62;
  border-radius: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 36px;
}
.inventory-filter-button-wrapper {
  display: flex;
}
.inventory-action-button {
  display: flex;
}
.inventory-action-button > div {
  margin-left: 16px;
}
.inventory-filter-button-wrapper > div,
.inventory-control-filter-left > div {
  margin-right: 16px;
}
.inventory-status-control-wrapper {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  text-align: center;
}
.inventory-checking {
  background: rgba(242, 153, 74, 0.1);
  color: #f2994a;
  padding: 0 8px;
}
.inventory-checked {
  background: #f1fffc;
  color: #24c4a4;
  padding: 0 8px;
}
.inventory-deleted {
  color: #ee4064;
  background: rgba(238, 64, 100, 0.1);
  padding: 0 8px;
}
.sidemenu-slideanimation {
  position: relative;
}
.sidemenu-slideanimation-content {
  position: absolute;
  display: flex;
  background: #f2f7fc;
  right: 0;
  opacity: 0;
  z-index: 3;
  padding-right: 16px;
  height: 60px;
}
.sidemenu-slideanimation-content > div {
  padding-left: 24px;
}
.ag-row-hover > div .sidemenu-slideanimation-content {
  right: 8px;
  opacity: 1;
}
.ag-row-hover .inventory-ticket-creator {
  background: #f2f7fc;
}
.inventory-ticket-creator .upos-text {
  opacity: 1;
}
.ag-row-hover .grid-cell-hide-text .upos-text {
  opacity: 0;
}
/* .ag-row-hover .sidemenu-slideanimation-content {
  right: 16px;
} */
.upos-over-show {
  overflow: unset !important;
}
.inventory-filter-date .upos-calendar-selected {
  margin-top: unset;
  background: white;
  width: 200px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-indent: unset;
  border-radius: 18px;
}
.inventory-control-filter #date_picker_search_input input {
  background-color: red;
}
#date_picker_inventory_input {
  background-color: white;
  border-radius: 18px;
}
.inventory-control-header {
  margin-top: unset;
  background: #eaf0f9;
  margin-left: unset;
  /* padding-left: 24px; */
}
.ic-edit-wrapper {
  background: #eaf0f9;
}
.product-grid-wrapper .ag-header-cell {
  background-color: #ffffff;
}
.product-grid-wrapper .ag-header-viewport {
  background-color: #ffffff !important;
}
.product-custom-header {
  height: 48px;
  line-height: 48px;
  text-transform: uppercase;
  color: #7d9ac0;
  font-weight: 600;
  font-size: 14px;
  padding: 0 8px;
}
.title-tranfer-product {
  font-weight: 600;
  font-size: 16px;
  color: #223e62;
}
.ic-edit-wrapper {
  padding-top: 24px;
}
.upos-edit-cell .ag-react-container {
  display: flex;
  align-items: center;
}
.grid-cell-can-edit .upos-text {
  text-align: center;
  width: 100px;
  height: 32px;
  background: #f2f7fc;
  border-radius: 4px;
  line-height: 32px;
}
.upos-edit-cell.ag-cell-inline-editing {
  margin-top: 14px;
  margin-left: 10px;
}
.title-client-info .upos-name-suggest,
.title-client-info .quantity-suggest {
  line-height: 24px;
  height: 24px;
}
.title-client-info .upos-name-suggest {
  margin-top: unset;
}
.create_inventory_ticket {
  width: 240px;
  height: 36px;
  border-radius: 18px;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.create_inventory_ticket_active {
  background-color: #223e62;
}
.create_inventory_ticket_disable {
  background-color: #223e62;
  opacity: 0.65;
}
.inventory-create-button-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
@media (min-width: 1px) and (max-width: 960px) {
  .warehouse-grid-tranfer-product-info,
  .inventory-control-info-wrapper {
    padding-top: 24px;
  }
  .warehouse-tranfer-wrapper,
  .inventory-control-grid-wrapper {
    padding-right: 24px;
  }
}

#ic-popup-edit-wrapper {
  width: 1026px;
  height: 562px;
}
.title-popup {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #223e62;
  text-transform: uppercase;
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #f2f7fc;
}
.title-section {
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  color: #223e62;
  margin-bottom: 16px;
}
.ic-popup-header-wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 17px;
  height: 34px;
  line-height: 34px;
}
.ic-popup-header-wrap .quantity-suggest,
.ic-popup-header-wrap .upos-name-suggest {
  line-height: 16px;
}
.ic-popup-header-funct {
  display: flex;
}

.ic-popup-code-ticket {
  font-weight: bold;
  font-size: 20px;
  color: #223e62;
  line-height: 28px;
}
.ic-header-left-wrap {
  display: flex;
}
.ic-header-left-wrap > div {
  margin-right: 16px;
}

.ic-popup-search-product .upos-input-search {
  background-color: #f2f7fc;
  height: 30px;
  line-height: 30px;
  width: 318px;
  padding-left: unset;
  margin-right: 16px;
  text-indent: 40px;
}
.ic-popup-search-product .suggest-wrapper {
  width: 290 !important;
}
.ic-popup-edit-dropdown .dropdown-selected {
  border-radius: 17px;
  padding: unset;
  text-indent: 12px;
}
.ic-popup-edit-footer-wrap {
  display: flex;
  padding: 0 20px;
  justify-content: space-between;
}
.ic-popup-edit-footer-wrap .upos-textare {
  width: 288px;
  height: 72px;
}
.ic-popup-edit-footer-row {
  display: flex;
  height: 50%;
  flex-direction: row-reverse;
}

.ic-popup-value.upos-text {
  text-align: right;
}


.ic-popup-edit-footer-left {
  flex: 1;
}

.ic-popup-edit-footer-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.total_margin_value {
  padding-left: 60px;
}
.total_margin_label,
.total_margin_value,
.total_after_adjustment_label
.total_after_adjustment_value {
  line-height: 30px;
}



.total_margin_value,
.total_after_adjustment_value,
.ic-popup-value{
  color: #223e62;
  font-weight: bold;
}
.ic-popup-edit-footer-row {
  display: flex;
  height: 50%;
  flex-direction: row-reverse;
}

.ic-popup-value.upos-text {
  text-align: right;
}
#ic-popup-edit-wrapper .button-group-wraper {
  margin-top: -10px;
  margin-right: 20px;
}
#ic-popup-info-wrapper {
  width: 1026px;
  height: 524px;
}
.ic-info-header-row {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 10px;
}



.ic-info-header-content {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 4px;
}

.ic-popup-content-left {
  flex: 1;
  text-align: left;
}

.ic-popup-content-right {
  flex: 1;
  text-align: left;
}
.ic-popup-info-footer-row {
  /* display: flex;
  flex-direction: row-reverse;
  height: 30px; */
  /* display: flex; */
}

.ic-popup-info-footer-wrap {
  text-align: right;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

.ic-popup-info-footer-right {
  width: 50%;
  float: right;
}

.ic-popup-content-row {
  display: flex;
  margin-top: 12px;
  height: 20px;
  line-height: 20px;
}
.ic-popup-label {
  flex: 1;
}

.ic-popup-value {
  flex: 2;
}
.ic-popup-info-footer-wrap .ic-popup-value {
  flex: 0.25
}
.ic-info-header-row.left > div {
  margin-right: 16px;
}

.ic-info-header-row.right > img {
  margin-left: 16px;
}
.popup-grid-wrapper {
  margin: 0 20px;
  /* border: 1px solid #f2f7fc; */
  height: 207px;
  margin-top: 20px;
}
.under-line-none {
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.004em;
  color: #3092e6;
}

.upos-grid-col-3 {
}

.upos-grid-col-3 .ic-info-header-row {
  margin-top: unset;
}
.ic-code-ticket {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: #223e62;
  margin-right: 20px;
  /* text-transform: uppercase; */
}
.ic-info-header {
  display: flex;
  margin-bottom: 32px;
}

.ic-content-row {
  display: flex;
  margin-bottom: 12px;
}

.ic-label {
  flex: 1;
  color: #4d6e99;
  font-size: 14px;
}

.ic-value {
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  color: #223e62;
  min-width: 135px;
}
.upos-disable-button {
  width: 119px;
  height: 36px;
  background: #d2d5db;
  border-radius: 16px;
  color: #ffffff;
  line-height: 36px;
}
.grid-transfer-cell-edit {
  margin-top: 14px;
}
.grid-cell-error {
  position: relative;
  display: flex;
  align-items: center;
}

.grid-cell-error img {
  margin-top: 10px;
  margin-left: 4px;
}
#ic-edit-product .grid-item-can-edit {
  height: calc(100% - 100px) !important;
}
.ic-edit-footer-row {
  display: flex;
  height: 34px;
  width: 30%;
  margin-left: 70%;
}
.ic-edit-footer-row .ic-label,
.ic-edit-footer-row .ic-value {
  text-align: right;
}
.grid-long-text .upos-text,
.grid-cell-can-edit .upos-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.upos-stt {
  text-align: center;
}
.rdrSelected {
  background: #3cd6b7;
  color: #ffffff;
}
.upos-eclipse-text-cell {
  display: block !important;
  line-height: 29px;
}

.ic-popup-search-product.search-box .upos-input-search {
  transform: translateY(-2px);
}
.inventory-control-filter .rdrDateRangePickerWrapper {
  right: 0;
}
.inventory-control-filter .input-search-wrapper input {
  box-sizing: border-box;
  height: 32px;
}
.inventory-control-filter-mini .inventory-filter-button-wrapper > div,
.inventory-control-filter-mini .inventory-control-filter-left > div {
  margin-right: 8px;
}
.inventory-control-filter-mini .inventory-action-button > div {
  margin-left: 8px;
}
.upos-text-center {
  text-align: center;
}
.ic-info-wrapper {
  background: #eaf0f9;
  padding-top: 20px;
}
.upos-grid-col-9 {
  height: calc(100% - 108px);
}
/* for popup  */
.edit-grid-wrapper-popup,
.info-grid-wrapper-popup {
  /* height: 300px !important; */
  /* background: red !important; */
}
.info-grid-wrapper-popup .ag-theme-alpine {
  height: 224px;
  margin-left: 20px;
  overflow: hidden;
  overflow-y: scroll;
}
.edit-grid-wrapper-popup .ag-theme-alpine {
  height: 300px;
  margin-left: 20px;
  overflow: hidden;
  overflow-y: scroll;
  /* border: 1px solid #b5cbe8 */
}
.info-grid-wrapper-popup .ag-center-cols-viewport,
.edit-grid-wrapper-popup .ag-center-cols-viewport {
  overflow-x: hidden !important;
}
.upos-grid-border .ag-center-cols-clipper {
  border-bottom: 1px solid #f2f7fc;
}

/* for page */
.info-grid-wrapper-page,
.edit-grid-wrapper-page {
  height: calc(100vh - 359px);
}
.info-grid-wrapper-page .ag-theme-alpine,
.edit-grid-wrapper-page .ag-theme-alpine {
  min-height: 290px;
  max-height: calc(100% - 20px);
  overflow: hidden;
  overflow-y: scroll;
  /* border: 1px solid #E5E5E5; */
}
.info-grid-wrapper-page .ag-center-cols-viewport,
.edit-grid-wrapper-page .ag-center-cols-viewport {
  overflow-x: hidden !important;
}
.edit-grid-wrapper-page .ag-center-cols-clipper,
.info-grid-wrapper-page .ag-center-cols-clipper {
  /* min-height: 290px !important;
  height: 100% !important; */
}
.edit-grid-wrapper-page.mini-edit-grid-wrapper-page .img-no-order-ic-popup ,
.info-grid-wrapper-page.mini-info-grid-wrapper-page .img-no-order-ic-popup {
  height: 70px;
}
.iscreate-ticker-footer {
  display: flex;
  justify-content: center;
}
.iscreate-ticker-footer .create_inventory_ticket {
  margin-top: 16px;
}
.edit-grid-wrapper-popup .img-no-order-ic-popup,
.info-grid-wrapper-popup .img-no-order-ic-popup {
  width: 70px;
}

.info-grid-wrapper-page .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-print .ag-center-cols-container ,
.edit-grid-wrapper-page .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-print .ag-center-cols-container {
  min-height: 250px;
}
.info-grid-wrapper-popup .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-print .ag-center-cols-container ,
.edit-grid-wrapper-popup .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-clipper, .ag-theme-alpine .ag-layout-print .ag-center-cols-container {
  /* max-height: 290px; */
}


#date_picker_inventory_input {
  box-sizing: border-box;
  width: 202px;
}
.inventory-filter-button-wrapper .upos-search-icon,
.inventory-filter-button-wrapper .upos-refresh-icon {
  width: 32px;
  height: 32px;
}
.add-cirlce-shortcut,
.create-ic-shortcut-button {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.add-cirlce-shortcut {
  background-color:#223e62 ;
}
.empty-ticket-wrapper {
  width: 100%;
}
.ic-popup-edit-footer-left textarea {
  resize: none;
}
.ic-label-note {
  color: #4d6e99;
  font-size: 14px;
  line-height: 20px;
}

.ic-value-note {
  font-size: 14px;
  font-weight: bold;
  color: #223e62;
  line-height: 20px;
}