html,
body,
#root,
#root > * {
  height: 100%;
}
body {
  margin: 0;
}
a {
  text-decoration: underline;
  cursor: pointer;
}
#searchForm > .ant-row > .ant-row.ant-form-item {
  width: 100%;
  text-align: right;
  padding-right: 12px;
}
#searchForm > .ant-row > .ant-row.ant-form-item .ant-col {
  flex: 1;
  max-width: 100%;
  width: 100%;
}
#searchForm > .ant-row > .ant-row.ant-form-item .ant-col .ant-btn:first-child {
  margin-right: 10px;
}
.ant-spin {
  z-index: 1001 !important;
}
.contentSection {
  padding: 8px !important;
  border-radius: 5px;
  max-height: 60vh;
}
.contentSection .contentSection-filter {
  padding: 10px;
  background: #fff;
  border-radius: 2px;
  margin-bottom: 10px;
}
.contentSection .contentSection-main {
  padding: 10px !important;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 15px !important;
  overflow: auto;
}
.ant-layout-footer {
  height: 48px;
}
.ant-popover-inner {
  padding: 5px !important;
}
.ant-input-number {
  width: 100%;
}
.ant-input-outlined {
  background-color: white;
}
.ant-input-outlined:focus,
.ant-input-outlined:focus-within {
  background-color: white;
}
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):focus,
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):focus-within {
  background-color: white;
}
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled) {
  background-color: white;
}
.ant-input-number-input-wrap {
  border-radius: 6px;
}
.ant-input {
  border-radius: 6px !important;
  font-size: 13px;
  padding: 7px 7px;
}
.ant-input ::placeholder {
  color: red;
  opacity: 1;
  /* Firefox */
}
.addStores__footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*padding: 0 0 0 8px*/
}
.addStores__footer .addStores__footer__btn {
  height: 35px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  min-width: 120px;
  border: 0px !important;
}
.addStores__footer .addStores__footer__btn svg {
  margin-right: 8px;
}
.addStores__footer .addStores__footer__btn.addBtn {
  background: #1677FF;
}
.addStores__footer .addStores__footer__btn.editBtn {
  background: #EC6519;
}
.addStores__footer .addStores__footer__btn.success {
  background: #eb5757;
}
.addStores__footer .addStores__footer__btn.undo {
  background: white;
  border: 1px solid black !important;
  color: #000;
}
.addStores__footer .statusBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 16px;
  width: 127px;
  height: 32px;
  padding: 2px;
  background: #f0f2f5;
  border: solid 1px #c1c1c1;
  border-radius: 5px;
}
.addStores__footer .statusBtn span {
  width: 50%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addStores__footer .statusBtn span.mainBtn {
  background: #fdd804;
  border-radius: 5px;
  color: #001529;
}
.addStores__footer .statusBtn span.mainBtn path {
  fill: #001529;
}
.addStores__footer .statusBtn span.falseBtn {
  background: #bfc4c9;
  border-radius: 5px;
  color: #fff;
}
.ant-table {
  margin-block: 0px !important;
}
.ant-checkbox-wrapper {
  margin-inline-start: 0 !important;
}
.ant-select-selector {
  height: 40px;
  background-color: white;
}
.ant-select-selector .ant-select-selection-placeholder {
  color: #bfc4c9 !important;
}
.ant-select-selector .ant-select-selection-item {
  color: black !important;
}
.ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
  background-color: white;
}
.ant-select-dropdown {
  background-color: white;
}
.ant-select-item-option-selected {
  background-color: white !important;
}
.ant-select-item-option-content {
  color: #000 !important;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.ant-input-number-disabled .ant-input-number-input {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.ant-select-arrow {
  color: #bfc4c9 !important;
}
.ant-tabs-ink-bar {
  height: 0 !important;
}
.ant-menu-item {
  color: white !important;
  padding-left: 30px !important;
}
.ant-form-item {
  margin-bottom: 12px;
}
.ant-input-number {
  background-color: white !important;
}
.ant-input-number .ant-input-number-input::placeholder {
  color: #bfc4c9;
}
.ant-input-number .ant-input-number-input {
  color: #000;
}
.ant-upload-wrapper {
  color: #000;
}
.ant-modal-title {
  color: #000 !important;
}
.ant-modal .ant-modal-close {
  color: #000;
}
.my-modal-width-25per {
  width: 25% !important;
  /* Example: 75% of the parent container's width */
  max-width: 40% !important;
  /* Optional: set a maximum width to prevent excessive stretching */
}
.my-modal-width-35per {
  width: 35% !important;
  /* Example: 75% of the parent container's width */
  max-width: 50% !important;
  /* Optional: set a maximum width to prevent excessive stretching */
}
.my-modal-width-55per {
  width: 55% !important;
  /* Example: 75% of the parent container's width */
  max-width: 70% !important;
  /* Optional: set a maximum width to prevent excessive stretching */
}
.my-modal-width-65per {
  width: 65% !important;
  /* Example: 75% of the parent container's width */
  max-width: 80% !important;
}
.my-modal-width-65per .ant-modal-body {
  height: 60% !important;
  max-height: 70dvh !important;
  /* or 85dvh / 90dvh */
  padding: 8px !important;
}
.my-modal-width-65per .ant-modal-content {
  height: 60% !important;
}
.my-modal-width-75per {
  width: 75% !important;
  /* Example: 75% of the parent container's width */
  max-width: 90% !important;
  /* Optional: set a maximum width to prevent excessive stretching */
}
.my-modal-width-85per {
  width: 85% !important;
  /* Example: 75% of the parent container's width */
  max-width: 100% !important;
  /* Optional: set a maximum width to prevent excessive stretching */
}
.ant-layout-header {
  color: #000;
}
.ant-form-item .ant-form-item-label > label {
  color: #000 !important;
}
.ant-modal-footer {
  border-top: 1px dashed #F0F0F0 !important;
  padding: 5px 25px 5px 0px !important;
}
.ant-modal-content {
  background-color: #FFFFFF !important;
  padding: 15px !important;
  border-radius: 5px !important;
}
.ant-select-selection-search {
  font-size: 13px;
}
.ant-modal-header {
  background: none !important;
}
.ant-select-selection-item {
  font-size: 13px;
}
.ant-input-number-lg {
  font-size: 13px;
}
.ant-input-lg {
  font-size: 13px;
}
.ant-menu-light.ant-menu-submenu > .ant-menu {
  background-color: white !important;
}
.ant-menu-title-content {
  color: #39424D !important;
}
.ant-menu-title-content .ant-menu-submenu::after {
  background-color: white !important;
}
.ant-menu-submenu-arrow {
  background-color: black !important;
  color: black !important;
}
.ant-menu-item-selected {
  background-color: #EC651921 !important;
  color: white !important;
}
.ant-tabs-tab {
  background-color: white;
}
.ant-tabs-tab .ant-tabs-tab-btn {
  color: #000;
}
.ant-tabs-tab-active {
  background-color: white !important;
}
.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  border-bottom: 1px solid !important;
}
.ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 16px;
}
.ant-tabs-tab-remove {
  color: #bfc4c9 !important;
}
.ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead > tr > td {
  background-color: #eee;
  color: #000;
  font-size: 13px !important;
  padding: 0px 5px !important;
}
.ant-table-cell {
  border-bottom: 1px solid #f0f0f0 !important;
  background-color: white;
  color: #000;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container {
  border-inline-start: none;
  border-top: none;
}
.ant-table-wrapper .ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none;
}
.ant-layout {
  background: #f0f2f5;
}
.ant-input-outlined:hover {
  background-color: white;
}
.ant-tabs-top > .ant-tabs-nav::before {
  border: none;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
  border: none;
}
.ant-table-wrapper .ant-table {
  scrollbar-color: rgba(21, 21, 21, 0.1) rgba(253, 253, 253, 0.862);
}
.ant-pagination .ant-pagination-item {
  background-color: white;
  border: 1px solid #bfc4c9;
}
.ant-pagination .ant-pagination-item a {
  color: #000;
}
.ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: #000;
}
.ant-pagination .ant-pagination-total-text {
  color: #000;
}
.ant-input-affix-wrapper .anticon.ant-input-password-icon {
  color: #000;
}
.ant-dropdown .ant-dropdown-menu {
  background-color: white;
}
.ant-dropdown-menu-item {
  color: #000 !important;
}
.ant-dropdown-menu-submenu-title {
  color: #000 !important;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  color: #000;
}
.ant-badge .ant-badge-count {
  box-shadow: none;
}
.ant-form {
  color: #000;
}
/* Disable table hover effects - Global override */
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td.ant-table-cell,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td.ant-table-cell-fix-left,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td.ant-table-cell-fix-right,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td.ant-table-selection-column,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover,
.ant-table-wrapper .ant-table-tbody tr:hover,
.ant-table-wrapper .ant-table-tbody tr:hover > td,
.ant-table-wrapper .ant-table-tbody tr:hover > td.ant-table-cell,
.ant-table-wrapper .ant-table-tbody tr:hover > td.ant-table-cell-fix-left,
.ant-table-wrapper .ant-table-tbody tr:hover > td.ant-table-cell-fix-right,
.ant-table-wrapper .ant-table-tbody tr:hover > td.ant-table-selection-column {
  background: white !important;
  background-color: white !important;
}
/* Specific class-based hover disable */
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td.ant-table-cell,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td.ant-table-cell-fix-left,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td.ant-table-cell-fix-right,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td.ant-table-selection-column,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td,
.ant-table-wrapper .ant-table-tbody tr.no-hover-row:hover > td.ant-table-cell {
  background: white !important;
  background-color: white !important;
}
.ant-table-wrapper tr.ant-table-expanded-row > th,
.ant-table-wrapper tr.ant-table-expanded-row:hover > th,
.ant-table-wrapper tr.ant-table-expanded-row > td,
.ant-table-wrapper tr.ant-table-expanded-row:hover > td {
  background-color: white !important;
}
.ant-table-row-expand-icon {
  background-color: white;
}
.ant-input {
  color: #000 !important;
  line-height: 0;
}
.ant-input :hover {
  background-color: white !important;
}
.ant-select-selector {
  background-color: #dcdddd;
  color: #000;
}
.ant-table-wrapper .ant-table {
  background-color: white;
  border-left: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5;
}
.ant-picker-outlined {
  background-color: white;
  color: #000;
}
.ant-picker-outlined .ant-picker-input {
  color: #000;
}
.ant-picker-outlined .ant-picker-input input::placeholder {
  color: #c1c1c1;
}
.ant-picker-outlined .ant-picker-range-separator span {
  color: #c1c1c1;
}
.ant-picker-outlined :hover {
  background-color: white;
}
.ant-picker-outlined:hover {
  background-color: white;
}
.ant-btn-color-default {
  color: #000;
}
.ant-drawer .ant-drawer-close {
  color: #000;
}
.ant-table-wrapper .ant-table-row-expand-icon {
  background-color: white;
}
.ant-avatar {
  color: white;
  background-color: #000;
}
.ant-form-vertical .ant-form-item:not(.ant-form-item-horizontal) .ant-form-item-label {
  padding: 0;
}
.ant-select-single .ant-select-selector {
  border-radius: 6px !important;
}
.ant-picker {
  border-radius: 6px !important;
}
.ant-select-disabled {
  background-color: rgba(0, 0, 0, 0.04);
}
.ant-input-number-disabled {
  background-color: #dcdddd;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td {
  border-inline-end: 1px solid #f5f5f5 !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th {
  border-inline-end: 1px solid #f5f5f5 !important;
}
.ant-dropdown {
  color: #000 !important;
}
/* Comprehensive table hover disable - highest specificity */
.ant-table-tbody tr.ant-table-row:hover,
.ant-table-tbody tr:hover,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover,
.ant-table-wrapper .ant-table-tbody tr:hover {
  background-color: white !important;
  background: white !important;
}
.ant-table-tbody tr.ant-table-row:hover > td,
.ant-table-tbody tr:hover > td,
.ant-table-wrapper .ant-table-tbody tr.ant-table-row:hover > td,
.ant-table-wrapper .ant-table-tbody tr:hover > td {
  background-color: white !important;
  background: white !important;
}
/* Override any inherited hover effects from dropdown menus */
.ant-table-wrapper .ant-dropdown-trigger:hover .ant-table-tbody tr,
.ant-table-wrapper .ant-dropdown-trigger:hover .ant-table-tbody tr > td {
  background-color: white !important;
  background: white !important;
}
.ant-modal .ant-modal-close:hover {
  color: #000 !important;
}
.ant-checkbox .ant-checkbox-inner {
  background-color: white;
}
.ant-checkbox-wrapper-checked .ant-checkbox .ant-checkbox-inner {
  background-color: #EC6519 !important;
}
.ant-switch {
  background-color: #bfc4c9;
}
.custom-loading-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(216, 214, 214, 0.211) !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.custom-loading-overlay .loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.custom-loading-overlay .loading-spinner .spinner-dot {
  width: 32px;
  height: 32px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #EC6519;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.custom-loading-overlay .loading-spinner .loading-text {
  color: #EC6519;
  font-weight: 500;
  margin-top: 16px;
  font-size: 13px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.app-loading-wrapper {
  position: relative;
}
.app-loading-wrapper .ant-spin-container {
  position: relative;
}
.app-loading-wrapper .ant-spin-spinning .ant-spin-container::after {
  background-color: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(2px);
}
.app-loading-wrapper .ant-spin {
  z-index: 9999 !important;
}
.app-loading-wrapper .ant-spin-dot {
  color: #EC6519 !important;
}
.app-loading-wrapper .ant-spin-text {
  color: #EC6519 !important;
  font-weight: 500;
  margin-top: 8px;
}
.ant-layout-content {
  max-height: calc(100vh - 10px);
  overflow: auto;
}
.layout-page-content > :nth-child(2) {
  overflow: auto !important;
}
.ant-select-clear {
  color: #bfc4c9 !important;
}
.ant-select-clear :hover {
  color: #bfc4c9 !important;
}
.ant-input-password-icon:hover {
  color: #bfc4c9 !important;
}
.ant-select-selector input {
  color: #000 !important;
}
.ant-empty-description {
  color: #000 !important;
}
.ant-input-outlined[disabled] {
  background-color: rgba(212, 210, 210, 0.142) !important;
}
.ant-select-outlined.ant-select-status-error:not(.ant-select-customize-input) .ant-select-selector {
  background-color: white !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th {
  border-inline-end: none;
  background-color: #eee !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td {
  border-inline-end: none;
  background-color: white !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td {
  background-color: white !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after {
  border-inline-end: none;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after {
  border-inline-end: none;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content {
  margin-left: 15px;
}
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  border-radius: 6px;
}
.meta-image .ant-upload-list-item-container {
  width: 100% !important;
  height: 200px !important;
}
.table-children-hidden .ant-table-thead {
  display: none;
}
.ant-form-item {
  color: black !important;
}
.ant-btn-variant-solid:disabled {
  color: black !important;
}
.ant-select-dropdown .ant-select-item-empty {
  color: #bfc4c9 !important;
}
.ant-radio-wrapper {
  color: black !important;
}
.ant-input-number-group-addon {
  color: black !important;
}
.ant-radio-inner {
  background-color: white !important;
}
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: #cc5918 !important;
}
.ant-checkbox-wrapper {
  color: black !important;
}
.ant-select-multiple .ant-select-selection-overflow .ant-select-selection-item-remove {
  color: #000 !important;
}
.ant-drawer .ant-drawer-content {
  background-color: white;
}
.ant-typography {
  color: black !important;
}
.ant-drawer .ant-drawer-header {
  border-bottom: 1px solid #bfc4c9;
}
.ant-picker .ant-picker-suffix {
  color: black;
}
.ant-picker .ant-picker-clear {
  color: black;
}
.button-confirm-order {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00000005;
  color: #000000E0;
  border: 1px solid black;
  border-radius: 5px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  gap: 8px;
  height: 35px;
  transition: all 0.3s ease;
}
.ant-list-item {
  padding: 12px 12px !important;
}
.ant-table-cell .ant-btn.ant-btn-link {
  padding: 0 4px !important;
}
[data-theme="light"] {
  background-color: #fff !important;
}
[data-theme="light"] .bg-1,
[data-theme="light"] .bg-2 {
  background-color: #fff !important;
}
[data-theme="light"] .ant-layout-sider {
  background-color: #fff !important;
}
[data-theme="light"] .text-1 {
  color: #000;
}
[data-theme="light"] .text-2 {
  color: rgba(0, 0, 0, 0.85);
}
[data-theme="dark"] .bg-1 {
  background-color: #000 !important;
}
[data-theme="dark"] .bg-2 {
  background-color: #1f1f1f !important;
}
[data-theme="dark"] .text-1 {
  color: #fff;
}
[data-theme="dark"] .text-2 {
  color: rgba(255, 255, 255, 0.65);
}
.flexfilter .ant-form {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  flex-wrap: wrap;
  width: 100%;
}
.flexfilter .ant-form-item {
  margin-bottom: 0;
}
.flexfilter .ant-form-item label {
  margin-bottom: 0;
}
.flexfilter .ant-form-item .ant-input-affix-wrapper .ant-input {
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  height: 35px;
  border-top: 1px solid #808a94 !important;
  border-bottom: 1px solid #808a94 !important;
}
.flexfilter .ant-form-item .ant-input-affix-wrapper,
.flexfilter .ant-form-item .ant-select-selector,
.flexfilter .ant-form-item .ant-picker-range {
  display: flex;
  align-items: center;
  height: 35px;
  line-height: 35px !important;
}
.flexfilter .ant-form-item .ant-picker-range .ant-picker-active-bar {
  height: 4px !important;
  background: #808a94 !important;
}
.flexfilter .ant-form-item .ant-btn {
  border-radius: 3px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #001529;
  height: 35px;
  gap: 8px;
}
.flexfilter .ant-form-item .btn-search {
  color: #001529;
  border: 1px solid #001529;
}
.flexfilter .ant-form-item .btn-search .anticon {
  color: #001529;
  scale: 1.5;
  font-weight: bolder;
}
.flexfilter .ant-form-item .btn-search:hover {
  opacity: 0.9;
}
.flexfilter .ant-form-item #btnAdd {
  background: #EC6519 !important;
  color: white;
  border: 1px solid #EC6519;
}
.flexfilter .ant-form-item #btnAdd .anticon {
  color: #001529;
  scale: 1.5;
  font-weight: bolder;
}
.flexfilter .ant-form-item #btnAdd:hover {
  opacity: 0.9;
}
.flexfilter .ant-form-item .btn-action {
  font-weight: bolder;
  color: #001529;
}
.flexfilter .ant-form-item .btn-action .anticon {
  font-weight: bolder;
}
.flexfilter .lefts,
.flexfilter .rights {
  gap: 8px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flexfilter .component {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .flexfilter {
    gap: 0px;
  }
  .flexfilter .ant-form {
    display: flex;
    flex-direction: column;
  }
  .flexfilter .lefts,
  .flexfilter .rights {
    display: flex;
    gap: 8px;
    width: calc(100% - 16px);
  }
  .flexfilter .lefts .ant-form-item,
  .flexfilter .rights .ant-form-item {
    width: 25%;
  }
  .flexfilter .lefts .ant-form-item .space,
  .flexfilter .rights .ant-form-item .space {
    display: block;
  }
  .flexfilter .lefts .ant-form-item .ant-form-item-control .ant-select,
  .flexfilter .rights .ant-form-item .ant-form-item-control .ant-select,
  .flexfilter .lefts .ant-form-item .ant-form-item-control .ant-btn,
  .flexfilter .rights .ant-form-item .ant-form-item-control .ant-btn,
  .flexfilter .lefts .ant-form-item .ant-form-item-control .ant-input-affix-wrapper,
  .flexfilter .rights .ant-form-item .ant-form-item-control .ant-input-affix-wrapper {
    width: 100% !important;
  }
  .flexfilter .lefts .ant-form-item:has(.ant-picker-range),
  .flexfilter .rights .ant-form-item:has(.ant-picker-range) {
    width: calc(50% + 8px);
  }
  .flexfilter .lefts .ant-form-item:has(.ant-picker-range) .ant-picker-range,
  .flexfilter .rights .ant-form-item:has(.ant-picker-range) .ant-picker-range {
    width: 100% !important;
  }
}
@media screen and (max-width: 750px) {
  .flexfilter {
    display: flex;
    gap: 0;
  }
  .flexfilter .lefts,
  .flexfilter .rights {
    display: flex;
    width: 100%;
  }
  .flexfilter .lefts .ant-form-item,
  .flexfilter .rights .ant-form-item {
    width: calc(50% - 8px);
  }
  .flexfilter .lefts .ant-form-item .space,
  .flexfilter .rights .ant-form-item .space {
    display: none !important;
  }
  .flexfilter .lefts .ant-form-item .ant-btn,
  .flexfilter .rights .ant-form-item .ant-btn,
  .flexfilter .lefts .ant-form-item .ant-select,
  .flexfilter .rights .ant-form-item .ant-select,
  .flexfilter .lefts .ant-form-item .ant-input-affix-wrapper,
  .flexfilter .rights .ant-form-item .ant-input-affix-wrapper {
    width: 100% !important;
  }
  .flexfilter .lefts .ant-form-item:has(.ant-picker-range),
  .flexfilter .rights .ant-form-item:has(.ant-picker-range) {
    width: calc(50% - 8px) !important;
  }
  .flexfilter .lefts .ant-form-item:has(.ant-picker-range) .ant-picker-range,
  .flexfilter .rights .ant-form-item:has(.ant-picker-range) .ant-picker-range {
    width: calc(100% - 0px) !important;
  }
}
@media screen and (max-width: 414px) {
  .flexfilter {
    display: flex;
    gap: 0;
  }
  .flexfilter .lefts,
  .flexfilter .rights {
    display: flex;
    width: 100%;
  }
  .flexfilter .lefts .ant-form-item,
  .flexfilter .rights .ant-form-item {
    width: calc(100% - 0px);
  }
  .flexfilter .lefts .ant-form-item .ant-btn,
  .flexfilter .rights .ant-form-item .ant-btn,
  .flexfilter .lefts .ant-form-item .ant-select,
  .flexfilter .rights .ant-form-item .ant-select,
  .flexfilter .lefts .ant-form-item .ant-input-affix-wrapper,
  .flexfilter .rights .ant-form-item .ant-input-affix-wrapper {
    width: 100% !important;
  }
  .flexfilter .lefts .ant-form-item .ant-picker-range,
  .flexfilter .rights .ant-form-item .ant-picker-range {
    width: calc(200% - 0px) !important;
  }
  .flexfilter .lefts .ant-form-item:has(.ant-picker-range),
  .flexfilter .rights .ant-form-item:has(.ant-picker-range) {
    width: 100% !important;
  }
}
.contentFlexFilter {
  max-width: 200px;
}
.contentFlexFilter .ant-btn {
  min-width: 150px;
  line-height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #001529;
  border-radius: 0;
}
.contentFlexFilter .ant-btn .anticon {
  font-weight: 900;
  scale: 1.2;
  margin-right: 5px;
  min-width: 24px;
}
.contentFlexFilter .ant-btn > svg {
  margin: 0 21px 0 7px;
}
.contentFlexFilter .ant-btn:hover {
  background-color: #e3e6e7;
}
.ant-popover-inner {
  border-radius: 4px;
}
.ant-popover-inner .ant-popover-inner-content:has(.contentFlexFilter) {
  padding: 0;
}
.filterMore {
  z-index: 10000 !important;
}
.filterMore .ant-picker,
.filterMore .ant-select {
  width: 100% !important;
}
.filterMore .ant-input-affix-wrapper {
  height: 35px;
  width: 100% !important;
}
.filterMore .btn-apply,
.filterMore .btn-reset {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.filterMore .btn-apply {
  background-color: #001529;
  color: #fdd800;
}
.filterMore .btn-reset {
  color: #001529;
  background: #f0f2f5;
  border: 1px solid #000000;
}
.ant-picker-dropdown,
.ant-select-dropdown {
  z-index: 10000 !important;
}
.ant-btn:focus {
  background: #fff;
}