.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content {
  box-shadow: none; }

.ant-tooltip-inner {
  box-shadow: none; }
  .ant-tooltip-inner p {
    margin: 0 !important;
    height: 16px; }

.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  opacity: 0.5;
  color: #FFF; }

.ant-btn.remove-customer-btn:hover, .ant-btn.remove-customer-btn:focus {
  color: #CD917B; }

body {
  color: #282b27; }
  body h2 {
    color: #282b27; }
    body h2.page-title {
      font-size: 1.5rem;
      font-weight: 600; }
  body.dashboard-products header,
  body.dashboard-products footer,
  body.dashboard-products .site-content, body.dashboard-customers header,
  body.dashboard-customers footer,
  body.dashboard-customers .site-content, body.my-orders header,
  body.my-orders footer,
  body.my-orders .site-content, body.boutique-dashboard header,
  body.boutique-dashboard footer,
  body.boutique-dashboard .site-content {
    background-color: #faf8f5 !important; }
  body .description span {
    color: #282b27; }
  body .dokan-product-listing-area h2 {
    margin-top: 1rem; }
  body .dokan-product-listing-area .ant-table-container table {
    margin-top: 1.25rem; }
  body .ant-tabs .ant-tabs-nav {
    margin: 0; }
    body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
      border-bottom: 1px solid #d8d8d8;
      flex: none;
      margin-right: 11px; }
      body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list button {
        font-family: #282b27;
        font-size: 0.813rem;
        background: none;
        color: #282b27;
        border-radius: 0; }
      body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
        outline: none !important;
        border-style: none;
        border: 1px solid #e3e3e3;
        border-bottom: 0;
        padding: 0.5rem 1rem;
        margin: 0;
        font-weight: normal; }
        body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child {
          min-width: 5.75rem;
          border-top-left-radius: 0.5rem; }
        body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:nth-child(2) {
          min-width: 9.125rem;
          border-top-right-radius: 0.5rem; }
        body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
          background-color: #cd917b;
          border: 1px solid #cd917b;
          border-bottom: 0;
          font-weight: 600;
          color: #ffffff; }
      body .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar {
        display: none; }
  body .ant-tabs .ant-tabs-content .ant-tabs-tabpane {
    outline: none !important; }
    body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .description {
      font-size: 0.875rem;
      margin: 1.25rem 0; }
    body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .info-icon {
      margin-left: 1.125rem;
      margin-top: -0.25rem; }
    body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search {
      color: #282b27;
      height: 1.875rem;
      border: 1px solid rgba(40, 43, 39, 0.4) !important; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search::-moz-placeholder {
        color: #282b27; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search:-ms-input-placeholder {
        color: #282b27; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search::-ms-input-placeholder {
        color: #282b27; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search::placeholder {
        color: #282b27; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane .community-input-search:focus {
        border-color: rgba(40, 43, 39, 0.4);
        box-shadow: none; }
    body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table thead th {
      font-size: 0.75rem;
      color: #282b27;
      height: 46px; }
    body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td {
      font-size: 0.75rem;
      font-weight: 500;
      color: #282b27; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .link-stylename {
        color: #282b27;
        padding-left: 6px; }
        body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .link-stylename span {
          text-transform: uppercase;
          color: #282b27; }
          body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .link-stylename span:hover {
            text-decoration: underline; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .btn-edit {
        color: #cd927c;
        font-size: 0.875rem; }
      body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .ant-btn-link.ant-btn-icon-only {
        color: #282b27; }
        body .ant-tabs .ant-tabs-content .ant-tabs-tabpane table tbody td .ant-btn-link.ant-btn-icon-only .anticon-close svg {
          font-size: 1rem !important; }
  body .ant-table-column-has-sorters.ant-table-column-sort .ant-table-column-sorter-up.active,
  body .ant-table-column-has-sorters.ant-table-column-sort .ant-table-column-sorter-down.active {
    color: #282b27; }
  body .ant-tooltip.numeric-input .ant-tooltip-inner {
    font-size: 0.75rem; }
  body .ant-tooltip.info-tooltip.customer-address .ant-tooltip-inner {
    min-width: 0 !important; }
  body .ant-tooltip.info-tooltip .ant-tooltip-arrow {
    width: 1.25rem;
    height: 1.25rem; }
    body .ant-tooltip.info-tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content {
      width: 1.25rem;
      height: 1.25rem;
      border: 1px solid #979797;
      border-bottom-left-radius: 5px; }
  body .ant-tooltip.info-tooltip .ant-tooltip-inner {
    color: #282b27;
    width: auto;
    padding: 1rem 1.25rem;
    border: 1px solid #979797;
    border-radius: 0.75rem; }
  body .ant-tooltip.order-status-tooltip .ant-tooltip-inner {
    min-width: 18rem; }
  body .ant-tooltip.order-action-tooltip .action-tooltip-content {
    font-size: 0.813rem; }
  body .ant-tooltip.supplier-item-tooltip .ant-tooltip-inner {
    min-width: 15rem; }
    body .ant-tooltip.supplier-item-tooltip .ant-tooltip-inner .supplier-tooltip-content .t-title {
      font-size: 0.813rem;
      font-weight: 600; }
    body .ant-tooltip.supplier-item-tooltip .ant-tooltip-inner .supplier-tooltip-content .supplier-item {
      display: flex;
      align-items: center;
      font-size: 0.813rem;
      margin-top: 0.5rem; }
      body .ant-tooltip.supplier-item-tooltip .ant-tooltip-inner .supplier-tooltip-content .supplier-item img {
        margin-right: 0.5rem; }
  body .ant-popover.available-sizes-popover .ant-popover-arrow {
    width: 1.25rem;
    height: 1.25rem;
    right: 1px;
    background: #ffffff;
    border-width: 1px;
    border-top-color: #979797;
    border-right-color: #979797;
    border-top-right-radius: 7px; }
    body .ant-popover.available-sizes-popover .ant-popover-arrow .ant-popover-arrow-content {
      width: 1.25rem;
      height: 1.25rem; }
  body .ant-popover.available-sizes-popover .ant-popover-inner {
    color: #282b27;
    min-width: 18rem;
    padding: 1rem 1.25rem;
    border: 1px solid #979797;
    border-radius: 0.75rem; }
    body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-title {
      border-bottom: 0;
      padding: 0.5rem 0; }
      body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-title img {
        margin-right: 1rem; }
      body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-title span {
        font-size: 0.938rem;
        line-height: 1.125rem;
        color: #282b27;
        font-weight: 400; }
    body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content {
      padding: 0.75rem 0;
      display: flex;
      justify-content: space-between; }
      body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-right,
      body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-left {
        width: calc(50% - 1rem); }
        body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-right .size-item,
        body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-left .size-item {
          line-height: 1rem;
          margin: 0.5rem 0; }
          body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-right .size-item span,
          body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-left .size-item span {
            font-size: 0.813rem;
            color: #282b27; }
            body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-right .size-item span:first-child,
            body .ant-popover.available-sizes-popover .ant-popover-inner .ant-popover-inner-content .col-left .size-item span:first-child {
              font-weight: bold;
              margin-right: 0.25rem;
              min-width: 2rem !important;
              display: inline-block; }
  body .ant-table-pagination {
    float: left; }
    body .ant-table-pagination .ant-pagination-prev {
      margin-right: 0.5rem !important; }
    body .ant-table-pagination .ant-pagination-next {
      margin-left: 0.5rem !important; }
    body .ant-table-pagination .ant-pagination-prev button,
    body .ant-table-pagination .ant-pagination-prev a,
    body .ant-table-pagination .ant-pagination-next button,
    body .ant-table-pagination .ant-pagination-next a {
      display: flex !important;
      justify-content: center;
      align-items: center;
      color: #282b27;
      background-color: #f7f7f7 !important;
      border-color: #f7f7f7 !important;
      box-shadow: none;
      width: 2rem;
      height: 2rem; }
      body .ant-table-pagination .ant-pagination-prev button:disabled:hover,
      body .ant-table-pagination .ant-pagination-prev a:disabled:hover,
      body .ant-table-pagination .ant-pagination-next button:disabled:hover,
      body .ant-table-pagination .ant-pagination-next a:disabled:hover {
        box-shadow: none !important; }
      body .ant-table-pagination .ant-pagination-prev button:hover,
      body .ant-table-pagination .ant-pagination-prev a:hover,
      body .ant-table-pagination .ant-pagination-next button:hover,
      body .ant-table-pagination .ant-pagination-next a:hover {
        color: #282b27;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
        body .ant-table-pagination .ant-pagination-prev button:hover:before,
        body .ant-table-pagination .ant-pagination-prev a:hover:before,
        body .ant-table-pagination .ant-pagination-next button:hover:before,
        body .ant-table-pagination .ant-pagination-next a:hover:before {
          opacity: 0; }
      body .ant-table-pagination .ant-pagination-prev button span,
      body .ant-table-pagination .ant-pagination-prev a span,
      body .ant-table-pagination .ant-pagination-next button span,
      body .ant-table-pagination .ant-pagination-next a span {
        color: #282b27; }
    body .ant-table-pagination .ant-pagination-item {
      border: none !important;
      min-width: 20px; }
      body .ant-table-pagination .ant-pagination-item:hover {
        color: #282b27;
        text-decoration: none; }
        body .ant-table-pagination .ant-pagination-item:hover a {
          color: #282b27; }
          body .ant-table-pagination .ant-pagination-item:hover a:before {
            opacity: 0; }
      body .ant-table-pagination .ant-pagination-item.ant-pagination-item-active {
        border: 0; }
        body .ant-table-pagination .ant-pagination-item.ant-pagination-item-active a {
          color: #282b27;
          font-weight: bold; }
      body .ant-table-pagination .ant-pagination-item a {
        color: #b8b8b8;
        font-weight: 500;
        font-size: 0.813rem; }
    body .ant-table-pagination .ant-pagination-item-link .ant-pagination-item-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 24px;
      margin-top: 5px; }
      body .ant-table-pagination .ant-pagination-item-link .ant-pagination-item-container:hover .ant-pagination-item-link-icon:before {
        opacity: 0; }
      body .ant-table-pagination .ant-pagination-item-link .ant-pagination-item-container .ant-pagination-item-link-icon {
        color: #282b27; }
  body .ant-table-column-sorters {
    padding: 1px 5px; }
  body .ant-table-thead {
    min-height: 46px; }
    body .ant-table-thead tr th {
      padding-left: 6px !important; }
  body .ant-table-tbody tr td,
  body .ant-table-tbody tr th {
    padding: 5px; }
  body .ant-table-tbody tr .ant-table-column-sort {
    background: inherit; }
  body .ant-modal-root .ant-product-modal .ant-modal-close {
    border-radius: 8px; }
    body .ant-modal-root .ant-product-modal .ant-modal-close .ant-modal-close-x {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      margin-top: 25px;
      margin-right: 22px;
      color: #282b27; }
  body .ant-modal-root .ant-product-modal button.ant-btn-lg {
    letter-spacing: 2px;
    height: 45px; }
  body .ant-modal-root .ant-product-modal button.switch-sale-price {
    box-shadow: none; }
  body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper {
    border-radius: 4px !important; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper:hover {
      border-color: #d7d7d7 !important; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper.ant-input-affix-wrapper:focus, body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
      box-shadow: none !important;
      border-color: #d7d7d7 !important; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled {
      color: #282b27 !important;
      background: #fff !important; }
      body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-disabled .ant-input-prefix {
        opacity: 0.3; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper .ant-input-prefix {
      color: #282b27;
      font-weight: 500; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper input[type="text"] {
      color: #282b27;
      font-size: 0.875rem; }
      body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper input[type="text"]:hover {
        box-shadow: none !important; }
    body .ant-modal-root .ant-product-modal .ant-input-affix-wrapper .ant-input[disabled] {
      color: #282b27 !important;
      opacity: 0.3 !important; }
  body .ant-modal-root .ant-product-modal .is-empty-stock input {
    color: #ff5b49; }
  body .ant-modal-root .ant-product-modal .numeric-input-inner {
    max-width: 7rem; }
    body .ant-modal-root .ant-product-modal .numeric-input-inner input::-webkit-outer-spin-button,
    body .ant-modal-root .ant-product-modal .numeric-input-inner input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    body .ant-modal-root .ant-product-modal .numeric-input-inner input[type="number"] {
      -moz-appearance: textfield;
      color: #282b27;
      font-size: 0.875rem;
      padding: 6px 8px !important; }
  body .ant-modal-root .ant-add-customer-modal .ant-modal-close,
  body .ant-modal-root .ant-edit-customer-modal .ant-modal-close {
    border-radius: 8px; }
    body .ant-modal-root .ant-add-customer-modal .ant-modal-close .ant-modal-close-x,
    body .ant-modal-root .ant-edit-customer-modal .ant-modal-close .ant-modal-close-x {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      margin-top: 25px;
      margin-right: 22px;
      color: #282b27; }
  body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group,
  body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group {
    display: flex;
    flex-direction: column; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper {
      display: flex;
      align-items: center;
      height: 1.875rem;
      line-height: 1.125rem;
      color: #282b27;
      margin-bottom: 0.25rem; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper:last-child,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper:last-child {
        margin-bottom: 0; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
        border-color: #979797; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after {
        background-color: #ffb599; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .radio-text,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .radio-text {
        opacity: 1; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner:after,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner:after {
        border-color: #979797; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked:after,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked:after {
        border-color: #979797; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
        border-color: #979797; }
        body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after,
        body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after {
          border-color: #979797; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
        border-color: #979797;
        width: 18px;
        height: 18px; }
        body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after,
        body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
          width: 10px;
          height: 10px;
          border-radius: 10px; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .radio-text,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-radio-group .ant-radio-wrapper .radio-text {
        opacity: 0.5;
        font-size: 0.875rem;
        line-height: 1.125rem;
        font-weight: 600;
        padding-left: 0.25rem; }
  body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item,
  body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .float-label,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .float-label {
      position: relative;
      margin-bottom: 12px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .label,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .label {
      font-size: 12px;
      font-weight: normal;
      position: absolute;
      pointer-events: none;
      left: 12px;
      top: 12px;
      transition: 0.2s ease all; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .label-float,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .label-float {
      top: 1px;
      font-size: 10px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item input::-webkit-input-placeholder,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item input::-webkit-input-placeholder {
      color: #282B27; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-input,
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item input[type=tel],
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-input,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item input[type=tel] {
      border: 1px solid #D7D7D7;
      height: 100%;
      padding: 16px 10px 10px 10px !important; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .ant-input,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .ant-input {
      border-color: #ff4d4f !important; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .ant-form-item-explain,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .ant-form-item-explain {
      font-size: 11px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .float-label,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item.ant-form-item-has-error .float-label {
      margin-bottom: 0; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector {
      border-color: #D7D7D7 !important;
      height: 45px !important; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector input,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector input {
        height: 45px !important; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector input::-webkit-input-placeholder,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector input::-webkit-input-placeholder {
        color: #282B27; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector .ant-select-selection-placeholder,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector .ant-select-selection-placeholder {
        height: 45px !important;
        line-height: 45px !important; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector .ant-select-selection-item,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-form-item .ant-select .ant-select-selector .ant-select-selection-item {
        line-height: 45px !important; }
  body .ant-modal-root .ant-add-customer-modal .confirm-body .customer-input,
  body .ant-modal-root .ant-edit-customer-modal .confirm-body .customer-input {
    height: 45px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .customer-input .ant-input,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .customer-input .ant-input {
      height: 100%; }
      body .ant-modal-root .ant-add-customer-modal .confirm-body .customer-input .ant-input:focus, body .ant-modal-root .ant-add-customer-modal .confirm-body .customer-input .ant-input:hover,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .customer-input .ant-input:focus,
      body .ant-modal-root .ant-edit-customer-modal .confirm-body .customer-input .ant-input:hover {
        box-shadow: none; }
  body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-upload.ant-upload-drag,
  body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-upload.ant-upload-drag {
    width: 100%;
    height: auto;
    border: none;
    background-color: #F7F7F7;
    border-radius: 8px; }
    body .ant-modal-root .ant-add-customer-modal .confirm-body .ant-upload.ant-upload-drag .ant-upload-btn,
    body .ant-modal-root .ant-edit-customer-modal .confirm-body .ant-upload.ant-upload-drag .ant-upload-btn {
      height: auto;
      padding: 0; }
  body .ant-modal-root .ant-confirm-product-modal .ant-modal-body {
    padding: 3.5rem !important; }
  body .ant-modal-root .ant-confirm-product-modal .ant-modal-close {
    border-radius: 8px; }
    body .ant-modal-root .ant-confirm-product-modal .ant-modal-close .ant-modal-close-x {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      margin-top: 25px;
      margin-right: 22px;
      color: #282b27; }
  body .ant-modal-root .ant-confirm-product-modal button.ant-btn-lg {
    letter-spacing: 2px;
    height: 45px; }
  body .ant-modal-root .ant-confirm-product-modal .confirm-body {
    padding-top: 1.8rem;
    font-size: 1rem;
    color: #282b27;
    margin-bottom: 1rem;
    text-align: center; }
  body .ant-modal-root .ant-confirm-product-modal .confirm-action {
    display: flex;
    padding-top: 1rem;
    flex-direction: column;
    width: 14.25rem;
    justify-content: center;
    margin: 0 auto; }
    body .ant-modal-root .ant-confirm-product-modal .confirm-action button.ant-btn-lg {
      width: 100%;
      margin-top: 1.625rem; }
    body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span {
      font-size: 0.938rem;
      color: #282b27; }
      body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox {
        border-color: #979797 !important; }
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox:focus, body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox:hover {
          border-color: #979797 !important;
          box-shadow: none !important; }
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox.ant-checkbox-checked:after {
          border: 1px solid #ffb599 !important; }
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox.ant-checkbox-checked:hover,
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
          border: 0;
          background-color: #ffb599; }
          body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox.ant-checkbox-checked:hover:after,
          body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
            width: 6px;
            height: 9px;
            left: 50%;
            margin-left: -4px; }
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox .ant-checkbox-inner {
          border: 1px solid #979797;
          width: 20px;
          height: 20px; }
        body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox input {
          width: 20px; }
          body .ant-modal-root .ant-confirm-product-modal .confirm-action .ant-checkbox-wrapper span.ant-checkbox input:focus + .ant-checkbox-inner {
            border-color: #979797; }
  body .ant-modal-root .ant-cancel-modal .ant-modal-body,
  body .ant-modal-root .ant-reject-modal .ant-modal-body,
  body .ant-modal-root .ant-reallocate-modal .ant-modal-body {
    padding: 3.5rem !important; }
  body .ant-modal-root .ant-cancel-modal .ant-modal-close,
  body .ant-modal-root .ant-reject-modal .ant-modal-close,
  body .ant-modal-root .ant-reallocate-modal .ant-modal-close {
    border-radius: 8px; }
    body .ant-modal-root .ant-cancel-modal .ant-modal-close .ant-modal-close-x,
    body .ant-modal-root .ant-reject-modal .ant-modal-close .ant-modal-close-x,
    body .ant-modal-root .ant-reallocate-modal .ant-modal-close .ant-modal-close-x {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      margin-top: 25px;
      margin-right: 22px;
      color: #282b27; }
  body .ant-modal-root .ant-cancel-modal .confirm-body,
  body .ant-modal-root .ant-reject-modal .confirm-body,
  body .ant-modal-root .ant-reallocate-modal .confirm-body {
    padding-top: 1.25rem;
    font-size: 1rem;
    color: #282b27;
    margin-bottom: 1rem;
    text-align: center; }
    body .ant-modal-root .ant-cancel-modal .confirm-body .ant-input:focus,
    body .ant-modal-root .ant-cancel-modal .confirm-body .ant-input-focused,
    body .ant-modal-root .ant-reject-modal .confirm-body .ant-input:focus,
    body .ant-modal-root .ant-reject-modal .confirm-body .ant-input-focused,
    body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-input:focus,
    body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-input-focused {
      box-shadow: 0px 1px 5px 1px rgba(151, 151, 151, 0.2); }
    body .ant-modal-root .ant-cancel-modal .confirm-body textarea,
    body .ant-modal-root .ant-reject-modal .confirm-body textarea,
    body .ant-modal-root .ant-reallocate-modal .confirm-body textarea {
      color: #282b27;
      font-size: 0.875rem;
      line-height: 1.125rem;
      resize: none; }
      body .ant-modal-root .ant-cancel-modal .confirm-body textarea::-moz-placeholder, body .ant-modal-root .ant-reject-modal .confirm-body textarea::-moz-placeholder, body .ant-modal-root .ant-reallocate-modal .confirm-body textarea::-moz-placeholder {
        font-weight: 400; }
      body .ant-modal-root .ant-cancel-modal .confirm-body textarea:-ms-input-placeholder, body .ant-modal-root .ant-reject-modal .confirm-body textarea:-ms-input-placeholder, body .ant-modal-root .ant-reallocate-modal .confirm-body textarea:-ms-input-placeholder {
        font-weight: 400; }
      body .ant-modal-root .ant-cancel-modal .confirm-body textarea::-ms-input-placeholder, body .ant-modal-root .ant-reject-modal .confirm-body textarea::-ms-input-placeholder, body .ant-modal-root .ant-reallocate-modal .confirm-body textarea::-ms-input-placeholder {
        font-weight: 400; }
      body .ant-modal-root .ant-cancel-modal .confirm-body textarea::placeholder,
      body .ant-modal-root .ant-reject-modal .confirm-body textarea::placeholder,
      body .ant-modal-root .ant-reallocate-modal .confirm-body textarea::placeholder {
        font-weight: 400; }
    body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group,
    body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group,
    body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group {
      display: flex;
      flex-direction: column; }
      body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper,
      body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper,
      body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper {
        display: flex;
        align-items: center;
        height: 1.875rem;
        line-height: 1.125rem;
        color: #282b27;
        margin-bottom: 0.25rem; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper:last-child,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper:last-child,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper:last-child {
          margin-bottom: 0; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-wrapper:hover .ant-radio,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio-input:focus + .ant-radio-inner {
          border-color: #979797; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .ant-radio .ant-radio-inner:after {
          background-color: #ffb599; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .radio-text,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .radio-text,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked .radio-text {
          opacity: 1; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner:after,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner:after,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner:after {
          border-color: #979797; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked:after,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked:after,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked:after {
          border-color: #979797; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
          border-color: #979797; }
          body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after,
          body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after,
          body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner:after {
            border-color: #979797; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
          border-color: #979797;
          width: 18px;
          height: 18px; }
          body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after,
          body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after,
          body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
            width: 10px;
            height: 10px;
            border-radius: 10px; }
        body .ant-modal-root .ant-cancel-modal .confirm-body .ant-radio-group .ant-radio-wrapper .radio-text,
        body .ant-modal-root .ant-reject-modal .confirm-body .ant-radio-group .ant-radio-wrapper .radio-text,
        body .ant-modal-root .ant-reallocate-modal .confirm-body .ant-radio-group .ant-radio-wrapper .radio-text {
          opacity: 0.5;
          font-size: 0.875rem;
          line-height: 1.125rem;
          font-weight: 600;
          padding-left: 0.25rem; }
  body .ant-modal-root .ant-cancel-modal .confirm-action,
  body .ant-modal-root .ant-reject-modal .confirm-action,
  body .ant-modal-root .ant-reallocate-modal .confirm-action {
    display: flex;
    padding-top: 1rem;
    flex-direction: column;
    width: 14.5rem;
    justify-content: center;
    margin: 0 auto; }
    body .ant-modal-root .ant-cancel-modal .confirm-action button,
    body .ant-modal-root .ant-reject-modal .confirm-action button,
    body .ant-modal-root .ant-reallocate-modal .confirm-action button {
      height: 45px;
      font-size: 0.75rem !important;
      font-weight: bold;
      letter-spacing: 1.85px;
      line-height: 0.938rem; }
      body .ant-modal-root .ant-cancel-modal .confirm-action button.ant-btn-lg,
      body .ant-modal-root .ant-reject-modal .confirm-action button.ant-btn-lg,
      body .ant-modal-root .ant-reallocate-modal .confirm-action button.ant-btn-lg {
        width: 100%;
        margin-top: 1.625rem; }
      body .ant-modal-root .ant-cancel-modal .confirm-action button.btn-cancel,
      body .ant-modal-root .ant-reject-modal .confirm-action button.btn-cancel,
      body .ant-modal-root .ant-reallocate-modal .confirm-action button.btn-cancel {
        font-size: 0.813rem !important;
        letter-spacing: 2px;
        line-height: 1rem; }

.ant-switch-checked {
  background-color: #ffb599 !important; }
  .ant-switch-checked:checked, .ant-switch-checked:focus {
    background-color: #ffb599 !important;
    box-shadow: none; }

.ant-switch-checked {
  background-color: #ffb599 !important; }
  .ant-switch-checked:checked, .ant-switch-checked:focus {
    background-color: #ffb599 !important;
    box-shadow: none; }

.ant-switch {
  background-color: #e9e3da; }
  .ant-switch:hover, .ant-switch:focus {
    background-color: #e9e3da !important;
    box-shadow: none !important; }
  .ant-switch.ant-switch-checked {
    background-color: #ffb599 !important; }
    .ant-switch.ant-switch-checked:checked, .ant-switch.ant-switch-checked:focus {
      background-color: #ffb599 !important;
      box-shadow: none !important; }

.modal-loading {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(214, 213, 213, 0.25); }

.ant-input-number {
  min-width: 75px;
  border-color: #d7d7d7 !important; }
  .ant-input-number:focus, .ant-input-number.ant-input-number-focused {
    box-shadow: none !important; }
  .ant-input-number input {
    height: 27px;
    font-weight: 500;
    color: #282b27;
    font-size: 0.875rem; }
  .ant-input-number .ant-input-number-handler-wrap {
    opacity: 1;
    border-left: 1px solid #d7d7d7 !important; }
    .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler {
      height: 50% !important; }
      .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler:active {
        background: #f4f4f4 !important; }
    .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-up:hover {
      background: #f4f4f4 !important; }
    .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-up .ant-input-number-handler-up-inner {
      margin-top: -3px;
      height: 5px; }
      .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-up .ant-input-number-handler-up-inner svg {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #282b27; }
    .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-down {
      border-top: 1px solid #d7d7d7 !important; }
      .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-down:hover {
        background: #f4f4f4 !important; }
      .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-down .ant-input-number-handler-down-inner {
        margin-top: 0;
        height: 5px; }
        .ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler-down .ant-input-number-handler-down-inner svg {
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #282b27; }

.ant-page-header.my-customer-page {
  padding: 15px; }
  .ant-page-header.my-customer-page .ant-page-header-heading-title {
    font-size: 24px; }
  .ant-page-header.my-customer-page .export-group {
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 5px; }
    .ant-page-header.my-customer-page .export-group img {
      margin-right: 0.75rem;
      margin-top: -3px; }
    .ant-page-header.my-customer-page .export-group > button {
      display: flex;
      align-items: center;
      background-color: #cd917b;
      border: 1px solid #cd917b;
      color: #fff;
      margin: 0;
      border: 0;
      height: 100%;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 10px !important;
      line-height: 12px;
      letter-spacing: 1.538px; }
      .ant-page-header.my-customer-page .export-group > button.add-customer-btn {
        background-color: #FFB599;
        margin-right: 0.5rem; }
      .ant-page-header.my-customer-page .export-group > button .info-icon {
        margin-left: 0; }

.my-customers-content {
  margin: 1.25rem 0; }
  .my-customers-content .header-action-group {
    display: flex;
    width: 100%;
    margin-bottom: 0.45rem; }
    .my-customers-content .header-action-group .filter-group {
      display: flex;
      align-items: center;
      width: 100%; }
      .my-customers-content .header-action-group .filter-group .filter {
        margin-left: 2rem; }
        .my-customers-content .header-action-group .filter-group .filter > img {
          margin-right: 0.75rem;
          width: 17px; }
        .my-customers-content .header-action-group .filter-group .filter:not(.returns-checkbox) > span {
          line-height: 32px; }
      .my-customers-content .header-action-group .filter-group .find-customers-input {
        max-width: 14rem;
        height: 1.875rem;
        border-color: rgba(40, 43, 39, 0.4);
        box-shadow: none !important;
        padding: 4px 7px !important;
        border-radius: 4px; }
        .my-customers-content .header-action-group .filter-group .find-customers-input input {
          padding-left: 0 !important; }
          .my-customers-content .header-action-group .filter-group .find-customers-input input::-moz-placeholder {
            color: #282b27;
            font-size: 0.875rem; }
          .my-customers-content .header-action-group .filter-group .find-customers-input input:-ms-input-placeholder {
            color: #282b27;
            font-size: 0.875rem; }
          .my-customers-content .header-action-group .filter-group .find-customers-input input::-ms-input-placeholder {
            color: #282b27;
            font-size: 0.875rem; }
          .my-customers-content .header-action-group .filter-group .find-customers-input input::placeholder {
            color: #282b27;
            font-size: 0.875rem; }
          .my-customers-content .header-action-group .filter-group .find-customers-input input:hover, .my-customers-content .header-action-group .filter-group .find-customers-input input:focus {
            box-shadow: none; }
        .my-customers-content .header-action-group .filter-group .find-customers-input svg {
          color: #282b27;
          opacity: 0.4;
          font-size: 1rem; }
      .my-customers-content .header-action-group .filter-group .filter-date {
        display: flex;
        align-items: center; }
        .my-customers-content .header-action-group .filter-group .filter-date .filter-name {
          margin-right: 0.5rem; }
        .my-customers-content .header-action-group .filter-group .filter-date .anticon-down {
          margin-left: 0.5rem; }
        .my-customers-content .header-action-group .filter-group .filter-date .filter-value {
          cursor: pointer; }
  .my-customers-content .ant-table-thead .ant-table-cell-fix-right {
    padding-left: 1.2rem !important; }
  .my-customers-content .ant-table-tbody > tr.ant-table-row-level-0:hover > td {
    background: unset; }

.my-orders .my-orders-content {
  padding: 0 15px; }

.my-orders .order-summaires {
  display: flex;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem; }
  .my-orders .order-summaires .summary-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8.563rem;
    min-height: 5.315rem;
    padding: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 0.625rem; }
    .my-orders .order-summaires .summary-box.total-sales {
      margin-right: 2rem; }
    .my-orders .order-summaires .summary-box.total-orders .box-value {
      color: #cd917b; }
    .my-orders .order-summaires .summary-box span {
      width: 100%;
      color: #282b27;
      font-size: 0.813rem;
      line-height: 1rem; }
      .my-orders .order-summaires .summary-box span.box-label {
        margin-bottom: 0.5rem; }
      .my-orders .order-summaires .summary-box span.box-value {
        font-size: 1.125rem;
        line-height: 1.375rem;
        font-weight: 600; }

.my-orders .header-action-group {
  display: flex;
  width: 100%; }
  .my-orders .header-action-group .filter-group {
    display: flex;
    align-items: center;
    width: 100%; }
    .my-orders .header-action-group .filter-group .filter {
      margin-left: 2rem; }
      .my-orders .header-action-group .filter-group .filter > img {
        margin-right: 0.75rem;
        width: 17px; }
      .my-orders .header-action-group .filter-group .filter:not(.returns-checkbox) > span {
        line-height: 32px; }
    .my-orders .header-action-group .filter-group .find-customers-input,
    .my-orders .header-action-group .filter-group .find-orders-input {
      max-width: 14rem;
      height: 1.875rem;
      border-color: rgba(40, 43, 39, 0.4);
      box-shadow: none !important; }
      .my-orders .header-action-group .filter-group .find-customers-input input::-moz-placeholder, .my-orders .header-action-group .filter-group .find-orders-input input::-moz-placeholder {
        color: #282b27;
        font-size: 0.875rem; }
      .my-orders .header-action-group .filter-group .find-customers-input input:-ms-input-placeholder, .my-orders .header-action-group .filter-group .find-orders-input input:-ms-input-placeholder {
        color: #282b27;
        font-size: 0.875rem; }
      .my-orders .header-action-group .filter-group .find-customers-input input::-ms-input-placeholder, .my-orders .header-action-group .filter-group .find-orders-input input::-ms-input-placeholder {
        color: #282b27;
        font-size: 0.875rem; }
      .my-orders .header-action-group .filter-group .find-customers-input input::placeholder,
      .my-orders .header-action-group .filter-group .find-orders-input input::placeholder {
        color: #282b27;
        font-size: 0.875rem; }
      .my-orders .header-action-group .filter-group .find-customers-input input:hover, .my-orders .header-action-group .filter-group .find-customers-input input:focus,
      .my-orders .header-action-group .filter-group .find-orders-input input:hover,
      .my-orders .header-action-group .filter-group .find-orders-input input:focus {
        box-shadow: none; }
      .my-orders .header-action-group .filter-group .find-customers-input svg,
      .my-orders .header-action-group .filter-group .find-orders-input svg {
        color: #282b27;
        opacity: 0.4;
        font-size: 1rem; }
    .my-orders .header-action-group .filter-group .filter-date {
      display: flex;
      align-items: center; }
      .my-orders .header-action-group .filter-group .filter-date .filter-name {
        margin-right: 0.5rem; }
      .my-orders .header-action-group .filter-group .filter-date .anticon-down {
        margin-left: 0.5rem; }
      .my-orders .header-action-group .filter-group .filter-date .filter-value {
        cursor: pointer; }
    .my-orders .header-action-group .filter-group .returns-checkbox span {
      font-size: 0.875rem;
      color: #282b27; }
      .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox {
        border-color: #979797 !important; }
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox:focus, .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox:hover {
          border-color: #979797 !important;
          box-shadow: none !important; }
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox.ant-checkbox-checked:after {
          border-radius: 3px;
          border: 1px solid #ffb599 !important; }
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox.ant-checkbox-checked:hover,
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
          border-radius: 3px;
          background-color: #ffb599;
          border-color: #ffb599 !important; }
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox .ant-checkbox-inner {
          border-radius: 3px;
          border: 1px solid #979797;
          width: 15px;
          height: 15px; }
          .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox .ant-checkbox-inner:after {
            margin-top: -1px; }
        .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox input {
          width: 15px; }
          .my-orders .header-action-group .filter-group .returns-checkbox span.ant-checkbox input:focus + .ant-checkbox-inner {
            border-color: #979797; }
  .my-orders .header-action-group .export-group {
    display: flex;
    align-items: center;
    width: 8.125rem;
    height: 30px;
    background: #cd917b;
    border-radius: 5px;
    border: 1px solid #cd917b; }
    .my-orders .header-action-group .export-group img {
      margin-right: 0.75rem;
      margin-top: -3px; }
    .my-orders .header-action-group .export-group > button {
      display: flex;
      align-items: center;
      background-color: #cd917b;
      color: #fff;
      width: 100%;
      margin: 0;
      border: 0;
      height: 100%;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 10px !important;
      line-height: 12px;
      letter-spacing: 1.538px; }

.my-orders .tabs-group {
  margin: 1rem 0; }

.my-orders .orders-table th {
  padding: 12px 6px !important; }
  .my-orders .orders-table th .order-status-head {
    position: relative; }
    .my-orders .orders-table th .order-status-head .info-icon {
      position: absolute;
      right: -3.125rem;
      top: 50%;
      margin-top: -8px;
      width: 15px; }

.my-orders .orders-table .unread {
  background-color: #fff0eb; }

.my-orders .orders-table .icon-unread {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background-color: #ff5b49; }

.my-orders .orders-table .customer-cell {
  display: flex;
  align-items: center; }
  .my-orders .orders-table .customer-cell .info-icon {
    margin-right: 0.5rem;
    width: 25px;
    height: 25px; }

.my-orders .returned {
  background-color: #fffbea; }

.my-orders .status-cell {
  display: flex;
  align-items: flex-start;
  position: relative; }

.my-orders .status-cell,
.my-orders .item-value {
  display: flex;
  align-items: center; }
  .my-orders .status-cell .status-icon,
  .my-orders .item-value .status-icon {
    margin-right: 0.5rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block; }
    .my-orders .status-cell .status-icon.icon-ps-return-init, .my-orders .status-cell .status-icon.icon-ps-return-received, .my-orders .status-cell .status-icon.icon-ps-cancelled,
    .my-orders .item-value .status-icon.icon-ps-return-init,
    .my-orders .item-value .status-icon.icon-ps-return-received,
    .my-orders .item-value .status-icon.icon-ps-cancelled {
      background-color: #ffb599; }
    .my-orders .status-cell .status-icon.icon-ps-shipped-to-customer, .my-orders .status-cell .status-icon.icon-ps-returned, .my-orders .status-cell .status-icon.icon-ps-returned-to-supplier, .my-orders .status-cell .status-icon.icon-ps-picked-up, .my-orders .status-cell .status-icon.icon-ps-completed,
    .my-orders .item-value .status-icon.icon-ps-shipped-to-customer,
    .my-orders .item-value .status-icon.icon-ps-returned,
    .my-orders .item-value .status-icon.icon-ps-returned-to-supplier,
    .my-orders .item-value .status-icon.icon-ps-picked-up,
    .my-orders .item-value .status-icon.icon-ps-completed {
      background-color: #34b534; }
    .my-orders .status-cell .status-icon.icon-ps-re-allocated,
    .my-orders .item-value .status-icon.icon-ps-re-allocated {
      background-color: #c6c6c6; }
      .my-orders .status-cell .status-icon.icon-ps-re-allocated.icon-is-stock-req,
      .my-orders .item-value .status-icon.icon-ps-re-allocated.icon-is-stock-req {
        background-color: #df5757; }
    .my-orders .status-cell .status-icon.icon-ps-pending, .my-orders .status-cell .status-icon.icon-ps-pending-fulfillment,
    .my-orders .item-value .status-icon.icon-ps-pending,
    .my-orders .item-value .status-icon.icon-ps-pending-fulfillment {
      background-color: #c6c6c6; }
      .my-orders .status-cell .status-icon.icon-ps-pending.icon-is-stock-req, .my-orders .status-cell .status-icon.icon-ps-pending-fulfillment.icon-is-stock-req,
      .my-orders .item-value .status-icon.icon-ps-pending.icon-is-stock-req,
      .my-orders .item-value .status-icon.icon-ps-pending-fulfillment.icon-is-stock-req {
        background-color: #ffb599; }
  .my-orders .status-cell .stock-status-icon,
  .my-orders .item-value .stock-status-icon {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 0; }
    .my-orders .status-cell .stock-status-icon:after,
    .my-orders .item-value .stock-status-icon:after {
      content: " ";
      width: 8px;
      height: 8px; }
    .my-orders .status-cell .stock-status-icon.icon-ps-re-allocated, .my-orders .status-cell .stock-status-icon.icon-ps-return-delivered,
    .my-orders .item-value .stock-status-icon.icon-ps-re-allocated,
    .my-orders .item-value .stock-status-icon.icon-ps-return-delivered {
      background-color: #c6c6c6; }
      .my-orders .status-cell .stock-status-icon.icon-ps-re-allocated.icon-is-stock-req, .my-orders .status-cell .stock-status-icon.icon-ps-return-delivered.icon-is-stock-req,
      .my-orders .item-value .stock-status-icon.icon-ps-re-allocated.icon-is-stock-req,
      .my-orders .item-value .stock-status-icon.icon-ps-return-delivered.icon-is-stock-req {
        background-color: #df5757; }
    .my-orders .status-cell .stock-status-icon.icon-ps-no-supplier, .my-orders .status-cell .stock-status-icon.icon-ps-cancelled, .my-orders .status-cell .stock-status-icon.icon-ps-failed, .my-orders .status-cell .stock-status-icon.icon-ps-missed, .my-orders .status-cell .stock-status-icon.icon-ps-refund-rejected, .my-orders .status-cell .stock-status-icon.icon-ps-rejected,
    .my-orders .item-value .stock-status-icon.icon-ps-no-supplier,
    .my-orders .item-value .stock-status-icon.icon-ps-cancelled,
    .my-orders .item-value .stock-status-icon.icon-ps-failed,
    .my-orders .item-value .stock-status-icon.icon-ps-missed,
    .my-orders .item-value .stock-status-icon.icon-ps-refund-rejected,
    .my-orders .item-value .stock-status-icon.icon-ps-rejected {
      background-color: #df5757; }
    .my-orders .status-cell .stock-status-icon.icon-ps-supplier-shipped, .my-orders .status-cell .stock-status-icon.icon-ps-shipped-to-customer, .my-orders .status-cell .stock-status-icon.icon-ps-shipped-to-seller, .my-orders .status-cell .stock-status-icon.icon-ps-completed, .my-orders .status-cell .stock-status-icon.icon-ps-received-from-supplier, .my-orders .status-cell .stock-status-icon.icon-ps-delivered-to-seller, .my-orders .status-cell .stock-status-icon.icon-ps-returned, .my-orders .status-cell .stock-status-icon.icon-ps-returned-to-supplier, .my-orders .status-cell .stock-status-icon.icon-ps-return-credited, .my-orders .status-cell .stock-status-icon.icon-ps-picked-up, .my-orders .status-cell .stock-status-icon.icon-shipped,
    .my-orders .item-value .stock-status-icon.icon-ps-supplier-shipped,
    .my-orders .item-value .stock-status-icon.icon-ps-shipped-to-customer,
    .my-orders .item-value .stock-status-icon.icon-ps-shipped-to-seller,
    .my-orders .item-value .stock-status-icon.icon-ps-completed,
    .my-orders .item-value .stock-status-icon.icon-ps-received-from-supplier,
    .my-orders .item-value .stock-status-icon.icon-ps-delivered-to-seller,
    .my-orders .item-value .stock-status-icon.icon-ps-returned,
    .my-orders .item-value .stock-status-icon.icon-ps-returned-to-supplier,
    .my-orders .item-value .stock-status-icon.icon-ps-return-credited,
    .my-orders .item-value .stock-status-icon.icon-ps-picked-up,
    .my-orders .item-value .stock-status-icon.icon-shipped {
      background-color: #34b534; }
    .my-orders .status-cell .stock-status-icon.icon-ps-pending, .my-orders .status-cell .stock-status-icon.icon-ps-pending-fulfillment, .my-orders .status-cell .stock-status-icon.icon-pending,
    .my-orders .item-value .stock-status-icon.icon-ps-pending,
    .my-orders .item-value .stock-status-icon.icon-ps-pending-fulfillment,
    .my-orders .item-value .stock-status-icon.icon-pending {
      background-color: #c6c6c6; }
      .my-orders .status-cell .stock-status-icon.icon-ps-pending.icon-is-stock-req, .my-orders .status-cell .stock-status-icon.icon-ps-pending-fulfillment.icon-is-stock-req, .my-orders .status-cell .stock-status-icon.icon-pending.icon-is-stock-req,
      .my-orders .item-value .stock-status-icon.icon-ps-pending.icon-is-stock-req,
      .my-orders .item-value .stock-status-icon.icon-ps-pending-fulfillment.icon-is-stock-req,
      .my-orders .item-value .stock-status-icon.icon-pending.icon-is-stock-req {
        background-color: #ffb599; }
    .my-orders .status-cell .stock-status-icon.icon-ps-accepted, .my-orders .status-cell .stock-status-icon.icon-action-required, .my-orders .status-cell .stock-status-icon.icon-ready-for-pickup, .my-orders .status-cell .stock-status-icon.icon-ps-return-init, .my-orders .status-cell .stock-status-icon.icon-ps-return-received, .my-orders .status-cell .stock-status-icon.icon-ps-returning, .my-orders .status-cell .stock-status-icon.icon-ps-ready-for-pickup, .my-orders .status-cell .stock-status-icon.icon-accepted,
    .my-orders .item-value .stock-status-icon.icon-ps-accepted,
    .my-orders .item-value .stock-status-icon.icon-action-required,
    .my-orders .item-value .stock-status-icon.icon-ready-for-pickup,
    .my-orders .item-value .stock-status-icon.icon-ps-return-init,
    .my-orders .item-value .stock-status-icon.icon-ps-return-received,
    .my-orders .item-value .stock-status-icon.icon-ps-returning,
    .my-orders .item-value .stock-status-icon.icon-ps-ready-for-pickup,
    .my-orders .item-value .stock-status-icon.icon-accepted {
      background-color: #ffb599; }
  .my-orders .status-cell .stock-status-text,
  .my-orders .item-value .stock-status-text {
    font-size: 0.75rem;
    font-weight: 500 !important;
    line-height: 0.938rem;
    padding-left: 1rem;
    white-space: pre-line; }

.my-orders .ant-table-tbody > tr.ant-table-row-level-0:hover > td {
  background: unset; }

.order-details-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem; }
  .order-details-header h2 {
    margin-bottom: 0; }
  .order-details-header .header-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .order-details-header .order-action-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #34b534;
    color: #fff;
    text-transform: uppercase;
    min-width: 12rem;
    margin-left: 0.625rem; }
    .order-details-header .order-action-button img {
      margin-right: 0.5rem; }
    .order-details-header .order-action-button svg {
      margin-right: 0.75rem; }
    .order-details-header .order-action-button span {
      font-size: 0.625rem;
      line-height: 0.813rem;
      letter-spacing: 1.54px;
      font-weight: bold; }
    .order-details-header .order-action-button:disabled {
      background: #ececec;
      pointer-events: none; }
    .order-details-header .order-action-button.return-button {
      background: #D1886D;
      margin-left: 0; }
  .order-details-header .shipped-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #CAEBCA;
    color: #34B534;
    text-transform: uppercase;
    min-width: 12rem;
    border-radius: 3px;
    height: 1.875rem;
    padding: 0 0.75rem; }
    .order-details-header .shipped-tag img {
      margin-right: 0.5rem; }
    .order-details-header .shipped-tag span {
      font-size: 0.625rem;
      line-height: 0.813rem;
      letter-spacing: 1.54px;
      font-weight: bold; }

.order-content {
  display: flex;
  flex-direction: row; }
  .order-content .col-left {
    width: 100%;
    padding-right: 1.125rem; }
  .order-content .col-right {
    width: 22rem; }
  .order-content .order-alert {
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    background-color: rgba(255, 181, 155, 0.35);
    font-size: 0.75rem;
    color: #d1886d;
    padding: 0.5rem 1rem;
    align-items: center;
    justify-items: center; }
    .order-content .order-alert:not(:first-child) {
      margin-top: 0.5rem; }
    .order-content .order-alert .alert-icon img {
      width: 100%;
      margin-top: 0.275rem; }
    .order-content .order-alert .alert-content {
      padding-left: 0.75rem;
      font-weight: 500;
      width: 100%; }
    .order-content .order-alert.success {
      background-color: #CAEBCA;
      color: #34B534; }
  .order-content .order-details-table th {
    color: #282b27;
    font-size: 0.813rem !important;
    line-height: 1rem;
    padding: 12px 6px !important;
    background: none !important;
    border-top: 0 !important; }
    .order-content .order-details-table th:first-child {
      text-align: left !important; }
  .order-content .order-details-table.tb-hidden-action colgroup col:last-child {
    display: none; }
  .order-content .order-details-table .style-name {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .order-content .order-details-table .style-name .name {
      text-transform: uppercase;
      margin-bottom: 0.438rem; }
    .order-content .order-details-table .style-name .description img {
      margin-right: 0.5rem; }
  .order-content .order-details-table td {
    border-bottom: 1px solid rgba(151, 151, 151, 0.26);
    vertical-align: top;
    padding: 1.25rem 0.5rem !important; }
    .order-content .order-details-table td:first-child {
      vertical-align: middle !important;
      padding: 0.5rem !important; }
    .order-content .order-details-table td .action-button {
      width: 26px;
      height: 24px;
      background: #cd917b;
      padding: 0; }
      .order-content .order-details-table td .action-button img {
        margin-top: 2px; }
      .order-content .order-details-table td .action-button.disabled-dropdown {
        background: #ececec;
        pointer-events: none; }
  .order-content .order-details-table .cancelled {
    opacity: 0.5; }
  .order-content .order-action-head {
    display: flex;
    justify-content: space-between; }
    .order-content .order-action-head img {
      width: 0.875rem;
      height: 0.875rem; }
    .order-content .order-action-head.not-reallocated {
      direction: rtl; }
  .order-content .order-total {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    text-align: right;
    margin-bottom: 2rem;
    align-items: center;
    display: flex;
    justify-content: flex-end; }
    .order-content .order-total .waiting-accept {
      font-size: 0.813rem;
      font-weight: 600;
      line-height: 1rem;
      color: #df5757;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin-right: 2.5rem; }
      .order-content .order-total .waiting-accept img {
        margin-right: 0.5rem; }
  .order-content .order-details-address {
    display: flex; }
    .order-content .order-details-address.pickup-billing {
      direction: rtl;
      text-align: left; }
    .order-content .order-details-address .box-shipping,
    .order-content .order-details-address .box-billing {
      width: calc(50% - 0.313rem);
      border: 1px solid #e3e3e3;
      border-radius: 5px; }
      .order-content .order-details-address .box-shipping span,
      .order-content .order-details-address .box-billing span {
        font-size: 0.75rem;
        font-weight: normal !important; }
      .order-content .order-details-address .box-shipping .box-title,
      .order-content .order-details-address .box-billing .box-title {
        background-color: #f7f7f7;
        padding: 0.5rem 1rem; }
        .order-content .order-details-address .box-shipping .box-title span,
        .order-content .order-details-address .box-billing .box-title span {
          font-size: 1rem; }
      .order-content .order-details-address .box-shipping .box-content,
      .order-content .order-details-address .box-billing .box-content {
        padding: 0.75rem 1rem; }
        .order-content .order-details-address .box-shipping .box-content span,
        .order-content .order-details-address .box-billing .box-content span {
          font-size: 0.875rem;
          font-weight: 500 !important; }
    .order-content .order-details-address .box-shipping {
      margin-right: 0.625rem; }
  .order-content .ant-table-footer {
    background: none; }
    .order-content .ant-table-footer .order-footer-table {
      margin-top: 1.5rem; }
      .order-content .ant-table-footer .order-footer-table .footer-row {
        border-bottom: 1px solid rgba(151, 151, 151, 0.26);
        padding: 0.75rem;
        display: flex; }
        .order-content .ant-table-footer .order-footer-table .footer-row .col-left {
          width: 70%;
          padding-left: 7rem; }
          .order-content .ant-table-footer .order-footer-table .footer-row .col-left span {
            color: #282b27;
            opacity: 0.5;
            font-weight: 500; }
        .order-content .ant-table-footer .order-footer-table .footer-row .col-right {
          width: 30%;
          text-align: left;
          padding-left: 3rem; }
          .order-content .ant-table-footer .order-footer-table .footer-row .col-right span {
            font-weight: 500; }
            .order-content .ant-table-footer .order-footer-table .footer-row .col-right span.discount {
              color: #df5757; }
  .order-content .general-details {
    border: 1px solid #e3e3e3;
    border-radius: 5px; }
    .order-content .general-details span {
      font-size: 0.75rem;
      font-weight: normal !important; }
    .order-content .general-details .details-title {
      background-color: #f7f7f7;
      padding: 0.5rem 1rem; }
      .order-content .general-details .details-title span {
        font-size: 1rem; }
    .order-content .general-details .details-order {
      padding: 1rem;
      border-bottom: 1px solid rgba(151, 151, 151, 0.26);
      display: flex; }
      .order-content .general-details .details-order .order-status {
        width: 50%; }
        .order-content .general-details .details-order .order-status .order-status-item {
          margin-bottom: 4px; }
        .order-content .general-details .details-order .order-status .item-value {
          font-weight: 500 !important;
          display: flex;
          align-items: flex-start;
          position: relative;
          margin-top: 6px; }
          .order-content .general-details .details-order .order-status .item-value .status-icon {
            position: absolute;
            top: 6px;
            left: 0; }
          .order-content .general-details .details-order .order-status .item-value .status-text {
            padding-left: 1rem;
            font-weight: 500 !important; }
      .order-content .general-details .details-order .order-date {
        width: 50%;
        padding-left: 0.438rem; }
        .order-content .general-details .details-order .order-date .order-date-item {
          display: block;
          margin-bottom: 4px; }
        .order-content .general-details .details-order .order-date .item-value {
          font-weight: 500 !important;
          line-height: normal;
          margin-top: 6px; }
    .order-content .general-details .details-customer {
      padding: 1rem;
      display: flex;
      flex-direction: column; }
      .order-content .general-details .details-customer .customer-info {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem; }
        .order-content .general-details .details-customer .customer-info span:not(.item-value) {
          margin-bottom: 5px; }
        .order-content .general-details .details-customer .customer-info .item-value {
          font-size: 0.875rem;
          font-weight: 500 !important; }
          .order-content .general-details .details-customer .customer-info .item-value.item-store-name {
            display: flex;
            align-items: center; }
            .order-content .general-details .details-customer .customer-info .item-value.item-store-name img {
              margin-right: 0.563rem; }
  .order-content .order-chat {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin-top: 1.5rem; }
    .order-content .order-chat span {
      font-size: 0.75rem;
      font-weight: normal !important; }
    .order-content .order-chat .chat-title {
      background-color: #f7f7f7;
      padding: 0.5rem 1rem;
      display: flex;
      flex-direction: column; }
      .order-content .order-chat .chat-title span {
        font-size: 1rem; }
        .order-content .order-chat .chat-title span.sub-title {
          font-size: 0.813rem !important; }
    .order-content .order-chat .chat-content {
      display: flex;
      flex-direction: column;
      height: 400px; }
      .order-content .order-chat .chat-content .my-message,
      .order-content .order-chat .chat-content .cus-message {
        background-color: #ffefe9;
        padding: 0.5rem;
        margin-bottom: 0.5rem;
        border-radius: 5px; }
        .order-content .order-chat .chat-content .my-message span,
        .order-content .order-chat .chat-content .cus-message span {
          font-size: 0.75rem; }
      .order-content .order-chat .chat-content .my-message {
        background-color: #f7f7f7; }
      .order-content .order-chat .chat-content .time-ago {
        text-align: right; }
        .order-content .order-chat .chat-content .time-ago span {
          opacity: 0.5; }
    .order-content .order-chat .chat-footer {
      padding: 1rem;
      display: flex;
      flex-direction: column; }
      .order-content .order-chat .chat-footer textarea {
        border: 0;
        box-shadow: none !important;
        resize: none; }
      .order-content .order-chat .chat-footer .send-button {
        text-align: right; }
        .order-content .order-chat .chat-footer .send-button button {
          background-color: #cd917b;
          margin-top: 0.5rem; }
          .order-content .order-chat .chat-footer .send-button button span {
            color: #ffffff;
            font-size: 0.625rem;
            font-weight: bold !important;
            line-height: 0.75rem;
            letter-spacing: 1.5;
            text-transform: uppercase; }

.back-orders {
  font-size: 0.875rem !important;
  color: #282b27 !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 0.25rem; }
  .back-orders img {
    margin-right: 0.5rem !important; }

.status-icon {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block; }
  .status-icon.icon-pending {
    background: #bdbebd; }
  .status-icon.icon-cancelled, .status-icon.icon-action-required {
    background: #ffb599; }
  .status-icon.icon-shipped, .status-icon.icon-returned, .status-icon.icon-completed {
    background: #34b534; }

.status-information .status-item {
  margin-bottom: 1.2rem;
  font-size: 0.813rem;
  line-height: 1.3; }
  .status-information .status-item:last-child {
    margin-bottom: 0.5rem; }
  .status-information .status-item .status-name {
    display: flex;
    align-items: center; }
    .status-information .status-item .status-name .status-icon {
      margin-right: 0.5rem; }
  .status-information .status-item .status-content {
    color: #bdbebd;
    padding-left: 1rem; }

.ant-radio-group .ant-radio-button-wrapper {
  height: 35px;
  line-height: 33px;
  color: #282b27;
  border-color: #e3e3e3; }
  .ant-radio-group .ant-radio-button-wrapper:hover {
    color: #282b27; }
  .ant-radio-group .ant-radio-button-wrapper span {
    font-size: 0.813rem;
    color: #282b27; }
  .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
    border-color: #cd917b; }
    .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
      border-color: #cd917b; }
    .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child {
      border-right-color: #cd917b; }
    .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
      color: #ffffff;
      background: #cd917b; }
      .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before {
        background: #cd917b; }
    .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked span {
      font-weight: 600;
      color: #ffffff; }

.ant-dropdown-menu.export-dropdown {
  margin-right: -10px; }

.cancel-dropdown {
  background-color: #CD917B;
  margin-left: 0.5rem;
  width: 32px;
  padding: 4px 0; }
  .cancel-dropdown:hover, .cancel-dropdown:active, .cancel-dropdown:focus {
    background-color: #CD917B; }

.action-dropdown {
  min-width: 12.5rem; }
  .action-dropdown .action-dropdown-content {
    border-radius: 5px;
    border-top-right-radius: 0;
    margin-top: -4px;
    padding: 0.5rem 0;
    border: 1px solid #979797;
    border-radius: 8px 0 8px 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
    display: flex;
    flex-direction: column; }
    .action-dropdown .action-dropdown-content .dropdown-item {
      cursor: pointer;
      padding: 0.5rem 1.5rem;
      font-size: 0.75rem;
      font-weight: 500; }

.ant-select {
  border-color: rgba(40, 43, 39, 0.4) !important; }
  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: rgba(40, 43, 39, 0.4); }
  .ant-select.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    box-shadow: none !important; }
  .ant-select .ant-select-selector {
    height: 1.875rem !important;
    border-radius: 0.3rem !important;
    border: 1px solid rgba(40, 43, 39, 0.4) !important; }
    .ant-select .ant-select-selector input,
    .ant-select .ant-select-selector .ant-select-selection-placeholder {
      height: 1.875rem !important;
      line-height: 1.875rem !important;
      color: #282b27 !important;
      opacity: 1;
      font-size: 0.875rem; }

.ant-picker {
  color: #282b27; }
  .ant-picker.filter-all-date input {
    max-width: 2rem !important; }
  .ant-picker.ant-picker-range .ant-picker-active-bar {
    background: #ffb599; }
  .ant-picker.ant-picker-range .ant-picker-separator,
  .ant-picker.ant-picker-range .ant-picker-suffix {
    color: #282b27; }
  .ant-picker .ant-picker-input {
    max-width: 6.5rem;
    cursor: pointer; }
    .ant-picker .ant-picker-input input {
      color: #282b27; }
      .ant-picker .ant-picker-input input::-moz-placeholder {
        text-align: center;
        color: #282b27; }
      .ant-picker .ant-picker-input input:-ms-input-placeholder {
        text-align: center;
        color: #282b27; }
      .ant-picker .ant-picker-input input::-ms-input-placeholder {
        text-align: center;
        color: #282b27; }
      .ant-picker .ant-picker-input input::placeholder {
        text-align: center;
        color: #282b27; }
      .ant-picker .ant-picker-input input:focus, .ant-picker .ant-picker-input input:hover {
        border-color: #ffb599; }
    .ant-picker .ant-picker-input .ant-picker-suffix {
      color: #282b27;
      margin-left: 2px; }

.ant-picker-dropdown button {
  box-shadow: none;
  border-color: none;
  background: none; }
  .ant-picker-dropdown button:hover, .ant-picker-dropdown button:focus {
    box-shadow: none;
    border-color: none;
    background: none; }

.ant-picker-dropdown table th,
.ant-picker-dropdown table td {
  border: none;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  text-align: center; }
  .ant-picker-dropdown table th .ant-picker-cell-inner,
  .ant-picker-dropdown table td .ant-picker-cell-inner {
    font-size: 14px; }

.ant-picker-dropdown .ant-picker-cell-today:before {
  display: none;
  border: 1px solid #ffb599; }

.ant-picker-dropdown .ant-picker-cell-today .ant-picker-cell-inner:before {
  border: 1px solid #ffb599; }

.ant-picker-dropdown .ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-range-end .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner {
  background: #ffb599; }

.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  border-top: 1px dashed #ffb599;
  border-bottom: 1px dashed #ffb599; }

.ant-picker-dropdown .ant-picker-dropdown
tr
> .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
.ant-picker-dropdown .ant-picker-dropdown
tr
> .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-dropdown .ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-dropdown .ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,
.ant-picker-dropdown .ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  border-left: 1px dashed #ffb599; }

.ant-picker-dropdown tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
.ant-picker-dropdown tr
> .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  border-right: 1px dashed #ffb599; }

.ant-picker-dropdown .ant-picker-header .ant-picker-month-btn:hover,
.ant-picker-dropdown .ant-picker-header .ant-picker-year-btn:hover {
  color: #cd917b; }

.boutique-paragraph {
  padding-bottom: 1.4em; }

.boutique-row {
  display: flex; }
  .boutique-row > * {
    margin-right: 40px; }

.ant-upload.ant-upload-select.ant-upload-select-picture-card {
  width: 100% !important;
  height: unset !important; }

.boutique-button {
  background: #ffb599; }
  .boutique-button:focus, .boutique-button:hover {
    background: #ffb599;
    opacity: 0.9; }

.boutique-action-card {
  text-align: center;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  padding: 20px;
  width: 250px;
  height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9em; }
  .boutique-action-card .image img {
    max-width: 90px; }


/*# sourceMappingURL=index.css.map*/