@font-face {
  font-family: 'Montserrat';
  src: local('Montserrat'),
    url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat-bold';
  src: local('Montserrat-bold'),
    url(../fonts/Montserrat-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat-600';
  src: local('Montserrat-600'),
    url(../fonts/Montserrat-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'),
    url(../fonts/Quicksand-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Sora';
  src: local('Sora'), url(../fonts/Sora-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'SVN-Product-Sans';
  src: local('SVN-Product-Sans'),
    url(../fonts/SVN-Product-Sans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  src: local('Roboto-Regular'),
    url(../fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto-b';
  src: local('Roboto-Bold'), url(../fonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto-m';
  src: local('Roboto-Medium'),
    url(../fonts/Roboto-Medium.ttf) format('truetype');
}
.order-grid-wrapper,
.report-grid-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  scrollbar-width: thin;
}

#myGrid {
  flex: 1 1 0px;
  width: 100%;
}

.full-width-panel {
  position: relative;
  background: #edf6ff;
  height: 100%;
  width: 100%;
}

.call-record-cell {
  text-align: right;
}

.full-width-detail {
  padding-top: 4px;
}

.full-width-details {
  float: left;
  padding: 5px;
  margin: 5px;
  width: 150px;
}

.full-width-grid {
  margin-left: 125px;
  padding: 25px;
  display: block;
  height: calc(100% - 50px) !important;
}

.full-width-grid-toolbar {
  top: 4px;
  left: 30px;
  margin-left: 150px;
  display: block;
  position: absolute;
}

.full-width-phone-icon {
  padding-right: 10px;
}

.full-width-search {
  border: 1px solid #eee;
  margin-left: 10px;
}

.ag-react-container {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.order-background > .ag-react-container {
  /* background: #eaf0f9 !important;
  height: 270px; */
}
.detail-background:hover,
.detail-background,
.order-background {
  background: #eaf0f9 !important;
}

.detail-background > .ag-react-container {
  /* background: #eaf0f9; */
  height: 310px;
}
#myMasterDetailGrid .ag-header-cell {
  background: #ffffff;
}
#myMasterDetailGrid {
  width: 80%;
  margin-left: 10%;
  margin-top: 8px;
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
    0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  height: 260px;
}
.ag-header,
.ag-header-row {
  height: 48px !important;
}
.ag-header-cell-resize {
  opacity: 0;
}
.ag-row-selected {
  background-color: unset !important;
}
.ag-row-hover {
  background-color: #f2f7fc !important;
}
.ag-cell {
  overflow: visible;
}

.ag-row {
  z-index: 0;
}

.ag-row.ag-row-focus {
  z-index: 1;
}
.ag-root.ag-layout-auto-height,
.ag-body-viewport.ag-layout-auto-height,
.ag-body-viewport-wrapper.ag-layout-auto-height {
  overflow: visible;
}

#myGrid > div,
#time-grid > div,
#lowQuanGrid > div,
#employee-grid > div,
#product-grid > div,
#transferGrid > div,
#order-grid > div,
#inventoryGrid > div,
#stockInventoryGrid > div,
#import-grid > div {
  height: calc(100% - 195px) !important;
}

.ag-header-cell {
  background: #eaf0f9;
}
.bg-header-white .ag-header-cell {
  background: #ffffff;
}

.upos-grid-menu .ag-cell-value {
  overflow: unset;
}

.upos-grid-menu .dropdown-selected {
  background-color: unset;
}
.upos-grid-menu {
  overflow: unset !important;
}
.upos-textare {
  border-radius: 4px;
  margin-top: 8px;
  background: #f2f7fc;
  border: none;
  width: 100%;
  height: 75px;
  text-indent: 8px;
  padding-top: 8px;
  box-sizing: border-box;
  resize: vertical;
}
.upos-textare:focus {
  outline: none;
}
.upos-input {
  width: 100%;
  border: none;
  background: #f2f7fc;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #ffffff;
}
.upos-input:focus {
  outline: none;
  border: 1px solid #b5cbe8;
}
.upos-button {
  width: 132px;
  height: 32px;
  border-radius: 4px;
  align-items: center;
  text-align: center;
  line-height: 32px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.004em;
}
.upos-number {
  font-family: Sora;
  font-style: normal;
  /* font-weight: 600; */
  font-size: 13px;
}

.upos-view-tab {
  width: 200px;
  height: 48px;
  line-height: 48px;
  align-items: center;
  text-align: center;
  background: #f2f7fc;
  color: #4d6e99;
  cursor: pointer;
}
.dropdown-items:hover {
  background: #f2f7fc;
  color: #223e62;
  border-radius: 4px;
}

.upos-text-header {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  /* identical to box height, or 138% */
  letter-spacing: -0.004em;
}

.upos-text {
  font-family: 'GoogleSans';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  /* identical to box height, or 138% */
  letter-spacing: -0.004em;
}

@media (min-width: 1367px) {
  .upos-text {
    font-family: 'GoogleSans';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    /* identical to box height, or 138% */
    letter-spacing: -0.004em;
  }
}
.upos-bold {
  font-weight: bold;
}
.upos-text-indygo-dye {
  color: #223e62;
}
.upos-error-text {
  color: #ee4064;
  margin-top: 2px;
}
.upos-text-600 {
  font-weight: 600;
}
.upos-text-title {
  font-weight: 600;
  font-size: 20px;
}
.upos-text-h2 {
  font-weight: 600;
  font-size: 16px;
}
.upos-text-h1 {
  font-weight: 600;
  font-size: 24px;
}
.tabview-wraper {
  display: flex;
  width: fit-content;
  border-radius: 8px 8px 0px 0px;
}

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

.text-tur-dark {
  color: #24c4a4;
}
.upos-loading-screen {
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
  z-index: 99999;
  opacity: 0.5;
}
.upos-loading-img {
  height: 104px;
  position: fixed;
  top: 49%;
  left: 49%;
  z-index: 999999999;
}

.left-footer {
  display: flex;
  position: absolute;
  bottom: 150px;
}

.right-footer {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 150px;
}
.upos-grid-pagination .dropdown-selected {
  border: 1px solid #b5cbe8;
  border-radius: 4px;
  margin: 0 8px;
  max-width: 40px;
  /* width: fit-content; */
}

.upos-grid-pagination {
  line-height: 34px;
}
.upos-grid-pagination .dropdown-items-wrapper {
  top: unset;
  bottom: 30px;
  right: 8px;
}
.search-box .dropdown-items-wrapper,
.datepicker .dropdown-items-wrapper {
  background: #7d9ac0;
}
.search-box .dropdown-items:hover,
.datepicker .dropdown-items:hover {
  background: #4d6e99;
  border-radius: 4px;
}
.search-box .dropdown-items,
.datepicker .dropdown-items {
  color: #ffffff;
}
.suggest-wrapper {
  z-index: 2;
}
.cursor-pointer {
  cursor: pointer;
}

.show-scroll-bar::-webkit-scrollbar {
  width: 14px;
  height: 18px;
}

.show-scroll-bar::-webkit-scrollbar-thumb {
  height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  background-color: rgba(34, 62, 98, 0.08);
  background-clip: padding-box;
}
.dropdown-nodata {
  height: 200px;
  text-align: center;
  line-height: 200px;
}
.lagre-dropdown .dropdown-selected {
  width: 180px;
}

.upos-tab {
  margin: 0 24px;
  height: 24px;
  background: #9929ab;
  border-radius: 12px;
  line-height: 24px;
  color: #ffffff;
  padding-left: 12px;
  position: relative;
  padding: 0 24px;
}
.filter-row-2,
.filter-row-3 {
  height: 32px;
}
.upos-tab img {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
}
.upos-noti-wrapper {
  position: absolute;
  right: 8px;
  top: 47px;
  padding: 16px;
  z-index: 1301;
  animation: slide-right-absolute 0.5s forwards;
}
.upos-noti {
  padding: 12px;
  border-radius: 4px;
  display: flex;
  margin-bottom: 8px;
  margin-right: -300px;
  /* animation: slide-from-right 0.5s forwards; */
}
.upos-noti.success {
  background-color: #eefcf9;
  border: 1px solid #3ddbbc;
  color: #24c4a4;
}
.upos-noti.fail {
  background: #ffedf1;
  border: 1px solid #ee4064;
  color: #ee4064;
}
.upos-noti img {
  margin-right: 8px;
}
.upos-noti div {
  line-height: 24px;
}
.success-refund {
  color: #3a7e55;
  background: rgba(58, 126, 85, 0.1);
}
.waitting-refund {
  background: rgba(233, 87, 62, 0.1);
  color: #e9573e;
}
.problem-detected {
  background: rgba(219, 68, 83, 0.1);
  color: #db4453;
}
.now-delivering {
  background: rgba(249, 99, 124, 0.1);
  color: #db4453;
}
.sucess-get-order {
  background: rgba(54, 188, 155, 0.1);
  color: #36bc9b;
}
.sended-order {
  background: rgba(150, 123, 220, 0.1);
  color: #967bdc;
}
.sended-success {
  background: rgba(140, 192, 81, 0.1);
  color: #8cc051;
}
.refund-transfer {
  background: rgba(153, 41, 171, 0.1);
  color: #9929ab;
}
.waiting-for-cross-examination {
  background: rgba(251, 180, 92, 0.1);
  color: #fbb45c;
}
.now-tranport {
  background: rgba(75, 137, 220, 0.1);
  color: #4b89dc;
}
.success-cross-examination {
  background: rgba(3, 141, 178, 0.1);
  color: #038db2;
}
.cancel-tranport {
  background: rgba(34, 62, 98, 0.1);
  color: #223e62;
}
.cancel-order {
  background: rgba(67, 74, 84, 0.1);
  color: #434a54;
}
.sale-at-shop {
  background: rgba(59, 174, 218, 0.1);
  color: #3baeda;
}

.order-draft {
  background: rgba(216, 112, 173, 0.1);
  color: #d870ad;
}
.upos-grid-pagination .dropdown-wrapper {
  max-width: 40px;
  min-width: fit-content;
}
.upos-show-item {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  z-index: 2;
}
.upos-hide-item {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}
/* .upos-show-item {
  width: 100%;
  display: table;
  height: 100%;
  transition: all 0.5s ease;
}
.upos-hide-item {
  height: 0;
  opacity: 0;
  display: block;
} */
.pagination-wrapper button {
  font-family: 'Montserrat';
  font-size: 13px;
  color: #223e62;
}
.pagination-wrapper .Mui-selected {
  background-color: #223e62 !important;
  color: #ffffff;
}
.upos-grid-pagination .upos-input {
  width: fit-content;
  max-width: 40px;
  background: #ffffff;
  margin-left: 8px;
  border: 1px solid #b5cbe8;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  margin-top: 1.5px;
  margin-right: 2px;
}

.upos-button-active {
  padding: 8px 32px;
  margin-top: 16px;
  background: #3ddbbc;
  border-radius: 24px;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
}
.upos-grid-control-cell-wrapper {
  display: flex;
  align-items: center;
}

.bouder-button {
  width: 32px;
  height: 61px;
  line-height: 48px;
}
.dropdown-type2 .dropdown-selected {
  background: #f2f7fc;
  border-radius: 4px;
}
.upos-shadow {
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
    0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #fff;
}

.upos-row {
  display: flex;
}
.upos-avatar {
  flex: 1;
}

.upos-info-account {
  flex: 5;
}
.upos-row {
  height: 48px;
  align-items: center;
}

.upos-avatar {
  padding-left: 16px;
}

.phone-suggest-wrapper {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
  width: 380px;
  position: absolute;
}
.upos-row:hover {
  background: #eefcf9;
}
.adress-wrapper img,
.name-wrapper img {
  padding: 0 8px;
  border: 2px solid #ffffff;
}

.adress-wrapper,
.name-wrapper {
  display: flex;
  background: #f2f7fc;
}

.upos-modal-content {
  background: #ffffff;
  display: flex;
}
.upos-modal-content:focus {
  outline: none;
}
.upos-modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ag-grid-dropdown .dropdown-items-wrapper {
  right: 150px;
  width: fit-content;
}
.nodata-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bounder-button {
  padding: 5px;
  margin-top: 15px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}
.reset-dropdown {
  position: absolute;
  right: 8px;
  top: 8px;
}
.expand-dropdown {
  position: absolute;
  right: 8px;
  top: 14px;
}
.ag-theme-alpine .ag-header {
  border-bottom: unset !important;
}
.ag-input-field-input.ag-text-field-input {
  background: #f2f7fc !important;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 13px !important;
}
.ag-theme-alpine .ag-cell-inline-editing {
  border: none !important;
  outline: none !important;
}

.ag-theme-alpine .ag-header-cell {
  padding: 0 8px !important;
}
.ag-theme-alpine .ag-cell {
  padding: 0 7px !important;
}

.report-grid-wrapper .ag-theme-alpine .ag-header-cell {
  /* padding: 0 !important; */
  padding: 0 20px !important;
}

.report-grid-wrapper .ag-theme-alpine .ag-cell {
  padding: 0 20px !important;
}

/* .ag-theme-alpine .ag-header-cell,
.ag-theme-alpine .ag-cell {
  padding: 0 8px !important;
} */
.ag-cell-inline-editing {
  width: 96px !important;
  height: 32px !important;
  /* left: 327px !important; */
  /* top: 4px !important; */
}
.ag-body-viewport {
  overflow-y: scroll !important;
  /* overflow-x: scroll !important; */
}
.ag-body-viewport::-webkit-scrollbar {
  width: 0px;
  height: 18px;
}
.ag-body-viewport::-webkit-scrollbar-thumb {
  /* height: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 7px;
  background-color: rgba(34, 62, 98, 0.1);
  background-clip: padding-box; */
}
.ag-grid-dropdown {
  width: 32px;
  min-width: unset;
  background-image: url('/svg/menu.svg');
  background-repeat: no-repeat;
  background-position: left;
  background-position-y: 10px;
  background-position-x: 8px;
  /* margin-top: 12px; */
}
.ag-grid-dropdown .expand-dropdown {
  display: none;
}
/* .upos-grid-control-cell {
  width: 40px !important;
} */

#time-grid .ag-header-viewport,
#employee-grid .ag-header-viewport,
#lowQuanGrid .ag-header-viewport,
#transferGrid .ag-header-viewport,
#product-grid .ag-header-viewport,
#inventoryGrid .ag-header-viewport,
#stockInventoryGrid .ag-header-viewport,
#import-grid .ag-header-viewport {
  background: #fff !important;
}

.report-grid-wrapper #myGrid .ag-header-viewport {
  background: #fff !important;
}
#product-detail-grid .ag-header-viewport,
#product-grid .ag-header-viewport,
#myMasterDetailGrid .ag-header-viewport {
  background: #ffffff !important;
}
#product-detail-grid {
  width: 98%;
  margin-left: 1%;
  /* border-radius: 8px 8px 0 0; */
}
.upos-grid-menu {
  overflow: unset;
}
.input-boderfocus-indent {
  /* border: 2px solid #ffffff; */
}
.input-boderfocus-indent:focus {
  /* border: 2px solid #b5cbe8; */
  text-indent: 8px;
}
.ag-grid-dropdown.dropdown-wrapper .dropdown-selected {
  border-radius: unset;
}
.ag-row-last .dropdown-wrapper .dropdown-items-wrapper {
  top: -130px;
}
.order-grid-wrapper .ag-row-last .dropdown-wrapper .dropdown-items-wrapper {
  top: -60px;
}
.upos-grid-status-order {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.upos-header-cell-center {
  text-align: center;
}
.order-list-create-order {
  background: #223e62;
}
.ag-cell-focus:focus {
  border-color: transparent !important;
}
.notification-row-details,
.upos-noti-main {
  display: flex;
}
.upos-noti {
  display: flex;
  flex-direction: column;
}
.notification-detail {
  width: 350px;
}
.notification-close {
  position: absolute;
  right: 8px;
  top: 34px;
}

.upos-noti-wrapper {
  width: 350px;
}

.upos-noti {
  width: 350px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.upos-disabled {
  /* background-color: red; */
  opacity: 0.5;
}

/* .MuiPagination-root .MuiPagination-ul {
  flex-wrap: nowrap;
}
.MuiPagination-root .MuiPagination-ul li:first-child {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #95979e;
  max-width: 69px;
  margin: 0;
  padding: 0;
} */
/* .MuiPagination-root .MuiPagination-ul li:first-child {
  margin-right: 20px;
}
.MuiPagination-root .MuiPagination-ul li:first-child > button::after {
  content: 'Quay lại';
  white-space: nowrap;
  background: rgba(34, 62, 98, 0.1);
  border-radius: 4px;
  padding: 3px 10px;
}
.MuiPagination-root .MuiPagination-ul li:first-child > button:hover {
  background-color: transparent !important;
}
.MuiPagination-root .MuiPagination-ul li:last-child {
  flex-basis: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  color: #95979e;
  margin: 0;
  padding: 0;
  max-width: 78px;
}
.MuiPagination-root .MuiPagination-ul li:last-child {
  margin-left: 20px;
}
.MuiPagination-root .MuiPagination-ul li:last-child > button::before {
  content: 'Tiếp theo';
  white-space: nowrap;
  background: rgba(34, 62, 98, 0.1);
  border-radius: 4px;
  padding: 3px 10px;
}
.MuiPagination-root .MuiPagination-ul li:last-child > button:hover {
  background-color: transparent !important;
}
.MuiPagination-root .MuiPagination-ul li > button .MuiTouchRipple-root {
  display: none !important;
} */

/* .MuiPaginationItem-icon {
  display: none !important;
} */
.upos-image-thumbail {
  width: 96px;
  height: 96px;
}
.upos-display-none {
  display: none;
}
.group-user-info-admin .dropdown-items-wrapper {
  width: fit-content;
}
.hearder-right .dropdown-items-wrapper {
  min-width: 40px;
}
/* .ag-theme-alpine .ag-cell {
  line-height: unset !important;
} */
.ag-theme-alpine .ag-cell-inline-editing {
  padding: unset !important;
}
.upos-tooltips {
  font-size: 13px;
}
/* .MuiTooltip-tooltip {
  font-size: 0.8rem !important;
} */
.ag-body-viewport {
  overflow-x: scroll !important;
}
.upos-side-menu-grid {
  position: relative;
  overflow: unset !important;
}

.upos-side-menu-grid .sidemenu {
  position: absolute;
  right: 16px;
}
.upos-text.pagination-right-text {
  margin-right: 8px;
}
.upos-calendar-wrapper .rdrMonth {
  padding: 0 2em !important;
}

.report-grid-wrapper .ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
  overflow-y: scroll;
}
.report-grid-wrapper ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
}
.report-grid-wrapper ::-webkit-scrollbar-thumb {
  border-radius: 9px;
  border: 2.5px solid #ffffff;
  background-color: rgba(34, 62, 98, 0.08);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.upos-multil-line-cell {
  color: #223e62;
  line-height: 16px;
  /* height: 32px; */
  padding: 0 8px;
  overflow: hidden;
  white-space: break-spaces;
  padding: auto;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.upos-multil-line .ag-react-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.supplier-detail-grid-child .ag-full-width-container,
.order-grid-wrapper .ag-full-width-container,
.warehouse-grid-wrapper .ag-full-width-container {
  border-right: 1px solid #edf6ff;
}
.warehouse-grid-wrapper .ag-root-wrapper,
.order-grid-wrapper .ag-root-wrapper {
  border-radius: 10px;
}
.supplier-detail-grid-child .ag-header-viewport {
  background-color: #ffffff;
}
.disable-scroll-horizol .ag-center-cols-viewport {
  height: calc(100% + 16px) !important;
}
.disable-scroll-horizol .ag-center-cols-viewport {
  overflow-x: hidden !important;
}
.upos-grid-border-right .ag-full-width-container {
  border-right: 1px solid #edf6ff;
}
.upos-long-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.upos-cell-center .upos-text {
  text-align: center;
}
.upos-text-color-main {
  color: #4d6e99;
}
.upos-text-roboto-700 {
  font-family: Roboto-b;
}
.upos-text-roboto-medium-500 {
  font-family: Roboto-m;
}
.upos-Indygo-Dye-light {
  color: #7d9ac0;
}
@media (min-width: 1px) and (max-width: 960px) {
  .new-orderDetail-line2-1 {
    margin-bottom: 20px !important;
  }
  /* .new-orderDetail-line2-2 {
    margin:unset;
    margin-top: 20px;
  } */
  .new-orderDetail-line2-2 .shipper-wrapper {
    margin-left: unset;
  }
}
.upos-disable-icon {
  opacity: 0.65;
  pointer-events: none;
}

.ag-theme-alpine .ag-row {
  border-color: #f2f7fc !important;
}
.ag-center-cols-clipper {
  scrollbar-width: thin;
}
.ag-center-cols-clipper {
  scrollbar-width: thin;
}
.upos-grid-disable-scroll-x .ag-center-cols-viewport {
  overflow-x: hidden !important;
}
.show-scroll-bar {
  scrollbar-width: thin;
}
.upos-grid-disable-scroll-x .ag-body-viewport {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.upos-grid-disable-scroll-x-2 .ag-body-viewport.ag-layout-normal {
  overflow-y: unset !important;
}

.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after {
  color: #223e62 !important;
}
.ag-theme-alpine .ag-checkbox-input-wrapper.ag-indeterminate::after {
  color: #223e62 !important;
}
.ag-theme-alpine .ag-checkbox-input-wrapper::after {
  color: #b5cbe8 !important;
}